选择人员弹框

src/components/PreHistory/PreHistory.vue

@@ -0,0 +1,73 @@
+<template>
+  <div>
+    <jjtOnlyOffice :option="option" :usersArr="usersArr" :hisArr="hisArr" />
+  </div>
+</template>
+
+<script setup>
+import jjtOnlyOffice from "@/components/OnlyOffice/index.vue";
+import { ref, toRaw, onMounted, inject, onActivated, watch } from "vue";
+import { useRouter, useRoute, onBeforeRouteUpdate } from "vue-router";
+import { getTemplateUsers } from "@/api/biz/template.js";
+import { ElMessage } from "element-plus";
+import useUserStore from "@/store/modules/user";
+import { getInfo } from "@/api/biz/info";
+const props = defineProps({
+  showPreview: {
+    type: Boolean,
+    default: false,
+  },
+});
+const usersArr = ref([]);
+const option = ref({
+  key: "",
+  url: "", //在线文档地址
+  isEdit: true, //是否允许编辑
+  fileType: "", //文件扩展名
+  title: "", //文件标题
+  user: {
+    id: null, //用户ID
+    name: "", //用户姓名
+  },
+  userdata: "",
+  editUrl: "", //回调地址
+});
+const close = () => {};
+function oo(docId, fileId) {
+  getInfo(docId).then((response) => {
+    const obj = response.data;
+    option.value.isEdit = false;
+    option.value.isCopy = false;
+    option.value.url = `${window.location.origin}${
+      import.meta.env.VITE_APP_BASE_API
+    }/api/history/${fileId}`;
+    console.log("url = ", option.value.url);
+    option.value.title = obj.fileName;
+    option.value.key = obj.fileId;
+    option.value.fileType = obj.fileType.replace(".", "");
+    option.value.editUrl = `${window.location.origin}${
+      import.meta.env.VITE_APP_BASE_API
+    }/only-office/callback/${props.docId}?name=${useUserStore().uname}`;
+    option.value.user = {
+      id: useUserStore().uid, //用户ID
+      name: useUserStore().uname, //用户姓名
+    };
+  });
+}
+const getUsers = async () => {
+  const res = await getTemplateUsers();
+  console.log("res", res.data);
+  usersArr.value = res.data;
+};
+onMounted(() => {
+  let route = useRoute();
+  getUsers();
+  console.log("route", route.query);
+  let docId = route.query.clickRowId;
+  let fileId = route.query.fileId;
+  oo(docId, fileId);
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

src/components/historyList/index.vue

@@ -45,7 +45,7 @@
         </span>
       </template>
     </el-dialog>
-    <FileEdit :docId="docId" :copyRow="copyRow" :isEdit="false"></FileEdit>
+    <!-- <FileEdit :docId="docId" :copyRow="copyRow" :isEdit="false"></FileEdit> -->
   </div>
 </template>
     <script setup>

src/router/index.js

@@ -88,6 +88,12 @@ export const constantRoutes = [{
 	// }]
 },
 {
+	path: "/preHistory",
+	name: "preHistory",
+	// component: common,
+	component: () => import("@/components/PreHistory/PreHistory.vue"),
+},
+{
 	path: '',
 	component: () => import('@/layout/indexCommon.vue'),
 	redirect: '/index',

src/views/department/modalComponebts/SpaceBig.vue

@@ -63,6 +63,7 @@ export default {
             }).then(res => {
                 console.log(res,'ssq');
             })
+            ElMessage({ message: '申请已提交', type: 'success' })
             askTo.value = false
             emit("getSpaceC", askTo.value)
         }

src/views/department/modalComponebts/Transfer.vue

@@ -15,7 +15,7 @@
                                 @check-change="allTreeChange" :default-checked-keys="backScreen" :check-strictly="false">
                                 <template #default="{ node, data }">
                                     <span class="custom-tree-node">
-                                        <img v-if="data.disabled" src="@/assets/images/Users.png" alt="" />
+                                        <img v-if="data.disabled" src="@/assets/images/yellowUsers.png" alt="" />
                                         <img v-else src="@/assets/images/oneUser.png" alt="" />
                                         <span>{{ node.label }}</span>
                                     </span>

src/views/myfile/MyFile.vue

@@ -857,7 +857,8 @@ export default {
         const setHisData = (data)=>{
             nowTime.value = new Date().getTime()
             hisIfarmeData.value = {
-                src:`${window.location.origin}/fileEdit?clickRowId=${data.docId}&canEdit=0&canCopy=0&history=1&fileId=${data.fileId}`,
+                // src:`${window.location.origin}/fileEdit?clickRowId=${data.docId}&canEdit=0&canCopy=0&history=1&fileId=${data.fileId}`,
+                src:`${window.location.origin}/preHistory?clickRowId=${data.docId}&fileId=${data.fileId}`,
             }
             showHis.value = true
             const dom = document.getElementById('iframeHis')

src/views/myfile/modalComponebts/SpaceBig.vue

@@ -63,6 +63,7 @@ export default {
             }).then(res => {
                 console.log(res,'ssq');
             })
+            ElMessage({ message: '申请已提交', type: 'success' })
             askTo.value = false
             emit("getSpaceC", askTo.value)
         }

src/views/publicment/modalComponebts/Transfer.vue

@@ -15,7 +15,7 @@
                                 @check-change="allTreeChange" :default-checked-keys="backScreen" :check-strictly="false">
                                 <template #default="{ node, data }">
                                     <span class="custom-tree-node">
-                                        <img v-if="data.disabled" src="@/assets/images/Users.png" alt="" />
+                                        <img v-if="data.disabled" src="@/assets/images/yellowUsers.png" alt="" />
                                         <img v-else src="@/assets/images/oneUser.png" alt="" />
                                         <span>{{ node.label }}</span>
                                     </span>