task#13992,待办事项自定义导航,审批详情的显示逻辑
This commit is contained in:
@ -1,17 +1,30 @@
|
||||
<template>
|
||||
|
||||
<div class="empty" v-if="show">
|
||||
<img src="@/assets/empty.png" >
|
||||
</div>
|
||||
<div class="wrap" v-else>
|
||||
<div class="itemWrap" @click="goApprovalList" v-for="(item,index) in todolist" :key="index">
|
||||
<div class="left">
|
||||
<div class="title">{{ item.toDoName }}<span class="num">{{item.toDoCount}}</span></div>
|
||||
<img class="ritBtn" src="@/assets/todoRight.png">
|
||||
<div class="wrapCotainer">
|
||||
<div class="navBar">
|
||||
<van-nav-bar
|
||||
title="待办列表"
|
||||
left-arrow
|
||||
left-arrow-color="#FFFFFF"
|
||||
:border="false"
|
||||
:fixed="true"
|
||||
:safe-area-inset-top="true"
|
||||
@click-left="goBack"
|
||||
/>
|
||||
</div>
|
||||
<div class="empty" v-if="show">
|
||||
<img src="@/assets/empty.png" >
|
||||
</div>
|
||||
<div class="wrap" v-else>
|
||||
<div class="itemWrap" @click="goApprovalList" v-for="(item,index) in todolist" :key="index">
|
||||
<div class="left">
|
||||
<div class="title">{{ item.toDoName }}<span class="num" v-if="item.toDoCount">{{item.toDoCount}}</span></div>
|
||||
<img class="ritBtn" src="@/assets/todoRight.png">
|
||||
</div>
|
||||
<div class="time">{{ item.toDoTime }}</div>
|
||||
</div>
|
||||
<div class="time">{{ item.toDoTime }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="wrap" v-else>
|
||||
<ul id="dataList" class="dataList">
|
||||
<li class="item" v-for="(item,i) in todolist" :key="i">
|
||||
@ -35,8 +48,11 @@
|
||||
//getToDoList,toDoAudit
|
||||
import {toDoListNew} from "@/api/order"
|
||||
import {userOperationPermissions} from "@/api/mine"
|
||||
import {myMixins} from "@/utils/myMixins"
|
||||
|
||||
export default {
|
||||
name: "toDoList",
|
||||
mixins:[myMixins],
|
||||
data() {
|
||||
return {
|
||||
todolist: [],
|
||||
@ -83,6 +99,12 @@ export default {
|
||||
<style scoped lang="scss">
|
||||
@import "@/styles/mixin.scss";
|
||||
@import "@/styles/common.scss";
|
||||
.wrapCotainer{
|
||||
|
||||
}
|
||||
.navBar{
|
||||
height: 46px;
|
||||
}
|
||||
.empty{
|
||||
@include wh(100%,100%);
|
||||
background-color: #FAFAFA;
|
||||
|
@ -24,7 +24,7 @@
|
||||
<div ><span class="opa">车辆名称:</span><span>{{ detailInfo.vehicleName }}</span></div>
|
||||
<div><span class="opa">车牌号:</span><span>{{ detailInfo.plateNumber }}</span></div>
|
||||
<!-- 审批中,通过,终止-->
|
||||
<div class="shopName" v-if="[1,2,3].includes(detailInfo.states)"><span class="opa">门店信息:</span><span>{{detailInfo.address || ''}}</span></div>
|
||||
<div class="shopName" v-if="detailInfo.states ==1 || detailInfo.states ==2 ||detailInfo.states ==3"><span class="opa">门店信息:</span><span>{{detailInfo.address || ''}}</span></div>
|
||||
<div class="shopImgList">
|
||||
<template v-if="detailInfo.storePhotoUrls.indexOf(',') !== -1">
|
||||
<div v-for="(item,index) in (detailInfo.storePhotoUrls?.split(','))" :key="index">
|
||||
@ -91,8 +91,8 @@
|
||||
</div>
|
||||
<div :class="getStatusColor(detailInfo.states)" class="time">{{ detailInfo.createTime }} {{detailInfo.statesStr}}</div>
|
||||
<!-- 完成不通过-->
|
||||
<div class="line" v-if="detailInfo.states==2 || detailInfo.states==5"></div>
|
||||
<div class="reason" v-if="detailInfo.states==2 || detailInfo.states==5">{{detailInfo.auditRemark}}</div>
|
||||
<div class="line" v-if="detailInfo.auditRemark"></div>
|
||||
<div class="reason" v-if="detailInfo.auditRemark">{{detailInfo.auditRemark}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 维保申请审批中,维保完成审批中-->
|
||||
@ -132,7 +132,7 @@ export default {
|
||||
computed: {
|
||||
// 维保申请不通过,维保完成不通过
|
||||
noPassStatus(){
|
||||
return this.detailInfo.states===5
|
||||
return this.detailInfo.states===5 || this.detailInfo.states===4 || this.detailInfo.states===6;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
|
Reference in New Issue
Block a user