事项配置重构

packages/work/processManagement/mattersConfig/components/addConfig.vue

@@ -69,7 +69,6 @@ export default {
       ]
     },
     detailTitle: v => v.detailObj?.id ? "编辑事项" : "添加事项",
-    processType: v => v.$route.hash == "#add" ? 0 : 2
   },
   methods: {
     ...mapActions(['closePage']),
@@ -119,7 +118,6 @@ export default {
      */
     save() {
       this.$refs['processApproval'].handleProcessApproval().then(res => {
-        const {processType} = this
         this.instance.post(`/app/approval-process-def/add-update`, {
           ...this.detailObj,
           ...this.baseInfo,
@@ -131,7 +129,7 @@ export default {
           tableType: 0,
           processAnnexDefs: this.annexs.map(e => ({...e, mustFill: Number(e.mustFill)})),
           processNodeList: res.processNodeList,
-          processType
+          processType: 0
         }).then(res => {
           if (res.code == 0) {
             this.$message.success("保存成功")
@@ -144,7 +142,7 @@ export default {
     },
     getDetail() {
       const {id} = this.$route.query
-      this.instance.post(`/app/approval-process-def/info-id`, null, {params: {id}}).then(res => {
+      id && this.instance.post(`/app/approval-process-def/info-id`, null, {params: {id}}).then(res => {
         if (res?.data) {
           this.detailObj = res.data
           this.filedList = res.data.tableInfo.tableFieldInfos

packages/work/processManagement/mattersConfig/components/guidance.vue

@@ -24,14 +24,8 @@
                 </el-col>
                 <el-col :span="12">
                   <el-form-item label="所属分类" prop="classificationId">
-                    <el-select placeholder="请选择" size="small" v-model="form.classificationId" clearable
-                               style="width: 100%;">
-                      <el-option
-                        v-for="(item,i) in classList" :key="i"
-                        :label="item.name"
-                        :value="item.id">
-                      </el-option>
-                    </el-select>
+                    <ai-select v-model="form.classificationId" :instance="instance" action="/app/zwspapprovalclassification/list?status=1"
+                               :prop="{label:'name'}"/>
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -58,14 +52,13 @@
 </template>
 
 <script>
+import {mapMutations} from "vuex";
 
-  export default {
-    name: "addConfig",
+export default {
+  name: "guidance",
   props: {
     instance: Function,
     dict: Object,
-      row: Object,
-      processType: String
   },
   data() {
     return {
@@ -76,7 +69,6 @@
         needToKnow: "",
         processDefStatus: "1",
       },
-        classList: [],
     }
   },
   computed: {
@@ -89,27 +81,13 @@
         processDefStatus: [{required: true, message: '请选择是否启用', trigger: 'change'}],
       }
     },
-      detailTitle() {
-        return this.row?.id ? "编辑办事指南" : "添加办事指南"
-      }
+    detailTitle: v => v.detailObj?.id ? "编辑办事指南" : "添加办事指南",
   },
   methods: {
+    ...mapMutations(['setPageTitle']),
     /**
      * 获取分类
      */
-      getClassification() {
-        this.instance.post(`/app/zwspapprovalclassification/list`, null, {
-          params: {
-            current: 1,
-            status: 1,
-            size: 9999
-          }
-        }).then(res => {
-          if (res?.data) {
-            this.classList = res.data.records
-          }
-        })
-      },
     /**
      * 保存
      */
@@ -118,8 +96,7 @@
         if (valid) {
           this.instance.post(`/app/approval-process-def/add-update`, {
             ...this.form,
-              id: this.row.id,
-              processType: this.processType
+            processType: 2
           }).then(res => {
             if (res.code == 0) {
               this.$message.success("保存成功")
@@ -129,8 +106,9 @@
         }
       })
     },
-      getDetail(id) {
-        this.instance.post(`/app/approval-process-def/info-id`, null, {params: {id}}).then(res => {
+    getDetail() {
+      const {id} = this.$route.query
+      id && this.instance.post(`/app/approval-process-def/info-id`, null, {params: {id}}).then(res => {
         if (res?.data) {
           Object.keys(this.form).map(e => this.form[e] = res.data[e])
         }
@@ -141,16 +119,14 @@
     }
   },
   created() {
-      this.getClassification()
-      if (this.row?.id) {
-        this.getDetail(this.row?.id)
-      }
-    }
+    this.setPageTitle(this.detailTitle)
+    this.getDetail()
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .add-config {
+.guidance {
   height: 100%;
 
   .step {
@@ -165,10 +141,10 @@
       padding: 0 calc(50% - 380px);
 
 
-        :deep( .el-step ){
+      :deep( .el-step ) {
         font-weight: bold;
 
-          :deep( .el-step__icon ){
+        :deep( .el-step__icon ) {
           width: 24px;
           height: 24px;
           background: #fff;
@@ -178,7 +154,7 @@
           }
         }
 
-          :deep( .el-step__main ){
+        :deep( .el-step__main ) {
           display: flex;
           align-items: center;
 
@@ -215,5 +191,5 @@
       margin-left: 24px;
     }
   }
-  }
+}
 </style>