人员树区分显示

src/components/FileTreeChoice/index.vue

@@ -15,7 +15,7 @@
           :props="defaultProps"
           @node-click="handleNodeClick"
         >
-          <template #default="{ node }">
+          <template #default="{ node,data }">
             <span style="display: flex;align-items: center;">
               <img :src="fileImg" alt="" style="width: 20px;height: 20px;margin-right: 5px;"/>
               <!-- 放置图片 -->
@@ -75,6 +75,7 @@ const treeData = reactive({ data: [] });
 watchEffect(() => {
   treeData.data[0]=props.fileUserTreeData
   toRaw(treeData.data);
+  console.log('tree',treeData.data);
 });
 
 //树

src/components/MoveTo/MoveTo.vue

@@ -60,6 +60,7 @@ import documents from "@/api/document/document";
 import myfile from "@/api/myfile/myfile";
 import { claimFile } from "@/api/scanner/info.js";
 import { ElMessage } from "element-plus";
+import { setIcon } from "@/utils/index.js";
 const props = defineProps({
   openScanMove: {
     type: Boolean,
@@ -133,9 +134,12 @@ const checkoutNode = (node, data) => {
 function getFileTree() {
   documents.fileTree(props.spaceType).then((res) => {
     treeData.value = [res];
-    // console.log("treedata", res);
+    console.log("treedata", res);
   });
 }
+const setImg = (type)=>{
+    return setIcon(type)
+}
 onMounted(() => {
   getFileTree();
   // console.log("thisFolder", props.thisFolder);

src/views/department/components/createTasnsfer.vue

@@ -5,7 +5,15 @@
       <div class="allLog">
         <el-tree ref="treeRef" :filter-node-method="filterNode" :data="allTreeData" :props="allTreeProps" show-checkbox
           node-key="id" :default-expanded-keys="openTree" @check="allTreeChange" :default-checked-keys="backScreen"
-          :check-strictly="false" />
+          :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-else src="@/assets/images/oneUser.png" alt="" />
+                <span>{{ node.label }}</span>
+              </span>
+            </template>
+          </el-tree>
       </div>
     </div>
     <div class="needBag">
@@ -224,6 +232,14 @@ onMounted(async () => {
   /* border: 1px solid red; */
   overflow-y: auto;
 }
+.custom-tree-node{
+  display: flex;
+  align-items: center;
+  img{
+    width: 22px;
+    height: 22px;
+  }
+}
 
 .needBag_top {
   padding: 0 10px;

src/views/myfile/MyFile.vue

@@ -456,7 +456,7 @@
         :showInputPassword="showInputPassword"></inputPassword>
     <div v-loading.fullscreen="loadingPreview" v-if="loadingPreview" class="lodingBox"></div>
     <!-- 新增文档 -->
-    <AddFile v-if="newAdd" :newAdd="newAdd" @threeBe="threeBe" :clickFileData="clickFileData"></AddFile>
+    <AddFile v-if="newAdd" :newAdd="newAdd" @closeAddFile="closeAddFile" @threeBe="threeBe" :clickFileData="clickFileData"></AddFile>
     <!-- 扫描文档 -->
     <ScanFile v-if="openScan" :openScan="openScan" :scannerFiles="scannerFiles" @saveScanFile="saveScanFile" @closeOpen="closeOpen"></ScanFile>
     <!-- 可用扫描仪信息 -->
@@ -1582,6 +1582,9 @@ export default {
             historyTotal.value = row
             fileUserTreeData.data = num
         }
+        const closeAddFile = ()=>{
+            newAdd.value = false
+        }
         //对mouseCli数组进行筛选，实现菜单的区分显示
         const filterMouseCli = () => {
             const canPreviewArray = ['.doc','.dps','.et', '.wps', '.docm', '.docx', '.dot', '.dotm', '.dotx', '.epub', '.fodt', '.htm', '.html', '.mht', '.odt', '.ott', '.pdf', '.rtf', '.txt', '.djvu', '.xps', '.csv', '.fods', '.ods', '.ots', '.xls', '.xlsm', '.xlsx', '.xlt', '.xltm', '.xltx', '.fodp', '.odp', '.otp', '.pot', '.potm', '.potx', '.pps', '.ppsm', '.ppsx', '.ppt', '.pptm', '.pptx']
@@ -2254,7 +2257,8 @@ export default {
             openScanMove,
             closeOpenScanMove,
             scanFileArr,
-            setImg
+            setImg,
+            closeAddFile
         }
     },
     watch: {

src/views/myjoin/components/AddFile.vue

@@ -120,7 +120,7 @@ export default {
     }
     function backTo() {
       addFile.value = false;
-      emit("threeBe", addFile.value);
+      emit("closeAddFile");
     }
     function everyDunk() {
       // fileCount.createFiles({

src/views/publicment/components/createTasnsfer.vue

@@ -5,7 +5,15 @@
       <div class="allLog">
         <el-tree ref="treeRef" :filter-node-method="filterNode" :data="allTreeData" :props="allTreeProps" show-checkbox
           node-key="id" :default-expanded-keys="openTree" @check="allTreeChange" :default-checked-keys="backScreen"
-          :check-strictly="false" />
+          :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-else src="@/assets/images/oneUser.png" alt="" />
+                <span>{{ node.label }}</span>
+              </span>
+            </template>
+          </el-tree>
       </div>
     </div>
     <div class="needBag">
@@ -213,7 +221,14 @@ onMounted(async () => {
   border: 1px solid green;
   overflow-y: auto;
 }
-
+.custom-tree-node{
+  display: flex;
+  align-items: center;
+  img{
+    width: 22px;
+    height: 22px;
+  }
+}
 .allLog {
   width: 245px;
   height: 330px;