合同评审：新增流程图

src/views/modules/cus/contract-add-or-update.vue

@@ -5,6 +5,11 @@
       width="70%"
       :close-on-click-modal="false"
       :visible.sync="visible">
+      <el-steps v-if="display" :active="1" align-center style="margin-bottom: 20px">
+        <template v-for="(item, i) in stepList">
+          <el-step :icon="item.icon" :title="item.title" :description="item.description"></el-step>
+        </template>
+      </el-steps>
       <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="auto">
         <el-row class="my-row">
           <el-col :span="8">
@@ -119,6 +124,7 @@
         options1: [],
         dataList: [],
         fileList: [],
+        stepList: [],
         id: 0,
         dataForm: {
           coCode: '',
@@ -155,6 +161,7 @@
         this.dataForm = {}
         this.display = disable
         this.fileList = []
+        this.stepList = []
         this.visible = true
         this.id = id || 0
         // 获取评审类别
@@ -172,6 +179,24 @@
         await geTreDetail(id).then(({data}) => {
           if (data && data.code === '200') {
             this.dataForm = data.data
+            // 流程图展示
+            if (data.data.workFlowBusinessExt.workFlowStepInfoList) {
+              this.stepList.push({
+                icon: 'el-icon-location-outline',
+                title: '开始'
+              })
+              data.data.workFlowBusinessExt.workFlowStepInfoList.forEach((item) => {
+                this.stepList.push({
+                  icon: item.approvalState === '0' ? 'el-icon-location' : 'el-icon-location-outline',
+                  title: item.stepName,
+                  description: this.formatStepDesc(item.processLogInfoList)
+                })
+              })
+              this.stepList.push({
+                icon: 'el-icon-location-outline',
+                title: '结束'
+              })
+            }
             // 附件显示
             this.fileList = []
             data.data.attachList.forEach((item) => {
@@ -184,6 +209,14 @@
           }
         })
       },
+      formatStepDesc (lst) {
+        if (!lst) return ''
+        let str = ''
+        lst.forEach((item) => {
+          str = str + '\n' + item.approver + '    ' + item.createTime + '    ' + item.approvalValue
+        })
+        return str
+      },
       submitUpload () {
         // this.$refs.upload.submit()
         if (this.fileList.length === 0) {