style:转出

@@ -26,26 +26,23 @@
         v-model="shyj"
         v-model="shyj"
         placeholder="请输入审批意见"
         placeholder="请输入审批意见"
         type="textarea"
         type="textarea"
-        :rows="4"
-      ></el-input>
+        :rows="4"></el-input>
       <!-- <el-button
       <!-- <el-button
         class="opinion_btn"
         class="opinion_btn"
         @click="commonOpinion"
         @click="commonOpinion"
         >常用意见</el-button
         >常用意见</el-button
       > -->
       > -->
       <el-button style="float: right" @click="cancelBack">取消转出</el-button>
       <el-button style="float: right" @click="cancelBack">取消转出</el-button>
-      <el-button type="primary" @click="submitForm" style="float: right"
-        >确定转出</el-button
-      >
+      <el-button type="primary" @click="submitForm" :loading="loading" style="float: right">确定转出</el-button>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
 
 
 <script>
 <script>
-import { completeTask, getNextLinkInfo } from "@/api/workFlow.js";
-import { popupCacel } from "@/utils/popup.js";
-import { mapGetters } from 'vuex'
-export default {
+  import { completeTask, getNextLinkInfo } from "@/api/workFlow.js";
+  import { popupCacel } from "@/utils/popup.js";
+  import { mapGetters } from 'vuex'
+  export default {
     components: {},
     components: {},
 
 
     props: {
     props: {
@@ -57,8 +54,9 @@ export default {
     computed: {
     computed: {
       ...mapGetters(['yjsqOptions'])
       ...mapGetters(['yjsqOptions'])
     },
     },
-  data() {
+    data () {
       return {
       return {
+        loading: false,
         queryForm: {},
         queryForm: {},
         shyj: "",
         shyj: "",
       };
       };
@@ -74,7 +72,7 @@ export default {
       //   },
       //   },
       // },
       // },
     },
     },
-  mounted() {
+    mounted () {
       //  this.queryForm= this.queryForm.obj
       //  this.queryForm= this.queryForm.obj
     },
     },
     methods: {
     methods: {
@@ -82,7 +80,7 @@ export default {
        * @description: submitForm
        * @description: submitForm
        * @author: renchao
        * @author: renchao
        */
        */
-      commonOpinion() {
+      commonOpinion () {
         this.$popupDialog(
         this.$popupDialog(
           "常用意见",
           "常用意见",
           "workflow/components/dialog/commonOpinion",
           "workflow/components/dialog/commonOpinion",
@@ -91,21 +89,17 @@ export default {
           true
           true
         );
         );
       },
       },
-    submitForm() {
+      submitForm () {
+        this.loading = true
         this.queryForm = {
         this.queryForm = {
           bsmSlsq: this.formData.bsmSlsq,
           bsmSlsq: this.formData.bsmSlsq,
           shyj: this.shyj,
           shyj: this.shyj,
           stepform: JSON.stringify(this.formData.tabList),
           stepform: JSON.stringify(this.formData.tabList),
         };
         };
         completeTask(this.queryForm).then((res) => {
         completeTask(this.queryForm).then((res) => {
+          this.loading = false
           if (res.code === 200) {
           if (res.code === 200) {
             this.$message.success("转件成功");
             this.$message.success("转件成功");
-          // setTimeout(() => {
-          //   window.opener = null;
-          //   window.open("about:blank", "_self");
-          //   window.close();
-          //   this.$emit("input", false);
-          // }, 1000);
             popupCacel();
             popupCacel();
             setTimeout(() => {
             setTimeout(() => {
               // window.opener.location.reload(); //刷新父窗口
               // window.opener.location.reload(); //刷新父窗口
@@ -120,36 +114,36 @@ export default {
           } else {
           } else {
             this.$message.error(res.message);
             this.$message.error(res.message);
           }
           }
-      });
+        }).catch(() => {
+          this.loading = false
+        })
       },
       },
 
 
       /**
       /**
        * @description: closeDialog
        * @description: closeDialog
        * @author: renchao
        * @author: renchao
        */
        */
-    cancelBack() {
+      cancelBack () {
         popupCacel();
         popupCacel();
       },
       },
     },
     },
-};
+  };
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
-.el-button {
+  @import "~@/styles/mixin.scss";
+  .el-button {
     margin-top: 20px;
     margin-top: 20px;
     margin-right: 10px;
     margin-right: 10px;
-}
+  }
 
 
-.opinion {
+  .opinion {
     position: relative;
     position: relative;
     font-size: 14px;
     font-size: 14px;
+  }
 
 
-
-}
-
-.opinion_btn {
+  .opinion_btn {
     position: absolute;
     position: absolute;
-right: 35px;
+    right: 35px;
     bottom: 80px;
     bottom: 80px;
-}
+  }
 </style>
 </style>

@@ -201,7 +201,6 @@
           this.btnDisabled = true;
           this.btnDisabled = true;
         }
         }
       },
       },
-      //获取下个节点类型数据
       /**
       /**
        * @description: 获取下个节点类型数据
        * @description: 获取下个节点类型数据
        * @param {*} bsmSqyw
        * @param {*} bsmSqyw
@@ -226,7 +225,6 @@
         })
         })
       },
       },
 
 
-      //获取下个节点类型数据
       /**
       /**
        * @description: 获取下个节点类型数据
        * @description: 获取下个节点类型数据
        * @author: renchao
        * @author: renchao
@@ -305,7 +303,6 @@
         })
         })
         item.cselect = !item.cselect
         item.cselect = !item.cselect
       },
       },
-      // 登记类型
       /**
       /**
        * @description: 登记类型
        * @description: 登记类型
        * @param {*} item
        * @param {*} item