refactor(web): update data and utils

- data/requests.js: update requests data - utils/requestViewModel.js: update request view model utility
2026-05-13 03:31:07 +00:00
parent 2bf133d232
commit 473198c669
2 changed files with 260 additions and 76 deletions
--- a/web/src/utils/requestViewModel.js
+++ b/web/src/utils/requestViewModel.js
@@ -1,5 +1,86 @@
+const REQUEST_TYPE_META = {
+  travel: {
+    label: '差旅费',
+    detailVariant: 'travel',
+    tone: 'travel',
+    secondaryStatusLabel: '行程状态'
+  },
+  entertainment: {
+    label: '业务招待费',
+    detailVariant: 'general',
+    tone: 'entertainment',
+    secondaryStatusLabel: '票据状态'
+  },
+  hotel: {
+    label: '住宿费',
+    detailVariant: 'general',
+    tone: 'travel',
+    secondaryStatusLabel: '票据状态'
+  },
+  transport: {
+    label: '交通费',
+    detailVariant: 'general',
+    tone: 'travel',
+    secondaryStatusLabel: '票据状态'
+  },
+  meal: {
+    label: '餐费',
+    detailVariant: 'general',
+    tone: 'meeting',
+    secondaryStatusLabel: '票据状态'
+  },
+  office: {
+    label: '办公费',
+    detailVariant: 'general',
+    tone: 'office',
+    secondaryStatusLabel: '票据状态'
+  },
+  meeting: {
+    label: '会务费',
+    detailVariant: 'general',
+    tone: 'meeting',
+    secondaryStatusLabel: '票据状态'
+  },
+  training: {
+    label: '培训费',
+    detailVariant: 'general',
+    tone: 'training',
+    secondaryStatusLabel: '票据状态'
+  },
+  other: {
+    label: '其他费用',
+    detailVariant: 'general',
+    tone: 'other',
+    secondaryStatusLabel: '票据状态'
+  }
+}
+
+const APPROVAL_META = {
+  draft: { label: '草稿', tone: 'draft' },
+  in_progress: { label: '审批中', tone: 'info' },
+  supplement: { label: '待补充', tone: 'warning' },
+  completed: { label: '已完成', tone: 'success' },
+  rejected: { label: '已退回', tone: 'danger' }
+}
+
+const BACKEND_STATUS_META = {
+  draft: { key: 'draft', label: '草稿', tone: 'draft' },
+  submitted: { key: 'in_progress', label: '审批中', tone: 'info' },
+  pending: { key: 'in_progress', label: '审批中', tone: 'info' },
+  reviewing: { key: 'in_progress', label: '审批中', tone: 'info' },
+  in_review: { key: 'in_progress', label: '审批中', tone: 'info' },
+  in_progress: { key: 'in_progress', label: '审批中', tone: 'info' },
+  approved: { key: 'completed', label: '已完成', tone: 'success' },
+  paid: { key: 'completed', label: '已完成', tone: 'success' },
+  completed: { key: 'completed', label: '已完成', tone: 'success' },
+  supplement: { key: 'supplement', label: '待补充', tone: 'warning' },
+  returned: { key: 'supplement', label: '待补充', tone: 'warning' },
+  rejected: { key: 'rejected', label: '已退回', tone: 'danger' },
+  cancelled: { key: 'rejected', label: '已退回', tone: 'danger' }
+}
+
 function parseRequestDateFromId(id) {
-  const match = String(id || '').match(/^REQ-(\d{4})-(\d{2})(\d{2})$/)
+  const match = String(id || '').match(/(\d{4})[-]?(\d{2})(\d{2})/)

  if (!match) {
    return ''
@@ -9,55 +90,85 @@ function parseRequestDateFromId(id) {
  return `${year}-${month}-${day}`
 }

-function formatTripWindow(range) {
-  const normalized = String(range || '')
-
-  if (!normalized) {
-    return '待补充'
+function parseAmount(value) {
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return value
  }

-  if (normalized.includes('本月')) {
-    return '本月申请'
+  const normalized = String(value || '')
+    .replace(/[，,\s]/g, '')
+    .replace(/[¥￥]/g, '')
+    .replace(/元/g, '')
+    .trim()
+
+  if (!normalized || !/^-?\d+(?:\.\d+)?$/.test(normalized)) {
+    return null
  }

-  if (normalized.includes('本周')) {
-    return '本周申请'
-  }
-
-  if (normalized.includes('今天')) {
-    return '今日申请'
-  }
-
-  return normalized
+  const amount = Number(normalized)
+  return Number.isFinite(amount) ? amount : null
 }

-function mapApproval(status) {
-  if (status === 'success') {
+export function formatRequestCurrency(value) {
+  const amount = parseAmount(value)
+  if (amount === null) {
+    return String(value || '').trim() || '待补充'
+  }
+
+  return new Intl.NumberFormat('zh-CN', {
+    style: 'currency',
+    currency: 'CNY',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: Number.isInteger(amount) ? 0 : 2
+  }).format(amount)
+}
+
+function resolveApprovalState(request) {
+  const normalizedStatus = String(request?.status || '').trim().toLowerCase()
+
+  if (normalizedStatus && BACKEND_STATUS_META[normalizedStatus]) {
+    const meta = BACKEND_STATUS_META[normalizedStatus]
    return {
-      node: '已完成归档',
-      approval: '已完成',
-      approvalTone: 'success',
-      travel: '已完成行程',
-      travelTone: 'success'
+      key: meta.key,
+      label: request.approvalStatus || request.approval || meta.label,
+      tone: request.approvalTone || meta.tone
    }
  }

-  if (status === 'danger') {
+  if (request?.approvalKey && APPROVAL_META[request.approvalKey]) {
    return {
-      node: '异常待复核',
-      approval: '待处理',
-      approvalTone: 'danger',
-      travel: '存在异常',
-      travelTone: 'danger'
+      key: request.approvalKey,
+      label: request.approvalStatus || request.approval || APPROVAL_META[request.approvalKey].label,
+      tone: request.approvalTone || APPROVAL_META[request.approvalKey].tone
    }
  }

+  if (typeof request?.approval === 'string' && request.approval.trim()) {
+    return {
+      key: request.approvalKey || 'in_progress',
+      label: request.approval,
+      tone: request.approvalTone || 'info'
+    }
+  }
+
+  if (typeof request?.status === 'string') {
+    if (request.status === 'success') return { key: 'completed', label: '已完成', tone: 'success' }
+    if (request.status === 'danger') return { key: 'supplement', label: '待补充', tone: 'warning' }
+  }
+
+  return { key: 'in_progress', label: '审批中', tone: 'info' }
+}
+
+function resolveTypeMeta(request) {
+  const typeCode = String(request?.typeCode || request?.expense_type || '').trim() || 'other'
+  const typeMeta = REQUEST_TYPE_META[typeCode] || REQUEST_TYPE_META.other
+
  return {
-    node: '财务审核中',
-    approval: '审批中',
-    approvalTone: 'info',
-    travel: '待安排行程',
-    travelTone: 'warning'
+    typeCode,
+    typeLabel: String(request?.typeLabel || request?.category || '').trim() || typeMeta.label,
+    detailVariant: String(request?.detailVariant || '').trim() || typeMeta.detailVariant,
+    typeTone: typeMeta.tone,
+    secondaryStatusLabel: request?.secondaryStatusLabel || typeMeta.secondaryStatusLabel
  }
 }

@@ -66,22 +177,60 @@ export function normalizeRequestForUi(request) {
    return null
  }

-  const applyTime = parseRequestDateFromId(request.id) || '2026-04-18'
-  const reason = `${request.category || '差旅'}申请`
-  const city = request.entity || '待补充'
-  const period = formatTripWindow(request.range)
-  const approvalState = mapApproval(request.status)
+  const { typeCode, typeLabel, detailVariant, typeTone, secondaryStatusLabel } = resolveTypeMeta(request)
+  const approvalState = resolveApprovalState(request)
+  const amountValue = parseAmount(request.amount)
+  const amountDisplay = formatRequestCurrency(amountValue ?? request.amount)
+  const title = String(request.title || request.reason || '').trim() || `${typeLabel}报销`
+  const sceneTarget = String(request.sceneTarget || request.location || request.city || request.entity || '').trim() || '待补充'
+  const occurredDisplay = String(request.occurredDisplay || request.period || request.occurredAt || '').trim() || '待补充'
+  const applyTime = String(request.applyTime || parseRequestDateFromId(request.id) || '').trim() || '待补充'
+  const workflowNode = String(request.workflowNode || request.node || '').trim() || '待提交'
+  const secondaryStatusValue =
+    String(request.secondaryStatusValue || request.travel || '').trim()
+    || (detailVariant === 'travel' ? '待安排行程' : '待补充票据')
+  const secondaryStatusTone = String(request.secondaryStatusTone || request.travelTone || '').trim() || 'neutral'

  return {
    ...request,
-    reason,
-    city,
-    period,
+    claimId: String(request.claimId || request.claim_id || '').trim(),
+    documentNo: String(request.documentNo || request.claimNo || request.claim_no || request.id || '').trim(),
+    typeCode,
+    typeLabel,
+    detailVariant,
+    typeTone,
+    title,
+    reason: title,
+    sceneLabel: String(request.sceneLabel || '').trim() || typeLabel,
+    sceneTarget,
+    city: sceneTarget,
+    location: String(request.location || '').trim() || sceneTarget,
+    relatedCustomer: String(request.relatedCustomer || '').trim() || '待补充',
+    occurredDisplay,
+    period: occurredDisplay,
    applyTime,
-    node: approvalState.node,
-    approval: approvalState.approval,
-    approvalTone: approvalState.approvalTone,
-    travel: approvalState.travel,
-    travelTone: approvalState.travelTone
+    amountValue,
+    amountDisplay,
+    amount: amountDisplay,
+    workflowNode,
+    node: workflowNode,
+    approvalKey: approvalState.key,
+    approvalStatus: approvalState.label,
+    approval: approvalState.label,
+    approvalTone: approvalState.tone,
+    secondaryStatusLabel,
+    secondaryStatusValue,
+    secondaryStatusTone,
+    travel: secondaryStatusValue,
+    travelTone: secondaryStatusTone,
+    riskSummary: String(request.riskSummary || request.risk || '').trim() || '暂无异常',
+    attachmentSummary: String(request.attachmentSummary || '').trim() || '待补充',
+    rangeBucket: String(request.rangeBucket || request.range || '').trim() || '本周',
+    detailTitle: String(request.detailTitle || '').trim() || title,
+    note: String(request.note || '').trim(),
+    profileName: String(request.person || request.applicant || request.employeeName || '').trim() || '当前申请人',
+    profileDepartment: String(request.dept || request.department || request.departmentName || '').trim() || '所属部门',
+    profileAvatar:
+      String(request.person || request.applicant || request.employeeName || '申').trim().slice(0, 1) || '申'
  }
 }