From 45af9ec519e4d93d79ddfa48a6c6c82b7ef94008 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期六, 14 九月 2024 13:54:34 +0800
Subject: [PATCH] ll
---
h5/pages/staff/vehicle/sendACarDetail.vue | 93 +++++++++++++++++++++++++++++++++++-----------
1 files changed, 71 insertions(+), 22 deletions(-)
diff --git a/h5/pages/staff/vehicle/sendACarDetail.vue b/h5/pages/staff/vehicle/sendACarDetail.vue
index 01c8c2e..da13b54 100644
--- a/h5/pages/staff/vehicle/sendACarDetail.vue
+++ b/h5/pages/staff/vehicle/sendACarDetail.vue
@@ -3,12 +3,18 @@
<view class="status_wrap">
<view class="name">{{ info.memberName }}鐨勭敤杞︾敵璇�</view>
<view class="placeholder9">{{ info.companyName }}</view>
+ <view
+ class="desc"
+ :class="{
+ gray: info.businessStatus == '2' || info.businessStatus == '3' || info.businessStatus == '4',
+ }"
+ >{{ infoStatus }}</view
+ >
<view class="status">
- <text class="loading" v-if="info.status == '0'">鐢宠涓�</text>
- <text class="grr" v-if="info.status == '1'">瀹℃壒涓�</text>
- <text class="grr" v-if="info.status == '2'">瀹℃壒閫氳繃</text>
- <text class="error" v-if="info.status == '3'">瀹℃壒涓嶉�氳繃</text>
- <text class="grr" v-if="info.status == '4'">宸插彇娑�</text>
+ <text class="loading" :class="{
+ grr: info.status == 1 || info.status == 2 || info.status == 4,
+ error: info.status == 3
+ }" v-if="info.status == '0'">{{statusMap[info.status]}}</text>
</view>
</view>
<!-- -->
@@ -65,17 +71,27 @@
>
<view class="separate"></view>
<view class="avatar">
+ <image
+ v-if="item.type == 1"
+ class="img"
+ src="@/static/staff/ic_chaosong@2x.png"
+ />
<image
+ v-else-if="item.approveType == 1 || item.approveType == 0"
class="img"
- :src="
- item.faceImg
- ? item.faceImg
- : require('@/static/meeting/common/default_user@2x.png')
- "
+ src="@/static/staff/ic_shenpiren@2x.png"
/>
+ <span v-else class="img_name">{{item.memberName && item.memberName.slice(0,1)}}</span>
<image
+ v-if="item.status == 2"
class="status"
src="@/static/staff/liucheng_success@2x.png"
+ mode="widthFix"
+ />
+ <image
+ v-if="item.status == 3"
+ class="status"
+ src="@/static/staff/liucheng_fail@2x.png"
mode="widthFix"
/>
</view>
@@ -206,10 +222,18 @@
isShowDrive: false,
id: '',
appr: '',
+ infoStatus: '',
info: {},
param: {
status: ''
},
+ statusMap: {
+ 0: '寰呭鎵�',
+ 1: '瀹℃壒涓�',
+ 2: '宸查�氳繃',
+ 3: '鎾ゅ洖鐢宠',
+ 4: '宸插彇娑�',
+ },
driveList: []
}
@@ -217,6 +241,7 @@
onLoad(option) {
this.id = option.id
this.appr = option.appr || ''
+ this.infoStatus = option.info
this.getDetail()
},
methods: {
@@ -304,14 +329,14 @@
.flow_wrap {
padding: 30rpx 0;
-
+
.flow_title {
font-weight: 600;
font-size: 32rpx;
color: #222222;
margin-bottom: 24rpx;
}
-
+
.list {
.item {
display: flex;
@@ -331,13 +356,18 @@
height: 80rpx;
position: relative;
margin-right: 20rpx;
-
+ display: flex;
+ align-items: center;
+ justify-content: center;
.img {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
}
-
+ .img_name{
+ font-size: 32rpx;
+ color: #FFFFFF;
+ }
.status {
width: 28rpx;
height: 28rpx;
@@ -347,29 +377,29 @@
bottom: 0;
}
}
-
+
.content {
flex: 1;
-
+
.head {
display: flex;
justify-content: space-between;
margin-bottom: 4rpx;
-
+
.event {
font-size: 30rpx;
}
-
+
.time {
font-size: 26rpx;
color: #999999;
}
}
-
+
.name_wrap {
font-size: 26rpx;
color: #777777;
-
+
.status {
color: $uni-color-primary;
}
@@ -384,14 +414,29 @@
justify-content: center;
align-items: center;
margin-right: 12rpx;
+ font-size: 26rpx;
+ color: #777777;
.child_img {
width: 48rpx;
height: 48rpx;
border-radius: 50%;
+ margin-bottom: 2rpx;
}
+ .child_name{
+ margin-bottom: 2rpx;
+ width: 48rpx;
+ height: 48rpx;
+ text-align: center;
+ justify-content: center;
+ padding-top: 4rpx;
+ font-size: 28rpx;
+ border-radius: 50%;
+ color: #FFFFFF;
+ background-color: $uni-color-primary;
+ }
}
}
-
+
.remark {
margin-top: 12rpx;
background-color: #f7f7f7;
@@ -479,13 +524,17 @@
.name {
font-weight: 600;
font-size: 32rpx;
- margin-bottom: 20rpx;
+ margin-bottom: 16rpx;
color: #222222;
}
.desc {
font-size: 26rpx;
color: #ed4545;
+ margin-top: 16rpx;
+ }
+ .gray {
+ color: #999999;
}
.status {
--
Gitblit v1.9.3