feat: 积分商城-供应商

2026-09-01 18:03:37 +08:00
parent 20d059443c
commit 750c36116d
39 changed files with 3692 additions and 9 deletions
@@ -0,0 +1,67 @@
+<template>
+  <ele-page>
+    <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>
+      <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>
+      </el-table>
+      <el-empty v-if="loaded && !items.length" description="暂无对账结果" />
+    </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>
+      <template #footer><el-button @click="dialogVisible = false">取消</el-button><el-button type="primary" :loading="saving" @click="save">保存</el-button></template>
+    </el-dialog>
+  </ele-page>
+</template>
+
+<script setup lang="ts">
+import { 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 items = ref<ReconciliationItem[]>([])
+const loading = ref(false)
+const loaded = ref(false)
+const dialogVisible = ref(false)
+const saving = ref(false)
+const editing = ref<ReconciliationItem>()
+const form = reactive<{ reconciliationStatus: number; diffType?: number; diffReason: string }>({ reconciliationStatus: 0, diffReason: '' })
+const statusText = (status: number) => ['未对账', '对账成功', '对账异常'][status] || '未知'
+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)
+    items.value = data.reconciliationItems || []
+    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 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
+  saving.value = true
+  try {
+    await postAdmin('merchant-reconciliation-update', { supplierId: editing.value.supplierId, orderId: editing.value.orderId, reconciliationStatus: form.reconciliationStatus, diffType: form.diffType, diffReason: form.diffReason })
+    ElMessage.success('保存成功'); dialogVisible.value = false; await load()
+  } catch (error) { ElMessage.error(error instanceof Error ? error.message : '保存失败') } finally { saving.value = false }
+}
+</script>