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

task#10514,调度app详情地图展示

Browse Source
This commit is contained in:
zhouxueli
2024-01-30 14:10:28 +08:00
parent 92655a7181
commit 56f7df75e7
8 changed files with 214 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,9 +17,10 @@
{{ item.name }}
</div>
</div>
<div class="listWrap">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index">
<div class="contentWrap" @click="goDetail">
<!-- <van-pull-refresh v-model="isLoading" @refresh="onRefresh" v-show="!show" style="min-height: 80%;position: relative">-->
<div class="listWrap">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index">
<div class="contentWrap" @click="goDetail">
<div class="line1">
<div><span>订单编号:</span><span>{{item.userOrderCode}}</span></div>
<div class="right">
@ -32,12 +33,102 @@
<div v-show="activeIndex == 2"><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"><span>审核时间:</span><span>{{item.auditTime}}</span></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')">
</div>
<div class="itemWrap" v-for="(item,index) in pageList" :key="index">
<div class="contentWrap" @click="goDetail">
<div class="line1">
<div><span>订单编号:</span><span>{{item.userOrderCode}}</span></div>
<div class="right">
<img class="commonImg" :src="getStatus(item.state)">
<div :class="getStatusColor(item.state)">{{item.stateStr}}</div>
<img class="rightArrImg" src="@/assets/list_rightArrow.png">
</div>
</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 != 0"><span>审核人员:</span><span>{{item.auditUser}}</span></div>
<div v-show="activeIndex != 0"><span>审核时间:</span><span>{{item.auditTime}}</span></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')">
</div>
<div class="itemWrap" v-for="(item,index) in pageList" :key="index">
<div class="contentWrap" @click="goDetail">
<div class="line1">
<div><span>订单编号:</span><span>{{item.userOrderCode}}</span></div>
<div class="right">
<img class="commonImg" :src="getStatus(item.state)">
<div :class="getStatusColor(item.state)">{{item.stateStr}}</div>
<img class="rightArrImg" src="@/assets/list_rightArrow.png">
</div>
</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 != 0"><span>审核人员:</span><span>{{item.auditUser}}</span></div>
<div v-show="activeIndex != 0"><span>审核时间:</span><span>{{item.auditTime}}</span></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')">
</div>
<div class="itemWrap" v-for="(item,index) in pageList" :key="index">
<div class="contentWrap" @click="goDetail">
<div class="line1">
<div><span>订单编号:</span><span>{{item.userOrderCode}}</span></div>
<div class="right">
<img class="commonImg" :src="getStatus(item.state)">
<div :class="getStatusColor(item.state)">{{item.stateStr}}</div>
<img class="rightArrImg" src="@/assets/list_rightArrow.png">
</div>
</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 != 0"><span>审核人员:</span><span>{{item.auditUser}}</span></div>
<div v-show="activeIndex != 0"><span>审核时间:</span><span>{{item.auditTime}}</span></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')">
</div>
<div class="itemWrap" v-for="(item,index) in pageList" :key="index">
<div class="contentWrap" @click="goDetail">
<div class="line1">
<div><span>订单编号:</span><span>{{item.userOrderCode}}</span></div>
<div class="right">
<img class="commonImg" :src="getStatus(item.state)">
<div :class="getStatusColor(item.state)">{{item.stateStr}}</div>
<img class="rightArrImg" src="@/assets/list_rightArrow.png">
</div>
</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 != 0"><span>审核人员:</span><span>{{item.auditUser}}</span></div>
<div v-show="activeIndex != 0"><span>审核时间:</span><span>{{item.auditTime}}</span></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')">
</div>
<div class="itemWrap" v-for="(item,index) in pageList" :key="index">
<div class="contentWrap" @click="goDetail">
<div class="line1">
<div><span>订单编号:</span><span>{{item.userOrderCode}}</span></div>
<div class="right">
<img class="commonImg" :src="getStatus(item.state)">
<div :class="getStatusColor(item.state)">{{item.stateStr}}</div>
<img class="rightArrImg" src="@/assets/list_rightArrow.png">
</div>
</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 != 0"><span>审核人员:</span><span>{{item.auditUser}}</span></div>
<div v-show="activeIndex != 0"><span>审核时间:</span><span>{{item.auditTime}}</span></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')">
</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')">
</div>
<s v-show="activeIndex == 0" class="submitBtn" @click="noMultipleClicks(submitHandle)">提交</s>
<!-- </van-pull-refresh>-->
<!-- <div v-show="activeIndex == 0" class="submitBtn" @click="noMultipleClicks(submitHandle)">提交</div>-->
<!-- <div class="bgEmptyImg" v-show="show" >-->
<!-- <img src="@/assets/empty.png" />-->
</div>
</div>
<!-- </div>-->
</template>
@ -54,20 +145,35 @@ export default {
pageList:[],
pageNum:1,
pageSize:10,
total: 0,
isCheck:false,
driverId: 78948,
submitData:[],
noClick:true,
loading:false,
isLoading: false,
finished: false,
}
},
computed:{
show() {
return (this.pageList.length < 0 || this.pageList.length == 0); // 判断数组长度是否大于 0
},
},
mounted() {
this.getList()
},
methods:{
onRefresh() {
this.pageNum=1;
// this.getDriverList()
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
}, 1000);
},
toggleSelection(item) {
item.isSelected = !item.isSelected; // 切换 isSelected 属性的值
console.log("item",item)
},
async submitHandle(){
this.pageList.forEach((item)=>{
@ -86,8 +192,9 @@ export default {
},
async changeTab(index) {
this.activeIndex = index
this.total = 0;
this.pageNum = 1
this.pageList = [];
this.orderList = [];
await this.getList()
},
goDetail(){
@ -264,4 +371,15 @@ export default {
.garyColor{
color: #9C9C9C;
}
.bgEmptyImg{
@include flexTwoCenter;
height: 90% ;
background-color: #FAFAFA;
img{
width: 100%;
}
}
//::v-deep .van-pull-refresh__track{
// position: static !important;
//}
</style>