提取公共函数“dealStepData”

src/api/util.js

@@ -0,0 +1,32 @@
+/**
+ * 处理流程图数据
+ * @param list 数据来源
+ * @param stepList 流程数据列表
+ */
+export function dealStepData (list, stepList) {
+  if (list) {
+    stepList.push({
+      icon: 'el-icon-location-outline',
+      title: '开始'
+    })
+    list.forEach((item) => {
+      stepList.push({
+        icon: item.approvalState === '0' ? 'el-icon-location' : 'el-icon-location-outline',
+        title: item.stepName,
+        description: formatStepDesc(item.processLogInfoList)
+      })
+    })
+    stepList.push({
+      icon: 'el-icon-location-outline',
+      title: '结束'
+    })
+  }
+}
+export function formatStepDesc (lst) {
+  if (!lst) return ''
+  let str = ''
+  lst.forEach((item) => {
+    str = str + '\n' + item.approver + '    ' + item.createTime + '    ' + item.approvalValue
+  })
+  return str
+}

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

@@ -109,6 +109,7 @@
   import { getCoCode, geTreDetail } from '@/api/cus'
   import { getDictList } from '@/api/dict'
   import { uploadUrl, downloadUrl, uploadFiles } from '@/api/file'
+  import { dealStepData } from '@/api/util'
   export default {
     name: 'stock-order-inbound',
     computed: {
@@ -180,23 +181,7 @@
           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: '结束'
-              })
-            }
+            dealStepData(data.data.workFlowBusinessExt.workFlowStepInfoList, this.stepList)
             // 附件显示
             this.fileList = []
             data.data.attachList.forEach((item) => {
@@ -209,14 +194,6 @@
           }
         })
       },
-      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) {