防止页面重复提交

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) {
+        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,
+          this.GetLocalFile("bus_get_DownLoadBusConfig", msg, fileName,
             res => {
               this.loading = false;
+              this.isSave = false;
             });
+        }
       },
       GetData() {
         this.loading = true;
@@ -151,13 +163,14 @@
           this.loading = false;
           if (res.data.resultCode == 1) {
             this.DataObj = res.data.data;
-
           } else {
             this.Error(res.data.message);
           }
         }, err => {})
       },
       SaveData() {
+        if (!this.isSave) {
+          this.isSave = true;
           this.DataObj.TCIDS = this.TCIDS;
           this.apipost('bus_Post_SaveBusDownLoadData', this.DataObj, res => {
             if (res.data.resultCode == 1) {
@@ -166,8 +179,10 @@
             } else {
               this.Error(res.data.message);
             }
+            this.isSave = false;
           }, err => {})
         }
+      }
     },
     mounted() {
       //this.TCIDS = this.$route.query.TCID;