Browse Source

我的文件树形完成

liuQiang 1 year ago
parent
commit
ebdee15d40
2 changed files with 30 additions and 26 deletions
  1. 14 23
      src/components/ListShow/ListShow.vue
  2. 16 3
      src/views/myfile/MyFile.vue

+ 14 - 23
src/components/ListShow/ListShow.vue

@@ -53,7 +53,9 @@
         style="width: 100%; height: calc(88vh - 48px)"
         ref="container"
         @row-contextmenu="rightClick"
+        @selection-change="SelectionChange"
       >
+        <el-table-column type="selection" width="55" />
         <el-table-column label="名称" :show-overflow-tooltip="true">
           <template #default="scope">
             <div class="flie_name">
@@ -120,33 +122,18 @@ const props = defineProps({
     default: () => [],
   },
 });
-const emit = defineEmits(["handleRowClick", "delCollect", "collectByStar"]);
+const emit = defineEmits([
+  "handleRowClick",
+  "delCollect",
+  "collectByStar",
+  "changeListSort",
+  'handleSelectionChange'
+]);
 // 排序
 const changeSort = async () => {
   isAsc.value == "asc" ? (isAsc.value = "desc") : (isAsc.value = "asc");
   // refreshFile();
-  let obj = {
-    pageNum: 1,
-    pageSize: 9999,
-    isAsc: isAsc.value,
-    orderByColumn: "createTime",
-  };
-  documents
-    .getALLdocumentByType(
-      {
-        parentId: impDirId.value,
-        spaceId: impSpaceId.value,
-        isAsc: isAsc.value,
-        orderByColumn: "createTime",
-        pageNum: obj.pageNum,
-        pageSize: obj.pageSize,
-      },
-      3
-    )
-    .then((res) => {
-      fileMenu.value = res.rows;
-      // folderList.value = res.rows
-    });
+  emit("changeListSort", isAsc.value);
 };
 // 切换搜索分类
 const changeSearchType = (name) => {
@@ -175,6 +162,10 @@ const fileBlur = () => {
     }
   });
 };
+// 勾选框发生改变
+const SelectionChange = (val)=>{
+emit('handleSelectionChange',val)
+}
 
 const rightClick = (row, col, e) => {
   emit("handleRowClick", row, null, e);

+ 16 - 3
src/views/myfile/MyFile.vue

@@ -382,7 +382,7 @@
                             </div>
                         </div>
                     </div>
-                    <ListShow v-show="leftShowList == 0" :fileList="fileList" @delCollect="delCollect" @collectByStar="collectByStar" @handleRowClick="handleRowClick"></ListShow>
+                    <ListShow v-show="leftShowList == 0" @handleSelectionChange="handleSelectionChange" :fileList="fileList" @changeListSort="changeListSort" @delCollect="delCollect" @collectByStar="collectByStar" @handleRowClick="handleRowClick"></ListShow>
 
                 </div>
             </div>
@@ -788,7 +788,7 @@ export default {
         const delMoreFolder = ref([])
         const inputTitle = ref()//验证框标题
         const isCode = ref(false)// 验证的类型
-        const isAsc = ref("desc");
+        const isAsc = ref("asc");
         const leftShowList = ref(localStorage.getItem('leftShowList') ||1)
         const thisFirst = ref()
         const ListtreeData = ref()
@@ -808,6 +808,18 @@ export default {
                     // folderList.value = res.rows
                 })
             };
+        const changeListSort = async (listAsc)=>{
+             const query = `${thisFolder.value.dirId}?isAsc=${listAsc}&orderByColumn=createTime&pageSize=9999&pageNum=1`
+             myfile.getById(query)
+                .then(res => {
+                    if (res.code === 200) {
+                        fileList.value = res.rows;
+                    }
+                })
+                .catch(error => {
+                    console.error("myfile.getAllFileMenu 调用失败:", error);
+                });
+        }
         const changeShow =async (fileGrids) => {
             filePageNum.value = 1
         if(fileGrid.value == 1){
@@ -2641,7 +2653,8 @@ export default {
             treeRClick,
             showTreeMenu,
             closeTreeRMenu,
-            delFolder
+            delFolder,
+            changeListSort
         }
     },
     watch: {