新增待办信息

web-vue/packages/core/layouts/views/desktop/workbench/components/myfiles/index.vue

@@ -343,7 +343,6 @@
           <a-button type="primary" class="header-btn" @click="openUploadModal(true, ParamsFolders)" :disabled="UploadFile"><Icon icon="ant-design:cloud-upload-outlined" />上传文件</a-button>
         </div>
       </div>
-
       <div class="file-list-wrapper">
         <div class="file-list">
           <Card
@@ -356,7 +355,6 @@
               <div class="file-card-header">
                 <div class="file-name-wrap">
                   <span class="file-card-icon"><Icon :icon="file.svgIcon" size="24" /></span>
-                  <!-- 新增：文件编辑输入框切换逻辑 -->
                   <template v-if="editingInfo.id === file.id && editingInfo.type === 'file'">
                     <a-input
                       :ref="el => fileEditInputRef[file.id] = el"
@@ -380,8 +378,17 @@
               </div>
               <div class="card-divider"></div>
               <div class="file-card-actions">
-                <a-button type="link" size="small" @click="downloadFiles(file)" ><Icon icon="ant-design:cloud-download-outlined"/></a-button>
-                <a-button type="link" size="small" @click="deleteFiles(file)" danger><Icon icon="ant-design:delete-filled"/></a-button>
+                <span class="folder-name-label" :title="file.folderName">
+                  {{ file.folderName }}
+                </span>
+                <div class="action-buttons">
+                  <a-button type="link" size="small" @click="downloadFiles(file)" >
+                    <Icon icon="ant-design:cloud-download-outlined"/>
+                  </a-button>
+                  <a-button type="link" size="small" @click="deleteFiles(file)" danger>
+                    <Icon icon="ant-design:delete-filled"/>
+                  </a-button>
+                </div>
               </div>
             </div>
           </Card>
@@ -856,11 +863,12 @@ const handleDeleteFolder = async (folder: FolderNode) => {
   }
   
   Modal.confirm({
-    title: '删除确认',
-    content: '您确定要删除当前文件夹吗?',
-    okText: '确认删除',
+    title: '温馨提示',
+    content: '您确定要删除当前目录吗?',
+    okText: '确认',
     cancelText: '取消',
     okType: 'danger',
+	width: 420,
     onOk: async () => {
       try {
         const res = await bizFoldersDelete({ folderId: folder.id });
@@ -872,9 +880,12 @@ const handleDeleteFolder = async (folder: FolderNode) => {
           fileList.value = [];
         }
       } catch (error) {
-        console.error('删除文件夹失败:', error);
+        console.error('删除目录失败:', error);
       }
-    }
+    },
+	onCancel: () => {
+	  message.info('已取消删除操作');
+	}
   });
 };
 
@@ -1034,10 +1045,11 @@ async function downloadFiles(myFiles: BizMyfiles) {
 async function deleteFiles(myFiles: BizMyfiles) {
   Modal.confirm({
     title: '温馨提示',
-    content: '您确认删除当前文件吗?',
+    content: '您确认要删除当前文件吗?',
     okText: '确认',
     cancelText: '取消',
     okType: 'danger',
+	width: 420,
     onOk: async () => {
       try {
         const params = {
@@ -1489,12 +1501,34 @@ onMounted(() => {
   flex-shrink: 0;
 }
 
+/* 优化：重写file-card-actions样式 */
 .file-card-actions {
   display: flex;
-  gap: 4px;
+  align-items: center;
+  justify-content: space-between; /* 左右分布 */
+  gap: 8px;
   margin-top: auto;
   margin-bottom: 2px;
-  justify-content: flex-end;
+  padding: 0 4px;
+  width: 100%;
+  flex-shrink: 0;
+}
+
+/* folderName标签样式 */
+.folder-name-label {
+  font-size: 12px;
+  color: #668799;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  text-align: left;
+}
+
+/* 操作按钮容器 */
+.action-buttons {
+  display: flex;
+  gap: 4px;
   flex-shrink: 0;
 }
 
@@ -1555,7 +1589,7 @@ onMounted(() => {
 
 @media (max-width: 768px) {
   .file-list {
-    grid-template-columns: 1fr;
+    grid-template-columns: repeat(2, 1fr);
   }
   .sidebar {
     width: 200px;
@@ -1571,6 +1605,9 @@ onMounted(() => {
 }
 
 @media (max-width: 480px) {
+  .file-list {
+    grid-template-columns: 1fr;
+  }
   .file-manager-container {
     flex-direction: column;
     height: auto;