修改样式

src/pages/processCenter/pages/creatProcess/bzrk/step2.vue

@@ -516,14 +516,6 @@
                 ref="formTongGuo"
                 :model="formTongGuo"
                 :rules="rules">
-                    <el-form-item
-                        prop="approvalOpinion"
-                    >
-                      <el-select @change="getRule" v-model="formTongGuo.approvalOpinion" placeholder="请审批" style="margin-bottom: 20px;">
-                        <el-option label="驳回" value="1"></el-option>
-                        <el-option label="通过" value="0"></el-option>
-                      </el-select>
-                    </el-form-item>
                 <el-form-item
                   prop="commentText"
                 >
@@ -557,7 +549,8 @@
               <h4>责任人</h4>
               <div style="margin-top: 10px;width: 300px;">
                 <el-input v-model="user2" placeholder="选择责任人">
-                                </el-input></div>
+                </el-input>
+              </div>
             </el-card>
           </el-timeline-item>
           <el-timeline-item timestamp="填写意见" placement="top" :color="user3 ? '#66b1ff' : ''">
@@ -661,10 +654,12 @@
       :show-save="false"
       show-submit
       show-transfer
+      show-back
       :submitLoading="isSubmit"
       :saveLoading="saveLoading"
       @transfer="handleTransfer"
       @save="handleSave"
+      @back="handleSubmitNo"
       @submit="handleSubmit"
     >
     </ProcessFooter>
@@ -686,6 +681,7 @@
 import ProcessTitle from '../../components/ProcessTitle'
 import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
 import TreeSelect from '@/components/treeSelect/treeSelect.vue';
+import {completeTask} from "@/api/process";
 
 export default {
   name: "bzrkStep2",
@@ -977,7 +973,8 @@
         _this: this
       }, res => {
         this.detailData = res
-            }, e => {})
+      }, e => {
+      })
     },
     getData() {
       return new Promise((resolve, reject) => {
@@ -1048,7 +1045,41 @@
       this.drawerModal = true
       this.drawerTitle = '转办处理人'
     },
-            handleSave() {},
+    handleSave() {
+    },
+    // 退回按钮
+    handleSubmitNo() {
+      const val = this.form.country;
+      if (val !== '' && val !== null && typeof (val) !== 'undefined') {
+        if (val instanceof Array) {
+          this.form.country = val.join(",");
+        } else {
+          this.form.country = val
+        }
+      } else if (val === '') {
+        this.form.country = []
+      }
+      this.$refs['formTongGuo'].validate((valid) => {
+        if (valid) {
+          this.form.commentText = this.formTongGuo.commentText
+          this.form.approvalOpinion = '1'
+          const json = JSON.stringify(this.form);
+          this.$http.post('lawss/activiti/completeTask', {
+            taskIds: this.taskIds,
+            userId: this.userId,
+            json: json
+          }, {
+            _this: this
+          }, res => {
+            if (res.success) {
+                this.$message.warning("驳回成功")
+                // 流程提交之后，应该流转至待办任务页面
+                this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
+            }
+          })
+        }
+      })
+    },
     handleSubmit() {
       const val = this.form.country;
       if (val !== '' && val !== null && typeof (val) !== 'undefined') {
@@ -1064,7 +1095,7 @@
         if (valid) {
           this.isSubmit = true
           this.form.commentText = this.formTongGuo.commentText
-                      this.form.approvalOpinion = this.formTongGuo.approvalOpinion
+          this.form.approvalOpinion = '0'
           const json = JSON.stringify(this.form);
           this.$http.post('lawss/activiti/completeTask', {
             taskIds: this.taskIds,
@@ -1073,19 +1104,12 @@
           }, {
             _this: this
           }, res => {
-                        console.log(res);
             if (res.success) {
-                          if(this.formTongGuo.approvalOpinion === '1'){
-                            this.$message.warning("驳回成功")
-                            this.isSubmit = false
-                            // 流程提交之后，应该流转至待办任务页面
-                            this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
-                          }else{
                 this.processCreateStand(json)
             }
+          })
         }
       })
-                    }})
     },
 
     /**
@@ -1147,6 +1171,7 @@
 
 <style lang="less" scoped>
 @import '~@/assets/styles/style';
+
 .bzrkStep2 {
   /deep/ .el-drawer__container {
     .prc-content-border {
@@ -1154,8 +1179,10 @@
       padding: 0 20px 0;
     }
   }
+
   position: relative;
   height: 100%;
+
   .headerTabs {
     height: 52px;
     display: flex;
@@ -1163,6 +1190,7 @@
     position: absolute;
     top: 0;
     right: 10px;
+
     .headerTabsItem {
       border: 1px solid #c1c1c1;
       padding: 0 5px;
@@ -1170,18 +1198,21 @@
       line-height: 30px;
       cursor: pointer;
     }
+
     .active {
       border: 1px solid #E6A23C;
       color: #fff;
       background: #E6A23C;
     }
   }
+
   .content {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: calc(~'100% - 103px');
     overflow: auto;
+
     .tableTitle {
       margin-bottom: 10px;
       height: 30px;
@@ -1189,6 +1220,7 @@
       position: relative;
       font-size: 13px;
       font-weight: bold;
+
       .tableButton {
         position: absolute;
         right: 0;