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

task#13992,维保审批列表

Browse Source
This commit is contained in:
zhouxueli
2024-06-17 15:46:04 +08:00
parent 374eb5070b
commit 08120506f6
6 changed files with 382 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
src/views/vehicle-maintenance/vehicle-maintenance-list.vue
View File

@ -3,7 +3,7 @@
<div class="navBar">
<van-nav-bar
title="车辆维保"
left-arrow
:left-arrow="isShowBackBtn ? true : false"
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
@ -18,71 +18,101 @@
<span class="numTip" style="opacity: 1 !important;" v-if="index===0">{{item.num}}</span>
</div>
</div>
<!-- v-show="!show"-->
<van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh">
<van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
<div class="listWrap">
<!-- v-for="(item,index) in pageList" :key="index" @click="noMultipleClicks(goPageDetail,item.id)"-->
<div class="listItem" @click="noMultipleClicks(goPageDetail)">
<div class="listItem" @click="noMultipleClicks(goPageDetail,item)" v-for="(item,index) in pageList" :key="index">
<div class="line1">
<div class="title">维保申请</div>
<div class="title">{{item.stage}}</div>
<div class="right">
<!-- <img class="commonImg" :src="getStatus(item.state.code)">
<div :class="getStatusColor(item.state.code)">{{item.state.label}}</div>-->
<img class="commonImg" src="@/assets/waitSubmit.png">
<div class="yelColor">待审核</div>
<img class="commonImg" :src="getStatus(item.states?.code)">
<div :class="getStatusColor(item.states?.code)">{{ item.states?.label }}</div>
</div>
</div>
<div class="driverInfo">中道001车辆名称 / A589566</div>
<div class="time">2023-05-12 12:30:30</div>
<div class="driverInfo">{{ item.vehicleName }} / {{ item.plateNumber }}</div>
<div class="time">{{ item.createTime }}</div>
<!-- <div v-show="activeIndex == 2"><span>审核备注:</span><span style="color: #FF5D2E">{{ item.auditRemark }}</span></div>-->
</div>
<div class="listItem" >
<div class="line1">
<div class="title">维保申请</div>
<div class="right">
<img class="commonImg" src="@/assets/waitSubmit.png">
<div class="yelColor">待审核</div>
</div>
</div>
<div class="driverInfo">中道001车辆名称 / A589566</div>
<div class="time">2023-05-12 12:30:30</div>
</div>
</div>
</van-pull-refresh>
<div class="bgEmptyImg" v-show="show" >
<img src="@/assets/empty.png" />
</div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
// import {getStatus,getStatusColor} from "@/utils/approval";
import {vehicleMaintenanceList,vehicleMaintenanceCount} from "@/api/maintenance"
export default {
name: "vehicle-maintenance-list",
mixins:[myMixins],
data() {
return {
id:'',
tabArr: [ {name: '待审批', status: 2,num:2 },{name: '已审批', status: 2,num:0 },],
tabArr: [ {name: '待审批', status: 2,num:0 },{name: '已审批', status: 2,num:0 },],
activeIndex: 0,
pageList:[],
pageNum:1,
pageSize:10,
isLoading:"",
noClick:true,
isShowBackBtn:true,
inApprovalCount:0
}
},
mounted() {
this.id=this.$route.params.id
console.log("this.id",this.id)
// this.getList()
const urlParams = new URLSearchParams(window.location.search);
if(urlParams.get('id')){//后台进入此页面没有返回按钮
this.isShowBackBtn=false
}else{
this.isShowBackBtn=true
}
this.activeIndex=this.$route.params?.activeIndex || 0
this.getList()
},
computed:{
/* show() {
show() {
return (this.pageList.length < 0 || this.pageList.length == 0); // 判断数组长度是否大于 0
},*/
},
},
methods: {
// 1申请审批，2申请不通过，3申请通过，4完成审批中，5完成不通过，6完成通过，9维保终止
getStatusColor(i){
switch (i){
case 1://
case 4://
return 'yelColor'
case 2://
case 5://
return 'redColor'
case 3://
case 6://
return 'greColor'
case 9://
return 'garyColor'
default:
return 'yelColor'
}
},
getStatus(i){
switch (i){
case 1://
case 4://
return require('@/assets/waitSubmit.png')
case 2://审核通过
case 5://已打款
return require('@/assets/unpass.png')
case 3://
case 6://
return require('@/assets/dakuan.png')
case 9://报销失败
return require('@/assets/unSubmit.png')
default:
return require('@/assets/waitSubmit.png')
}
},
onRefresh() {
vehicleMaintenanceCount();
this.getList()
setTimeout(() => {
this.$toast('刷新成功');
@ -96,18 +126,25 @@ export default {
await this.getList()
},
async getList() {
let result=await vehicleMaintenanceCount();
if(result.code==200 && result.data){
this.tabArr[0].num=result.data.inApprovalCount
// console.log("this.tabArr[0].num",this.tabArr[0].num)
}
let res=await vehicleMaintenanceList ({
pageNum:this.pageNum,
pageSize:this.pageSize,
queryType:this.activeIndex+1
})
this.pageList=res.data
},
goPageDetail(id){
console.log("跳转详情",id)
goPageDetail(item){
console.log("跳转详情",item)
this.$router.push({
name: 'maintenanceApplication', // 目标路由的名称
params: {
id:123,
// index:this.activeIndex,
// batchCode:this.id,
// getUrlId:this.getUrlId,
// type:this.type,
info:item,
activeIndex:this.activeIndex,
}
});