多选删除

src/views/myfile/MyFile.vue

@@ -92,10 +92,10 @@
                                 <span style="font-size: 14px;">新建</span>
                             </div>
                         </div>
-                        <template v-for="(item, index) in useMenu">
+                        <template v-for="(item, index) in useMenu" :key="index">
                             <div :class="{ 'isCheck': haveCheck }"
                                 style="display: flex;width: 82px;opacity:0.5;height: 32px;justify-content: flex-start;align-items: center;line-height: 18px;"
-                                @click="getMenu(item, index)">
+                                @click="getMenu(item, index)"  >
                                 <div style="margin-left: 5px;">
                                     <img :src="item.img" style="width: 24px;height: 24px;" alt="">
                                 </div>
@@ -414,6 +414,7 @@ export default {
         let folderTotal = ref(0)//文件夹total
         let fileTotal = ref(0)//文件total
         const openForwardFile = ref(false)   //历史版本展示
+        const delMoreFile=ref([])  //删除多个文件夹
         const historyTotal=ref(0)
         const historyPrew = ref(false)
         const fileUserTreeData = reactive({ data: {} });
@@ -806,11 +807,11 @@ export default {
         }
         // 表格多选框
         function handleSelectionChange(val) {
-            console.log('checkout val',val);
-            if (val.length > 1) {
-                // 如果选择了多项，只保留最后一项
-                val.shift();
-            }
+            delMoreFile.value=val   //删除多项的数据
+            // if (val.length > 1) {
+            //     // 如果选择了多项，只保留最后一项
+            //     val.shift();
+            // }
             if (val.length === 1) {
                 fileId.value = val[0].docId
             }
@@ -825,11 +826,12 @@ export default {
             }
         }
         // 文件夹
-        function handleSelectionChange1(val) {
-            if (val.length > 1) {
-                // 如果选择了多项，只保留最后一项
-                val.shift();
-            }
+        function handleSelectionChange1(val) {  
+            delMoreFile.value=val   //删除多项的数据
+            // if (val.length > 1) {
+            //     // 如果选择了多项，只保留最后一项
+            //     val.shift();
+            // }
             if (val.length === 1) {
                 folderId.value = val[0].dirId
             }
@@ -853,8 +855,16 @@ export default {
         }
         function getMenu(row, num) {
             if (row.name === '删除') {
+                const datas=[]
+                delMoreFile.value.map(i=>{//多选删除
+                    if(i.parentId){//文件
+                        datas.push(i.dirId)
+                    }else{//文件夹
+                        datas.push(i.docId)
+                    }
+                })
                 // 文件夹删除
-                documents.delDocument(folderId.value).then(res => {
+                documents.delDocument(datas).then(res => {
                     if (res.code === 200) {
                         ElMessage({
                             message: "删除成功",
@@ -868,7 +878,8 @@ export default {
                         })
                     }
                 })
-                myfile.delMenu(fileId.value).then(res => {
+             
+                myfile.delMenu(datas.toString()).then(res => {
                     if (res.code === 200) {
                         ElMessage({
                             message: "删除成功",
@@ -1188,6 +1199,7 @@ export default {
             getCollects,//收藏子传父
             folderTotal,
             fileTotal,
+            delMoreFile,//删除多个文件夹
         }
     },
     watch: {