1

server_admin/src/views/Datasets.vue

@@ -10,7 +10,7 @@ const loading = ref(false)
 const list = ref([])
 const total = ref(0)
 const page = ref(1)
-const size = ref(12)
+const size = ref(20)
 const keyword = ref('')
 
 const formVisible = ref(false)
@@ -64,6 +64,12 @@ function search() {
   load()
 }
 
+// 每页条数输入框变更：回到第一页重新加载（避免当前页超出新总页数）
+function onSizeChange() {
+  page.value = 1
+  load()
+}
+
 // ---------- 新建 / 编辑数据集（名称 + 描述 + 封面；AI 端点/训练机 SSH 走 config.yml，与数据集无关） ----------
 
 function resetCoverState() {
@@ -425,15 +431,18 @@ onBeforeUnmount(() => {
       <el-empty v-if="!loading && !list.length" description="暂无数据集，点击右上角新建" />
     </div>
 
-    <el-pagination
-      class="pager"
-      v-model:current-page="page"
-      v-model:page-size="size"
-      :total="total"
-      :page-sizes="[12, 24, 48]"
-      layout="total, sizes, prev, pager, next"
-      @change="load"
-    />
+    <div class="pager-row">
+      <span class="pager-label">每页</span>
+      <el-input-number v-model="size" :min="1" :max="500" :step="10" size="small" @change="onSizeChange" />
+      <span class="pager-label">条</span>
+      <el-pagination
+        v-model:current-page="page"
+        v-model:page-size="size"
+        :total="total"
+        layout="total, prev, pager, next"
+        @change="load"
+      />
+    </div>
 
     <!-- 新建 / 编辑数据集（同一弹窗，编辑模式回填原值且允许改名） -->
     <el-dialog v-model="formVisible" :title="dlgForm.mode === 'create' ? '新建数据集' : '编辑数据集'" width="min(720px, 94vw)">
@@ -528,9 +537,17 @@ onBeforeUnmount(() => {
 .kw {
   width: 220px;
 }
-.pager {
+.pager-row {
   margin-top: 14px;
+  display: flex;
+  align-items: center;
   justify-content: flex-end;
+  gap: 8px;
+}
+.pager-label {
+  color: var(--el-text-color-secondary);
+  font-size: 13px;
+  white-space: nowrap;
 }
 .ds-grid {
   display: grid;