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

task#10094,司机app静态页调整

Browse Source
This commit is contained in:
zhouxueli
2024-01-24 14:09:02 +08:00
parent 8ba5ff0af7
commit e49375c3f1
1 changed files with 61 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/views/driverCaseList/driverCaseList.vue
View File

@ -18,36 +18,36 @@
</div>
</div>
<div class="listWrap">
<div class="itemWrap" @click="isCheck = !isCheck">
<div class="contentWrap">
<div class="left">
<div class="itemWrap" >
<div class="contentWrap" @click="goDetail">
<div class="line1">
<div><span>订单编号:</span><span>PC230626124283</span></div>
<div><span>报销金额:</span><span>1238元</span></div>
</div>
<div class="right">
<img class="commonImg" src="@/assets/waitSubmit.png">
<div>待提交</div>
<div class="yelColor">待提交</div>
<img class="rightArrImg" src="@/assets/list_rightArrow.png">
</div>
</div>
<img class="checkImg" :src="isCheck ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
</div>
<div class="itemWrap" @click="isCheck = !isCheck">
<div class="contentWrap">
<div class="left">
<div><span>订单编号:</span><span>PC230626124283</span></div>
<div><span>报销金额:</span><span>1238元</span></div>
<div><span>审核备注:</span><span>缺失凭证照片</span></div>
</div>
<img class="checkImg" @click="isCheck = !isCheck" :src="isCheck ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
</div>
<div class="itemWrap">
<div class="contentWrap">
<div class="line1">
<div><span>订单编号:</span><span>PC230626124283</span></div>
<div class="right">
<img class="commonImg" src="@/assets/unpass.png">
<div class="oraColor">不通过</div>
<img class="rightArrImg" src="@/assets/list_rightArrow.png">
</div>
</div>
<div><span>报销金额:</span><span>1238元</span></div>
<div><span>审核备注:</span><span style="color: #FF5D2E">缺失凭证照片</span></div>
<div><span>审核人员:</span><span>张三</span></div>
<div><span>审核时间:</span><span>2024-01-24 00:00:00</span></div>
</div>
<div class="right">
<img class="commonImg" src="@/assets/waitSubmit.png">
<div>待提交</div>
<img class="rightArrImg" src="@/assets/list_rightArrow.png">
</div>
</div>
<img class="checkImg" :src="isCheck ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
<img class="checkImg" @click="isCheck = !isCheck" :src="isCheck ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
</div>
</div>
@ -83,6 +83,25 @@ export default {
}
// await this.getList()
},
goDetail(){
},
getStatus(i){
switch (i){
case 1:
return require('@/assets/waitSubmit.png')
case 2:
return require('@/assets/unpass.png')
case 3:
return require('@/assets/unSubmit.png')
case 4:
return require('@/assets/waitDakuan.png')
case 5:
return require('@/assets/dakuan.png')
default:
return require('@/assets/waitSubmit.png')
}
},
}
}
</script>
@ -134,7 +153,6 @@ export default {
.itemWrap{
position: relative;
width: 100%;
//@include wh(100%,79px);
@include flexColBet();
box-sizing: border-box;
padding: 14px 12px 11px 34px;
@ -144,25 +162,24 @@ export default {
margin-bottom: 10px;
.contentWrap{
width: 100%;
@include flexColBet();
@include fontWeightSize(400,12px);
line-height: 27px;
.left{
.line1{
@include flexColBet();
}
span:first-child{
display:inline-block;
width: 60px;
opacity: .5;
}
}
.right{
@include flexCenter();
//display: flex;
}
}
.checkImg{
position: absolute;
top: 0;
left: 0;
top: -1px;
left: -1px;
@include wh(25px,27px)
}
}
@ -174,4 +191,16 @@ export default {
@include wh(6px,9px);
margin-left: 6px;
}
.yelColor{
color: #E69B0B;
}
.greColor{
color: #56B628;
}
.oraColor{
color: #FF5D2E;
}
.garyColor{
color: #9C9C9C;
}
</style>