style:转出

@@ -26,45 +26,43 @@
         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 {
-  components: {},
+  import { completeTask, getNextLinkInfo } from "@/api/workFlow.js";
+  import { popupCacel } from "@/utils/popup.js";
+  import { mapGetters } from 'vuex'
+  export default {
+    components: {},
 
 
-  props: {
-    formData: {
-      type: Object,
-      default: {},
+    props: {
+      formData: {
+        type: Object,
+        default: {},
+      },
     },
     },
-  },
     computed: {
     computed: {
       ...mapGetters(['yjsqOptions'])
       ...mapGetters(['yjsqOptions'])
     },
     },
-  data() {
-    return {
-      queryForm: {},
-      shyj: "",
-    };
-  },
+    data () {
+      return {
+        loading: false,
+        queryForm: {},
+        shyj: "",
+      };
+    },
 
 
-   watch: {
+    watch: {
       // yjsqOptions: {
       // yjsqOptions: {
       //   handler (val) {
       //   handler (val) {
       //      if(val){
       //      if(val){
@@ -74,82 +72,78 @@ export default {
       //   },
       //   },
       // },
       // },
     },
     },
-  mounted() {
-    //  this.queryForm= this.queryForm.obj
-  },
-  methods: {
-    /**
-     * @description: submitForm
-     * @author: renchao
-     */
-      commonOpinion() {
-      this.$popupDialog(
-        "常用意见",
-        "workflow/components/dialog/commonOpinion",
-        {},
-        "70%",
-        true
-      );
-    },
-    submitForm() {
-      this.queryForm = {
-        bsmSlsq: this.formData.bsmSlsq,
-        shyj: this.shyj,
-        stepform: JSON.stringify(this.formData.tabList),
-      };
-      completeTask(this.queryForm).then((res) => {
-        if (res.code === 200) {
-          this.$message.success("转件成功");
-          // setTimeout(() => {
-          //   window.opener = null;
-          //   window.open("about:blank", "_self");
-          //   window.close();
-          //   this.$emit("input", false);
-          // }, 1000);
-          popupCacel();
-          setTimeout(() => {
-            // window.opener.location.reload(); //刷新父窗口
-            if (window.opener && window.opener.getBpageList) {
-              window.opener.getBpageList();
-            } else {
-              window.opener.frames[0].getBpageList();
-            }
-            window.close();
-            this.$emit("input", false);
-          }, 1000);
-        } else {
-          this.$message.error(res.message);
-        }
-      });
+    mounted () {
+      //  this.queryForm= this.queryForm.obj
     },
     },
+    methods: {
+      /**
+       * @description: submitForm
+       * @author: renchao
+       */
+      commonOpinion () {
+        this.$popupDialog(
+          "常用意见",
+          "workflow/components/dialog/commonOpinion",
+          {},
+          "70%",
+          true
+        );
+      },
+      submitForm () {
+        this.loading = true
+        this.queryForm = {
+          bsmSlsq: this.formData.bsmSlsq,
+          shyj: this.shyj,
+          stepform: JSON.stringify(this.formData.tabList),
+        };
+        completeTask(this.queryForm).then((res) => {
+          this.loading = false
+          if (res.code === 200) {
+            this.$message.success("转件成功");
+            popupCacel();
+            setTimeout(() => {
+              // window.opener.location.reload(); //刷新父窗口
+              if (window.opener && window.opener.getBpageList) {
+                window.opener.getBpageList();
+              } else {
+                window.opener.frames[0].getBpageList();
+              }
+              window.close();
+              this.$emit("input", false);
+            }, 1000);
+          } else {
+            this.$message.error(res.message);
+          }
+        }).catch(() => {
+          this.loading = false
+        })
+      },
 
 
-    /**
-     * @description: closeDialog
-     * @author: renchao
-     */
-    cancelBack() {
-      popupCacel();
+      /**
+       * @description: closeDialog
+       * @author: renchao
+       */
+      cancelBack () {
+        popupCacel();
+      },
     },
     },
-  },
-};
+  };
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
-.el-button {
-  margin-top: 20px;
-  margin-right: 10px;
-}
-
-.opinion {
-  position: relative;
-  font-size: 14px;
-
+  @import "~@/styles/mixin.scss";
+  .el-button {
+    margin-top: 20px;
+    margin-right: 10px;
+  }
 
 
-}
+  .opinion {
+    position: relative;
+    font-size: 14px;
+  }
 
 
-.opinion_btn {
-  position: absolute;
-right: 35px;
+  .opinion_btn {
+    position: absolute;
+    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