修改同步计费

2026-10-13 10:21:28 +08:00
parent 26bdd3ba87
commit 4d27887d4a
14 changed files with 1231 additions and 12 deletions
@@ -0,0 +1,158 @@
+<template>
+  <el-drawer v-model="visible" size="860px" :title="'操作记录'" append-to-body destroy-on-close>
+    <basic-table
+      v-if="visible"
+      :columns="columns"
+      :search-columns="searchColumns"
+      :query="queryList"
+      row-key="docId"
+      :page-size="10"
+      :selection="false"
+      :show-add="false"
+    >
+      <template #col-actionName="{ row }">
+        {{ actionLabel(row) }}
+      </template>
+      <template #col-status="{ row }">
+        <el-tag size="small" :type="row.status === 'FAIL' ? 'danger' : 'success'">{{ row.status === 'FAIL' ? '失败' : '成功' }}</el-tag>
+      </template>
+      <template #col-action="{ row }">
+        <el-button link type="primary" icon="View" @click="handleView(row)">查看</el-button>
+      </template>
+    </basic-table>
+
+    <el-drawer v-model="detailOpen" size="640px" :title="'操作详情'" append-to-body destroy-on-close>
+      <div v-loading="detailLoading">
+        <el-empty v-if="!detail" description="暂无详情" />
+        <div v-else>
+          <el-descriptions :column="2" border size="small" class="mb12">
+            <el-descriptions-item label="业务ID">{{ detail.bizId || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="状态">
+              <el-tag size="small" :type="detail.status === 'FAIL' ? 'danger' : 'success'">{{ detail.status === 'FAIL' ? '失败' : '成功' }}</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="写入时间" :span="2">{{ detail.updateTime || '-' }}</el-descriptions-item>
+            <el-descriptions-item v-if="detail.errorMessage" label="错误信息" :span="2">
+              <span class="err-text">{{ detail.errorMessage }}</span>
+            </el-descriptions-item>
+          </el-descriptions>
+          <div class="json-panel">
+            <div class="json-panel__head"><span>请求报文</span></div>
+            <pre class="code-pre">{{ formatJson(detail.requestJson) }}</pre>
+          </div>
+          <div class="json-panel">
+            <div class="json-panel__head"><span>返回报文</span></div>
+            <pre class="code-pre">{{ formatJson(detail.responseJson) }}</pre>
+          </div>
+        </div>
+      </div>
+    </el-drawer>
+  </el-drawer>
+</template>
+
+<script setup>
+import { listOrderSourceSyncLog, getOrderSourceSyncLog } from '@/api/monitor/orderSource'
+
+const visible = ref(false)
+const detailOpen = ref(false)
+const detailLoading = ref(false)
+const detail = ref(null)
+
+const searchColumns = [
+  { label: '业务ID', prop: 'bizId', component: 'input', placeholder: '业务ID', width: '220px' },
+  {
+    label: '状态',
+    prop: 'status',
+    component: 'select',
+    options: [
+      { label: '成功', value: 'SUCCESS' },
+      { label: '失败', value: 'FAIL' }
+    ],
+    placeholder: '请选择',
+    width: '140px',
+    props: { clearable: true }
+  }
+]
+
+const columns = [
+  { label: '操作', prop: 'actionName', width: 120, slot: 'actionName' },
+  { label: '业务ID', prop: 'bizId', minWidth: 180, showOverflowTooltip: true },
+  { label: '状态', prop: 'status', align: 'center', width: 90, slot: 'status' },
+  { label: '写入时间', prop: 'updateTime', align: 'center', width: 170 },
+  { label: '操作', prop: 'action', align: 'center', width: 80, fixed: 'right', slot: 'action', showInToolbar: false }
+]
+
+function parseReq(row) {
+  if (!row || !row.requestJson) return {}
+  try {
+    return typeof row.requestJson === 'object' ? row.requestJson : JSON.parse(row.requestJson)
+  } catch (e) {
+    return {}
+  }
+}
+
+function actionLabel(row) {
+  const action = parseReq(row).action
+  if (action === 'FILTER') return '筛选同步'
+  if (action === 'FILTER_DONE') return '筛选完成'
+  if (action === 'SELECTED') return '同步选中'
+  if (action === 'ONE') return '单条同步'
+  return action || '-'
+}
+
+function queryList(params) {
+  return listOrderSourceSyncLog(params)
+}
+
+function formatJson(raw) {
+  if (raw == null || raw === '') return '-'
+  try {
+    const obj = typeof raw === 'string' ? JSON.parse(raw) : raw
+    return JSON.stringify(obj, null, 2)
+  } catch (e) {
+    return String(raw)
+  }
+}
+
+function handleView(row) {
+  detailOpen.value = true
+  detail.value = null
+  detailLoading.value = true
+  getOrderSourceSyncLog(row.docId).then(res => {
+    detail.value = res.data || row
+  }).finally(() => {
+    detailLoading.value = false
+  })
+}
+
+function open() {
+  visible.value = true
+}
+
+defineExpose({ open })
+</script>
+
+<style scoped>
+.err-text {
+  color: #f56c6c;
+  word-break: break-all;
+}
+.json-panel {
+  margin-top: 12px;
+}
+.json-panel__head {
+  margin-bottom: 6px;
+  font-weight: 600;
+}
+.code-pre {
+  margin: 0;
+  padding: 10px 12px;
+  max-height: 240px;
+  overflow: auto;
+  background: #f5f7fa;
+  border-radius: 4px;
+  font-size: 12px;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+</style>