树形搜索，分享预览

src/components/ListShow/ListShow.vue

@@ -140,7 +140,15 @@ const changeSearchType = (name) => {
   let baseDataObj = props.fileList;
   // console.log("baseDataObj", baseDataObj);
   if (name == "all") {
-    tableData.value = baseDataObj;
+        if (searchFire.value) {
+      tableData.value = baseDataObj.filter((item) => {
+        if (item.fileName.includes(searchFire.value)) {
+          return item;
+        }
+      });
+    }else{
+      tableData.value = baseDataObj;
+    }
   } else {
     // 获取分类具体数据
     // console.log("name", name);
@@ -149,23 +157,37 @@ const changeSearchType = (name) => {
     typeData.value = toRaw(baseDataObj).filter((item) => {
       return typeArr.includes(item.fileType);
     });
-    tableData.value = typeData.value;
+    if (searchFire.value) {
+      tableData.value = typeData.value.filter((item) => {
+      if (item.fileName.includes(searchFire.value)) {
+        return item;
+      }
+    });
+    }else{
+      tableData.value = typeData.value;
+    }
     // console.log(tableData.value, "数组");
   }
 };
 //搜索框模糊搜索事件
 const fileBlur = () => {
-  const arr = typeData.value || props.fileList;
-  tableData.value = arr.filter((item) => {
-    if (item.fileName.includes(searchFire.value)) {
-      return item;
-    }
-  });
+  const arr = searchType.value != "all"?typeData.value: props.fileList;
+   console.log("props.fileList", props.fileList);
+   console.log("typeData.value", typeData.value);
+   if(searchFire.value){
+     tableData.value = arr?.filter((item) => {
+       if (item.fileName.includes(searchFire.value)) {
+         return item;
+       }
+     });
+   }else{
+     tableData.value = arr;
+   }
 };
 // 勾选框发生改变
-const SelectionChange = (val)=>{
-emit('handleSelectionChange',val)
-}
+const SelectionChange = (val) => {
+  emit("handleSelectionChange", val);
+};
 
 const rightClick = (row, col, e) => {
   emit("handleRowClick", row, null, e);

src/layout/NewIndex.vue

@@ -65,7 +65,7 @@ const openMaxmin = (title, path) => {
     const oldStorage = JSON.parse(storage);
     // 判断是否存在相同的标签
     if (oldStorage.find((item) => item.path === path)) {
-      ElMessage({ message: "该页面已经打开", type: "error" });
+      ElMessage({ message: "该页面已经打开", type: "info" });
       return;
     }
     const thisId = layer.open({
@@ -141,7 +141,7 @@ const openTab = (title, path) => {
     const oldStorage = JSON.parse(storage);
     // 判断是否存在相同的标签
     if (oldStorage.find((item) => item.path === path)) {
-      ElMessage({ message: "该页面已经打开", type: "error" });
+      ElMessage({ message: "该页面已经打开", type: "info" });
       return;
     }
     const thisId = layer.open({

src/views/department/MyFile.vue

@@ -117,7 +117,9 @@
                                 </span>
                             </div>
                         </div>
-                        <div v-if="(!thisFolder.dirType) || !isDept"
+                        <div v-if="!isDept">
++                        </div>
+                        <div v-else-if="(!thisFolder.dirType) || !isDept"
                             style="display: flex;width: 102px;opacity:0.5;height: 32px;justify-content: flex-start;align-items: center;">
                             <div style="margin-left: 5px;">
                                 <el-icon

src/views/liveChat/index.vue

@@ -36,6 +36,9 @@ import forwordTree from "@/components/forwordTree/index.vue"; //选择文件发
 //websocket连接====
 import useWebsoctStore from "@/store/modules/websocket";
 import { ElMessage } from "element-plus";
+import { preview } from "@/api/common/common.js";
+import { canPreviewFile, rightMenuRole, setIcon } from "@/utils/index.js";
+import ImgPreview from '@/components/ImgPreview/ImgPreview.vue'
 const router = useRouter(); //注册路由
 const websoctStore = useWebsoctStore();
 //====
@@ -56,6 +59,10 @@ const chatRecords = reactive({ data: [] });
 const loading = ref(false);
 const addFileTab = inject("addFileTab");
 const wangzhi=import.meta.env.VITE_APP_BASE_API
+const copyFileType = ref();
+const previewData = ref();
+const showPreview = ref(false);
+const loadingPreview = ref(false);
 const sendCont = reactive({
   //发送聊天内容数据组装
   data: {
@@ -193,11 +200,28 @@ const clickNewPerson = async () => {
   open.value = true;
 };
 // 点击文件预览
-const toPreviewFile = (index,file)=>{
-  const filedata  = toRaw(file)
-   addFileTab(filedata, 0,0); 
-  console.log('file',filedata);
+const toPreviewFile = async (index,file)=>{
+   copyFileType.value = file.fileType;
+  loadingPreview.value = true;
+  const filePreview = canPreviewFile(file.fileType);
+  if (filePreview) {
+    loadingPreview.value = false;
+    addFileTab(file, 0, 0);
+  } else {
+    const res = await preview(file.docId);
+    showPreview.value = true;
+    previewData.value = URL.createObjectURL(res);
+    loadingPreview.value = false;
+  }
 }
+//关闭图片预览事件
+const closeImgPreview = () => {
+  // console.log('close');
+  showPreview.value = false;
+};
+const setImg = (type) => {
+  return setIcon(type);
+};
 //点击左侧聊天列表
 const clickPersonIndex = ref("");
 const clickPersonId = ref(0);
@@ -813,7 +837,7 @@ onMounted(() => {
                   >
                     <img
                       v-if="record.msgType == '1'"
-                      :src="word"
+                      :src="setImg(record.file.fileType)"
                       class="head-sculpture"
                     />
                     <div
@@ -908,6 +932,17 @@ onMounted(() => {
     :forwardTreeData="forwardTreeData.data"
     @forwardChangeMsg="forwardChangeMsg"
   ></forwordTree>
+    <ImgPreview
+    :previewData="previewData"
+    :copyFileType="copyFileType"
+    :showPreview="showPreview"
+    @closeImgPreview="closeImgPreview"
+  ></ImgPreview>
+  <div
+    v-loading.fullscreen="loadingPreview"
+    v-if="loadingPreview"
+    class="lodingBox"
+  ></div>
 </template>
 
 <style lang="scss" scoped>

src/views/publicment/MyFile.vue

@@ -126,6 +126,7 @@
                                 <span style="font-size: 14px;" class="shouzhi">新建目录</span>
                             </div>
                         </div>
+                        <div v-else-if="!isDept"></div>
                         <div v-else
                             style="display: flex;opacity:0.5;width: 102px;height: 32px;justify-content: flex-start;align-items: center;">
                             <div style="margin-left: 5px;">