防止页面重复提交

src/components/busManagement/busHandBook.vue

@@ -20,6 +20,12 @@
     padding-left: 20px;
   }
 
+  .comTextdisClick {
+    background-color: #d1d1d1;
+    color: #fff;
+    border: 1px solid #d1d1d1;
+  }
+
 </style>
 <template>
   <div>
@@ -102,8 +108,9 @@
       <tfoot>
         <tr>
           <td colspan="6">
-            <input type="button" class="normalBtn" @click="SaveData()" value="保存" />
-            <input type="button" class="normalBtn" @click="DownLoadFile()" value="下载" />
+            <input type="button" class="normalBtn" :class="{'comTextdisClick':isSave}" @click="SaveData()" value="保存" />
+            <input type="button" class="normalBtn" :class="{'comTextdisClick':isSave}" @click="DownLoadFile()"
+              value="下载" />
           </td>
         </tr>
       </tfoot>
@@ -128,20 +135,25 @@
           Remarks: "",
           Details_Extends: []
         },
+        isSave: false,
         TCIDS: ""
       }
     },
     methods: {
       DownLoadFile(item) {
-        let msg = {
-          TCIDS: this.TCIDS
-        };
-        this.loading = true;
-        var fileName = "バス手配依頼書" + this.DataObj.TeamNum + ".xls";
-        this.GetLocalFile("bus_get_DownLoadBusConfig", msg,fileName,
-          res => {
-            this.loading = false;
-          });
+        if (!this.isSave) {
+          this.isSave = true;
+          let msg = {
+            TCIDS: this.TCIDS
+          };
+          this.loading = true;
+          var fileName = "バス手配依頼書" + this.DataObj.TeamNum + ".xls";
+          this.GetLocalFile("bus_get_DownLoadBusConfig", msg, fileName,
+            res => {
+              this.loading = false;
+              this.isSave = false;
+            });
+        }
       },
       GetData() {
         this.loading = true;
@@ -151,22 +163,25 @@
           this.loading = false;
           if (res.data.resultCode == 1) {
             this.DataObj = res.data.data;
-
           } else {
             this.Error(res.data.message);
           }
         }, err => {})
       },
       SaveData() {
-        this.DataObj.TCIDS = this.TCIDS;
-        this.apipost('bus_Post_SaveBusDownLoadData', this.DataObj, res => {
-          if (res.data.resultCode == 1) {
-            this.Success("操作成功");
-            this.GetData();
-          } else {
-            this.Error(res.data.message);
-          }
-        }, err => {})
+        if (!this.isSave) {
+          this.isSave = true;
+          this.DataObj.TCIDS = this.TCIDS;
+          this.apipost('bus_Post_SaveBusDownLoadData', this.DataObj, res => {
+            if (res.data.resultCode == 1) {
+              this.Success("操作成功");
+              this.GetData();
+            } else {
+              this.Error(res.data.message);
+            }
+            this.isSave = false;
+          }, err => {})
+        }
       }
     },
     mounted() {