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

task#11186,司机app优化

Browse Source
This commit is contained in:
zhouxueli
2024-02-22 10:49:06 +08:00
parent 77351d7cbf
commit d839aca2ae
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,7 +30,7 @@
@load="onLoad" @load="onLoad"
></van-list>--> ></van-list>-->
<div class="listWrap"> <div class="listWrap">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index"> <div class="itemWrap" v-for="(item,index) in pageList" :key="index" :style="{ 'margin-left': activeIndex == 0 ? '34px' : '11px' }">
<div class="contentWrap" @click="goDetail"> <div class="contentWrap" @click="goDetail">
<div class="line1"> <div class="line1">
<div><span>订单编号:</span><span>{{item.userOrderCode}}</span></div> <div><span>订单编号:</span><span>{{item.userOrderCode}}</span></div>
@ -40,10 +40,10 @@
<img class="rightArrImg" src="@/assets/list_rightArrow.png"> <img class="rightArrImg" src="@/assets/list_rightArrow.png">
</div> </div>
</div> </div>
<div><span>报销金额:</span><span>{{item.reimburseAmount}}</span></div> <div><span>报销金额:</span><span>{{item.reimburseAmount}}元</span></div>
<div v-show="activeIndex == 2"><span>审核备注:</span><span style="color: #FF5D2E">{{item.auditRemark}}</span></div> <div v-show="activeIndex == 2 || item.state == 3"><span>审核备注:</span><span style="color: #FF5D2E">{{item.auditRemark}}</span></div>
<div v-show="activeIndex != 0"><span>审核人员:</span><span>{{item.auditUser}}</span></div> <div v-show="activeIndex != 0 && item.state != 1"><span>审核人员:</span><span>{{item.auditUser}}</span></div>
<div v-show="activeIndex != 0"><span>审核时间:</span><span>{{item.auditTime}}</span></div> <div v-show="activeIndex != 0 && item.state != 1"><span>审核时间:</span><span>{{item.auditTime}}</span></div>
</div> </div>
<img v-show="activeIndex == 0" class="checkImg" @click="toggleSelection(item)" :src="item.isSelected ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')"> <img v-show="activeIndex == 0" class="checkImg" @click="toggleSelection(item)" :src="item.isSelected ? require('@/assets/baoxiao_check.png') : require('@/assets/baoxiao_uncheck.png')">
</div> </div>
@ -89,8 +89,8 @@ export default {
}, },
}, },
async mounted() { async mounted() {
/* let token = localStorage.getItem('token'); let token = localStorage.getItem('token');
this.$notify(token);*/ this.$notify(token);
/* const urlParams = new URLSearchParams(window.location.search); /* const urlParams = new URLSearchParams(window.location.search);
this.driverId = urlParams.get('driverId');*/ this.driverId = urlParams.get('driverId');*/
this.driverId = 78948; this.driverId = 78948;
@ -282,18 +282,18 @@ export default {
height: calc(100% - 91px) ; height: calc(100% - 91px) ;
} }
.listWrap{ .listWrap{
width: 100%; @include wh(100%,100%);
height: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 10px 7px 10px 8px; padding: 10px 7px 10px 8px;
overflow-y: auto; overflow-y: auto;
position: relative; position: relative;
background-color:#F4F5F7 ;
.itemWrap{ .itemWrap{
position: relative; position: relative;
width: 100%; width: 100%;
@include flexColBet(); @include flexColBet();
box-sizing: border-box; box-sizing: border-box;
padding: 14px 12px 11px 34px; padding: 14px 12px 11px 0;
box-shadow: 0px 0px 8px 0px rgba(98,107,128,0.07); box-shadow: 0px 0px 8px 0px rgba(98,107,128,0.07);
border-radius: 10px; border-radius: 10px;
border: 1px solid #4C81F5; border: 1px solid #4C81F5;