退款按钮限制

src/components/order/orderDetial.vue

@@ -115,7 +115,7 @@
       </el-tabs>      
       <div slot="footer" class="dialog-footer" style="text-align: center;">
         <el-button v-show="!refundTag" type="primary" @click="submitForm">确定</el-button>
-        <el-button v-show="refundTag" type="danger" @click="refundSubmit">退款</el-button>
+        <el-button v-show="refundTag" type="danger" @click="refundSubmit"  v-loading.fullscreen.lock="refundLoading">退款</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -147,6 +147,7 @@ export default {
       }
     };
     return {
+      refundLoading:false,
       selectionTag:false,
       refundTag:false,
       piovince,
@@ -287,9 +288,11 @@ export default {
       this.refundForm.orderId=this.orderId;
       this.refundForm.orderDetailIds=this.ids;  
       this.$refs["refundForm"].validate((valid) => {       
-        if (valid) {          
+        if (valid) {
+          this.refundLoading=true;
           refund(this.refundForm).then(response => {
             if(response.code="200"){
+              this.refundLoading=false;
               this.open=false;
               this.$emit('getList');
             }