From 5857dfa10b70a061b8e4711dd8f18b585ac6fc23 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 25 二月 2025 17:43:37 +0800
Subject: [PATCH] ll
---
h5/pages/staff/vehicle/apply.vue | 118 +++++++++++++++++++++++-----------------------------------
1 files changed, 47 insertions(+), 71 deletions(-)
diff --git a/h5/pages/staff/vehicle/apply.vue b/h5/pages/staff/vehicle/apply.vue
index bd0c167..0112528 100644
--- a/h5/pages/staff/vehicle/apply.vue
+++ b/h5/pages/staff/vehicle/apply.vue
@@ -8,10 +8,7 @@
<text>棰勮鐢ㄨ溅鏃舵</text>
</view>
<view class="value" @click="$goBack()">
- <text
- class="mr6"
- :style="{ color: param.startTime ? '#000000' : '#999999' }"
- >
+ <text class="mr6" :style="{ color: param.startTime ? '#000000' : '#999999' }">
<text v-if="param.startTime">
{{ param.startTime.slice(5, 16) }}鑷硔{
param.endTime.slice(5, 16)
@@ -28,13 +25,8 @@
<text>鐢宠杞﹁締</text>
</view>
<view class="value" @click="$goBack()">
- <input
- type="text"
- disabled
- placeholder="璇疯緭鍏ョ敵璇疯溅杈�"
- v-model="param.carCode"
- placeholder-style="color: #999999;"
- />
+ <input type="text" disabled placeholder="璇疯緭鍏ョ敵璇疯溅杈�" v-model="param.carCode"
+ placeholder-style="color: #999999;" />
</view>
</view>
<view class="line">
@@ -43,11 +35,8 @@
<text>棰勮鍑哄彂鏃堕棿</text>
</view>
<view class="value" @click="isShowDatetime = true">
- <text
- class="mr6"
- :style="{ color: param.planUseDate ? '#000000' : '#999999' }"
- >{{ param.planUseDate ? param.planUseDate : "璇烽�夋嫨" }}</text
- >
+ <text class="mr6" :style="{ color: param.planUseDate ? '#000000' : '#999999' }">{{ param.planUseDate ?
+ param.planUseDate : "璇烽�夋嫨" }}</text>
<u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
</view>
</view>
@@ -67,12 +56,7 @@
<text>鐩殑鍦�</text>
</view>
<view class="value">
- <input
- type="text"
- placeholder="璇疯緭鍏�"
- v-model="param.addr"
- placeholder-style="color: #999999;"
- />
+ <input type="text" placeholder="璇疯緭鍏�" v-model="param.addr" placeholder-style="color: #999999;" />
</view>
</view>
<view class="line">
@@ -81,15 +65,12 @@
<text>涔樿溅浜哄憳</text>
</view>
<view class="value" @click="selPeople">
- <text
- class="mr6"
- :style="{
- color:
- param.memberList && param.memberList.length > 0
- ? '#000000'
- : '#999999',
- }"
- >
+ <text class="mr6" :style="{
+ color:
+ param.memberList && param.memberList.length > 0
+ ? '#000000'
+ : '#999999',
+ }">
<text v-if="param.memberNames">
<text v-for="(mem, i) in param.memberList" :key="mem.id">
<template v-if="i < 2">
@@ -97,9 +78,7 @@
<text v-if="i < 1 && param.memberList.length > 1">,</text>
</template>
</text>
- <text v-if="param.memberList.length > 2"
- >绛墈{ param.memberList.length }}浜�</text
- >
+ <text v-if="param.memberList.length > 2">绛墈{ param.memberList.length }}浜�</text>
</text>
<text v-else>璇烽�夋嫨</text>
</text>
@@ -112,41 +91,24 @@
<text>鐢ㄨ溅浜嬬敱</text>
</view>
<view class="value">
- <textarea
- type="text"
- placeholder="璇疯緭鍏�"
- :maxlength="-1"
- v-model="param.content"
- placeholder-style="color: #999999;"
- />
+ <textarea type="text" placeholder="璇疯緭鍏�" :maxlength="-1" v-model="param.content"
+ placeholder-style="color: #999999;" />
</view>
</view>
</view>
<view class="tip">
<view class="title">娉ㄦ剰浜嬮」锛�</view>
- <view class="line"
- >1銆佸叕鍙歌溅杈嗗鍑洪渶鍔炵悊鐢ㄨ溅鐢宠琛紝缁忔壒鍑嗗悗鏂瑰彲澶栧嚭锛堝�熷嚭锛夈��</view
- >
+ <view class="line">1銆佸叕鍙歌溅杈嗗鍑洪渶鍔炵悊鐢ㄨ溅鐢宠琛紝缁忔壒鍑嗗悗鏂瑰彲澶栧嚭锛堝�熷嚭锛夈��</view>
<view class="line">2銆佸競澶栫敤杞﹂渶鎬荤粡鍔炲鎵广��</view>
- <view class="line"
- >3銆佸�熷嚭杞﹁締蹇呴』閬靛畧浜ら�氳鍒欙紝瀹夊叏琛岄┒銆傚浜庤溅杈嗗彂鐢熶氦閫氭剰澶栵紝瀵瑰綋浜嬩汉鍙婄涓夋柟閫犳垚浜鸿韩浼ゅ鍙婃崯澶憋紝鍏徃鍙互鍗忓姪澶勭悊淇濋櫓鍏徃璧斿伩鐩稿叧浜嬪疁锛屼絾涓嶆壙鎷呬换浣曡矗浠诲拰璐圭敤銆�</view
- >
- <view class="line"
- >4銆佸叕鍙稿�熺粰鐢宠浜虹敤杞︼紝鐢宠鍊熻溅浜轰负绗竴璐ｄ换浜猴紝涓嶅厑璁歌浆鍊熺粰鍏朵粬浜轰娇鐢紝鑻ヨ鍊熺粰浠栦汉浣跨敤銆傝矗浠讳汉瑕佹壙鎷呭叏閮ㄨ矗浠汇��</view
- >
- <view class="sub_btn" @click="handleSub">鎻愪氦</view>
+ <view class="line">3銆佸�熷嚭杞﹁締蹇呴』閬靛畧浜ら�氳鍒欙紝瀹夊叏琛岄┒銆傚浜庤溅杈嗗彂鐢熶氦閫氭剰澶栵紝瀵瑰綋浜嬩汉鍙婄涓夋柟閫犳垚浜鸿韩浼ゅ鍙婃崯澶憋紝鍏徃鍙互鍗忓姪澶勭悊淇濋櫓鍏徃璧斿伩鐩稿叧浜嬪疁锛屼絾涓嶆壙鎷呬换浣曡矗浠诲拰璐圭敤銆�</view>
+ <view class="line">4銆佸叕鍙稿�熺粰鐢宠浜虹敤杞︼紝鐢宠鍊熻溅浜轰负绗竴璐ｄ换浜猴紝涓嶅厑璁歌浆鍊熺粰鍏朵粬浜轰娇鐢紝鑻ヨ鍊熺粰浠栦汉浣跨敤銆傝矗浠讳汉瑕佹壙鎷呭叏閮ㄨ矗浠汇��</view>
+ <view class="sub_btn" @click="handleSub">鎻愪氦</view>
</view>
<!-- -->
<!-- :minDate="new Date(param.startTime).getTime()"
:maxDate="new Date(param.endTime).getTime()" -->
- <u-datetime-picker
- :show="isShowDatetime"
- @confirm="confirmDate"
- :minDate="new Date(param.startTime).getTime()"
- :maxDate="new Date(param.endTime).getTime()"
- @cancel="isShowDatetime = false"
- mode="datetime"
- ></u-datetime-picker>
+ <u-datetime-picker :show="isShowDatetime" @confirm="confirmDate" :minDate="new Date(param.startTime).getTime()"
+ :maxDate="new Date(param.endTime).getTime()" @cancel="isShowDatetime = false" mode="datetime"></u-datetime-picker>
</view>
</template>
@@ -164,7 +126,7 @@
mounted() {
this.$eventBus.$on('applePeo', (res) => {
this.$set(this.param, 'memberList', res)
- this.$set(this.param, 'memberIds', res.map(i => i.id).join(','))
+ this.$set(this.param, 'memberIds', res.map(i => i.memberId).join(','))
this.$set(this.param, 'memberNames', res.map(i => i.realname).join(','))
})
},
@@ -172,7 +134,7 @@
console.log(option)
this.param = { ...option }
this.minDate = new Date().getTime()
- this.param.planUseDate = dayjs(this.param.startTime).format('YYYY-MM-DD HH:mm')
+ this.param.planUseDate = dayjs(this.param.startTime).format('YYYY-MM-DD HH:mm')
},
methods: {
handleSub() {
@@ -227,9 +189,10 @@
</script>
<style lang="scss">
- page{
- background-color: #f7f7f7;
- }
+page {
+ background-color: #f7f7f7;
+}
+
.main_wrap {
.line {
display: flex;
@@ -237,12 +200,14 @@
align-items: center;
border-bottom: 1rpx solid #e5e5e5;
padding: 30rpx;
- background-color: #fff;
- width: 750rpx;
- margin: 0 -30rpx;
+ background-color: #fff;
+ width: 750rpx;
+ margin: 0 -30rpx;
+
.label {
font-size: 30rpx;
font-weight: 400;
+
text {
&:nth-child(1) {
color: #e42d2d;
@@ -250,6 +215,7 @@
}
}
}
+
.value {
flex: 1;
height: 100%;
@@ -257,6 +223,7 @@
display: flex;
align-items: center;
justify-content: flex-end;
+
input {
width: 100%;
height: 100%;
@@ -267,11 +234,13 @@
}
}
}
+
.upload_line {
padding: 30rpx;
- width: 750rpx;
- margin: 0 -30rpx;
- background-color: #fff;
+ width: 750rpx;
+ margin: 0 -30rpx;
+ background-color: #fff;
+
textarea {
margin-top: 12rpx;
width: 100%;
@@ -280,6 +249,7 @@
font-weight: 400;
color: #222222;
}
+
.adduser_list_item_ipt1_upload {
margin-top: 24rpx;
width: 120rpx;
@@ -292,6 +262,7 @@
align-items: center;
justify-content: center;
overflow: hidden;
+
image {
width: 100%;
height: 100%;
@@ -299,11 +270,12 @@
}
}
}
+
.sub_btn {
// position: fixed;
// bottom: 84rpx;
// left: 30rpx;
- margin-top: 60rpx;
+ margin-top: 60rpx;
width: 690rpx;
height: 88rpx;
line-height: 88rpx;
@@ -314,20 +286,24 @@
font-size: 30rpx;
color: #ffffff;
}
+
.tip {
background: #f7f7f7;
padding: 30rpx 30rpx 10rpx;
margin: 0 -30rpx;
+
.title {
line-height: 40rpx;
margin-bottom: 22rpx;
}
+
.line {
font-size: 26rpx;
color: #666666;
line-height: 36rpx;
}
}
+
.main_app {
padding-bottom: 0;
// padding-top: 10rpx;
--
Gitblit v1.9.3