feat: 积分商城-供应商-对账-发票4

supplied-admin/src/views/reconciliation/index.vue

@@ -3,23 +3,20 @@
     <section class="page-card">
       <div class="page-title"><div><h2>订单对账</h2><p>查看 ZHGH 回传的子订单对账结果，并处理异常订单。</p></div></div>
       <el-form inline class="query-form" @submit.prevent>
-        <el-form-item label="供应商"><el-input v-model="query.supplierId" placeholder="供应商 ID" clearable /></el-form-item>
         <el-form-item label="子订单"><el-input v-model="query.orderId" placeholder="子订单 ID" clearable /></el-form-item>
         <el-form-item label="对账状态"><el-select v-model="query.reconciliationStatus" clearable placeholder="全部"><el-option label="未对账" :value="0" /><el-option label="对账成功" :value="1" /><el-option label="对账异常" :value="2" /></el-select></el-form-item>
-        <el-form-item><el-button type="primary" :loading="loading" @click="load">查询</el-button><el-button @click="reset">重置</el-button></el-form-item>
+        <el-form-item><el-button type="primary" :loading="loading" @click="search">查询</el-button><el-button @click="reset">重置</el-button></el-form-item>
       </el-form>
       <el-table :data="items" v-loading="loading" border>
         <el-table-column prop="orderId" label="子订单ID" min-width="180" />
-        <el-table-column prop="mainOrderId" label="主订单ID" min-width="180" />
         <el-table-column prop="reconciliationStatus" label="对账状态" width="110"><template #default="{ row }"><el-tag :type="statusType(row.reconciliationStatus)">{{ statusText(row.reconciliationStatus) }}</el-tag></template></el-table-column>
         <el-table-column prop="diffReason" label="差异说明" min-width="220" show-overflow-tooltip />
         <el-table-column label="平台金额" min-width="120"><template #default="{ row }">{{ row.platformTotalPrice || '-' }}</template></el-table-column>
         <el-table-column label="供应商金额" min-width="120"><template #default="{ row }">{{ row.supplierTotalPrice || '-' }}</template></el-table-column>
         <el-table-column prop="reconciliationBatchNo" label="对账批次" min-width="150" show-overflow-tooltip />
         <el-table-column prop="reconciliationTime" label="对账时间" min-width="170" />
-        <el-table-column label="操作" width="90" fixed="right"><template #default="{ row }"><el-button link type="primary" @click="openEdit(row)">处理</el-button></template></el-table-column>
       <template #empty><el-empty :image-size="80" description="暂无对账结果" /></template></el-table>
-      
+      <el-pagination v-model:current-page="query.pageNumber" :page-size="query.pageSize" :total="totalCount" layout="total, prev, pager, next, jumper" @current-change="load" />
     </section>
     <el-dialog v-model="dialogVisible" title="处理对账结果" width="460px">
       <el-form label-width="90px"><el-form-item label="子订单"><span>{{ editing?.orderId }}</span></el-form-item><el-form-item label="对账状态"><el-select v-model="form.reconciliationStatus"><el-option label="未对账" :value="0" /><el-option label="对账成功" :value="1" /><el-option label="对账异常" :value="2" /></el-select></el-form-item><el-form-item label="差异类型"><el-input-number v-model="form.diffType" :min="0" :precision="0" /></el-form-item><el-form-item label="差异说明"><el-input v-model="form.diffReason" type="textarea" :rows="3" /></el-form-item></el-form>
@@ -29,12 +26,13 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, ref } from 'vue'
+import { onMounted, reactive, ref } from 'vue'
 import { ElMessage } from 'element-plus'
 import { postAdmin } from '@/api/admin'
 
 type ReconciliationItem = { supplierId: string; orderId: string; mainOrderId: string; reconciliationStatus: number; diffType?: number; diffReason: string; platformTotalPrice: string; supplierTotalPrice: string; reconciliationBatchNo: string; reconciliationTime: string }
-const query = reactive<{ supplierId: string; orderId: string; reconciliationStatus?: number }>({ supplierId: '', orderId: '' })
+const query = reactive<{ orderId: string; reconciliationStatus?: number; pageNumber: number; pageSize: number }>({ orderId: '', pageNumber: 1, pageSize: 10 })
+const totalCount = ref(0)
 const items = ref<ReconciliationItem[]>([])
 const loading = ref(false)
 const loaded = ref(false)
@@ -46,15 +44,16 @@ const statusText = (status: number) => ['未对账', '对账成功', '对账异
 const statusType = (status: number) => status === 1 ? 'success' : status === 2 ? 'danger' : 'info'
 
 const load = async () => {
-  if (!query.supplierId.trim()) return ElMessage.warning('请输入供应商 ID')
   loading.value = true
   try {
-    const data = await postAdmin<{ reconciliationItems: ReconciliationItem[] }>('merchant-reconciliation-list', query)
+    const data = await postAdmin<{ reconciliationItems: ReconciliationItem[]; totalCount: number }>('merchant-reconciliation-list', query)
     items.value = data.reconciliationItems || []
+    totalCount.value = data.totalCount || 0
     loaded.value = true
   } catch (error) { ElMessage.error(error instanceof Error ? error.message : '查询失败') } finally { loading.value = false }
 }
-const reset = () => { query.supplierId = ''; query.orderId = ''; query.reconciliationStatus = undefined; items.value = []; loaded.value = false }
+const search = () => { query.pageNumber = 1; return load() }
+const reset = () => { query.orderId = ''; query.reconciliationStatus = undefined; return search() }
 const openEdit = (row: ReconciliationItem) => { editing.value = row; form.reconciliationStatus = row.reconciliationStatus; form.diffType = row.diffType; form.diffReason = row.diffReason || ''; dialogVisible.value = true }
 const save = async () => {
   if (!editing.value) return
@@ -64,4 +63,5 @@ const save = async () => {
     ElMessage.success('保存成功'); dialogVisible.value = false; await load()
   } catch (error) { ElMessage.error(error instanceof Error ? error.message : '保存失败') } finally { saving.value = false }
 }
+onMounted(load)
 </script>