首页打开收藏，上传文件移除计算大小

src/views/HomePage/HomePage.vue

@@ -33,7 +33,12 @@
       <div class="btm">
         <div class="left_box">
           <div class="big_box">
-            <div class="one_box" v-for="item in colllectArr" :key="item">
+            <div
+              class="one_box"
+              @click="openFolder(item)"
+              v-for="item in colllectArr"
+              :key="item"
+            >
               <div class="left">
                 <img
                   v-if="item.docDir.dirType === '1'"
@@ -165,7 +170,9 @@ const previewData = ref();
 const showPreview = ref(false);
 const loadingPreview = ref(false);
 const copyFileType = ref();
-
+const folersArr = ref([]); //路劲上的文件夹
+const openFolderTop = ref(); // 所在的空间
+const firstFolderData = ref(); // 第一层目录
 const getList = async () => {
   const resY = await listRecent({ isFolder: "Y" });
   const resN = await listRecent({ isFolder: "N" });
@@ -293,6 +300,58 @@ const toFile = async (row) => {
     loadingPreview.value = false;
   }
 };
+// 打开文件夹
+const openFolder =async (row)=>{
+  folersArr.value = []
+  openFolderTop.value = null
+  firstFolderData.value = null
+  // console.log("thisFolder.value", thisFolder.value);
+  const thisFolderD = toRaw(row); //打开的收藏文件
+  async function getFoldersData(info) {
+    if (info.parentId) {
+      folersArr.value.push(JSON.parse(JSON.stringify(info)));
+      const res = await getDir(info.parentId);
+      // console.log('res====',res);
+      await getFoldersData(res.data);
+    } else {
+      openFolderTop.value = info;
+      return;
+    }
+  }
+  await getFoldersData(thisFolderD.docDir);
+  // folersArr = JSON.parse(JSON.stringify(folersArr))
+  folersArr.value.reverse();
+  firstFolderData.value = folersArr.value[0];
+  // console.log("folersArr", folersArr.value);
+  // console.log("openFolderTop", openFolderTop.value);
+  sessionStorage.setItem('folderArr',JSON.stringify(folersArr.value))
+  // 判断空间
+  if (openFolderTop.value.dirName.includes("个人空间")) {
+    // 创建标签
+    const addData = {
+      path: "/myfile" + firstFolderData.value.dirId,
+      name: firstFolderData.value.dirName,
+      clickRowId:firstFolderData.value,
+    };
+    addFolderAdd(addData);
+  } else if (openFolderTop.value.dirName.includes("部门空间")) {
+        // 创建标签
+    const addData = {
+      path: "/department" + firstFolderData.value.dirId,
+      name: firstFolderData.value.dirName,
+      clickRowId:firstFolderData.value,
+    };
+    addFolderAdd(addData);
+  } else {
+            // 创建标签
+    const addData = {
+      path: "/publicment" + firstFolderData.value.dirId,
+      name: firstFolderData.value.dirName,
+      clickRowId:firstFolderData.value,
+    };
+    addFolderAdd(addData);
+  }
+}
 //关闭图片预览事件
 const closeImgPreview = () => {
   // console.log('close');
@@ -478,6 +537,7 @@ onMounted(() => {
           height: 77px;
           display: flex;
           align-items: center;
+          cursor: pointer;
           .left {
             width: 64px;
             height: 64px;

src/views/biz/recent/index.vue

@@ -15,7 +15,7 @@
             :scrollbar-always-on="true"
             @row-click="changeFile"
           >
-            <el-table-column fixed prop="date" label="名称" width="500">
+            <el-table-column fixed prop="date" label="名称" width="700">
               <template #default="scope">
                 <div>
                   <img
@@ -47,7 +47,7 @@
             :scrollbar-always-on="true"
             @row-contextmenu="handleRowClick"
           >
-            <el-table-column fixed prop="date" label="名称" width="500">
+            <el-table-column fixed prop="date" label="名称" width="700">
               <template #default="scope">
                 <div>
                   <img

src/views/department/MyFile.vue

@@ -1315,6 +1315,7 @@ export default {
         // 移除上传的某些文件
         const handleRemove = (file,rawFile) => {
             // fileArr.value = [...rawFile]
+            fileBig.value = fileBig.value - file.size
             fileArr.value = rawFile.map(item=>{
                 if(item.raw){
                     return item.raw

src/views/myfile/MyFile.vue

@@ -1392,7 +1392,7 @@ export default {
                 return
             } else {
                 if (fileArr.value.length > 0) {
-                    console.log('fileArr',fileArr.value);
+                    // console.log('fileArr',fileArr.value);
 					let form=new FormData();
 					for (var i = 0; i < fileArr.value.length; i++) {
 						form.append("files",fileArr.value[i]);
@@ -1441,6 +1441,7 @@ export default {
         // 移除上传的某些文件
         const handleRemove = (file,rawFile) => {
             // console.log('rawFile',rawFile);
+            fileBig.value = fileBig.value - file.size
             // fileArr.value = [...rawFile]
             fileArr.value = rawFile.map(item=>{
                 if(item.raw){

src/views/publicment/MyFile.vue

@@ -1295,6 +1295,7 @@ export default {
         // 移除上传的某些文件
         const handleRemove = (file,rawFile) => {
             // fileArr.value = [...rawFile]
+            fileBig.value = fileBig.value - file.size
             fileArr.value = rawFile.map(item=>{
                 if(item.raw){
                     return item.raw