Merge branch 'v3' of http://94.191.59.107:3000/houwenfeng/cloudfile-ui into v3

src/api/document/document.js

@@ -13,6 +13,14 @@ function getALLdocument(data) {
         params: data,
     })
 }
+// 按空间类型获取目录列表
+function getALLdocumentByType(data,type) {
+    return request({
+        url: `/biz/dir/list/${type}`,
+        method: "get",
+        params: data,
+    })
+}
 // 新增
 function addDocument(data) {
     return request({
@@ -49,4 +57,5 @@ export default {
     editDocument,
     getTop,
     fileTree,
+    getALLdocumentByType
 }

src/components/ImgPreview/ImgPreview.vue

@@ -15,6 +15,7 @@
     draggable
     title="预览"
     v-if="copyFileType === '.mp4'"
+    :close-on-click-modal="false"
     :before-close="closeImgPreview"
   >
     <video
@@ -30,6 +31,7 @@
     width="40%"
     title="预览"
     draggable
+    :close-on-click-modal="false"
     v-if="copyFileType === '.mp3'"
     :before-close="closeImgPreview"
   >

src/layout/indexCommon.vue

@@ -7,9 +7,10 @@
             <img class="logoImg" src="@/assets/images/logos.png" /><span>聚合智慧文档管理系统</span>
           </div>
           <div class="search">
-            <el-input style="position: relative;" v-model="searchText" maxlength="32" class="w-50 m-2" size="small" placeholder="搜索文件" clearable
-              @keyup.enter="toSearch" />
-            <el-icon style="position: absolute;top: 15px;left: 1190px;z-index: 1;" @click="toSearch">
+            <el-input style="position: relative;" v-model="searchText" maxlength="32" class="w-50 m-2" size="small"
+              placeholder="搜索文件" clearable @keyup.enter="toSearch">
+            </el-input>
+            <el-icon style="position: absolute;top: 15px;left: 0px;z-index: 1;" @click="toSearch">
               <Search />
             </el-icon>
           </div>

src/views/department/MyFile.vue

@@ -6,7 +6,7 @@
                 <div class="topSearch">
                     <div class="spaceName">{{spaceName}}</div>
                     <div>
-                        <el-icon @click="createNewMenu(1)" color="#505870" size="24">
+                        <el-icon v-hasRole="['dept']" @click="createNewMenu(1)" color="#505870" size="24">
                             <Plus />
                         </el-icon>
                         <!-- @click="createNewFile" -->
@@ -32,6 +32,7 @@
                                     <template #dropdown>
                                         <el-dropdown-menu>
                                             <el-dropdown-item @click="restName(item, index)">重命名</el-dropdown-item>
+                                            <el-dropdown-item v-if="item.dirType == '2'" @click="upFirstFoler(item)">编辑</el-dropdown-item>
                                             <el-dropdown-item v-if="item.dirType == '1'" @click="delName(item, index)">删除</el-dropdown-item>
                                         </el-dropdown-menu>
                                     </template>
@@ -69,7 +70,7 @@
                 <div v-if="editOnline">
                     <!-- 众多功能 -->
                     <div class="manyUse">
-                        <div v-if="thisRole.some(item=>item == 'upload') || thisFolder.dirType == '1'"
+                        <div v-if="thisRole.some(item=>item == 'upload') || (thisFolder.dirType == '1' && isDept)"
                             style="display: flex;width: 92px;height: 32px;justify-content: flex-start;align-items: center;line-height: 18px;">
                             <div style="margin-left: 5px;">
                                 <img src="../../assets/images/upload.png" style="width: 24px;height: 24px;" alt="">
@@ -89,7 +90,7 @@
                                 </span>
                             </div>
                         </div>
-                        <div v-if="!thisFolder.dirType"
+                        <div v-if="(!thisFolder.dirType) || !isDept"
                             style="display: flex;width: 82px;opacity:0.5;height: 32px;justify-content: flex-start;align-items: center;">
                             <div style="margin-left: 5px;">
                                 <el-icon
@@ -116,7 +117,7 @@
                             </div>
                         </div>
                         <template v-for="(item, index) in useMenu" :key="index">
-                            <div :class="{ 'isCheck': haveCheck }"
+                            <div :class="{ 'isCheck': ((haveCheck && isDept) || thisRole.some(item=>item == 'delete')) }"
                                 style="display: flex;width: 82px;opacity:0.5;height: 32px;justify-content: flex-start;align-items: center;line-height: 18px;cursor: pointer;"
                                 @click="getMenu(item, index)">
                                 <div style="margin-left: 5px;">
@@ -499,10 +500,10 @@ export default {
             //     img: ImgFile.clipboard,
             //     name: "粘贴"
             // },
-            {
-                img: ImgFile.share,
-                name: "分享给"
-            },
+            // {
+            //     img: ImgFile.share,
+            //     name: "分享给"
+            // },
             {
                 img: ImgFile.trash,
                 name: "删除"
@@ -560,10 +561,6 @@ export default {
                 name: "在线编辑"
             },
             {
-                img: ImgFile.togger,
-                name: "协作"
-            },
-            {
                 img: ImgFile.icc,
                 name: "文字识别"
             },
@@ -590,11 +587,8 @@ export default {
             {
                 img: ImgFile.downLoad,
                 name: "下载"
-            },
-            {
-                img: ImgFile.textbox,
-                name: "重命名"
-            },])
+            }
+        ])
         let fileNameChange = ref(false)
         let fileMenu = ref([])
         let copyRow = ref({})
@@ -631,6 +625,7 @@ export default {
         const tableBeEnd = ref(true)//控制下拉是否到底
         const tableTotal = ref(0)//表格数据总数
         const spaceName = ref()
+        const isDept = ref(false)// 是否管理员
         // 获取文件夹，中栏，文件
         function getAllTop() {
             documents.getTop(2).then(res => {
@@ -646,7 +641,7 @@ export default {
                     pageNum: 1,
                     pageSize: 10
                 }
-                documents.getALLdocument({ parentId: userMe[0].dirId - 0, spaceId: userMe[0].spaceId, pageNum: obj.pageNum, pageSize: obj.pageSize }).then(res => {
+                documents.getALLdocumentByType({ parentId: userMe[0].dirId - 0, spaceId: userMe[0].spaceId, pageNum: obj.pageNum, pageSize: obj.pageSize },2).then(res => {
                     fileMenu.value = res.data
                     folderList.value = res.data
                 })
@@ -698,7 +693,7 @@ export default {
             copyParentId.value = row.parentId
             newDirId.value = row.dirId
             newSpaceId.value = row.spaceId
-            documents.getALLdocument({ parentId: row.dirId - 0, spaceId: row.spaceId - 0 }).then(res => {
+            documents.getALLdocumentByType({ parentId: row.dirId - 0, spaceId: row.spaceId - 0 },2).then(res => {
                 folderList.value = res.data
                 // if (res.code === 200) {
                 if (res.data.length === 0) {
@@ -1104,10 +1099,10 @@ export default {
             newDirId.value = row.dirId
             newSpaceId.value = row.spaceId
             const query = `${newDirId.value}?pageSize=10&pageNum=${filePageNum.value}`
-            documents.getALLdocument({
+            documents.getALLdocumentByType({
                 parentId: newDirId.value - 0,
                 spaceId: newSpaceId.value - 0
-            }).then(res => {
+            },2).then(res => {
                 folderList.value = res.data
                 if (res.data.length === 0) {
                    myfile.getById(query).then(res => {
@@ -1260,7 +1255,7 @@ export default {
             if(thisRole.value.length){
                 arr = publicRightMenuRole(toRaw(thisRole.value),arr)
             }
-            if(thisFolder.value.dirType == '1'){
+            if(thisFolder.value.dirType == '1' && !isDept.value){
                 arr = ordinaryFolder.value
             }
             if(arr.length<1){
@@ -1314,10 +1309,10 @@ export default {
             // console.log('topPath',toRaw(topPath.value));
             newDirId.value = backFolder.value.parentId
             newSpaceId.value = backFolder.value.spaceId
-            documents.getALLdocument({
+            documents.getALLdocumentByType({
                 parentId: newDirId.value - 0,
                 spaceId: newSpaceId.value - 0
-            }).then(res => {
+            },2).then(res => {
                 folderList.value = res.data
                 if (res.data.length === 0) {
                     myfile.getById(newDirId.value).then(res => {
@@ -1558,9 +1553,25 @@ export default {
             // console.log('query',query);
             // console.log('fileList',fileList.value);
         }
+        // 获取用户信息
+        const getUserInfo =async ()=>{
+            const userStore = useUserStore();
+            const userId = toRaw(userStore.roles)
+            if(userId.some(item=>item == 'dept')){
+                isDept.value = true
+            }else{
+                isDept.value = false
+            }
+            console.log('isDept',isDept.value);
+        }
+        //修改文件夹权限
+        const upFirstFoler = (item)=>{
+            console.log('upFirstFoler',item);
+        }
         onMounted(() => {
             getAllTop()
             getSpaceList()
+            getUserInfo()
             // 添加监听，点击其他地方关闭文件夹右键菜单
             window.addEventListener("click", closeRMenu, true);
             window.addEventListener("click", mouseClick, true);
@@ -1778,7 +1789,10 @@ export default {
             setScroll,
             tableBeEnd,
             tableTotal,
-            spaceName
+            spaceName,
+            getUserInfo,
+            isDept,
+            upFirstFoler
         }
     },
     watch: {

src/views/myfile/MyFile.vue

@@ -672,7 +672,7 @@ export default {
                     pageNum: 1,
                     pageSize: 10
                 }
-                documents.getALLdocument({ parentId: userMe[0].dirId - 0, spaceId: userMe[0].spaceId, pageNum: obj.pageNum, pageSize: obj.pageSize }).then(res => {
+                documents.getALLdocumentByType({ parentId: userMe[0].dirId - 0, spaceId: userMe[0].spaceId, pageNum: obj.pageNum, pageSize: obj.pageSize },3).then(res => {
                     fileMenu.value = res.data
                     folderList.value = res.data
                 })
@@ -725,7 +725,7 @@ export default {
             copyParentId.value = row.parentId
             newDirId.value = row.dirId
             newSpaceId.value = row.spaceId
-            documents.getALLdocument({ parentId: row.dirId - 0, spaceId: row.spaceId - 0 }).then(res => {
+            documents.getALLdocumentByType({ parentId: row.dirId - 0, spaceId: row.spaceId - 0 },3).then(res => {
                 folderList.value = res.data
                 // if (res.code === 200) {
                 if (res.data.length === 0) {
@@ -778,7 +778,7 @@ export default {
                     pageNum: 1,
                     pageSize: 10
                 }
-                documents.getALLdocument({ parentId: row.dirIds - 0, spaceId: row.spaceIds - 0, pageNum: obj.pageNum, pageSize: obj.pageSize }).then(res => {
+                documents.getALLdocumentByType({ parentId: row.dirIds - 0, spaceId: row.spaceIds - 0, pageNum: obj.pageNum, pageSize: obj.pageSize },3).then(res => {
                     // fileMenu.value = res.data
                     folderList.value = res.data
                 })
@@ -1226,10 +1226,10 @@ export default {
             newSpaceId.value = row.spaceId
             clickFileData.value = row
             const query = `${newDirId.value}?pageSize=10&pageNum=${filePageNum.value}`
-            documents.getALLdocument({
+            documents.getALLdocumentByType({
                 parentId: newDirId.value - 0,
                 spaceId: newSpaceId.value - 0
-            }).then(res => {
+            },3).then(res => {
                 folderList.value = res.data
                 if (res.data.length === 0) {
                     myfile.getById(query).then(res => {
@@ -1422,10 +1422,10 @@ export default {
             // console.log('topPath',toRaw(topPath.value));
             newDirId.value = backFolder.value.parentId
             newSpaceId.value = backFolder.value.spaceId
-            documents.getALLdocument({
+            documents.getALLdocumentByType({
                 parentId: newDirId.value - 0,
                 spaceId: newSpaceId.value - 0
-            }).then(res => {
+            },3).then(res => {
                 folderList.value = res.data
                 if (res.data.length === 0) {
                     myfile.getById(newDirId.value).then(res => {

src/views/myfile/modalComponebts/Transfer.vue

@@ -6,7 +6,7 @@
                 <div class="transBox">
                     <div class="allBag">
                         <el-input style="width: 220px;margin-left: 18px;margin-top:5px" v-model="allBag"
-                            placeholder="搜索"></el-input>
+                            @blur="searchPeople" placeholder="搜索"></el-input>
                         <div class="allLog">
                             <el-tree ref="treeRef" :data="allTreeData" :props="allTreeProps" show-checkbox node-key="id"
                                 :default-expanded-keys="openTree" @check-change="allTreeChange"
@@ -16,16 +16,16 @@
                     <div class="needBag">
                         <div style="border-bottom: 1px solid gray;" class="needBag_top">
                             <span>已选择{{ chooseTagData.length }}人</span>
-                            <span style="color: red;font-size: 14px;float: right;">清空</span>
+                            <span style="color: red;font-size: 14px;float: right;cursor: pointer;"
+                                @click="cleanPeople">清空</span>
                         </div>
                         <div class="needLog">
-                              <el-scrollbar height="349px">
-                                    <el-tag v-for="(item, index) in chooseTagData" :key="index" class="tagtag"
+                            <el-scrollbar height="349px">
+                                <el-tag v-for="(item, index) in chooseTagData" :key="index" class="tagtag"
                                     :closable="lastPeople" @close="handleClose(item)">
                                     {{ item.userName ? item.userName : item.name }}
-                                    </el-tag>
-                              </el-scrollbar>
-
+                                </el-tag>
+                            </el-scrollbar>
                         </div>
                     </div>
                 </div>
@@ -81,6 +81,7 @@ export default {
             disabled: false,
             id: "id"
         }
+        let treeRef = ref(null)
         let openTree = ref([])
         let chooseTagData = ref([])
         let allBag = ref('')
@@ -94,6 +95,7 @@ export default {
         }
         // 分享穿梭框
         function allTreeChange(e) {
+            console.log('触发了change事件');
             const id = e.id;
             const label = e.label;
             const disabled = e.disabled;
@@ -104,15 +106,15 @@ export default {
                 chooseTagData.value.splice(existingIndex, 1);
             } else {
                 // 选择操作，将数据添加到 needTagData 中
-                chooseTagData.value.push({ userId: id, userName: label ,disabled:disabled});
+                chooseTagData.value.push({ userId: id, userName: label, disabled: disabled });
             }
             if (chooseTagData.value.length === 1) {
                 lastPeople.value = true
             } else {
                 lastPeople.value = false
             }
-            chooseTagData.value = chooseTagData.value.filter(item=>!item.disabled)
-            console.log('chooseTagData',chooseTagData.value);
+            chooseTagData.value = chooseTagData.value.filter(item => !item.disabled)
+            // console.log('chooseTagData初始数组',chooseTagData.value);
         }
         // 确认分享
         function sureShare() {
@@ -166,9 +168,7 @@ export default {
         }
         // 获取用户树
         function getAllUser() {
-            console.log('feeh',feeh);
             userTree.getUserTree({}).then(res => {
-                console.log('userTree',res);
                 allTreeData.value = [res]
                 userTree.getUserTree({}).then(res => {
                     allTreeData.value = [res];
@@ -196,8 +196,8 @@ export default {
                     })
                 })
             }
-            if(feeh === 0){
-                 fileCount.getActor(dees).then(res => {
+            if (feeh === 0) {
+                fileCount.getActor(dees).then(res => {
                     // 去除数组内部的重复元素
                     // const uniqueRes = Array.from(new Set(res.map(item => item.userName))).map(id => res.find(item => item.userName === id));
                     // 现在的 uniqueRes 数组不包含重复元素
@@ -213,6 +213,42 @@ export default {
             }
 
         }
+        function cleanPeople() {
+            treeRef.value.setCheckedKeys([]);
+            chooseTagData.value = [];
+            ElMessage({
+                message: "再次点击以完全清空",
+                type: "warning",
+                duration: 1000
+            })
+        }
+        function searchInTreeData(treeData, searchValue) {
+            const foundItems = [];
+            function traverseTree(node) {
+                if (node.label.includes(searchValue)) {
+                    foundItems.push(node);
+                }
+                if (node.children) {
+                    node.children.forEach(childNode => traverseTree(childNode));
+                }
+            }
+            treeData.forEach(node => traverseTree(node));
+            return foundItems;
+        }
+        function searchPeople() {
+            let treeNew = allTreeData.value
+            if (allBag.value == '') {
+                getAllUser()
+            } else {
+                const foundData = searchInTreeData(allTreeData.value, allBag.value);
+                if (foundData.length > 0) {
+                    allTreeData.value = foundData
+                } else {
+                    allTreeData.value = treeNew
+                }
+            }
+        }
+
         function getBack() {
             transferModals.value = false
             emit("getCback", transferModals.value)
@@ -248,6 +284,9 @@ export default {
             lastPeople,
             feeh,
             backToFather: getBack,
+            cleanPeople,
+            treeRef,
+            searchPeople,
         }
     }
 }
@@ -292,15 +331,18 @@ export default {
     /* border: 1px solid red; */
     overflow-y: auto;
 }
-.needBag_top{
+
+.needBag_top {
     padding: 0 10px;
     height: 30px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-.needLog{
+
+.needLog {
     height: 100%;
+    overflow-y: auto;
 }
 
 :deep(.el-tag__content) {

src/views/publicment/MyFile.vue

@@ -6,7 +6,7 @@
                 <div class="topSearch">
                     <div class="spaceName">{{spaceName}}</div>
                     <div>
-                        <el-icon @click="createNewMenu(1)" color="#505870" size="24">
+                        <el-icon v-hasRole="['system']" @click="createNewMenu(1)" color="#505870" size="24">
                             <Plus />
                         </el-icon>
                         <!-- @click="createNewFile" -->
@@ -69,7 +69,7 @@
                 <div v-if="editOnline">
                     <!-- 众多功能 -->
                     <div class="manyUse">
-                        <div v-if="thisRole.some(item=>item == 'upload') || thisFolder.dirType == '1'"
+                        <div v-if="thisRole.some(item=>item == 'upload') || (thisFolder.dirType == '1' && isDept)"
                             style="display: flex;width: 92px;height: 32px;justify-content: flex-start;align-items: center;line-height: 18px;">
                             <div style="margin-left: 5px;">
                                 <img src="../../assets/images/upload.png" style="width: 24px;height: 24px;" alt="">
@@ -89,7 +89,7 @@
                                 </span>
                             </div>
                         </div>
-                        <div v-if="thisFolder.dirType"
+                        <div v-if="thisFolder.dirType && isDept"
                             style="display: flex;width: 82px;height: 32px;justify-content: flex-start;align-items: center;">
                             <div style="margin-left: 5px;">
                                 <el-icon
@@ -116,7 +116,7 @@
                             </div>
                         </div>
                         <template v-for="(item, index) in useMenu" :key="index">
-                            <div :class="{ 'isCheck': haveCheck }"
+                            <div :class="{ 'isCheck': ((haveCheck && isDept) || thisRole.some(item=>item == 'delete')) }"
                                 style="display: flex;width: 82px;opacity:0.5;height: 32px;justify-content: flex-start;align-items: center;line-height: 18px;cursor: pointer;"
                                 @click="getMenu(item, index)">
                                 <div style="margin-left: 5px;">
@@ -499,10 +499,10 @@ export default {
             //     img: ImgFile.clipboard,
             //     name: "粘贴"
             // },
-            {
-                img: ImgFile.share,
-                name: "分享给"
-            },
+            // {
+            //     img: ImgFile.share,
+            //     name: "分享给"
+            // },
             {
                 img: ImgFile.trash,
                 name: "删除"
@@ -572,10 +572,6 @@ export default {
                 name: "在线编辑"
             },
             {
-                img: ImgFile.togger,
-                name: "协作"
-            },
-            {
                 img: ImgFile.icc,
                 name: "文字识别"
             },
@@ -603,10 +599,7 @@ export default {
             img: ImgFile.downLoad,
             name: "下载"
         },
-        {
-            img: ImgFile.textbox,
-            name: "重命名"
-        },])
+        ])
         let fileNameChange = ref(false)
         let fileMenu = ref([])
         let copyRow = ref({})
@@ -641,6 +634,7 @@ export default {
         const spaceName = ref()
         const tableBeEnd = ref(true)//控制下拉是否到底
         const tableTotal = ref(0)//表格数据总数
+        const isDept = ref(false)// 是否管理员
         // 获取文件夹，中栏，文件
         function getAllTop() {
             documents.getTop(1).then(res => {
@@ -660,10 +654,10 @@ export default {
                     pageNum: 1,
                     pageSize: 10
                 }
-                documents.getALLdocument({ parentId: userMe[0].dirId - 0, spaceId: userMe[0].spaceId, pageNum: obj.pageNum, pageSize: obj.pageSize }).then(res => {
+                documents.getALLdocumentByType({ parentId: userMe[0].dirId - 0, spaceId: userMe[0].spaceId, pageNum: obj.pageNum, pageSize: obj.pageSize }).then(res => {
                     fileMenu.value = res.data
                     folderList.value = res.data
-                })
+                },1)
                 myfile.getById(userMe[0].dirId - 0, obj).then(res => {
                     if (res.code === 200) {
                         fileList.value = res.rows
@@ -712,7 +706,7 @@ export default {
             copyParentId.value = row.parentId
             newDirId.value = row.dirId
             newSpaceId.value = row.spaceId
-            documents.getALLdocument({ parentId: row.dirId - 0, spaceId: row.spaceId - 0 }).then(res => {
+            documents.getALLdocumentByType({ parentId: row.dirId - 0, spaceId: row.spaceId - 0 },1).then(res => {
                 folderList.value = res.data
                 // if (res.code === 200) {
                 if (res.data.length === 0) {
@@ -1115,10 +1109,10 @@ export default {
             newDirId.value = row.dirId
             newSpaceId.value = row.spaceId
             const query = `${newDirId.value}?pageSize=10&pageNum=${filePageNum.value}`
-            documents.getALLdocument({
+            documents.getALLdocumentByType({
                 parentId: newDirId.value - 0,
                 spaceId: newSpaceId.value - 0
-            }).then(res => {
+            },1).then(res => {
                 folderList.value = res.data
                 if (res.data.length === 0) {
                      myfile.getById(query).then(res => {
@@ -1269,7 +1263,7 @@ export default {
             if(thisRole.value.length){
                 arr = publicRightMenuRole(toRaw(thisRole.value),arr)
             }
-            if(thisFolder.value.dirType == '1'){
+            if(thisFolder.value.dirType == '1'&& !isDept.value){
                 arr = ordinaryFolder.value
             }
             if(arr.length<1){
@@ -1323,10 +1317,10 @@ export default {
             // console.log('topPath',toRaw(topPath.value));
             newDirId.value = backFolder.value.parentId
             newSpaceId.value = backFolder.value.spaceId
-            documents.getALLdocument({
+            documents.getALLdocumentByType({
                 parentId: newDirId.value - 0,
                 spaceId: newSpaceId.value - 0
-            }).then(res => {
+            },1).then(res => {
                 folderList.value = res.data
                 if (res.data.length === 0) {
                     myfile.getById(newDirId.value).then(res => {
@@ -1568,9 +1562,25 @@ export default {
             // console.log('query',query);
             // console.log('fileList',fileList.value);
         }
+                // 获取用户信息
+        const getUserInfo =async ()=>{
+            const userStore = useUserStore();
+            const userId = toRaw(userStore.roles)
+            if(userId.some(item=>item == 'system')){
+                isDept.value = true
+            }else{
+                isDept.value = false
+            }
+            console.log('isDept',isDept.value);
+        }
+        //修改文件夹权限
+        const upFirstFoler = (item)=>{
+            console.log('upFirstFoler',item);
+        }
         onMounted(() => {
             getAllTop()
             getSpaceList()
+            getUserInfo()
             // 添加监听，点击其他地方关闭文件夹右键菜单
             window.addEventListener("click", closeRMenu, true);
             window.addEventListener("click", mouseClick, true);
@@ -1788,7 +1798,10 @@ export default {
             setScroll,
             tableBeEnd,
             tableTotal,
-            spaceName
+            spaceName,
+            getUserInfo,
+            isDept,
+            upFirstFoler
         }
     },
     watch: {

src/views/search/index.vue

@@ -48,7 +48,7 @@
       <div>
         <div v-if="isList" style="height: calc(98vh - 420px);overflow-y: auto;">
           <!-- 表格 -->
-          <el-table :data="tableData" style="width: 100%;height:calc(98vh - 420px) ;" ref="container"
+          <el-table :data="tableData" style="width: 100%;height:calc(98vh - 620px) ;" ref="container"
             @scroll="handleScroll">
             <el-table-column fixed label="名称" width="500">
               <template #default="scope">
@@ -59,14 +59,14 @@
               </template>
             </el-table-column>
             <el-table-column prop="space.spaceName" label="所属空间" width="180" />
-            <el-table-column prop="createTime" label="时间" width="200" />
-            <el-table-column prop="fileType" label="类型" width="80" />
-            <el-table-column prop="fileSize" label="大小" width="160">
+            <el-table-column prop="createTime" label="时间" width="auto" header-align="left" />
+            <el-table-column prop="fileType" label="类型" width="auto" />
+            <el-table-column prop="fileSize" label="大小" width="auto">
               <template #default="scope">
                 <div>{{ formatFileSize(scope.row.fileSize) }}</div>
               </template>
             </el-table-column>
-            <el-table-column prop="dir.dirPath" label="文件夹" width="180">
+            <el-table-column prop="dir.dirPath" label="文件夹" width="auto">
               <template #default="scope">
                 <div class="folder">
                   {{ scope.row.dir ? scope.row.dir.dirPath : "" }}