feat(web): update travel request and reimbursement views

web/src/views/scripts/TravelRequestDetailView.js

@@ -452,11 +452,6 @@ export default {
       department: request.value.profileDepartment,
       grade: request.value.profileGrade,
       manager: request.value.profileManager,
-      facts: [
-        { label: '部门', value: request.value.profileDepartment },
-        { label: '职级', value: request.value.profileGrade },
-        { label: '直属上司', value: request.value.profileManager }
-      ],
       avatar: request.value.profileAvatar
     }))
 
@@ -484,43 +479,44 @@ export default {
       { immediate: true }
     )
 
-    const heroStats = computed(() => [
+    const heroFactItems = computed(() => [
       {
+        key: 'document',
+        label: '报销单号',
+        value: request.value.documentNo || request.value.id,
+        icon: 'mdi mdi-camera-outline',
+        valueClass: ''
+      },
+      {
+        key: 'date',
+        label: '日期',
+        value: request.value.applyTime || request.value.occurredDisplay,
+        icon: 'mdi mdi-calendar-month-outline',
+        valueClass: ''
+      },
+      {
+        key: 'amount',
         label: '报销金额',
         value: request.value.amountDisplay,
-        kind: 'text',
-        emphasis: true
+        icon: '',
+        valueClass: 'amount'
       },
       {
-        label: '报销类型',
+        key: 'type',
+        label: isTravelRequest.value ? '差旅类型' : '报销类型',
         value: request.value.typeLabel,
-        kind: 'text'
+        icon: '',
+        valueClass: ''
       },
       {
-        label: '当前节点',
+        key: 'status',
+        label: '当前状态',
         value: request.value.node,
-        kind: 'pill',
-        className: 'state-pill',
-        tone: request.value.approvalTone
-      },
-      {
-        label: '审批状态',
-        value: request.value.approval,
-        kind: 'pill',
-        className: 'approval-pill',
-        tone: request.value.approvalTone
+        icon: '',
+        valueClass: 'status'
       }
     ])
 
-    const heroSummaryItems = computed(() => {
-      return [
-        { label: '单号', value: request.value.id, icon: 'mdi mdi-pound-box-outline' },
-        { label: '发生时间', value: request.value.occurredDisplay, icon: 'mdi mdi-calendar-month-outline' },
-        { label: '费用明细', value: `${expenseItems.value.length} 条`, icon: 'mdi mdi-format-list-bulleted-square' },
-        { label: '申请时间', value: request.value.applyTime, icon: 'mdi mdi-timer-sand' }
-      ]
-    })
-
     const progressSteps = computed(() =>
       Array.isArray(request.value.progressSteps) && request.value.progressSteps.length
         ? request.value.progressSteps
@@ -1136,8 +1132,7 @@ export default {
       handleExpenseFileChange,
       handleSubmit,
       hasExpenseRiskColumn,
-      heroStats,
-      heroSummaryItems,
+      heroFactItems,
       isDraftRequest,
       isTravelRequest,
       locationInputPlaceholder,