From 662de358adba373beaa4c8fc0b81bb64469fd233 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=B3=BD=E5=A8=81?= <958142070@qq.com>
Date: Tue, 3 Mar 2026 11:06:05 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=88=86?=
 =?UTF-8?q?=E7=89=87=E4=B8=8A=E4=BC=A0=E9=AB=98=E7=BA=A7=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 增加高级配置切换按钮，支持展开和收起高级选项
- 新增分片大小（字节）和分片临时地址两个配置字段
- 分片临时地址仅在类型为1时显示
- 重置表单时自动关闭高级配置面板
- 提交时对分片大小和分片临时地址进行有效性处理，空值使用默认配置
- 接口请求参数中新增分片上传相关字段
- 添加相关样式以优化高级配置项的展示效果
---
 src/apis/system/type.ts                      |  2 +
 src/views/system/config/storage/AddModal.vue | 87 +++++++++++++++++++-
 2 files changed, 85 insertions(+), 4 deletions(-)

diff --git a/src/apis/system/type.ts b/src/apis/system/type.ts
index 3aecca2..18be878 100644
--- a/src/apis/system/type.ts
+++ b/src/apis/system/type.ts
@@ -269,6 +269,8 @@ export interface StorageResp {
   endpoint: string
   bucketName: string
   domain: string
+  multipartUploadPartSize?: number | null
+  multipartTempDir?: string | null
   recycleBinEnabled: boolean
   recycleBinPath: string
   description: string
diff --git a/src/views/system/config/storage/AddModal.vue b/src/views/system/config/storage/AddModal.vue
index 1cf97ab..6c6da3d 100644
--- a/src/views/system/config/storage/AddModal.vue
+++ b/src/views/system/config/storage/AddModal.vue
@@ -16,6 +16,13 @@
         />
       </template>
     </GiForm>
+    <div class="advanced-toggle-wrap">
+      <a-button type="text" size="small" class="advanced-toggle-btn" @click="advancedVisible = !advancedVisible">
+        高级配置
+        <icon-right :class="['advanced-toggle-icon', { 'advanced-toggle-icon--expanded': advancedVisible }]" />
+      </a-button>
+    </div>
+    <GiForm v-if="advancedVisible" v-model="form" :columns="advancedColumns" class="advanced-form" />
   </a-modal>
 </template>
 
@@ -40,10 +47,13 @@ const isUpdate = computed(() => !!dataId.value)
 const storageType = ref('')
 const title = computed(() => (isUpdate.value ? `修改${storageType.value}` : `新增${storageType.value}`))
 const formRef = ref<InstanceType<typeof GiForm>>()
+const advancedVisible = ref(false)
 const { storage_type_enum } = useDict('storage_type_enum')
 
 const [form, resetForm] = useResetReactive({
   type: 2,
+  multipartUploadPartSize: undefined,
+  multipartTempDir: '',
   recycleBinEnabled: true,
   recycleBinPath: '.RECYCLE.BIN/',
   isDefault: false,
@@ -183,27 +193,68 @@ const columns: ColumnItem[] = reactive([
   },
 ])
 
+const advancedColumns: ColumnItem[] = reactive([
+  {
+    label: '分片大小（字节）',
+    field: 'multipartUploadPartSize',
+    type: 'input-number',
+    span: 24,
+    props: {
+      min: 1,
+      precision: 0,
+      placeholder: '为空则使用默认配置',
+      mode: 'button',
+    },
+  },
+  {
+    label: '分片临时地址',
+    field: 'multipartTempDir',
+    type: 'input',
+    span: 24,
+    props: {
+      maxLength: 255,
+      placeholder: '为空则使用默认配置',
+    },
+    show: () => form.type === 1,
+  },
+])
+
 // 重置
 const reset = () => {
   formRef.value?.formRef?.resetFields()
+  advancedVisible.value = false
   resetForm()
 }
 
+const buildPayload = () => {
+  const multipartUploadPartSize = Number(form.multipartUploadPartSize)
+  return {
+    ...form,
+    multipartUploadPartSize: Number.isFinite(multipartUploadPartSize) && multipartUploadPartSize > 0
+      ? multipartUploadPartSize
+      : null,
+    multipartTempDir: form.type === 1 && form.multipartTempDir?.trim()
+      ? form.multipartTempDir.trim()
+      : null,
+  }
+}
+
 // 保存
 const save = async () => {
   try {
     const isInvalid = await formRef.value?.formRef?.validate()
     if (isInvalid) return false
+    const payload = buildPayload()
     if (isUpdate.value) {
       await updateStorage({
-        ...form,
-        secretKey: form.type === 2 && form.secretKey ? encryptByRsa(form.secretKey) || '' : null,
+        ...payload,
+        secretKey: payload.type === 2 && payload.secretKey ? encryptByRsa(payload.secretKey) || '' : null,
       }, dataId.value)
       Message.success('修改成功')
     } else {
       await addStorage({
-        ...form,
-        secretKey: form.type === 2 ? encryptByRsa(form.secretKey) || '' : form.secretKey,
+        ...payload,
+        secretKey: payload.type === 2 ? encryptByRsa(payload.secretKey) || '' : payload.secretKey,
       })
       Message.success('新增成功')
     }
@@ -235,3 +286,31 @@ const onUpdate = async (id: string) => {
 
 defineExpose({ onAdd, onUpdate })
 </script>
+
+<style scoped lang="scss">
+.advanced-toggle-wrap {
+  margin-top: 6px;
+  display: flex;
+  justify-content: flex-start;
+}
+
+.advanced-toggle-btn {
+  padding: 0;
+  color: var(--color-text-2);
+}
+
+.advanced-toggle-icon {
+  margin-left: 4px;
+  transition: transform 0.2s ease;
+}
+
+.advanced-toggle-icon--expanded {
+  transform: rotate(90deg);
+}
+
+.advanced-form {
+  margin-top: 8px;
+  padding-top: 12px;
+  border-top: 1px dashed var(--color-border-2);
+}
+</style>
-- 
Gitee


From 0012feee255bc954210ea17cf4d2d36a673acdb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=B3=BD=E5=A8=81?= <958142070@qq.com>
Date: Tue, 3 Mar 2026 11:26:20 +0800
Subject: [PATCH 2/4] =?UTF-8?q?feat(storage):=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=88=86=E7=89=87=E9=98=88=E5=80=BC=E9=85=8D=E7=BD=AE=E5=8F=8A?=
 =?UTF-8?q?=E6=A0=A1=E9=AA=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 multipartUploadThreshold 字段支持分片阈值（MB）配置
- 调整 multipartUploadPartSize 精度支持小数点后两位
- 新增字节与兆字节转换工具函数 toMb 和 toBytes
- 添加分片阈值和分片大小的业务校验逻辑，保证配置合理性
- 修改数据回显时进行分片阈值与分片大小的单位转换
- 发送接口时将分片阈值和分片大小统一转换为字节数
- 类型定义中新增 multipartUploadThreshold 可选字段支持
---
 src/apis/system/type.ts                      |  1 +
 src/views/system/config/storage/AddModal.vue | 64 +++++++++++++++++---
 2 files changed, 58 insertions(+), 7 deletions(-)

diff --git a/src/apis/system/type.ts b/src/apis/system/type.ts
index 18be878..2f4ae78 100644
--- a/src/apis/system/type.ts
+++ b/src/apis/system/type.ts
@@ -269,6 +269,7 @@ export interface StorageResp {
   endpoint: string
   bucketName: string
   domain: string
+  multipartUploadThreshold?: number | null
   multipartUploadPartSize?: number | null
   multipartTempDir?: string | null
   recycleBinEnabled: boolean
diff --git a/src/views/system/config/storage/AddModal.vue b/src/views/system/config/storage/AddModal.vue
index 6c6da3d..6d296b1 100644
--- a/src/views/system/config/storage/AddModal.vue
+++ b/src/views/system/config/storage/AddModal.vue
@@ -49,9 +49,11 @@ const title = computed(() => (isUpdate.value ? `修改${storageType.value}` : `
 const formRef = ref<InstanceType<typeof GiForm>>()
 const advancedVisible = ref(false)
 const { storage_type_enum } = useDict('storage_type_enum')
+const MB = 1024 * 1024
 
 const [form, resetForm] = useResetReactive({
   type: 2,
+  multipartUploadThreshold: undefined,
   multipartUploadPartSize: undefined,
   multipartTempDir: '',
   recycleBinEnabled: true,
@@ -195,13 +197,25 @@ const columns: ColumnItem[] = reactive([
 
 const advancedColumns: ColumnItem[] = reactive([
   {
-    label: '分片大小（字节）',
+    label: '分片阈值（MB）',
+    field: 'multipartUploadThreshold',
+    type: 'input-number',
+    span: 24,
+    props: {
+      min: 1,
+      precision: 2,
+      placeholder: '为空则使用默认配置',
+      mode: 'button',
+    },
+  },
+  {
+    label: '分片大小（MB）',
     field: 'multipartUploadPartSize',
     type: 'input-number',
     span: 24,
     props: {
       min: 1,
-      precision: 0,
+      precision: 2,
       placeholder: '为空则使用默认配置',
       mode: 'button',
     },
@@ -226,13 +240,44 @@ const reset = () => {
   resetForm()
 }
 
+const toMb = (bytes?: number | null) => {
+  if (typeof bytes !== 'number' || bytes <= 0) return undefined
+  return Number((bytes / MB).toFixed(2))
+}
+
+const toBytes = (mb?: number | null) => {
+  const value = Number(mb)
+  if (!Number.isFinite(value) || value <= 0) return null
+  return Math.round(value * MB)
+}
+
+const validateAdvancedConfig = () => {
+  const thresholdMb = Number(form.multipartUploadThreshold)
+  const partSizeMb = Number(form.multipartUploadPartSize)
+  const hasThreshold = Number.isFinite(thresholdMb) && thresholdMb > 0
+  const hasPartSize = Number.isFinite(partSizeMb) && partSizeMb > 0
+
+  if (hasPartSize) {
+    const minPartSizeMb = form.type === 2 ? 5 : 1
+    if (partSizeMb < minPartSizeMb) {
+      Message.error(`分片大小不能小于 ${minPartSizeMb}MB`)
+      return false
+    }
+  }
+
+  if (hasThreshold && hasPartSize && thresholdMb < partSizeMb) {
+    Message.error('分片阈值不能小于分片大小')
+    return false
+  }
+
+  return true
+}
+
 const buildPayload = () => {
-  const multipartUploadPartSize = Number(form.multipartUploadPartSize)
   return {
     ...form,
-    multipartUploadPartSize: Number.isFinite(multipartUploadPartSize) && multipartUploadPartSize > 0
-      ? multipartUploadPartSize
-      : null,
+    multipartUploadThreshold: toBytes(form.multipartUploadThreshold),
+    multipartUploadPartSize: toBytes(form.multipartUploadPartSize),
     multipartTempDir: form.type === 1 && form.multipartTempDir?.trim()
       ? form.multipartTempDir.trim()
       : null,
@@ -244,6 +289,7 @@ const save = async () => {
   try {
     const isInvalid = await formRef.value?.formRef?.validate()
     if (isInvalid) return false
+    if (!validateAdvancedConfig()) return false
     const payload = buildPayload()
     if (isUpdate.value) {
       await updateStorage({
@@ -279,7 +325,11 @@ const onUpdate = async (id: string) => {
   reset()
   dataId.value = id
   const { data } = await getStorage(id)
-  Object.assign(form, data)
+  Object.assign(form, {
+    ...data,
+    multipartUploadThreshold: toMb(data.multipartUploadThreshold),
+    multipartUploadPartSize: toMb(data.multipartUploadPartSize),
+  })
   storageType.value = storage_type_enum.value.find((item) => item.value === form.type)?.label || '本地存储'
   visible.value = true
 }
-- 
Gitee


From e7117b980fb60ae9b4e9d25f3e6b6ac99049d930 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=B3=BD=E5=A8=81?= <958142070@qq.com>
Date: Tue, 3 Mar 2026 15:48:12 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E5=8D=95=E6=96=87=E4=BB=B6=E6=88=96=E5=88=86=E7=89=87?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E7=AD=96=E7=95=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增默认存储上传配置接口及接口调用逻辑
- 实现自动判定单文件上传或分片上传的模式选择
- 增加单文件上传任务管理与进度轮询功能
- 优化分片上传暂停、恢复、取消控制方法
- 添加上传配置展示组件及界面优化
- 文件统计饼图新增图例交互及样式调整
- 上传页面移除普通上传下拉菜单，简化操作按钮
- 增强上传任务删除时的中断和状态清理功能
- 调整上传列表状态列样式支持错误详情换行显示
---
 src/apis/system/file.ts                       |  15 +-
 src/apis/system/type.ts                       |  26 ++
 src/components/FilePreview/index.vue          |   2 +-
 src/components/MultipartUpload/index.vue      | 118 ++++++-
 src/hooks/modules/useMultipartUploader.ts     | 308 ++++++++++++------
 src/layout/components/Tabs/index.vue          |   1 -
 src/views/system/config/storage/AddModal.vue  |   2 +-
 .../system/file/main/FileAsideStatistics.vue  | 131 ++++++--
 src/views/system/file/main/FileMain/index.vue |  74 +----
 9 files changed, 475 insertions(+), 202 deletions(-)

diff --git a/src/apis/system/file.ts b/src/apis/system/file.ts
index 56d7012..635c0fd 100644
--- a/src/apis/system/file.ts
+++ b/src/apis/system/file.ts
@@ -1,3 +1,4 @@
+import type { AxiosRequestConfig } from 'axios'
 import type * as T from './type'
 import http from '@/utils/http'
 
@@ -7,8 +8,18 @@ const BASE_URL = '/system/file'
 const RECYCLE_URL = `${BASE_URL}/recycle`
 
 /** @desc 上传文件 */
-export function uploadFile(data: FormData) {
-  return http.post(`${BASE_URL}/upload`, data)
+export function uploadFile(data: FormData, config?: AxiosRequestConfig) {
+  return http.post<T.FileUploadResp>(`${BASE_URL}/upload`, data, config)
+}
+
+/** @desc 查询默认存储上传配置 */
+export function getDefaultUploadConfig() {
+  return http.get<T.FileUploadConfigResp>(`${BASE_URL}/upload/config/default`)
+}
+
+/** @desc 查询单文件上传进度 */
+export function getUploadProgress(uploadTaskId: string) {
+  return http.get<T.FileUploadProgressResp>(`${BASE_URL}/upload/progress/${uploadTaskId}`)
 }
 
 /** @desc 查询文件列表 */
diff --git a/src/apis/system/type.ts b/src/apis/system/type.ts
index 2f4ae78..b988a60 100644
--- a/src/apis/system/type.ts
+++ b/src/apis/system/type.ts
@@ -249,6 +249,32 @@ export interface FileStatisticsResp {
 export interface FileDirCalcSizeResp {
   size: number
 }
+export interface FileUploadResp {
+  id: string
+  url: string
+  thUrl: string
+  metadata: Record<string, string>
+}
+export type StorageType = 1 | 2
+export interface FileUploadConfigResp {
+  storageId: string | number
+  storageName: string
+  storageCode: string
+  storageType: StorageType
+  multipartUploadThreshold: number
+  multipartUploadPartSize: number
+  multipartTempDir?: string | null
+}
+export interface FileUploadProgressResp {
+  uploadTaskId: string
+  status: 'INIT' | 'UPLOADING' | 'FINALIZING' | 'COMPLETED' | 'FAILED' | 'NOT_FOUND'
+  percentage: number
+  bytesRead: number
+  totalBytes: number
+  fileId?: string
+  url?: string
+  message?: string
+}
 export interface FileQuery {
   originalName?: string
   type?: string
diff --git a/src/components/FilePreview/index.vue b/src/components/FilePreview/index.vue
index 8de9da9..f73bb1a 100644
--- a/src/components/FilePreview/index.vue
+++ b/src/components/FilePreview/index.vue
@@ -69,7 +69,7 @@ const filePreview = reactive<FilePreview>({
 })
 // 弹框标题
 const modalTitle = computed(() => {
-  const { fileName, fileType } = filePreview.fileInfo || {}
+  const { fileName } = filePreview.fileInfo || {}
   // fileName 已经包含扩展名，直接显示
   return fileName || '文件预览'
 })
diff --git a/src/components/MultipartUpload/index.vue b/src/components/MultipartUpload/index.vue
index 55d6a84..e0d6e82 100644
--- a/src/components/MultipartUpload/index.vue
+++ b/src/components/MultipartUpload/index.vue
@@ -21,10 +21,21 @@
             <a-button style="margin-left: 8px;" status="danger" @click="clearAllTasks">清空</a-button>
           </div>
         </div>
+        <div class="upload-config-overview">
+          <div class="upload-config-title">默认存储上传策略</div>
+          <a-spin :loading="loadingUploadConfig">
+            <div v-if="defaultUploadConfig" class="upload-config-grid">
+              <div class="upload-config-item"><span class="label">类型</span><span class="value">{{ storageTypeLabel }}</span></div>
+              <div class="upload-config-item"><span class="label">分片阈值</span><span class="value">{{ thresholdMb }} MB</span></div>
+              <div class="upload-config-item"><span class="label">分片大小</span><span class="value">{{ partSizeMb }} MB</span></div>
+              <div v-if="isLocalStorage" class="upload-config-item upload-config-item-full"><span class="label">本地分片临时目录</span><span class="value">{{ defaultUploadConfig.multipartTempDir || '-' }}</span></div>
+            </div>
+          </a-spin>
+        </div>
         <div style="margin-bottom: 8px; color: #888; font-size: 13px;">
           支持拖拽文件到此区域上传（文件夹请使用"选择文件夹"按钮）
           <br />
-          <small style="color: #999;">提示：拖拽上传时，所有文件将上传到根目录</small>
+          <small style="color: #999;">系统会根据默认存储分片阈值自动选择单文件上传或分片上传</small>
         </div>
         <!-- 表格区域 -->
         <div class="gi-table-flex-body">
@@ -33,6 +44,7 @@
               :data="fileTasks"
               :columns="columns"
               row-key="uid"
+              :scroll="{ y: '100%' }"
               :pagination="pagination"
               style="height: 100%; background: transparent;"
             >
@@ -47,7 +59,7 @@
               <template #status="{ record }">
                 <div>
                   <a-tag :color="statusColor(record.status)" size="small">{{ statusText(record.status) }}</a-tag>
-                  <div v-if="record.status === 'failed' && record.errorMessage" style="margin-top: 4px; font-size: 12px; color: #f56c6c;">
+                  <div v-if="record.status === 'failed' && record.errorMessage" class="upload-status-error">
                     {{ record.errorMessage }}
                   </div>
                 </div>
@@ -83,10 +95,11 @@
 </template>
 
 <script lang="ts" setup>
-import { h, ref, resolveComponent } from 'vue'
+import { computed, h, onMounted, ref, resolveComponent } from 'vue'
 import { IconClose, IconDelete, IconPause, IconPlayArrow, IconRefresh } from '@arco-design/web-vue/es/icon'
 import { useMultipartUploader } from '@/hooks/modules/useMultipartUploader'
 import { getFilesFromDataTransferItems, isFileSystemAccessAPISupported } from '@/utils/drag-drop-file-util'
+import type { StorageType } from '@/apis/system/type'
 
 // 组件props定义
 const props = defineProps<{
@@ -173,7 +186,7 @@ const columns = [
     width: 120,
   },
   { title: '进度', slotName: 'progress', width: 140 },
-  { title: '状态', slotName: 'status', width: 80 },
+  { title: '状态', slotName: 'status', width: 220 },
   { title: '操作', slotName: 'actions', width: 150 },
 ]
 
@@ -183,6 +196,9 @@ const {
   uploadingCount: _uploadingCount,
   maxConcurrent: _maxConcurrent,
   maxChunkConcurrent: _maxChunkConcurrent,
+  defaultUploadConfig,
+  loadingUploadConfig,
+  refreshDefaultUploadConfig,
   startAllUpload,
   addFiles,
   pauseTask,
@@ -201,6 +217,26 @@ const {
   rootPath: props.rootPath,
 })
 
+const toMb = (bytes?: number | null) => {
+  if (!bytes || bytes <= 0) return 0
+  return Number((bytes / 1024 / 1024).toFixed(2))
+}
+const STORAGE_TYPE_LOCAL: StorageType = 1
+const STORAGE_TYPE_OSS: StorageType = 2
+
+const thresholdMb = computed(() => toMb(defaultUploadConfig.value?.multipartUploadThreshold))
+const partSizeMb = computed(() => toMb(defaultUploadConfig.value?.multipartUploadPartSize))
+const isLocalStorage = computed(() => defaultUploadConfig.value?.storageType === STORAGE_TYPE_LOCAL)
+const storageTypeLabel = computed(() => {
+  if (defaultUploadConfig.value?.storageType === STORAGE_TYPE_LOCAL) return '本地存储'
+  if (defaultUploadConfig.value?.storageType === STORAGE_TYPE_OSS) return '对象存储'
+  return '未知'
+})
+
+onMounted(() => {
+  refreshDefaultUploadConfig()
+})
+
 // 触发文件选择
 function triggerFileInput() {
   fileInput.value?.click()
@@ -299,7 +335,8 @@ function statusColor(status: string) {
   box-shadow: 0 2px 8px #0000000d;
   border: 2px dashed #e5e6eb;
   transition: border-color 0.2s, background 0.2s;
-  min-width: 1000px;
+  width: 100%;
+  min-width: 0;
   max-width: 1200px;
   margin: 0 auto;
   display: flex;
@@ -315,6 +352,40 @@ function statusColor(status: string) {
   justify-content: space-between;
   margin-bottom: 16px;
 }
+.upload-config-overview {
+  margin-bottom: 12px;
+  padding: 10px 12px;
+  border-radius: 8px;
+  background: var(--color-fill-1);
+}
+.upload-config-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--color-text-1);
+  margin-bottom: 8px;
+}
+.upload-config-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px 12px;
+}
+.upload-config-item {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--color-text-2);
+}
+.upload-config-item-full {
+  grid-column: 1 / -1;
+}
+.upload-config-item .label {
+  color: var(--color-text-3);
+}
+.upload-config-item .value {
+  color: var(--color-text-1);
+  word-break: break-all;
+}
 .upload-btns-left {
   display: flex;
   align-items: center;
@@ -353,30 +424,48 @@ function statusColor(status: string) {
   flex-direction: column;
 }
 :deep(.arco-table-th) {
-  min-width: 120px;
   font-weight: 500;
 }
 :deep(.arco-table-td) {
-  max-width: 400px;
-  min-width: 120px;
+  max-width: 320px;
+  min-width: 0;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 :deep(.arco-table-td:nth-child(1)),
 :deep(.arco-table-th:nth-child(1)) {
-  min-width: 200px;
-  max-width: 350px;
+  min-width: 150px;
+  max-width: 280px;
 }
 :deep(.arco-table-td:nth-child(2)),
 :deep(.arco-table-th:nth-child(2)) {
-  min-width: 180px;
-  max-width: 300px;
+  min-width: 130px;
+  max-width: 220px;
 }
 :deep(.arco-table-td:last-child),
 :deep(.arco-table-th:last-child) {
+  min-width: 120px;
+  max-width: 160px;
+}
+/* 状态列需要展示错误详情，允许换行并避免把整行撑宽 */
+:deep(.arco-table-td:nth-child(6)),
+:deep(.arco-table-th:nth-child(6)) {
   min-width: 160px;
-  max-width: 200px;
+  max-width: 220px;
+}
+:deep(.arco-table-td:nth-child(6)) {
+  white-space: normal;
+  overflow: visible;
+}
+.upload-status-error {
+  margin-top: 4px;
+  font-size: 12px;
+  color: #f56c6c;
+  line-height: 1.35;
+  white-space: normal;
+  word-break: break-all;
+  overflow-wrap: anywhere;
 }
 :deep(.arco-table-element):has(tbody .arco-table-tr-empty) {
   height: 100%;
@@ -425,6 +514,9 @@ function statusColor(status: string) {
     align-items: flex-start;
     gap: 8px;
   }
+  .upload-config-grid {
+    grid-template-columns: 1fr;
+  }
   .upload-btns-right {
     margin-left: 0;
   }
diff --git a/src/hooks/modules/useMultipartUploader.ts b/src/hooks/modules/useMultipartUploader.ts
index f642cd5..8024712 100644
--- a/src/hooks/modules/useMultipartUploader.ts
+++ b/src/hooks/modules/useMultipartUploader.ts
@@ -8,6 +8,12 @@ import {
   initMultipartUpload,
   uploadPart,
 } from '@/apis/system/multipart-upload'
+import {
+  getDefaultUploadConfig,
+  getUploadProgress,
+  uploadFile,
+} from '@/apis/system/file'
+import type { FileUploadConfigResp } from '@/apis/system/type'
 
 // 文件上传任务对象类型
 export interface FileTask {
@@ -25,10 +31,13 @@ export interface FileTask {
   fileSize: number // 文件大小
   fileMd5?: string // 文件MD5
   uploadId?: string // 分片上传ID
+  uploadTaskId?: string // 单文件上传任务ID
   path?: string // 文件路径（由后端返回）
+  mode?: 'single' | 'multipart' // 上传模式（自动判定）
   partETags: Array<{ partNumber: number, eTag: string }> // 分片ETag列表
   errorMessage?: string // 错误信息
   abortController?: AbortController // 请求中断控制器
+  _progressPollTimer?: ReturnType<typeof setTimeout> // 单文件上传进度轮询计时器
   _uploading?: boolean // 标记是否正在上传（内部控制）
   _pause?: () => void // 暂停方法
   _resume?: () => void // 继续方法
@@ -36,13 +45,7 @@ export interface FileTask {
   _retryCount?: Map<number, number> // 分片重试次数记录
 }
 
-/**
- * useMultipartUploader - 通用分片上传 hooks
- * @param props.maxConcurrentFiles   最大同时上传文件数（全局并发）
- * @param props.maxConcurrentChunks  每个文件分片上传最大并发数
- * @param props.maxUploadWorkers     最大上传Worker数量（基于CPU核心数）
- * @returns 上传相关响应式状态与操作方法
- */
+// useMultipartUploader：通用上传 hooks（支持自动单文件/分片策略）
 export function useMultipartUploader(props: {
   maxConcurrentFiles?: number
   maxConcurrentChunks?: number
@@ -80,6 +83,8 @@ export function useMultipartUploader(props: {
     uploadEndTime: number
     totalTime: number
   } | null>(null)
+  const defaultUploadConfig = ref<FileUploadConfigResp | null>(null)
+  const loadingUploadConfig = ref(false)
 
   // MD5 Worker实例
   let md5Worker: Worker | null = null
@@ -199,6 +204,127 @@ export function useMultipartUploader(props: {
     })
   }
 
+  function createUploadTaskId() {
+    if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+      return crypto.randomUUID()
+    }
+    return `${Date.now()}-${Math.random().toString(36).slice(2)}`
+  }
+
+  async function loadDefaultUploadConfig(force = false) {
+    if (!force && defaultUploadConfig.value) {
+      return defaultUploadConfig.value
+    }
+    loadingUploadConfig.value = true
+    try {
+      const res = await getDefaultUploadConfig()
+      defaultUploadConfig.value = res.data
+      return defaultUploadConfig.value
+    } finally {
+      loadingUploadConfig.value = false
+    }
+  }
+
+  function resolveUploadMode(task: FileTask) {
+    const threshold = defaultUploadConfig.value?.multipartUploadThreshold ?? 0
+    return task.fileSize > threshold ? 'multipart' : 'single'
+  }
+
+  function stopSingleProgressPolling(task: FileTask) {
+    if (task._progressPollTimer) {
+      clearTimeout(task._progressPollTimer)
+      task._progressPollTimer = undefined
+    }
+  }
+
+  async function pollSingleUploadProgress(task: FileTask) {
+    if (!task.uploadTaskId || task.status !== 'uploading') {
+      return
+    }
+    const currentUploadTaskId = task.uploadTaskId
+    let shouldContinuePolling = true
+    let nextPollDelay = 350
+    try {
+      const res = await getUploadProgress(currentUploadTaskId)
+      // 轮询请求返回时，任务可能已完成/取消或切换了新 uploadTaskId，避免旧响应回写覆盖
+      if (task.status !== 'uploading' || task.uploadTaskId !== currentUploadTaskId) {
+        return
+      }
+      const progress = res.data
+      if (!progress) {
+        return
+      }
+      const percentage = Number(progress.percentage ?? 0)
+      const normalizedProgress = Number((Math.min(Math.max(percentage, 0), 100) / 100).toFixed(2))
+      task.progress = Math.max(task.progress, normalizedProgress)
+
+      if (progress.status === 'COMPLETED') {
+        task.progress = 1
+        shouldContinuePolling = false
+        stopSingleProgressPolling(task)
+      } else if (progress.status === 'FAILED') {
+        shouldContinuePolling = false
+        if (progress.message) {
+          task.errorMessage = progress.message
+        }
+      } else if (progress.status === 'FINALIZING' || normalizedProgress >= 1) {
+        // 文件字节传输已完成，后端进入收尾（查询文件信息/落库）阶段，改为低频轮询。
+        nextPollDelay = 1200
+      }
+    } catch (_error) {
+      // 进度轮询失败不打断上传主流程
+    } finally {
+      if (task.status === 'uploading' && shouldContinuePolling) {
+        task._progressPollTimer = setTimeout(() => {
+          pollSingleUploadProgress(task)
+        }, nextPollDelay)
+      }
+    }
+  }
+
+  async function uploadSingleFileTask(task: FileTask) {
+    if (!task.abortController) {
+      task.abortController = new AbortController()
+    }
+    if (!task.uploadTaskId) {
+      task.uploadTaskId = createUploadTaskId()
+    }
+    task.totalChunks = 1
+    task.chunkSize = task.fileSize
+    task.uploadedChunks = []
+    task.partETags = []
+    task.errorMessage = ''
+
+    const formData = new FormData()
+    formData.append('parentPath', task.parentPath && task.parentPath !== '' ? task.parentPath : '/')
+    formData.append('file', task.file)
+    formData.append('uploadTaskId', task.uploadTaskId)
+
+    stopSingleProgressPolling(task)
+    pollSingleUploadProgress(task)
+
+    try {
+      await uploadFile(formData, { signal: task.abortController.signal })
+      stopSingleProgressPolling(task)
+      task.progress = 1
+      task.uploadedChunks = [1]
+      task.status = 'completed'
+      startNextTasks()
+    } catch (error: any) {
+      stopSingleProgressPolling(task)
+      if (error?.name === 'AbortError' || error?.name === 'CanceledError' || error?.code === 'ERR_CANCELED') {
+        if (task.status === 'uploading') {
+          task.status = 'cancelled'
+        }
+        startNextTasks()
+        return
+      }
+      task.status = 'failed'
+      task.errorMessage = error?.response?.data?.message || error?.message || '单文件上传失败'
+      startNextTasks()
+    }
+  }
+
   /**
    * 添加分片到上传队列
    */
@@ -307,7 +433,7 @@ export function useMultipartUploader(props: {
       }
     } catch (error) {
       // 检查是否是取消请求导致的错误
-      if (error instanceof Error && error.name === 'AbortError') {
+      if (error instanceof Error && (error.name === 'AbortError' || error.name === 'CanceledError')) {
         // eslint-disable-next-line no-console
         console.log(`分片上传被取消: ${task.fileName} - 分片${chunkNumber}`)
         return
@@ -394,28 +520,73 @@ export function useMultipartUploader(props: {
   }
 
   /**
-   * 分片上传核心逻辑，处理单个文件的分片上传、并发、暂停、恢复、取消等
+   * 统一上传逻辑（自动判定单文件上传或分片上传）
    * @param task FileTask
    */
   async function uploadFileTask(task: FileTask) {
     try {
       // eslint-disable-next-line no-console
       console.log(`[Hooks] 开始上传任务: ${task.fileName}, 当前状态: ${task.status}`)
-      // 1. 初始化分片上传，获取 uploadId
+      await loadDefaultUploadConfig()
+
+      if (!task.uploadId) {
+        task.mode = resolveUploadMode(task)
+      }
+
+      task._pause = () => {
+        task.status = 'paused'
+        if (task.mode === 'single') {
+          stopSingleProgressPolling(task)
+          task.abortController?.abort()
+          task.uploadTaskId = undefined
+          task.progress = 0
+        }
+        uploadQueue.value = uploadQueue.value.filter((item) => item.task.uid !== task.uid)
+        const activeChunkIds = Array.from(activeUploads.value).filter((id) => id.startsWith(task.uid))
+        activeChunkIds.forEach((id) => activeUploads.value.delete(id))
+      }
+
+      task._resume = () => {
+        if (task.status === 'paused') {
+          task.status = 'uploading'
+          if (task.mode === 'multipart') {
+            for (let i = 1; i <= task.totalChunks; i++) {
+              if (!task.uploadedChunks.includes(i)) {
+                addChunkToQueue(task, i)
+              }
+            }
+          } else {
+            task._uploading = false
+            startNextTasks()
+          }
+        }
+      }
+
+      task._cancel = () => {
+        task.status = 'cancelled'
+        stopSingleProgressPolling(task)
+        if (task.abortController) {
+          task.abortController.abort()
+        }
+        uploadQueue.value = uploadQueue.value.filter((item) => item.task.uid !== task.uid)
+        const activeChunkIds = Array.from(activeUploads.value).filter((id) => id.startsWith(task.uid))
+        activeChunkIds.forEach((id) => activeUploads.value.delete(id))
+        if (task.uploadId) {
+          cancelUpload({ uploadId: task.uploadId })
+        }
+      }
+
+      if (task.mode === 'single') {
+        await uploadSingleFileTask(task)
+        return
+      }
+
       if (!task.uploadId) {
-        // eslint-disable-next-line no-console
-        console.log(`[Hooks] 任务 ${task.fileName} 没有 uploadId，准备调用 initMultipartUpload`)
-        // 若没有MD5，先计算
         if (!task.fileMd5) {
           // eslint-disable-next-line no-console
           console.log(`[Hooks] 任务 ${task.fileName} 没有 MD5，开始计算...`)
           task.fileMd5 = await calcFileMd5(task.file, task.uid)
         }
-
-        // eslint-disable-next-line no-console
-        console.log(`[Hooks] 调用 initMultipartUpload: ${task.fileName}, MD5: ${task.fileMd5}, 路径: ${task.parentPath}`)
-
-        // 确保parentPath不是空字符串，如果是则使用"/"
         const parentPath = task.parentPath && task.parentPath !== '' ? task.parentPath : '/'
 
         try {
@@ -431,33 +602,19 @@ export function useMultipartUploader(props: {
           })
 
           if (res && res.data) {
-            // eslint-disable-next-line no-console
-            console.log(`[Hooks] initMultipartUpload 成功: ${task.fileName}, uploadId: ${res.data.uploadId}`)
             task.uploadId = res.data.uploadId
             task.chunkSize = res.data.partSize
             task.path = res.data.path
-
-            // 处理断点续传：如果后端返回了已上传的分片编号
             if (res.data.uploadedPartNumbers && res.data.uploadedPartNumbers.length > 0) {
-              // eslint-disable-next-line no-console
-              console.log(`[Hooks] 发现已上传分片: ${task.fileName}, 已上传分片: ${res.data.uploadedPartNumbers.join(',')}`)
-              // 将已上传的分片编号添加到任务中
               task.uploadedChunks = [...res.data.uploadedPartNumbers]
-
-              // 计算当前进度
               const totalChunks = Math.ceil(task.fileSize / task.chunkSize)
               updateTaskProgress(task, totalChunks)
-
-              // eslint-disable-next-line no-console
-              console.log(`[Hooks] 断点续传进度: ${task.fileName}, 进度: ${(task.progress * 100).toFixed(1)}%`)
             }
           } else {
             throw new Error('初始化分片上传失败：服务器返回数据为空')
           }
         } catch (error: any) {
-          // 处理特定错误类型
           const errorMsg = error?.response?.data?.message || error?.message || '未知错误'
-
           if (errorMsg.includes('文件名已存在')) {
             task.status = 'failed'
             task.errorMessage = '文件名已存在'
@@ -471,95 +628,34 @@ export function useMultipartUploader(props: {
             task.errorMessage = `初始化失败: ${errorMsg}`
             Message.error(`文件 "${task.fileName}" 上传失败：${errorMsg}`)
           }
-
           task._uploading = false
           startNextTasks()
           return
         }
       }
 
-      // 2. 计算总分片数
       const totalChunks = Math.ceil(task.fileSize / task.chunkSize)
       task.totalChunks = totalChunks
-
-      // eslint-disable-next-line no-console
-      console.log(`[Hooks] 计算总分片数: ${task.fileName}, 总分片数: ${totalChunks}, 分片大小: ${task.chunkSize}`)
-
-      // 检查是否有断点续传的分片
       const hasResumeData = task.uploadedChunks.length > 0
-
       if (!hasResumeData) {
-        // 如果没有断点续传数据，重新初始化
         task.uploadedChunks = []
         task.partETags = []
         task.progress = 0
       } else {
-        // 有断点续传数据，计算当前进度
-        // eslint-disable-next-line no-console
-        console.log(`[Hooks] 发现断点续传数据: ${task.fileName}, 已上传分片: ${task.uploadedChunks.join(',')}`)
         updateTaskProgress(task, task.totalChunks)
       }
-
-      // 将所有未完成的分片添加到队列
-      // eslint-disable-next-line no-console
-      console.log(`[Hooks] 开始添加分片到队列: ${task.fileName}`)
       for (let i = 1; i <= totalChunks; i++) {
-        // 只添加未上传的分片
         if (!task.uploadedChunks.includes(i)) {
           addChunkToQueue(task, i)
         }
       }
-      // eslint-disable-next-line no-console
-      console.log(`[Hooks] 分片添加完成: ${task.fileName}, 队列长度: ${uploadQueue.value.length}`)
-
-      // 挂载暂停/取消控制方法到 task
-      task._pause = () => {
-        task.status = 'paused'
-        // 暂停时清空队列中该任务的分片
-        uploadQueue.value = uploadQueue.value.filter((item) => item.task.uid !== task.uid)
-        // 清理正在上传的分片
-        const activeChunkIds = Array.from(activeUploads.value).filter((id) => id.startsWith(task.uid))
-        activeChunkIds.forEach((id) => activeUploads.value.delete(id))
-      }
-
-      task._resume = () => {
-        if (task.status === 'paused') {
-          task.status = 'uploading'
-          // 重新添加未完成的分片到队列
-          for (let i = 1; i <= task.totalChunks; i++) {
-            if (!task.uploadedChunks.includes(i)) {
-              addChunkToQueue(task, i)
-            }
-          }
-        }
-      }
-
-      task._cancel = () => {
-        task.status = 'cancelled'
-        // 中断所有正在进行的请求
-        if (task.abortController) {
-          task.abortController.abort()
-        }
-        // 清空队列中该任务的分片
-        uploadQueue.value = uploadQueue.value.filter((item) => item.task.uid !== task.uid)
-        // 清理正在上传的分片
-        const activeChunkIds = Array.from(activeUploads.value).filter((id) => id.startsWith(task.uid))
-        activeChunkIds.forEach((id) => activeUploads.value.delete(id))
-        if (task.uploadId) {
-          cancelUpload({ uploadId: task.uploadId })
-        }
-      }
     } catch (error: any) {
-      // 捕获并处理所有未处理的异常
       const errorMsg = error?.message || '未知错误'
-      // eslint-disable-next-line no-console
       console.error(`[Hooks] 上传任务异常: ${task.fileName}, 错误: ${errorMsg}`, error)
-
       if (task.status !== 'failed') {
         task.status = 'failed'
         task.errorMessage = `上传失败: ${errorMsg}`
       }
-
       task._uploading = false
       startNextTasks()
     }
@@ -770,13 +866,6 @@ export function useMultipartUploader(props: {
         _retryCount: new Map(), // 初始化重试计数器
       }
 
-      // 立即开始计算MD5，但不自动开始上传
-      calcFileMd5(file, task.uid).then((md5) => {
-        task.fileMd5 = md5
-      }).catch((_error) => {
-        task.status = 'failed'
-      })
-
       fileTasks.value.push(task)
     }
   }
@@ -828,6 +917,10 @@ export function useMultipartUploader(props: {
     if (task.status === 'failed') {
       task.status = 'uploading'
       task.progress = 0
+      if (task.mode === 'single') {
+        task.uploadedChunks = []
+        task.uploadTaskId = undefined
+      }
       // 重试时保留已上传的分片信息，支持断点续传
       // task.uploadedChunks = [] // 注释掉，保留断点续传数据
       // task.partETags = [] // 注释掉，保留断点续传数据
@@ -841,11 +934,18 @@ export function useMultipartUploader(props: {
 
   // 清空所有上传任务
   function clearAllTasks() {
+    fileTasks.value.forEach((task) => {
+      stopSingleProgressPolling(task)
+      if (task.status === 'uploading' || task.status === 'waiting' || task.status === 'paused') {
+        task._cancel?.()
+      }
+    })
     fileTasks.value = []
   }
 
   // 删除单个任务
   function removeTask(task: FileTask) {
+    stopSingleProgressPolling(task)
     // 先取消任务
     if (task.status === 'uploading' || task.status === 'waiting' || task.status === 'paused') {
       task._cancel?.()
@@ -868,9 +968,14 @@ export function useMultipartUploader(props: {
     return `${Number.parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`
   }
 
+  async function refreshDefaultUploadConfig() {
+    return loadDefaultUploadConfig(true)
+  }
+
   // 组件销毁时，终止所有上传任务和Worker
   onUnmounted(() => {
     fileTasks.value.forEach((task) => {
+      stopSingleProgressPolling(task)
       if (task.status === 'uploading' || task.status === 'waiting' || task.status === 'paused') {
         pauseTask(task)
       }
@@ -887,6 +992,9 @@ export function useMultipartUploader(props: {
     uploadingCount,
     maxConcurrent,
     maxChunkConcurrent,
+    defaultUploadConfig,
+    loadingUploadConfig,
+    refreshDefaultUploadConfig,
     uploadFileTask,
     startNextTasks,
     startAllUpload,
diff --git a/src/layout/components/Tabs/index.vue b/src/layout/components/Tabs/index.vue
index e5f0886..9c43b2f 100644
--- a/src/layout/components/Tabs/index.vue
+++ b/src/layout/components/Tabs/index.vue
@@ -102,7 +102,6 @@
 </template>
 
 <script setup lang="ts">
-import type { RouteLocationNormalized } from 'vue-router'
 import ReloadIcon from './ReloadIcon.vue'
 import { useAppStore, useTabsStore } from '@/stores'
 import { useRouteListener } from '@/hooks'
diff --git a/src/views/system/config/storage/AddModal.vue b/src/views/system/config/storage/AddModal.vue
index 6d296b1..c44d1e0 100644
--- a/src/views/system/config/storage/AddModal.vue
+++ b/src/views/system/config/storage/AddModal.vue
@@ -19,7 +19,7 @@
     <div class="advanced-toggle-wrap">
       <a-button type="text" size="small" class="advanced-toggle-btn" @click="advancedVisible = !advancedVisible">
         高级配置
-        <icon-right :class="['advanced-toggle-icon', { 'advanced-toggle-icon--expanded': advancedVisible }]" />
+        <icon-right class="advanced-toggle-icon" :class="[{ 'advanced-toggle-icon--expanded': advancedVisible }]" />
       </a-button>
     </div>
     <GiForm v-if="advancedVisible" v-model="form" :columns="advancedColumns" class="advanced-form" />
diff --git a/src/views/system/file/main/FileAsideStatistics.vue b/src/views/system/file/main/FileAsideStatistics.vue
index 1d6ee85..fdfd165 100644
--- a/src/views/system/file/main/FileAsideStatistics.vue
+++ b/src/views/system/file/main/FileAsideStatistics.vue
@@ -11,7 +11,20 @@
     </a-space>
     <div v-if="chartData.length > 0">
       <a-divider />
-      <VCharts :option="chartOption" autoresize :style="{ height: '120px', width: '150px' }" />
+      <VCharts :option="chartOption" autoresize :style="{ height: `${chartHeight}px`, width: '100%' }" />
+      <div class="chart-legend">
+        <div
+          v-for="item in legendItems"
+          :key="item.key"
+          class="chart-legend-item"
+          :class="{ 'is-inactive': !item.active }"
+          :title="`类型：${item.name || '未知类型'}`"
+          @click="toggleLegend(item.key)"
+        >
+          <span class="chart-legend-dot" :style="{ backgroundColor: item.color }" />
+          <span class="chart-legend-name">{{ item.name || '未知类型' }}</span>
+        </div>
+      </div>
     </div>
   </section>
 </template>
@@ -20,7 +33,7 @@
 import VCharts from 'vue-echarts'
 import { use } from 'echarts/core'
 import { PieChart } from 'echarts/charts'
-import { LegendComponent, TitleComponent, TooltipComponent } from 'echarts/components'
+import { TitleComponent, TooltipComponent } from 'echarts/components'
 import { CanvasRenderer } from 'echarts/renderers'
 import { FileTypeList } from '@/constant/file'
 import { useChart } from '@/hooks'
@@ -28,7 +41,7 @@ import { type FileStatisticsResp, getFileStatistics } from '@/apis/system'
 import { formatFileSize } from '@/utils'
 import mittBus from '@/utils/mitt'
 
-use([TitleComponent, TooltipComponent, LegendComponent, PieChart, CanvasRenderer])
+use([TitleComponent, TooltipComponent, PieChart, CanvasRenderer])
 
 const totalData = ref<FileStatisticsResp>({
   type: '',
@@ -37,42 +50,71 @@ const totalData = ref<FileStatisticsResp>({
   unit: '',
   data: [],
 })
-const chartData = ref<Array<{ name: string, value: number, size: string }>>([])
+const chartData = ref<Array<{ key: string, name: string, value: number, size: string }>>([])
 const statisticValueStyle = { 'color': '#5856D6', 'font-size': '18px' }
+const chartHeight = 135
+const chartColors = ['#165DFF', '#36CFC9', '#F7BA1E', '#722ED1', '#00B42A', '#F53F3F', '#86909C', '#FF7D00']
+const hiddenLegendMap = ref<Record<string, boolean>>({})
+const legendItems = computed(() => {
+  return chartData.value.map((item, index) => ({
+    ...item,
+    color: chartColors[index % chartColors.length],
+    active: !hiddenLegendMap.value[item.key],
+  }))
+})
+const pieData = computed(() => {
+  return legendItems.value
+    .filter((item) => item.active)
+    .map((item) => ({
+      name: item.name,
+      value: item.value,
+      size: item.size,
+      itemStyle: {
+        color: item.color,
+      },
+    }))
+})
+
+const toggleLegend = (key: string) => {
+  const nextHiddenMap = {
+    ...hiddenLegendMap.value,
+    [key]: !hiddenLegendMap.value[key],
+  }
+  const visibleCount = chartData.value.filter((item) => !nextHiddenMap[item.key]).length
+  // 至少保留一个分类显示，避免整张图被全部隐藏。
+  if (visibleCount <= 0) {
+    return
+  }
+  hiddenLegendMap.value = nextHiddenMap
+}
+
 const { chartOption } = useChart(() => {
   return {
-    grid: {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-    },
-    legend: {
-      show: true,
-      bottom: -5,
-      icon: 'circle',
-      itemWidth: 6,
-      itemHeight: 6,
-      textStyle: {
-        color: '#4E5969',
-      },
-    },
+    color: chartColors,
     tooltip: {
       show: true,
+      appendToBody: true,
+      confine: false,
+      extraCssText: 'z-index: 9999;',
       formatter(params) {
-        return `总计：${params.value}<br>${params.data.size}`
+        const name = params?.name || '未知类型'
+        const count = params?.value ?? 0
+        const size = params?.data?.size || '-'
+        const percent = typeof params?.percent === 'number' ? `${params.percent}%` : '-'
+        return `类型：${name}<br/>数量：${count}<br/>占比：${percent}<br/>容量：${size}`
       },
     },
     series: [
       {
         type: 'pie',
-        radius: ['40%', '70%'],
+        radius: ['42%', '68%'],
+        center: ['50%', '50%'],
         avoidLabelOverlap: true,
         label: {
           show: false,
           position: 'center',
         },
-        data: chartData.value,
+        data: pieData.value,
       },
     ],
   }
@@ -83,6 +125,7 @@ const getStatisticsData = async () => {
   try {
     loading.value = true
     chartData.value = []
+    hiddenLegendMap.value = {}
     const { data: resData } = await getFileStatistics()
     const formatSize = formatFileSize(resData.size).split(' ')
     totalData.value = {
@@ -92,9 +135,10 @@ const getStatisticsData = async () => {
       unit: formatSize[1],
       data: [],
     }
-    resData.data?.forEach((fs: FileStatisticsResp) => {
+    resData.data?.forEach((fs: FileStatisticsResp, index: number) => {
       const matchedItem = FileTypeList.find((item) => item.value === fs.type)
       chartData.value.unshift({
+        key: fs.type || `unknown-${index}`,
         name: matchedItem ? matchedItem.name : '',
         value: fs.number,
         size: formatFileSize(fs.size),
@@ -131,6 +175,45 @@ onMounted(() => {
   background-color: var(--color-bg-1);
 }
 
+.chart-legend {
+  margin-top: 10px;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px 10px;
+}
+
+.chart-legend-item {
+  display: flex;
+  align-items: center;
+  color: var(--color-text-2);
+  font-size: 12px;
+  line-height: 18px;
+  min-width: 0;
+  cursor: pointer;
+  user-select: none;
+  transition: opacity 0.2s ease;
+}
+
+.chart-legend-item.is-inactive {
+  opacity: 0.45;
+}
+
+.chart-legend-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 6px;
+  flex: 0 0 auto;
+}
+
+.chart-legend-name {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 :deep(.arco-divider-horizontal) {
   margin: 20px 0 0 0;
 }
diff --git a/src/views/system/file/main/FileMain/index.vue b/src/views/system/file/main/FileMain/index.vue
index 8cf677d..e4d138d 100644
--- a/src/views/system/file/main/FileMain/index.vue
+++ b/src/views/system/file/main/FileMain/index.vue
@@ -12,41 +12,22 @@
     <a-row justify="space-between" class="file-main__search">
       <!-- 左侧区域 -->
       <a-space wrap>
-        <!-- 上传文件按钮改为下拉菜单，包含普通上传和分片上传 -->
-        <a-dropdown trigger="click">
-          <a-button type="primary" shape="round">
-            <icon-upload />
-            上传文件
-          </a-button>
-          <template #content>
-            <!-- 普通上传 -->
-            <a-upload v-permission="['system:file:upload']" :show-file-list="false" :custom-request="handleUpload" style="display: block;">
-              <template #upload-button>
-                <a-button type="text" style="width: 100%; text-align: left;">
-                  普通上传
-                </a-button>
-              </template>
-            </a-upload>
-            <!-- 分片上传 -->
-            <a-button type="text" style="width: 100%; text-align: left;" @click="visible = true">
-              分片上传
-            </a-button>
-            <!-- 新建文件夹 -->
-            <a-divider style="margin: 0;"></a-divider>
-            <a-button v-permission="['system:file:createDir']" type="text" style="width: 100%; text-align: left;" :disabled="!queryForm.parentPath" @click="createDirModalVisible = !createDirModalVisible">
-              <template #icon>
-                <icon-folder />
-              </template>
-              新建文件夹
-            </a-button>
+        <a-button v-permission="['system:file:upload']" type="primary" shape="round" @click="visible = true">
+          <icon-upload />
+          上传文件
+        </a-button>
+        <a-button v-permission="['system:file:createDir']" :disabled="!queryForm.parentPath" @click="createDirModalVisible = true">
+          <template #icon>
+            <icon-folder />
           </template>
-        </a-dropdown>
-        <a-modal v-model:visible="visible" title="分片上传" :width="width > 1350 ? 1350 : '100%'" :footer="false" @close="search">
+          新建文件夹
+        </a-button>
+        <a-modal v-model:visible="visible" title="文件上传" :width="width > 1350 ? 1350 : '100%'" :footer="false" @close="search">
           <MultipartUpload
             v-if="visible"
             :root-path="queryForm.parentPath"
-            :chunk-size="5 * 1024 * 1024"
-            :max-concurrent-files="3"
+            :max-concurrent-files="1"
+            :max-upload-workers="1"
           />
         </a-modal>
 
@@ -130,7 +111,7 @@
 </template>
 
 <script setup lang="ts">
-import { Message, Modal, type RequestOption } from '@arco-design/web-vue'
+import { Message, Modal } from '@arco-design/web-vue'
 import { api as viewerApi } from 'v-viewer'
 import { useWindowSize } from '@vueuse/core'
 import {
@@ -143,7 +124,7 @@ import FileGrid from './FileGrid.vue'
 import RecycleBinModal from './RecycleBinModal.vue'
 import useFileManage from './useFileManage'
 import { useTable } from '@/hooks'
-import { type FileItem, type FileQuery, createDir, deleteFile, listFile, uploadFile } from '@/apis/system/file'
+import { type FileItem, type FileQuery, createDir, deleteFile, listFile } from '@/apis/system/file'
 import { ImageTypes, OfficeTypes } from '@/constant/file'
 import 'viewerjs/dist/viewer.css'
 import { downloadByUrl } from '@/utils/downloadFile'
@@ -286,33 +267,6 @@ const handleMulDelete = () => {
     },
   })
 }
-// 上传
-const handleUpload = (options: RequestOption) => {
-  const controller = new AbortController()
-  ;(async function requestWrap() {
-    const { onProgress, onError, onSuccess, fileItem, name = 'file' } = options
-    onProgress(20)
-    const formData = new FormData()
-    formData.append('parentPath', queryForm.parentPath ?? '/')
-    formData.append(name as string, fileItem.file as Blob)
-    try {
-      const res = await uploadFile(formData)
-      Message.success('上传成功')
-      onSuccess(res)
-      search()
-    } catch (error) {
-      onError(error)
-    } finally {
-      mittBus.emit('file-total-refresh')
-    }
-  })()
-  return {
-    abort() {
-      controller.abort()
-    },
-  }
-}
-
 const visible = ref(false)
 
 onBeforeRouteUpdate((to) => {
-- 
Gitee


From cc3e48fc22484c60c1d806aba4091188e883d624 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=B3=BD=E5=A8=81?= <958142070@qq.com>
Date: Tue, 17 Mar 2026 16:12:00 +0800
Subject: [PATCH 4/4] =?UTF-8?q?fix(upload):=20=E4=BC=98=E5=8C=96=E5=B9=B6?=
 =?UTF-8?q?=E5=8F=91=E4=B8=8A=E4=BC=A0=E4=BB=BB=E5=8A=A1=E8=B0=83=E5=BA=A6?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改文件上传弹窗关闭回调，触发文件刷新事件
- 调整上传任务统计逻辑，仅统计已调度的上传任务数
- 改进任务调度条件，避免等待任务未被重复激活
- 简化暂停任务状态切换逻辑，确保任务正确激活上传
- 修复上传任务状态与调度标记同步问题，提升上传稳定性
---
 src/hooks/modules/useMultipartUploader.ts     | 11 ++++-------
 src/views/system/file/main/FileMain/index.vue |  7 ++++++-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/hooks/modules/useMultipartUploader.ts b/src/hooks/modules/useMultipartUploader.ts
index 8024712..05d25cd 100644
--- a/src/hooks/modules/useMultipartUploader.ts
+++ b/src/hooks/modules/useMultipartUploader.ts
@@ -62,8 +62,8 @@ export function useMultipartUploader(props: {
 
   // 所有上传任务列表
   const fileTasks = ref<FileTask[]>([])
-  // 当前正在上传的文件数量
-  const uploadingCount = computed(() => fileTasks.value.filter((t) => t.status === 'uploading').length)
+  // 当前正在上传的文件数量（仅统计已被调度执行的任务）
+  const uploadingCount = computed(() => fileTasks.value.filter((t) => t.status === 'uploading' && t._uploading).length)
   // 最大并发上传文件数
   const maxConcurrent = computed(() => props.maxConcurrentFiles ?? getCpuCores())
   // 每个文件分片上传最大并发数
@@ -668,7 +668,7 @@ export function useMultipartUploader(props: {
     let available = maxConcurrent.value - uploadingCount.value
     for (const task of fileTasks.value) {
       if (available <= 0) break
-      if ((task.status === 'waiting' || task.status === 'uploading') && !task._uploading) {
+      if (task.status === 'uploading' && !task._uploading) {
         task.status = 'uploading'
         task._uploading = true
         available--
@@ -688,10 +688,7 @@ export function useMultipartUploader(props: {
     for (const task of fileTasks.value) {
       if (task.status === 'waiting' || task.status === 'paused') {
         task._uploading = false // 标记尚未调度
-        // 如果是暂停状态，需要重新激活
-        if (task.status === 'paused') {
-          task.status = 'uploading'
-        }
+        task.status = 'uploading'
       }
     }
     startNextTasks()
diff --git a/src/views/system/file/main/FileMain/index.vue b/src/views/system/file/main/FileMain/index.vue
index e4d138d..39a30bc 100644
--- a/src/views/system/file/main/FileMain/index.vue
+++ b/src/views/system/file/main/FileMain/index.vue
@@ -22,7 +22,7 @@
           </template>
           新建文件夹
         </a-button>
-        <a-modal v-model:visible="visible" title="文件上传" :width="width > 1350 ? 1350 : '100%'" :footer="false" @close="search">
+        <a-modal v-model:visible="visible" title="文件上传" :width="width > 1350 ? 1350 : '100%'" :footer="false" @close="handleUploadModalClose">
           <MultipartUpload
             v-if="visible"
             :root-path="queryForm.parentPath"
@@ -269,6 +269,11 @@ const handleMulDelete = () => {
 }
 const visible = ref(false)
 
+const handleUploadModalClose = () => {
+  search()
+  mittBus.emit('file-total-refresh')
+}
+
 onBeforeRouteUpdate((to) => {
   if (!to.query.type) return
   if (to.query.type === '0' || !to.query.type) {
-- 
Gitee