优化

src/views/publicService/docCenter/components/rightTable.vue

@@ -267,13 +267,18 @@
             <template #outerContent>
                 <component
                     ref="componentRef"
-                    :selectedFiles="selectedFiles"
+                    :selectedFiles="
+                        dialogConfig.outerComponent === 'DownloadTags'
+                            ? selectedFilesForDownload
+                            : selectedFiles
+                    "
                     :selectedNode="selectedNode"
                     v-bind="dialogConfig.outerComponentProps"
                     :type="type"
                     :id="id"
                     :name="name"
                     :is="dialogConfig.outerComponent"
+                    @remove-file="handleRemoveDownloadFile"
                 />
 
                 <div class="button-footer">
@@ -503,7 +508,7 @@ export default {
                 minHeight: '90vh',
                 maxHeight: '90vh',
             },
-            // 用于下载的文件列表
+            // 用于下载的文件列表（可修改）
             selectedFilesForDownload: [],
 
             // 用于共享的文件列表
@@ -624,6 +629,8 @@ export default {
             this.dialogConfig.outerTitle = '新建文档夹'
             this.dialogConfig.outerVisible = true
             this.dialogConfig.outerComponent = 'AddWord'
+            // 如果列表有勾选 则清空勾选
+            this.$refs.tableRef.clearSelection()
             this.dialogConfig.outerComponentProps = {}
         },
 
@@ -633,6 +640,8 @@ export default {
             this.dialogConfig.outerTitle = '上传文件'
             this.dialogConfig.outerVisible = true
             this.dialogConfig.outerComponent = 'Upload'
+              // 如果列表有勾选 则清空勾选
+            this.$refs.tableRef.clearSelection()
             this.dialogConfig.outerComponentProps = {}
         },
 
@@ -743,18 +752,14 @@ export default {
             // 将选中的文件转换为下载组件需要的格式
             this.selectedFilesForDownload = this.selectedRows.map((row) => ({
                 id: row.id,
+                name: row.name,
             }))
 
-            this.downloadGet(
+            // 打开下载弹框
-                'screen/document/downLoad',
+            this.dialogConfig.outerTitle = '批量下载'
-                {
+            this.dialogConfig.outerVisible = true
-                    downIds: this.selectedRows.map((row) => row.id).join(','),
+            this.dialogConfig.outerComponent = 'DownloadTags'
-                },
+            this.dialogConfig.outerComponentProps = {}
-                `文档_${new Date().getTime()}.zip`,
-            )
-
-            // 刷新列表
-            this.getTableList()
         },
 
         // 下载
@@ -876,6 +881,24 @@ export default {
             }
         },
 
+        // 处理下载组件中的文件移除
+        handleRemoveDownloadFile(index) {
+            // 获取要移除的文件
+            const removedFile = this.selectedFilesForDownload[index]
+            if (!removedFile) return
+
+            // 从下载列表中移除指定索引的文件
+            this.selectedFilesForDownload.splice(index, 1)
+
+            // 同时更新表格的选中状态，通过 id 匹配
+            const rowToDeselect = this.selectedRows.find(
+                (row) => row.id === removedFile.id,
+            )
+            if (rowToDeselect && this.$refs.tableRef) {
+                this.$refs.tableRef.toggleRowSelection(rowToDeselect, false)
+            }
+        },
+
         // 取消
         onHandleCancel() {
             this.dialogConfig.outerVisible = false
@@ -884,6 +907,59 @@ export default {
         // 确定
         async onHandleConfirm() {
             try {
+                // 如果是批量下载组件，直接处理下载逻辑
+                if (this.dialogConfig.outerComponent === 'DownloadTags') {
+                    if (this.selectedFilesForDownload.length === 0) {
+                        this.$modal.msgWarning('请至少选择一个文件进行下载')
+                        return
+                    }
+
+                    // 判断当选择下载的超过2个时提示文件可能过大
+                    if (this.selectedFilesForDownload.length > 2) {
+                        this.$confirm(
+                            '选择下载的文件和文件夹超过2个，文件可能过大，下载时间较长，请谨慎操作',
+                            '提示',
+                            {
+                                confirmButtonText: '确定',
+                                cancelButtonText: '取消',
+                                type: 'warning',
+                            },
+                        )
+                            .then(() => {
+                                this.downloadGet(
+                                    'screen/document/downLoad',
+                                    {
+                                        downIds: this.selectedFilesForDownload
+                                            .map((file) => file.id)
+                                            .join(','),
+                                    },
+                                    `文档_${new Date().getTime()}.zip`,
+                                )
+                                this.dialogConfig.outerVisible = false
+                                // 刷新列表
+                                this.getTableList()
+                            })
+                            .catch(() => {
+                                this.$modal.msgInfo('已取消下载')
+                            })
+                    } else {
+                        this.downloadGet(
+                            'screen/document/downLoad',
+                            {
+                                downIds: this.selectedFilesForDownload
+                                    .map((file) => file.id)
+                                    .join(','),
+                            },
+                            `文档_${new Date().getTime()}.zip`,
+                        )
+                        this.dialogConfig.outerVisible = false
+                        // 刷新列表
+                        this.getTableList()
+                    }
+                    return
+                }
+
+                // 其他组件的处理逻辑
                 if (
                     !this.$refs.componentRef ||
                     !this.$refs.componentRef.submit

src/views/publicService/docCenter/components/tableCom/editWord.vue

@@ -7,7 +7,12 @@
             :rules="addWordFormRules"
         >
             <el-form-item label="文档夹名称" prop="folderName">
-                <el-input v-model="addWordForm.folderName" />
+                <el-input
+                    clearable
+                    maxlength="50"
+                    show-word-limit
+                    v-model.trim="addWordForm.folderName"
+                />
             </el-form-item>
         </el-form>
     </div>