优化

src/modules/downloads/pages/DownloadCenterView.vue

@@ -43,24 +43,24 @@ let loadRequestId = 0
 let detailRequestId = 0
 
 const queryFields: QueryField[] = [
-  { key: 'exportType', type: 'select', placeholder: '全部任务类型', options: [
+  { key: 'exportType', type: 'select', label: '任务类型', placeholder: '全部任务类型', options: [
     { label: '客户列表', value: 'CUSTOMER_LIST' },
   ] },
-  { key: 'status', type: 'select', placeholder: '全部任务状态', options: [
+  { key: 'status', type: 'select', label: '任务状态', placeholder: '全部任务状态', options: [
     { label: '等待处理', value: 'PENDING' }, { label: '处理中', value: 'RUNNING' },
     { label: '已完成', value: 'SUCCEEDED' }, { label: '失败', value: 'FAILED' },
     { label: '已过期', value: 'EXPIRED' },
   ] },
-  { key: 'requestedRange', type: 'daterange', placeholder: '请选择申请日期' },
+  { key: 'requestedRange', type: 'daterange', label: '申请日期', placeholder: '请选择申请日期' },
 ]
 
 const columns: DataTableColumn[] = [
   { key: 'actions', label: '操作', width: 210, fixed: 'left', slotName: 'actions' },
-  { prop: 'taskName', label: '任务名称', minWidth: 180, showOverflowTooltip: true },
+  { key: 'taskName', prop: 'taskName', label: '任务名称', minWidth: 180, showOverflowTooltip: true },
   { key: 'type', label: '任务类型', width: 120, slotName: 'type' },
   { key: 'status', label: '状态', width: 110, slotName: 'status' },
   { key: 'progress', label: '数据量', width: 120, slotName: 'progress' },
-  { prop: 'format', label: '格式', width: 80 },
+  { key: 'format', prop: 'format', label: '格式', width: 80 },
   { key: 'requester', label: '申请人', minWidth: 130, slotName: 'requester' },
   { key: 'requestedAt', label: '申请时间', width: 170, slotName: 'requestedAt' },
   { key: 'completedAt', label: '完成时间', width: 170, slotName: 'completedAt' },
@@ -233,7 +233,7 @@ onBeforeUnmount(() => {
 
 <template>
   <div class="business-page download-center-page">
-    <QueryToolbar v-model="filters" class="surface-panel" ariaLabel="下载任务筛选" :fields="queryFields" @search="applyFilters" />
+    <QueryToolbar v-model="filters" class="surface-panel" ariaLabel="下载任务筛选" :fields="queryFields" preference-key="downloads-query" @search="applyFilters" />
 
     <section v-if="loadError" class="surface-panel download-error" role="alert">
       <div><strong>下载任务暂时无法加载</strong><p>{{ loadError.message }}</p><ApiErrorMeta :details="loadError" /></div>
@@ -249,7 +249,7 @@ onBeforeUnmount(() => {
         <span>自动刷新暂时失败，正在保留当前任务并继续重试：{{ syncWarning.message }}</span>
         <ApiErrorMeta :details="syncWarning" />
       </div>
-      <DataTable v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" :loading="loading" :total="result.total" row-key="id" empty-text="暂无符合筛选条件的下载任务" aria-label="下载任务列表">
+      <DataTable v-model:page="page" v-model:page-size="pageSize" :data="result.records" :columns="columns" preference-key="downloads-table" :loading="loading" :total="result.total" row-key="id" empty-text="暂无符合筛选条件的下载任务" aria-label="下载任务列表">
         <template #actions="{ row }"><div class="table-actions">
           <el-button v-if="(row as PlatformExportTask)?.id" link type="primary" @click="openDetail(row as PlatformExportTask)"><Eye :size="15" />详情</el-button>
           <el-button v-if="(row as PlatformExportTask).status === 'SUCCEEDED'" link type="primary" :loading="downloadingId === (row as PlatformExportTask).id" @click="downloadTask(row as PlatformExportTask)"><Download :size="15" />下载</el-button>