task-284(收尾/在途批次): 页头按钮归位卡内toolbar+店铺数据记录改名+弹窗报错清除; Java page_size配对/按角色数据范围过滤/撞款导出XLSX/Excel图改WPS DISPIMG/V110查询索引

admin-frontend-vue/src/pages/tasks/ImageVideoTasksPage.vue

@@ -239,13 +239,6 @@ onMounted(load)
         <h2>视频任务记录</h2>
         <p>查看图生视频任务卡片、在线预览与下载视频、配置数据范围授权。</p>
       </div>
-      <div class="actions">
-        <el-checkbox :model-value="allSelected" @change="toggleSelectAll">全选当前页</el-checkbox>
-        <el-button :disabled="selectionCount === 0" :loading="downloading" @click="downloadBatch">
-          批量下载{{ selectionCount ? `(${selectionCount})` : '' }}
-        </el-button>
-        <el-button @click="openPermission">权限配置</el-button>
-      </div>
     </div>
 
     <el-card shadow="never" style="margin-bottom: 14px">
@@ -265,16 +258,15 @@ onMounted(load)
       </div>
     </el-card>
 
-    <div v-loading="loading" class="video-summary-row">
-      <span>共 {{ totalTasks }} 个任务 · 本页 {{ currentVideoCount }} 个视频</span>
-      <el-pagination
-        background
-        layout="prev, pager, next, jumper"
-        :total="totalTasks"
-        :page-size="pageSize"
-        :current-page="page"
-        @current-change="(p: number) => { page = p; selection = new Set(); load() }"
-      />
+    <div v-loading="loading" class="list-toolbar">
+      <div class="lt-buttons">
+        <el-checkbox :model-value="allSelected" @change="toggleSelectAll">全选当前页</el-checkbox>
+        <el-button :disabled="selectionCount === 0" :loading="downloading" @click="downloadBatch">
+          批量下载{{ selectionCount ? `(${selectionCount})` : '' }}
+        </el-button>
+        <el-button @click="openPermission">权限配置</el-button>
+      </div>
+      <span class="list-toolbar-summary">共 {{ totalTasks }} 个任务 · 本页 {{ currentVideoCount }} 个视频</span>
     </div>
 
     <div v-if="tasks.length" class="task-card-grid">
@@ -324,6 +316,16 @@ onMounted(load)
     </div>
 
     <el-empty v-else-if="!loading" description="暂无视频任务记录" />
+    <div class="table-footer">
+      <el-pagination
+        background
+        layout="prev, pager, next, jumper"
+        :total="totalTasks"
+        :page-size="pageSize"
+        :current-page="page"
+        @current-change="(p: number) => { page = p; selection = new Set(); load() }"
+      />
+    </div>
 
     <el-drawer v-model="detailVisible" title="任务明细" size="720px">
       <div v-loading="detailLoading">
@@ -380,6 +382,10 @@ onMounted(load)
 .f-item.wide { width: 340px; }
 .f-item.btn-row { flex-direction: row; align-items: flex-end; gap: 8px; width: auto; margin-left: auto; flex: none; }
 .video-summary-row { display: flex; justify-content: space-between; align-items: center; color: var(--el-text-color-secondary); font-size: 13px; }
+.list-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; color: var(--el-text-color-secondary); font-size: 13px; margin-bottom: 14px; }
+.lt-buttons { display: inline-flex; align-items: center; gap: 14px; flex-wrap: wrap; }
+.list-toolbar-summary { white-space: nowrap; }
+.table-footer { display: flex; justify-content: flex-end; margin-top: 14px; }
 .task-card-grid { display: flex; flex-direction: column; gap: 14px; }
 .task-card { border: 1px solid var(--el-border-color); border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(39, 67, 94, 0.04), 0 14px 30px -24px rgba(39, 67, 94, 0.28); overflow: hidden; }
 .task-card-head { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--el-border-color-lighter); }