上架下架详情防连点

src/views/saleManage/requireManage/pages/requireDetail.vue

@@ -79,7 +79,7 @@
                         <li style="padding-bottom: 0;">
                             <p style="width: 100%;">
                                 <span style="vertical-align: top;padding-top:5px;">{{$t("bigBusiness.detailInfo.cooperationFlag")}}：</span>
-                                <span style="display: inline-block;width: calc(100% - 140px);line-height: 30px;" v-if="detailInfo.targetLabel"><el-tag size="small" effect="plain" style="margin-right: 5px;font-size: 14px;margin-bottom: 10px;" v-for="item in detailInfo.targetList">{{item}}</el-tag></span>
+                                <span style="display: inline-block;width: calc(100% - 140px);line-height: 30px;" v-if="detailInfo.targetLabel"><el-tag size="small" effect="plain" style="margin-right: 5px;font-size: 14px;margin-bottom: 10px;" v-for="(item,index) in detailInfo.targetList" :key="index">{{item}}</el-tag></span>
                                 <span v-if="!detailInfo.targetLabel">暂无</span>
                             </p>
                         </li>
@@ -213,8 +213,8 @@
             </div>
             <div class="buttonWrapper">
                 <el-button type="primary" style="width: 180px;" @click="handleEdit" v-if="isEditVisible">{{$t("saleManage.editRequire")}}</el-button>
-                <el-button type="primary" style="width: 100px;" plain @click="handleSold(2)" v-loading.fullscreen="fullscreenLoading" v-if="isSoldOut">{{$t("bigBusiness.detailInfo.soldOut")}}</el-button>
-                <el-button type="primary" style="width: 100px;" plain @click="handleSold(1)" v-loading.fullscreen="fullscreenLoading" v-if="isSoldOn">{{$t("bigBusiness.detailInfo.soldOn")}}</el-button>
+                <el-button type="primary" style="width: 100px;" plain @click="handleSold(2)" :disabled="disabledFlag>0" v-loading.fullscreen="fullscreenLoading" v-if="isSoldOut">{{$t("bigBusiness.detailInfo.soldOut")}}</el-button>
+                <el-button type="primary" style="width: 100px;" plain @click="handleSold(1)" :disabled="disabledFlag>0" v-loading.fullscreen="fullscreenLoading" v-if="isSoldOn">{{$t("bigBusiness.detailInfo.soldOn")}}</el-button>
                 <el-button type="primary" style="width: 150px;" plain @click="handleOpreation" v-loading.fullscreen="fullscreenLoading" v-if="isShare"><i class="iconfont icon-wechat"></i>{{$t("bigBusiness.detailInfo.shareRequire")}}</el-button>
                 <el-button type="primary" style="width: 100px;" plain @click="handleGoBack">返回</el-button>
             </div>
@@ -273,7 +273,8 @@
                 fullscreenLoading:false,
                 hasDetailPermission:false,
                 vueQrVisible:false,
-                url:""
+                url:"",
+                disabledFlag:0
             }
         },
         components:{
@@ -405,18 +406,35 @@
                         type: '',
                         customClass: 'deleteConfirm'
                     }).then(() => {
-                        that.fullscreenLoading = true;
-                        api.soldAxios(params).then((res)=>{
-                            that.fullscreenLoading = false;
-                            if(res.code==0){
-                                that.$message.success("操作成功");
-                                that.getRequireDetail();
-                            }else{
-                                that.$message.error(res.msg);
-                            }
-                        }).catch((err)=>{
-                            that.$message.error(err);
-                        })
+                        if(that.disabledFlag==0){
+                            that.disabledFlag++;
+                            that.fullscreenLoading = true;
+                            api.soldAxios(params).then((res)=>{
+                                that.fullscreenLoading = false;
+                                if(res.code==0){
+                                    that.$message.success("操作成功");
+                                    that.getRequireDetail();
+                                }else{
+                                    that.$message.error(res.msg);
+                                }
+                                setTimeout(function(){
+                                    that.disabledFlag = 0;
+                                    return false;
+                                },500);
+                            }).catch((err)=>{
+                                that.$message.error(err);
+                                setTimeout(function(){
+                                    that.disabledFlag = 0;
+                                    return false;
+                                },500);
+                            })
+                        }else{
+                           setTimeout(function(){
+                               that.disabledFlag = 0;
+                               return false;
+                           },500);
+                        }
+
                     }).catch(() => {
 
                     });