task#11265,按钮加防重复点击,已审核和待审核tab切不一致进行更改

This commit is contained in:
2024-02-23 14:24:11 +08:00
parent 80751ca40e
commit 1399d002e4
3 changed files with 101 additions and 61 deletions

View File

@ -20,7 +20,7 @@
</div> </div>
<van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show"> <van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
<div class="listWrap"> <div class="listWrap">
<div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.id)"> <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="noMultipleClicks(goPageDetail,item.id)">
<div class="line1"> <div class="line1">
<div><span>案件编号:</span><span>{{ item.userOrderCode }}</span></div> <div><span>案件编号:</span><span>{{ item.userOrderCode }}</span></div>
<div class="right"> <div class="right">
@ -50,7 +50,7 @@ export default {
mixins: [myMixins], mixins: [myMixins],
data(){ data(){
return{ return{
tabArr: [{name: '待审核', status: 1,num:0}, {name: '审核通过', status: 2,num:0},{name: '审核不通过', status: 2,num:0},], tabArr: [ {name: '审核通过', status: 2,num:0},{name: '审核不通过', status: 2,num:0},],
activeIndex: 0, activeIndex: 0,
pageList:[], pageList:[],
pageNum:1, pageNum:1,
@ -58,6 +58,8 @@ export default {
id:'',//批次id id:'',//批次id
isLoading:"", isLoading:"",
isShowBackBtn:true, isShowBackBtn:true,
type:'',//用于判断是已审核还是待审核,已审核只有两个tab切
noClick:true
} }
}, },
computed:{ computed:{
@ -76,8 +78,14 @@ export default {
}else{ }else{
this.isShowBackBtn=true this.isShowBackBtn=true
} }
// console.log("===",urlParams.get('status'))
this.id = urlParams.get('id') || this.$route.params.id || this.$route.params.batchCode; this.id = urlParams.get('id') || this.$route.params.id || this.$route.params.batchCode;
this.activeIndex=this.$route.params?.activeIndex || 0 this.activeIndex=this.$route.params?.activeIndex || 0
this.type=this.$route.params?.type
console.log(urlParams.get('status') && urlParams.get('status') == 1)
if (this.type==1 || (urlParams.get('status') && urlParams.get('status') == 1)) {
this.tabArr.unshift({name: '待审核', status: 1,num:0},);
}
await this.batchOrderCount(); await this.batchOrderCount();
await this.getList() await this.getList()
}, },
@ -103,7 +111,7 @@ export default {
pageNum:this.pageNum, pageNum:this.pageNum,
pageSize:this.pageSize, pageSize:this.pageSize,
batchCode:this.id, batchCode:this.id,
type: this.activeIndex+1 type:this.tabArr.length==3 ? this.activeIndex+1 : this.activeIndex+2
}) })
this.pageList=res.data this.pageList=res.data
}, },

View File

@ -66,6 +66,7 @@
</div> </div>
</div> </div>
</div> </div>
<template v-if="detailInfo.state.code == 1">
<div class="aduit"> <div class="aduit">
<div :class="{itemWrap : true,aduitResult: detailInfo.secondAudit}"> <div :class="{itemWrap : true,aduitResult: detailInfo.secondAudit}">
<div> <div>
@ -112,7 +113,6 @@
</div> </div>
</div> </div>
<select id="mySelect" class="mySelect" v-model="other"> <select id="mySelect" class="mySelect" v-model="other">
<!-- <option value="" disabled selected hidden>请选择</option>-->
<option value="缺失凭证照片">缺失凭证照片</option> <option value="缺失凭证照片">缺失凭证照片</option>
<option value="申请金额与凭证不一致">申请金额与凭证不一致</option> <option value="申请金额与凭证不一致">申请金额与凭证不一致</option>
<option value="非正常产生路桥费">非正常产生路桥费</option> <option value="非正常产生路桥费">非正常产生路桥费</option>
@ -124,7 +124,25 @@
<textarea v-model="otherReason" class="multipleTxt" placeholder="描述"></textarea> <textarea v-model="otherReason" class="multipleTxt" placeholder="描述"></textarea>
</div> </div>
</div> </div>
<div class="submitBtn" @click="noMultipleClicks(submitHandle)">提交</div> </template>
<template v-else>
<div class="aduit" style="line-height: 20px">
<div class="itemWrap" >
<div> {{ detailInfo.state.code == 4 ? '二次审核结果' : '审核结果'}}</div>
<div class="gary">{{detailInfo.state.label}}
</div>
</div>
<div class="itemWrap" v-if="detailInfo.state.code == 3 || detailInfo.state.code == 4">
<div>不通过原因 </div>
<div class="gary">{{detailInfo.auditRemark.includes('/') ? detailInfo.auditRemark.substring(0,2) : detailInfo.auditRemark}}</div>
</div>
<div class="itemWrap" v-show="detailInfo.auditRemark.substring(0,2) == '其他'">
<div>其他原因</div>
<div class="gary" style="flex: 1;width: 75%;text-align: end">{{detailInfo.auditRemark}}</div>
</div>
</div>
</template>
<div v-if="detailInfo.state.code == 1" class="submitBtn" @click="noMultipleClicks(submitHandle)">提交</div>
</div> </div>
</div> </div>
@ -160,7 +178,7 @@ export default {
}, },
created() { created() {
this.id = this.$route.params.id; this.id = this.$route.params.id;
// this.id=27 // this.id=29
this.activeIndex=this.$route.params.index; this.activeIndex=this.$route.params.index;
this.batchCode=this.$route.params.batchCode this.batchCode=this.$route.params.batchCode
console.log(" this.batchCode", this.batchCode,this.activeIndex) console.log(" this.batchCode", this.batchCode,this.activeIndex)
@ -276,7 +294,7 @@ export default {
return return
} }
if(this.other == '其他' && !this.otherReason){ if(this.other == '其他' && !this.otherReason){
this.$toast('审核不通过原因其他时审核原因必填') this.$toast('审核不通过原因其他时审核原因必填')
return return
} }
let res='' let res=''
@ -291,8 +309,9 @@ export default {
} }
if(res.code == 200){ if(res.code == 200){
this.$toast("提交成功") this.$toast("提交成功")
console.log("$$$$$$$$$",this.state)
setTimeout(()=>{ setTimeout(()=>{
this.goPrePage() // this.goPrePage()
},1500) },1500)
}else{ }else{
this.$toast(res.msg) this.$toast(res.msg)
@ -364,6 +383,14 @@ export default {
border-width: 6px 6px 0 6px; border-width: 6px 6px 0 6px;
border-color: #000 transparent transparent transparent; border-color: #000 transparent transparent transparent;
} }
//.mySelect {
// transform: scaleY(-1);
// transform-origin: center top;
//}
//
//option {
// transform: scaleY(-1);
//}
.navBar{ .navBar{
margin-bottom: 46px; margin-bottom: 46px;
} }
@ -488,6 +515,9 @@ export default {
.itemWrap{ .itemWrap{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.gary{
opacity: 0.5;
}
} }
.star{ .star{
color: #FF0808; color: #FF0808;

View File

@ -20,7 +20,7 @@
</div> </div>
<van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show"> <van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
<div class="listWrap"> <div class="listWrap">
<div class="listItem" v-for="(item,index) in pageList" :key="index" @click="goPageDetail(item.batchCode)"> <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="noMultipleClicks(goPageDetail,item.batchCode)">
<div class="line1"> <div class="line1">
<div><span>审核批次:</span><span>{{item.batchCode}}</span></div> <div><span>审核批次:</span><span>{{item.batchCode}}</span></div>
<div class="viewBtn">查看</div> <div class="viewBtn">查看</div>
@ -54,6 +54,7 @@ export default {
pageNum:1, pageNum:1,
pageSize:10, pageSize:10,
isLoading:"", isLoading:"",
noClick:true
} }
}, },
async mounted() { async mounted() {
@ -106,6 +107,7 @@ export default {
name: 'caseAuditList', // 目标路由的名称 name: 'caseAuditList', // 目标路由的名称
params: { params: {
id: id, // 参数对象的属性 id: id, // 参数对象的属性
type: this.activeIndex+1
} }
}); });
}, },