From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
h5/pages/staff/vehicle/sendACarDetail.vue | 124 ++++++++++++++++++++++++++++++----------
1 files changed, 92 insertions(+), 32 deletions(-)
diff --git a/h5/pages/staff/vehicle/sendACarDetail.vue b/h5/pages/staff/vehicle/sendACarDetail.vue
index 8ffdd4c..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>
@@ -118,10 +134,19 @@
</view>
</view>
<view class="emyty"></view>
- <view class="main_footer">
- <!-- <view class="btn" @click="handleSub(3)">鎷掔粷</view>
- <view class="btn agree" @click="handleSub(2)">鍚屾剰</view> -->
- <view class="btn agree" @click="isShowBack = true">鎾ら攢鐢ㄨ溅</view>
+ <view
+ class="main_footer"
+ v-if="
+ info.approveDateVO != null &&
+ info.approveDateVO.canBeApproved != null &&
+ info.approveDateVO.canBeApproved == 1
+ "
+ >
+ <template v-if="appr == '1'">
+ <view class="btn" @click="handleSub(3)">鎷掔粷</view>
+ <view class="btn agree" @click="handleSub(2)">鍚屾剰</view>
+ </template>
+ <view v-else class="btn agree" @click="isShowBack = true">鎾ら攢鐢ㄨ溅</view>
</view>
<!-- 鎾ら攢 -->
@@ -155,7 +180,7 @@
>
<view class="appr_modal">
<view class="title">{{ param.status == 2 ? "鍚屾剰" : "鎷掔粷" }}</view>
- <view class="line" @click="isShowDrive = true">
+ <view v-if="param.status == 2" class="line" @click="isShowDrive = true">
<text v-if="param.driverName">{{ param.driverName }}</text>
<text v-else class="placeholder9">娲捐溅鍙告満</text>
<u-icon class="ml12" name="arrow-right" color="#999999" />
@@ -163,7 +188,7 @@
<textarea
v-model="param.checkInfo"
:placeholder="
- param.status == 2 ? '鍚屾剰璇存槑锛岄潪蹇呭～' : '鎷掔粷璇存槑锛岄潪蹇呭～'
+ param.status == 2 ? '鍚屾剰璇存槑锛岄潪蹇呭～' : '鎷掔粷璇存槑锛屽繀濉�'
"
placeholder-class="placeholder9"
/>
@@ -187,7 +212,7 @@
</template>
<script>
-import { carUseBookDetail, carUseBookAppr, driveListPos, carUseBookBack } from '@/api'
+import { carUseBookDetail, carUseBookAppr, driveListPost, carUseBookBack } from '@/api'
export default {
data() {
return {
@@ -196,16 +221,27 @@
backParam: {},
isShowDrive: false,
id: '',
+ appr: '',
+ infoStatus: '',
info: {},
param: {
status: ''
},
+ statusMap: {
+ 0: '寰呭鎵�',
+ 1: '瀹℃壒涓�',
+ 2: '宸查�氳繃',
+ 3: '鎾ゅ洖鐢宠',
+ 4: '宸插彇娑�',
+ },
driveList: []
}
},
onLoad(option) {
this.id = option.id
+ this.appr = option.appr || ''
+ this.infoStatus = option.info
this.getDetail()
},
methods: {
@@ -293,14 +329,14 @@
.flow_wrap {
padding: 30rpx 0;
-
+
.flow_title {
- font-weight: 500;
+ font-weight: 600;
font-size: 32rpx;
color: #222222;
margin-bottom: 24rpx;
}
-
+
.list {
.item {
display: flex;
@@ -320,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;
@@ -336,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;
}
@@ -373,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;
@@ -466,15 +522,19 @@
padding: 30rpx 0;
.name {
- font-weight: 500;
+ 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 {
@@ -525,7 +585,7 @@
margin-bottom: 20rpx;
}
.title {
- font-weight: 500;
+ font-weight: 600;
font-size: 32rpx;
color: #222222;
margin-bottom: 40rpx;
--
Gitblit v1.9.3