提交

src/views/visit/record.vue

@@ -113,6 +113,32 @@
           </div>
         </el-card>
 
+        <el-card shadow="never" style="margin-top:12px;">
+          <div slot="header" style="font-weight:600;">审核流程</div>
+          <div v-if="!auditList.length" class="empty-text">暂无审核节点</div>
+          <el-table v-else :data="auditList" border size="mini">
+            <el-table-column label="节点顺序" width="100" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.level != null && scope.row.level !== '' ? Number(scope.row.level) + 1 : scope.$index + 1 }}
+              </template>
+            </el-table-column>
+            <el-table-column label="审核人" min-width="120">
+              <template slot-scope="scope">{{ scope.row.audit_admin ? scope.row.audit_admin.name : '-' }}</template>
+            </el-table-column>
+            <el-table-column label="状态" width="100" align="center">
+              <template slot-scope="scope">
+                <el-tag size="mini" :type="auditNodeTagType(scope.row.status)">{{ auditNodeStatusText(scope.row.status) }}</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="驳回/备注原因" min-width="160" show-overflow-tooltip>
+              <template slot-scope="scope">{{ scope.row.reason || '—' }}</template>
+            </el-table-column>
+            <el-table-column label="更新时间" min-width="168">
+              <template slot-scope="scope">{{ scope.row.updated_at || scope.row.created_at || '—' }}</template>
+            </el-table-column>
+          </el-table>
+        </el-card>
+
         <el-card shadow="never" style="margin-top:12px;">
           <div slot="header" style="font-weight:600;">随访人员信息</div>
           <el-table v-if="Array.isArray(viewDetailData.follw_people) && viewDetailData.follw_people.length" :data="viewDetailData.follw_people" border size="mini">
@@ -374,7 +400,18 @@
         ]
       }
     },
-    computed: {},
+    computed: {
+      auditList() {
+        if (!this.viewDetailData || !Array.isArray(this.viewDetailData.audit)) {
+          return []
+        }
+        return [...this.viewDetailData.audit].sort((a, b) => {
+          const la = a.level != null ? Number(a.level) : 0
+          const lb = b.level != null ? Number(b.level) : 0
+          return la - lb
+        })
+      }
+    },
     mounted() {
       console.log("stote",store)
       // const state = store.state
@@ -433,6 +470,16 @@
         this.viewDetailData = res
         this.viewDialogVisible = true
       },
+      auditNodeStatusText(status) {
+        const m = { 0: '待审核', 1: '通过', 2: '驳回' }
+        const s = parseInt(status, 10)
+        return m[s] !== undefined ? m[s] : '-'
+      },
+      auditNodeTagType(status) {
+        const m = { 0: 'warning', 1: 'success', 2: 'danger' }
+        const s = parseInt(status, 10)
+        return m[s] !== undefined ? m[s] : 'info'
+      },
       credentText(credent) {
         return parseInt(credent) === 2 ? '护照' : '身份证'
       },