相关方人员审批可指定打回至特殊节点。

src/views/xgf/flow/components/sendUtil.vue

@@ -38,11 +38,64 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col v-if="form.STATUS === '0'" :span="12">
+          <el-col v-if="form.STATUS === '0'" :span="24">
             <el-form-item v-if="form.STATUS === '0'" prop="OPINION" label="打回原因:">
               <el-input v-model="form.OPINION" :rows="2" type="textarea" placeholder="填写审批意见"/>
             </el-form-item>
           </el-col>
+          <el-col v-if="form.STATUS === '0'" :span="24">
+            <el-form-item v-if="form.STATUS === '0'" prop="BACK_NAME" label="打回至:">
+              <div>{{ form.BACK_NAME }}</div>
+            </el-form-item>
+          </el-col>
+          <el-col v-if="form.STATUS === '0'" :span="24">
+            <el-steps :space="200" :active="+step" finish-status="success">
+              <el-step>
+                <template slot="description">
+                  <el-card class="box-card" style="margin-top: 10px" @click.native="backPoint('-1',info.BELONG_TO_CORP_NAME)">
+                    <div icon="el-icon-aim"/>
+                    <div slot="header" class="clearfix">
+                      <span>相关方端</span>
+                    </div>
+                    <div>
+                      企业名称：{{ info.BELONG_TO_CORP_NAME }}
+                    </div>
+                  </el-card>
+                </template>
+              </el-step>
+              <el-step v-for="item in list" :key="item.INDEX" :value="item.INDEX">
+                <template slot="description">
+                  <el-card class="box-card" style="margin-top: 10px" @click.native="backPoint(item.INDEX, item.APPOINT_USER_NAME)">
+                    <div slot="header" class="clearfix">
+                      <span>审批节点</span>
+                    </div>
+                    <div>
+                      <el-row>
+                        <el-col>
+                          审批人：{{ item.APPOINT_USER_NAME }}
+                        </el-col>
+                        <el-col v-if="item.INDEX !== step">
+                          审批人公司：{{ item.APPOINT_CORP_NAME }}
+                        </el-col>
+                        <el-col>
+                          审批人部门：{{ item.APPOINT_DEPARTMENT_NAME }}
+                        </el-col>
+                        <el-col v-if="item.INDEX !== step">
+                          审批状态：{{ item.APPOINT_STATUS === '1' ? '同意' : item.APPOINT_STATUS === '0' ? '不同意' : '' }}
+                        </el-col>
+                        <el-col v-if="item.INDEX !== step">
+                          审批时间：{{ item.APPOINT_TIME }}
+                        </el-col>
+                        <el-col v-if="item.APPOINT_OPINION && item.INDEX !== step">
+                          审批意见：{{ item.APPOINT_OPINION }}
+                        </el-col>
+                      </el-row>
+                    </div>
+                  </el-card>
+                </template>
+              </el-step>
+            </el-steps>
+          </el-col>
           <el-col v-if="form.STATUS === '1' && isShow" :span="12">
             <el-form-item v-if="form.STATUS === '1'" :label="menu.user +':'" prop="APPOINT_USER_ID">
               <el-select v-model="form.user" style="width: 300px" placeholder="请选择" @change="chooseUser">
@@ -114,7 +167,9 @@ export default {
         tm: new Date().getTime(),
         list: [],
         isShow: true,
-        info: {}
+        info: {},
+        BACK_NAME: '',
+        BACK_STEP: ''
       },
       rules: {
         STATUS: [
@@ -134,6 +189,9 @@ export default {
         ],
         LIMIT_END_TIME: [
           { required: true, message: '请选择指定培训有效截至时间', trigger: 'change' }
+        ],
+        BACK_NAME: [
+          { required: true, message: '请填选择回节点', trigger: 'change' }
         ]
       },
       heirloom: {},
@@ -154,7 +212,9 @@ export default {
         user: '',
         uploadFile: '',
         limitFlag: ''
-      }
+      },
+      step: 0,
+      list: []
     }
   },
   methods: {
@@ -165,6 +225,8 @@ export default {
       this.form.list = JSON.stringify(e)
       this.info = e[0]
       await this.getMenu()
+      this.form.BACK_NAME = this.info.BELONG_TO_CORP_NAME
+      this.form.BACK_STEP = '-1'
 
       if (this.info.FLOWS_TYPE === '0') {
         if (this.info.FLOWS_STEP === 0) {
@@ -328,6 +390,11 @@ export default {
         list: [],
         tm: new Date().getTime()
       }
+      this.list = [
+        {
+          INDEX: '-1'
+        }
+      ]
     },
     clearInfo() {
       this.form.APPOINT_DEPARTMENT_ID = null
@@ -336,6 +403,36 @@ export default {
       this.form.APPOINT_USER_NAME = ''
       this.form.OPINION = ''
       this.form.user = ''
+      if (this.form.STATUS === '0') {
+        this.getInfo()
+      }
+    },
+    getInfo() {
+      const info = JSON.parse(this.heirloom)[0]
+      requestFN(
+        '/xgf/user/getApproveInfo', { XGF_USER_ID: info.XGF_USER_ID }
+      ).then((data) => {
+        this.list = data.flow.info
+        this.step = data.flow.STEP
+        if (data.flow.endFlag === '1') {
+          this.title = '审批中'
+        }
+        if (data.flow.endFlag === '2') {
+          this.title = '审批结束'
+        }
+        if (data.flow.endFlag === '-2') {
+          this.title = '审批驳回'
+        }
+        this.visible = true
+        this.loading = false
+      }).catch((e) => {
+        console.log(e)
+      })
+    },
+    backPoint(num, name) {
+      this.form.BACK_STEP = num
+      this.form.BACK_NAME = name
+      this.$forceUpdate()
     }
   }
 }