apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

task#11214,调度app提交按钮事件优化

Browse Source
This commit is contained in:
zhouxueli
2024-02-22 17:07:52 +08:00
parent f94c2f5e62
commit 820c2e2150
1 changed files with 91 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
src/views/caseList/caseDetail.vue
View File

@ -74,7 +74,7 @@
</div>
<div class="isJoin">
<van-radio-group v-model="states" @change="isUse" class="joinWrap">
<van-radio :name="1" style="margin-right: 26px" class="item">
<van-radio :name="2" style="margin-right: 26px" class="item">
通过
<img
slot="icon"
@ -83,7 +83,7 @@
>
</van-radio>
<template v-if="detailInfo.secondAudit">
<van-radio :name="3" style="margin-right: 26px" class="item">报销失败
<van-radio :name="4" class="item">报销失败
<img
slot="icon"
slot-scope="props"
@ -92,7 +92,7 @@
</van-radio>
</template>
<template v-else>
<van-radio :name="2" style="margin-right: 26px" class="item">
<van-radio :name="3" class="item">
不通过
<img
slot="icon"
@ -104,20 +104,20 @@
</van-radio-group>
</div>
</div>
<div class="itemWrap" v-show="states == 2">
<div class="itemWrap" v-if="states == 3 || states == 4">
<div>
<div>
<span class="star">*</span>
<span>不通过原因</span>
</div>
</div>
<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>
</select>
<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>
</select>
</div>
<div v-show="other == '其他'">
<div>其他原因</div>
@ -156,11 +156,12 @@ export default {
bcPath:[],
activeIndex:'',
batchCode:'',
selectedOption:''
}
},
created() {
this.id = this.$route.params.id;
// this.id=27
this.id=27
this.activeIndex=this.$route.params.index;
this.batchCode=this.$route.params.batchCode
console.log(" this.batchCode", this.batchCode,this.activeIndex)
@ -170,6 +171,12 @@ export default {
this.$nextTick(() => {
this.initMap();
});
/* const selectElement = document.getElementById('mySelect');
selectElement.addEventListener('change', function() {
const selectedValue = selectElement.value;
this.other=selectedValue
});
console.log("this.other",this.other)*/
},
methods:{
goPrePage(){
@ -265,7 +272,7 @@ export default {
this.$toast('审核结果必选')
return
}
if(this.states == 1 && !this.other){
if(this.states != 2 && !this.other){
this.$toast('审核不通过原因必填')
return
}
@ -273,29 +280,34 @@ export default {
this.$toast('审核不通过原因是其他时审核原因必填')
return
}
let res = await reimburseOrderAudit({
id:this.id,
state:this.state,
auditRemark:this.other=='其他' ? this.other+ '/' + this.otherReason : this.other,
})
let res=''
try {
res = await reimburseOrderAudit({
id: this.id,
state: this.state,
auditRemark: this.other == '其他' ? this.other + '/' + this.otherReason : this.other,
})
} catch (e) {
// this.$toast(e.error)
}
if(res.code == 200){
this.$toast("提交成功")
this.goPrePage()
}else{
this.$toast(res.msg)
}
},
isUse(e){
console.log("eeee",e)
this.states=e
if(this.states == 1){
this.state=2
}else if(this.states == 2){
if(this.detailInfo.secondAudit){
this.state=4
}else{
this.state=3
}
}
this.state=e
// if(this.states == 1){
// this.state=2
// }else if(this.states == 2){
// if(this.detailInfo.secondAudit){
// this.state=4
// }else{
// this.state=3
// }
// }
},
async getOrderDetail(){
let res=await reimburseOrderDetail({
@ -324,6 +336,44 @@ export default {
@include wh(100%,100%);
box-sizing: border-box;
}
.mySelect{
@include fontWeightSize(bold,13px);
color: #323643;
appearance: none;
padding-right: 16px;
background: url('@/assets/arrow_bot.png') no-repeat right center / 15px 14px;
text-align: right; /* 将下拉列表的文本右对齐 */
}
.itemContent{
@include flexColBet;
line-height: 56px;
box-sizing: border-box;
padding-right: 25px;
.titleType{
@include fontWeightSize(bold,14px);
color: #323643;
}
.isJoin{
display: flex;
.joinWrap, .item{
@include flexCenter;
}
img{
@include widHeiMar(16px,16px,6px)
}
}
.startImg{
@include widHeiMar(6px,6px,3px);
vertical-align: super;
}
input{
border: none;
text-align: right;
@include fontWeightSize(bold,13px);
opacity: .5;
}
}
.navBar{
margin-bottom: 46px;
}
@ -453,6 +503,17 @@ export default {
color: #FF0808;
@include fontWeightSize(bold,13px);
}
.isJoin{
display: flex;
position: relative;
z-index: 11;
.joinWrap, .item{
@include flexCenter;
}
img{
@include widHeiMar(16px,16px,6px)
}
}
.multipleTxt{
@include wh(100%,87px);
background: #FAFAFA;
@ -465,6 +526,7 @@ export default {
content: '该案件为二次提交，审核不通过后司机无法再次申请报销。';
color: red;
position: absolute;
z-index: 1;
line-height: 70px;
font-size: 10px;
}
@ -511,15 +573,6 @@ export default {
color: #9C9C9C;
font-weight: 600;
}
.isJoin{
display: flex;
.joinWrap, .item{
@include flexCenter;
}
img{
@include widHeiMar(16px,16px,6px)
}
}
::v-deep .amap-copyright{
display: none !important;
}