src/modules/overseas-warehouse/views/ReturnOrdersView.test.mjs

@@ -42,3 +42,10 @@ test('可操作退货表格把操作列固定在最左侧', () => {
   assert.match(mainTable, /^<el-table[\s\S]*?<el-table-column label="操作" width="90" fixed="left">/)
   assert.match(createTable, /^<el-table[\s\S]*?<el-table-column label="操作" width="80" fixed="left">/)
 })
+
+test('分页初始化不会重复请求退货列表', () => {
+  assert.match(view, /function changePage\(page: number\) \{\s*if \(page === query\.page\) return/)
+  assert.match(view, /:current-page="query\.page" :page-size="query\.size"/)
+  assert.match(view, /@current-change="changePage"/)
+  assert.doesNotMatch(view, /@current-change="load"/)
+})

src/modules/overseas-warehouse/views/ReturnOrdersView.vue

@@ -66,6 +66,11 @@ async function load() {
   try { const response = await listReturnOrders({ ...query, returnNo: query.returnNo || undefined, trackingNo: query.trackingNo || undefined, skuCode: query.skuCode || undefined, status: query.status || undefined }); rows.value = response.records; total.value = response.total }
   finally { loading.value = false }
 }
+function changePage(page: number) {
+  if (page === query.page) return
+  query.page = page
+  void load()
+}
 async function openDetail(returnNo: string) { selected.value = await getReturnOrder(returnNo); showDetail.value = true }
 async function submit() {
   const items = form.items.map(({ skuCode, productNameZh, expectedQuantity }) => ({ skuCode: skuCode.trim(), productNameZh: productNameZh.trim(), expectedQuantity }))
@@ -114,7 +119,7 @@ onMounted(() => { void Promise.all([load(), loadOperationWarehouses()]) })
       <el-table-column label="状态" width="130"><template #default="{ row }"><el-tag :type="statusType(row.status)">{{ statusLabel(row.status) }}</el-tag></template></el-table-column>
       <el-table-column label="创建时间" min-width="180"><template #default="{ row }">{{ formatDateTime(row.createdAt) }}</template></el-table-column>
     </el-table>
-    <el-pagination v-model:current-page="query.page" v-model:page-size="query.size" :total="total" layout="total, prev, pager, next" @current-change="load" />
+    <el-pagination :current-page="query.page" :page-size="query.size" :total="total" layout="total, prev, pager, next" @current-change="changePage" />
 
     <el-dialog v-model="showCreate" title="新建退货预报" width="1120px" destroy-on-close>
       <el-form label-width="160px" class="return-create-form">