From 81d1a0c814eea78551cc08ee56516f25e504d6ec Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期五, 10 五月 2024 17:01:54 +0800
Subject: [PATCH] ‘’
---
h5/pages.json | 54 ++
h5/pages/staff/vehicle/shiwai.vue | 191 +++++++
h5/main.js | 1
h5/pages/staff/meetingSubOrder.vue | 65 ++
h5/pages/staff/vehicle/index.vue | 92 +++
h5/pages/staff/index.vue | 12
h5/pages/staff/vehicle/shinei.vue | 172 ++++++
h5/static/staff/yongche_bg.png | 0
h5/pages/staff/task/visitorApprove.vue | 351 +++++++++++++
h5/pages/staff/task/index.vue | 427 +++++++++++++++
h5/static/bg_shineiyongche@2x.png | 0
h5/static/bg_shiwaiyongche@2x.png | 0
h5/App.vue | 7
h5/pages/staff/vehicle/apply.vue | 215 +++++++
14 files changed, 1,577 insertions(+), 10 deletions(-)
diff --git a/h5/App.vue b/h5/App.vue
index ee2ec51..170b6c4 100644
--- a/h5/App.vue
+++ b/h5/App.vue
@@ -177,9 +177,12 @@
align-items: center;
}
.main_app{
- padding: 30rpx;
+ padding:0 30rpx 30rpx;
font-size: 28rpx;
- color: #222222;
+ color: #333333;
+ }
+ .placeholder9{
+ color: #999999;
}
.mr24{
margin-right: 24rpx;
diff --git a/h5/main.js b/h5/main.js
index 8f6f90a..c60a816 100644
--- a/h5/main.js
+++ b/h5/main.js
@@ -23,6 +23,7 @@
url
})
}
+Vue.prototype.$goBack = () => { uni.navigateBack() }
Vue.prototype.$onWait = new Promise((resolve) => {
Vue.prototype.$reslove = resolve
})
diff --git a/h5/pages.json b/h5/pages.json
index ac1308a..b8c394d 100644
--- a/h5/pages.json
+++ b/h5/pages.json
@@ -224,6 +224,60 @@
}
}
+ ,{
+ "path" : "pages/staff/vehicle/index",
+ "style" :
+ {
+ "navigationBarTitleText": "鐢ㄨ溅鐢宠",
+ "enablePullDownRefresh": false
+ }
+
+ }
+ ,{
+ "path" : "pages/staff/vehicle/shinei",
+ "style" :
+ {
+ "navigationBarTitleText": "鐢ㄨ溅鐢宠",
+ "enablePullDownRefresh": false
+ }
+
+ }
+ ,{
+ "path" : "pages/staff/vehicle/apply",
+ "style" :
+ {
+ "navigationBarTitleText": "鐢ㄨ溅鐢宠",
+ "enablePullDownRefresh": false
+ }
+
+ }
+ ,{
+ "path" : "pages/staff/vehicle/shiwai",
+ "style" :
+ {
+ "navigationBarTitleText": "鐢ㄨ溅鐢宠",
+ "enablePullDownRefresh": false
+ }
+
+ }
+ ,{
+ "path" : "pages/staff/task/index",
+ "style" :
+ {
+ "navigationBarTitleText": "浠诲姟涓績",
+ "enablePullDownRefresh": false
+ }
+
+ }
+ ,{
+ "path" : "pages/staff/task/visitorApprove",
+ "style" :
+ {
+ "navigationBarTitleText": "璁垮瀹℃壒",
+ "enablePullDownRefresh": false
+ }
+
+ }
],
"subPackages": [{
"root": "n_pages",
diff --git a/h5/pages/staff/index.vue b/h5/pages/staff/index.vue
index 6f20ba7..90d5e31 100644
--- a/h5/pages/staff/index.vue
+++ b/h5/pages/staff/index.vue
@@ -29,12 +29,12 @@
<view class="h1">闅愭偅闅忔墜鎷�</view>
<view class="h2">HIDDEN DANGER</view>
</view>
- <view class="img_wrap img2" @click="jump('/pages/staff/snapshot')">
+ <view class="img_wrap img2" @click="jump('/pages/staff/vehicle/index')">
<image src="@/static/staff/ic_yongcheshenqing.png" class="img"></image>
<view class="h1">鐢ㄨ溅鐢宠</view>
<view class="h2">VEHICLE APPLICATION</view>
</view>
- <view class="img_wrap img2" @click="jump('/pages/staff/snapshot')">
+ <view class="img_wrap img2" @click="jump('/pages/changePassword/changePassword')">
<image src="@/static/staff/ic_xiugaimima.png" class="img"></image>
<view class="h1">淇敼瀵嗙爜</view>
<view class="h2">CHANGE PASSWORD</view>
@@ -44,23 +44,23 @@
<!-- -->
<view class="title_wrap"><view class="name">涓氬姟鏌ヨ</view></view>
<view class="container2">
- <view class="img_wrap">
+ <view class="img_wrap" @click="jump('/pages/staff/task/index')">
<image class="img" src="@/static/staff/ic_renwuzhongxin.png"></image>
<view class="h1">浠诲姟涓績</view>
<view class="h2">TASK CENTER</view>
<view class="task_num">99+</view>
</view>
- <view class="img_wrap">
+ <view class="img_wrap" @click="jump('/pages/staff/task/index')">
<image class="img" src="@/static/staff/ic_wodehuiyi.png"></image>
<view class="h1">鎴戠殑浼氳鏃ュ巻</view>
<view class="h2">MY MEETING CALENDAR</view>
</view>
- <view class="img_wrap">
+ <view class="img_wrap" @click="jump('/pages/staff/task/index')">
<image class="img" src="@/static/staff/ic_paichejilu.png"></image>
<view class="h1">娲捐溅璁板綍</view>
<view class="h2">VEHICLE DISPATCH</view>
</view>
- <view class="img_wrap">
+ <view class="img_wrap" @click="jump('/pages/staff/task/index')">
<image class="img" src="@/static/staff/ic_huiyishiguanli.png"></image>
<view class="h1">浼氳瀹ょ鐞�</view>
<view class="h2">MANAGE MEETING ROOMS</view>
diff --git a/h5/pages/staff/meetingSubOrder.vue b/h5/pages/staff/meetingSubOrder.vue
index 3a25438..a452d63 100644
--- a/h5/pages/staff/meetingSubOrder.vue
+++ b/h5/pages/staff/meetingSubOrder.vue
@@ -35,8 +35,41 @@
<text>浼氳鍐呭</text>
</view>
<view class="line">
- <textarea v-model="param.aaa" :maxlength="300" placeholder="璇疯緭鍏ヤ細璁唴瀹�" placeholder-class="placeholder9" class="label" />
+ <u-textarea border="none" v-model="param.aaa" count :maxlength="300" placeholder="璇疯緭鍏ヤ細璁唴瀹�" placeholder-class="placeholder9" class="label" />
</view>
+ </view>
+ <view class="empty"></view>
+ <view class="item">
+ <view class="name">鍙備細浜哄憳</view>
+ <view class="line">
+ <view class="label">
+ <text v-if="false">moumoumou</text>
+ <text v-else class="placeholder9" @click="$jump('/pages/staff/memberSel')">璇烽�夋嫨</text>
+ </view>
+ <u-icon name="arrow-right" color="#999999" size="14" @click="$jump('/pages/staff/memberSel')" />
+ </view>
+ </view>
+ <view class="item">
+ <view class="name">閫夋嫨鏈嶅姟椤�</view>
+ <view class="line">
+ <view class="label">
+ <view class="service_item" v-for="(item,index) in serviceOps" :key="index">
+ {{ item.value }}
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="item">
+ <view class="name">
+ <text>澶囨敞</text>
+ </view>
+ <view class="line">
+ <textarea v-model="param.as" :maxlength="-1" placeholder="璇疯緭鍏�" placeholder-class="placeholder9" class="label" />
+ </view>
+ </view>
+
+ <view class="sub_btn">
+ 纭棰勭害
</view>
</view>
@@ -47,7 +80,12 @@
export default {
data() {
return {
- param: {}
+ param: {},
+ serviceOps: [
+ { key: '0', value: '甯崱' },
+ { key: '1', value: '鎶曞奖浠�' },
+ { key: '2', value: '绗旇鏈數鑴�' },
+ ]
};
}
}
@@ -66,10 +104,21 @@
display: flex;
.label{
flex: 1;
+ display: flex;
+ align-items: center;
+ .service_item{
+ height: 64rpx;
+ line-height: 64rpx;
+ background: #F7F7F7;
+ border-radius: 4rpx;
+ padding: 0 24rpx;
+ margin-right: 20rpx;
+ }
}
}
}
+ padding-bottom: 100rpx;
}
.empty {
width: 750rpx;
@@ -77,6 +126,18 @@
background-color: #f7f7f7;
margin: 0 -30rpx;
}
+.sub_btn{
+ width: 690rpx;
+ height: 72rpx;
+ line-height: 72rpx;
+ text-align: center;
+ background: #279BAA;
+ box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
+ border-radius: 36rpx;
+ font-size: 30rpx;
+ color: #FFFFFF;
+ margin-top: 20rpx;
+ }
.star{
margin-left: 4rpx;
color: #e42d2d;
diff --git a/h5/pages/staff/task/index.vue b/h5/pages/staff/task/index.vue
new file mode 100644
index 0000000..6586ab6
--- /dev/null
+++ b/h5/pages/staff/task/index.vue
@@ -0,0 +1,427 @@
+<template>
+ <view class="box">
+ <scroll-view scroll-x class="box_head">
+ <view class="box_head_search">
+ <view class="box_head_search_ipt">
+ <image src="@/static/n/ic_search@2x.png" mode="widthFix"></image>
+ <input type="text" placeholder="鎼滅储浠诲姟鍚嶇О" />
+ </view>
+ <view class="box_head_search_sha" @click="show = true">
+ <image src="@/static/n/ic_shaixuan@2x.png" mode="widthFix"></image>
+ <text>绛涢��</text>
+ </view>
+ </view>
+ <view class="box_head_list">
+ <view class="box_head_item active">寰呭鐞� 12</view>
+ <view class="box_head_item">宸插鐞�</view>
+ <view class="box_head_item">鎴戝彂璧风殑</view>
+ </view>
+ </scroll-view>
+ <view class="box_list">
+ <view class="box_list_item" v-for="(item, index) in 3" :key="index">
+ <view class="box_list_item_head">
+ <text>涓佹仼鍑殑鍔冲姟鍏ュ巶鐢宠</text>
+ <text class="loading">寰呭鏍�</text>
+ </view>
+ <view class="box_list_item_nr">
+ <view class="box_list_item_nr_item">
+ <text>琚闂汉锛�</text>
+ <text>浜轰簨閮�-鐜嬩簹钃�</text>
+ </view>
+ <view class="box_list_item_nr_item">
+ <text>杩涘巶鏃堕棿锛�</text>
+ <text>12-12 09:00</text>
+ </view>
+ <view class="box_list_item_nr_item">
+ <text>绂诲巶鏃堕棿锛�</text>
+ <text>12-12 12:00</text>
+ </view>
+ <view class="box_list_item_nr_item">
+ <text>鏉ヨ浜嬬敱锛�</text>
+ <text>涓氬姟鏉ュ線</text>
+ </view>
+ <view class="box_list_item_nr_item">
+ <text>闅忚杞﹁締锛�</text>
+ <text>鐨朅88888</text>
+ </view>
+ <view class="box_list_item_nr_x"></view>
+ <view class="box_list_item_nr_text">
+ <text class="time">2023-12-12 09:00鎻愪氦</text>
+ <text class="btn">鍘诲鐞�</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ <!-- 绛涢�� -->
+ <u-popup :show="show" mode="bottom" :round="10" :closeable="true" @close="show = false">
+ <view class="search">
+ <view class="search_head">浠诲姟绛涢��</view>
+ <view class="search_list">
+ <view class="search_list_item">
+ <view class="search_list_item_label">鍒涘缓鏃ユ湡</view>
+ <view class="search_list_item_val">
+ <view class="search_list_item_val_row" @click="tiemShow = true" :style="{ color: search.startTime ? '#000' : '' }">{{search.startTime ? search.startTime : '寮�濮嬫棩鏈�'}}</view>
+ <view class="search_list_item_val_z">-</view>
+ <view class="search_list_item_val_row" @click="tiemShow1 = true" :style="{ color: search.endTime ? '#000' : '' }">{{search.endTime ? search.endTime : '缁撴潫鏃ユ湡'}}</view>
+ </view>
+ </view>
+ <view class="search_list_item">
+ <view class="search_list_item_label">璁㈠崟鏉ユ簮</view>
+ <view class="search_list_item_cates">
+ <view :class="index === i ? 'search_list_item_cates_row active' : 'search_list_item_cates_row'"
+ v-for="(item, index) in cate"
+ :key="index"
+ @click="clickItem(index)">
+ {{item.name}}
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="search_footer">
+ <view class="search_footer_item" @click="show = false">鍙栨秷</view>
+ <view class="search_footer_item t">鎻愪氦</view>
+ </view>
+ </view>
+ </u-popup>
+ <u-datetime-picker
+ :show="tiemShow"
+ v-model="time"
+ mode="datetime"
+ @confirm="confirmLeft"
+ @cancel="tiemShow = false"
+ ></u-datetime-picker>
+ <u-datetime-picker
+ :show="tiemShow1"
+ v-model="time1"
+ mode="datetime"
+ @confirm="confirmRight"
+ @cancel="tiemShow1 = false"
+ ></u-datetime-picker>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ show: false,
+ tiemShow: false,
+ tiemShow1: false,
+ time: '',
+ i: null,
+ time: '',
+ time1: '',
+ search: {
+ startTime: '',
+ endTime: ''
+ },
+ cate: [
+ { name: '璁垮鐢宠', id: 1 },
+ { name: '鍔冲姟鐢宠', id: 2 },
+ { name: '鐢ㄨ溅鐢宠', id: 3 }
+ ]
+ };
+ },
+ methods: {
+ clickItem(index) {
+ this.i = index
+ },
+ confirmLeft(e) {
+ console.log(uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM:ss'))
+ this.search.startTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM:ss')
+ this.tiemShow = false
+ },
+ confirmRight(e) {
+ this.search.endTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM:ss')
+ this.tiemShow1 = false
+ }
+ }
+ }
+</script>
+<style>
+ page {
+ background-color: #F7F7F7 !important;
+ }
+</style>
+<style lang="scss" scoped>
+ .box {
+ width: 100%;
+ .box_head {
+ width: 100%;
+ height: 190rpx;
+ padding: 12rpx 30rpx;
+ box-sizing: border-box;
+ background: #FFFFFF;
+ position: sticky;
+ top: 0;
+ left: 0;
+ .box_head_search {
+ width: 100%;
+ height: 76rpx;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 24rpx;
+ .box_head_search_ipt {
+ flex: 1;
+ height: 100%;
+ padding: 0 30rpx;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ background: #F7F7F7;
+ border-radius: 50rpx;
+ margin-right: 30rpx;
+ image {
+ flex-shrink: 0;
+ width: 28rpx;
+ height: 28rpx;
+ margin-right: 16rpx;
+ }
+ input {
+ flex: 1;
+ height: 100%;
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #B2B2B2;
+ }
+ }
+ .box_head_search_sha {
+ flex-shrink: 0;
+ display: flex;
+ align-items: center;
+ image {
+ width: 28rpx;
+ height: 28rpx;
+ margin-right: 8rpx;
+ }
+ text {
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #333333;
+ }
+ }
+ }
+ .box_head_list {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ .active {
+ border: 1rpx solid #4c99a8 !important;
+ color: #4c99a8 !important;
+ }
+ .box_head_item {
+ padding: 0 30rpx;
+ height: 60rpx;
+ line-height: 60rpx;
+ box-sizing: border-box;
+ border-radius: 30rpx;
+ border: 1rpx solid #999999;
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #333333;
+ margin-right: 20rpx;
+ }
+ }
+ }
+ .box_list {
+ width: 100%;
+ padding: 30rpx;
+ box-sizing: border-box;
+ .box_list_item {
+ width: 100%;
+ margin-bottom: 20rpx;
+ &:last-child {
+ margin: 0 !important;
+ }
+ .box_list_item_head {
+ width: 100%;
+ height: 100rpx;
+ padding: 0 30rpx;
+ box-sizing: border-box;
+ background: linear-gradient(270deg, #FEFEFF 0%, #E1F7FE 100%);
+ border-radius: 8rpx 8rpx 0rpx 0rpx;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ .loading {
+ color: #4c99a8;
+ }
+ .success {
+ color: #03C68F;
+ }
+ .error {
+ color: #E0312A;
+ }
+ text {
+ &:nth-child(1) {
+ font-size: 32rpx;
+ font-weight: 500;
+ color: #222222;
+ }
+ &:nth-child(2) {
+ font-size: 26rpx;
+ font-weight: 400;
+ }
+ }
+ }
+ .box_list_item_nr {
+ padding: 30rpx;
+ width: 100%;
+ box-sizing: border-box;
+ background-color: #FFFFFF;
+ .box_list_item_nr_x {
+ width: 100%;
+ height: 1rpx;
+ background-color: #E5E5E5;
+ }
+ .box_list_item_nr_text {
+ .time{
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #999999;
+ }
+ .btn{
+ padding: 0 32rpx;
+ height: 60rpx;
+ line-height: 60rpx;
+ background: #279BAA;
+ color: #fff;
+ font-size: 26rpx;
+ font-weight: 300;
+ text-align: center;
+ border-radius: 30rpx;
+ }
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 100%;
+ margin-top: 20rpx;
+ }
+ .box_list_item_nr_item {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-bottom: 20rpx;
+ text {
+ &:nth-child(1) {
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #666666;
+ }
+ &:nth-child(2) {
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #333333;
+ }
+ }
+ }
+ }
+ }
+ }
+ .search {
+ width: 100%;
+ padding: 30rpx;
+ box-sizing: border-box;
+ .search_head {
+ width: 100%;
+ text-align: center;
+ font-size: 32rpx;
+ font-weight: 500;
+ color: #222222;
+ }
+ .search_list {
+ width: 100%;
+ margin-top: 34rpx;
+ .search_list_item {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 48rpx;
+ .search_list_item_label {
+ font-size: 30rpx;
+ font-weight: 400;
+ color: #222222;
+ margin-bottom: 24rpx;
+ }
+ .search_list_item_cates {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ .active {
+ background: #4c99a8 !important;
+ color: #ffffff !important;
+ }
+ .search_list_item_cates_row {
+ padding: 0 26rpx;
+ height: 64rpx;
+ line-height: 64rpx;
+ background: #F7F7F7;
+ border-radius: 36rpx;
+ margin-right: 20rpx;
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #333333;
+ &:last-child {
+ margin: 0;
+ }
+ }
+ }
+ .search_list_item_val {
+ width: 100%;
+ height: 64rpx;
+ background: #F7F7F7;
+ border-radius: 36rpx;
+ border: 1rpx solid #E5E5E5;
+ display: flex;
+ align-items: center;
+ .search_list_item_val_row {
+ flex: 1;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #999999;
+ }
+ .search_list_item_val_z {
+ flex-shrink: 0;
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #999999;
+ margin: 0 30rpx;
+ }
+ }
+ }
+ }
+ .search_footer {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ .t {
+ background: #4c99a8 !important;
+ color: #ffffff !important;
+ }
+ .search_footer_item {
+ flex: 1;
+ height: 88rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 32rpx;
+ font-weight: 400;
+ color: #4c99a8;
+ margin-right: 18rpx;
+ border: 1rpx solid #4c99a8;
+ border-radius: 44rpx;
+ &:last-child {
+ margin: 0 !important;
+ }
+ }
+ }
+ }
+ }
+</style>
diff --git a/h5/pages/staff/task/visitorApprove.vue b/h5/pages/staff/task/visitorApprove.vue
new file mode 100644
index 0000000..af2e55d
--- /dev/null
+++ b/h5/pages/staff/task/visitorApprove.vue
@@ -0,0 +1,351 @@
+<template>
+ <view class="main_app">
+ <view class="status_wrap">
+ <view class="name">涓佹仼鍑殑璁垮鐢宠</view>
+ <view class="desc">绛夊緟鎴戝鐞�</view>
+ <view class="box_list_status">瀹℃壒涓�</view>
+ </view>
+ <!-- -->
+ <view class="emyty"></view>
+ <view class="module_list">
+ <view class="item">
+ <text class="label">鎷滆浜�</text>
+ <text class="value">寤栨垚鐟�</text>
+ </view>
+ <view class="item">
+ <text class="label">棰勮鍏�/绂诲巶鏃堕棿</text>
+ <text class="value">05/01 8:00 - 05/01 18:00</text>
+ </view>
+ <view class="emyty"></view>
+ <view class="item">
+ <text class="label">璁垮淇℃伅</text>
+ <text class="value">
+ <image class="avatar" src="@/static/logo@2x.png" mode="widthFix"></image>
+ <view class="info">
+ <text class="name">瀛欏織 18177665678</text>
+ <text>韬唤璇佸彿锛�3309****2910</text>
+ <text>鍏ュ洯杞﹁締锛氱殩A88789</text>
+ </view>
+ </text>
+ </view>
+ <view class="item">
+ <text class="label">鍏徃鍚嶇О</text>
+ <text class="value">涓浗绉诲姩</text>
+ </view>
+ <view class="item">
+ <text class="label">鏂藉伐浜哄憳</text>
+ <text class="value">鍚�</text>
+ </view>
+ <view class="item">
+ <text class="label">鏉ヨ浜嬬敱</text>
+ <text class="value">涓氬姟娲借皥</text>
+ </view>
+ </view>
+
+ <view class="box_list">
+ <view class="box_list_title">娴佺▼</view>
+ <view class="box_list_list">
+ <view class="box_list_list_item">
+ <view class="left">
+ <view class="left_d"></view>
+ <view class="left_x"></view>
+ </view>
+ <view class="right">
+ <view class="right_top">
+ <text>鏍撳瓙鍝ユ彁浜ょ殑鐢宠</text>
+ <text>2023-05-01 08:00</text>
+ </view>
+ <view class="right_bottom">
+ <text>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃</text>
+ </view>
+ </view>
+ </view>
+ <view class="box_list_list_item">
+ <view class="left">
+ <view class="left_d"></view>
+ <view class="left_x"></view>
+ </view>
+ <view class="right">
+ <view class="right_top">
+ <text>鎷滆鍛樺伐</text>
+ <text>2023-05-01 08:00</text>
+ </view>
+ <view class="right_bottom">
+ <text>鐜嬩簹钃�(<text class="blue">瀹℃牳閫氳繃</text>)</text>
+ </view>
+ </view>
+ </view>
+ <view class="box_list_list_item">
+ <view class="left">
+ <view class="left_d"></view>
+ <view class="left_x"></view>
+ </view>
+ <view class="right">
+ <view class="right_top">
+ <text>瀹℃壒浜�</text>
+ <text>2023-05-01 08:00</text>
+ </view>
+ <view class="right_bottom">
+ <text>椹��(<text class="blue">寰呭鏍�</text>)</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+
+ };
+ }
+ }
+</script>
+<style>
+ page {
+ background-color: #F7F7F7;
+ }
+</style>
+<style lang="scss" scoped>
+ .box {
+ width: 100%;
+ .p {
+ padding: 0 30rpx !important;
+ }
+ .box_list {
+ width: 100%;
+ padding: 30rpx;
+ box-sizing: border-box;
+ background-color: #ffffff;
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 20rpx;
+ position: relative;
+ .box_list_title {
+ font-size: 32rpx;
+ font-weight: 500;
+ color: #222222;
+ margin-bottom: 24rpx;
+ }
+ .box_list_list {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ .box_list_list_item {
+ width: 100%;
+ display: flex;
+ align-items: flex-start;
+ margin-bottom: 36rpx;
+ &:last-child {
+ margin: 0;
+ }
+ .left {
+ flex-shrink: 0;
+ height: 100%;
+ position: relative;
+ .left_d {
+ width: 16rpx;
+ height: 16rpx;
+ background: #81AFF7;
+ border-radius: 50%;
+ position: relative;
+ z-index: 2;
+ }
+ .left_x {
+ position: absolute;
+ top: 0;
+ left: 8rpx;
+ width: 1rpx;
+ height: 130rpx;
+ background-color: #EEEEEE;
+ }
+ }
+ .right {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ margin-left: 30rpx;
+ .right_top {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ text {
+ &:first-child {
+ font-size: 30rpx;
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 400;
+ color: #333333;
+ }
+ &:last-child {
+ font-size: 24rpx;
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 400;
+ color: #999999;
+ }
+ }
+ }
+ .right_bottom {
+ width: 100%;
+ margin-top: 10rpx;
+ text {
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #777777;
+ }
+ .blue {
+ color: #025EEF !important;
+ }
+ }
+ }
+ }
+ }
+ .box_list_item1 {
+ width: 100%;
+ padding: 30rpx 0;
+ box-sizing: border-box;
+ display: flex;
+ align-items: flex-start;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ border-bottom: 1rpx solid #E5E5E5;
+ .box_list_item1_head {
+ width: 100%;
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #777777;
+ margin-bottom: 24rpx;
+ }
+ .box_list_item_img {
+ width: 100rpx;
+ height: 100rpx;
+ flex-shrink: 0;
+ border-radius: 8rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ border: 1rpx solid #EEEEEE;
+ margin-right: 20rpx;
+ image {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ .box_list_item_info {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ text {
+ &:nth-child(1) {
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ }
+ &:nth-child(2) {
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ margin-top: 20rpx;
+ }
+ &:nth-child(3) {
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ margin-top: 20rpx;
+ }
+ }
+ }
+ }
+ .box_list_item {
+ width: 100%;
+ padding: 30rpx 0;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ border-bottom: 1rpx solid #E5E5E5;
+ .box_list_item_img {
+ width: 100rpx;
+ height: 100rpx;
+ border-radius: 8rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ border: 1rpx solid #EEEEEE;
+ margin-top: 24rpx;
+ image {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ text {
+ &:nth-child(1) {
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #777777;
+ }
+ &:nth-child(2) {
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ margin-top: 20rpx;
+ }
+ &:nth-child(3) {
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ margin-top: 20rpx;
+ }
+ &:nth-child(4) {
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ margin-top: 20rpx;
+ }
+ }
+ }
+ .box_list_name {
+ font-size: 32rpx;
+ font-weight: 500;
+ color: #222222;
+ }
+ .box_list_job {
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #666666;
+ margin-top: 20rpx;
+ }
+ .box_list_status1 {
+ position: absolute;
+ right: 30rpx;
+ top: 50%;
+ transform: translate(0, -50%);
+ width: 120rpx;
+ height: 120rpx;
+ image {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ .box_list_status {
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 140rpx;
+ height: 60rpx;
+ line-height: 60rpx;
+ text-align: center;
+ font-size: 26rpx;
+ font-weight: 400;
+ color: #025EEF;
+ background: rgba(66,117,252,0.12);
+ border-radius: 0rpx 0rpx 0rpx 30rpx;
+ }
+ }
+ }
+</style>
diff --git a/h5/pages/staff/vehicle/apply.vue b/h5/pages/staff/vehicle/apply.vue
new file mode 100644
index 0000000..10f880f
--- /dev/null
+++ b/h5/pages/staff/vehicle/apply.vue
@@ -0,0 +1,215 @@
+<template>
+ <view class="main_app">
+ <view class="main_wrap">
+ <!-- -->
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>棰勮鐢ㄨ溅鏃舵</text>
+ </view>
+ <view class="value" @click="$goBack()">
+ <text class="mr6" :style="{ color: param.area ? '#000000' : '#999999' }">{{ param.area ? param.area : '璇烽�夋嫨' }}</text>
+ <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>鐢宠杞﹁締</text>
+ </view>
+ <view class="value">
+ <input type="text" placeholder="璇疯緭鍏ョ敵璇疯溅杈�" v-model="param.receptMemberName" placeholder-style="color: #999999;" />
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>棰勮鍑哄彂鏃堕棿</text>
+ </view>
+ <view class="value" @click="isShowDatetime = true">
+ <text class="mr6" :style="{ color: param.area ? '#000000' : '#999999' }">{{ param.area ? param.area : '璇烽�夋嫨' }}</text>
+ <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
+ </view>
+ </view>
+ <view class="empty"></view>
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>鐩殑鍦扮被鍒�</text>
+ </view>
+ <view class="value">
+ <text>{{ 111 }}</text>
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>鐩殑鍦�</text>
+ </view>
+ <view class="value">
+ <input type="text" placeholder="璇疯緭鍏�" v-model="param.address" placeholder-style="color: #999999;" />
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>涔樿溅浜哄憳</text>
+ </view>
+ <view class="value" @click="$jump('/pages/staff/memberSel')">
+ <text class="mr6" :style="{ color: param.peo ? '#000000' : '#999999' }">{{ param.peo ? param.peo : '璇烽�夋嫨' }}</text>
+ <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
+ </view>
+ </view>
+ <view class="upload_line">
+ <view class="label">
+ <text style="color: #e42d2d;">*</text>
+ <text>鐢ㄨ溅浜嬬敱</text>
+ </view>
+ <view class="value">
+ <textarea type="text" placeholder="璇疯緭鍏�" :maxlength="-1" v-model="param.reson" placeholder-style="color: #999999;" />
+ </view>
+ </view>
+ </view>
+ <view class="tip">
+ <view class="title">娉ㄦ剰浜嬮」锛�</view>
+ <view class="line">1銆佸叕鍙歌溅杈嗗鍑洪渶鍔炵悊鐢ㄨ溅鐢宠琛紝缁忔壒鍑嗗悗鏂瑰彲澶栧嚭锛堝�熷嚭锛夈��</view>
+ <view class="line">2銆佸競澶栫敤杞﹂渶鎬荤粡鍔炲鎵广��</view>
+ <view class="line">3銆佸�熷嚭杞﹁締蹇呴』閬靛畧浜ら�氳鍒欙紝瀹夊叏琛岄┒銆傚浜庤溅杈嗗彂鐢熶氦閫氭剰澶栵紝瀵瑰綋浜嬩汉鍙婄涓夋柟閫犳垚浜鸿韩浼ゅ鍙婃崯澶憋紝鍏徃鍙互鍗忓姪澶勭悊淇濋櫓鍏徃璧斿伩鐩稿叧浜嬪疁锛屼絾涓嶆壙鎷呬换浣曡矗浠诲拰璐圭敤銆�</view>
+ <view class="line">4銆佸叕鍙稿�熺粰鐢宠浜虹敤杞︼紝鐢宠鍊熻溅浜轰负绗竴璐ｄ换浜猴紝涓嶅厑璁歌浆鍊熺粰鍏朵粬浜轰娇鐢紝鑻ヨ鍊熺粰浠栦汉浣跨敤銆傝矗浠讳汉瑕佹壙鎷呭叏閮ㄨ矗浠汇��</view>
+ </view>
+ <view class="sub_btn" @click="handleSub">鎻愪氦</view>
+ <!-- -->
+ <u-datetime-picker :show="isShowDatetime" :minDate="minDate" @confirm="confirmDate" @cancel="isShowDatetime = false" mode="date"></u-datetime-picker>
+ </view>
+</template>
+
+<script>
+ import dayjs from 'dayjs'
+ export default {
+ data() {
+ return {
+ param: {},
+ minDate: '',
+ isShowDatetime: false,
+ };
+ },
+ created(){
+ this.minDate = new Date().getTime()
+ },
+ methods: {
+ handleSub() {
+ console.log('---');
+ },
+ confirmDate(e) {
+ console.log(e.value);
+ this.param.aa = dayjs(e.value).format('YYYY-MM-DD')
+ this.isShowDate = false
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+.main_wrap {
+ .line {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1rpx solid #e5e5e5;
+ padding: 30rpx 0;
+ .label {
+ font-size: 30rpx;
+ font-weight: 400;
+ text {
+ &:nth-child(1) {
+ color: #e42d2d;
+ margin-right: 4rpx;
+ }
+ }
+ }
+ .value {
+ flex: 1;
+ height: 100%;
+ margin-left: 30rpx;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ input {
+ width: 100%;
+ height: 100%;
+ text-align: right;
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ }
+ }
+ }
+ .upload_line {
+ padding: 30rpx 0;
+ textarea {
+ margin-top: 12rpx;
+ width: 100%;
+ height: 180rpx;
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ }
+ .adduser_list_item_ipt1_upload {
+ margin-top: 24rpx;
+ width: 120rpx;
+ height: 120rpx;
+ border: 2rpx solid #E5E5E5;
+ background: #f7f7f7;
+ color: #666666;
+ font-size: 22rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ image {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+}
+.sub_btn{
+ position: fixed;
+ bottom: 84rpx;
+ left: 30rpx;
+ width: 690rpx;
+ height: 88rpx;
+ line-height: 88rpx;
+ text-align: center;
+ background: #279BAA;
+ box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
+ border-radius: 44rpx;
+ font-size: 30rpx;
+ color: #FFFFFF;
+}
+.tip{
+ background: #F7F7F7;
+ padding: 30rpx 30rpx 180rpx;
+ 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;
+}
+
+.empty {
+ width: 750rpx;
+ height: 20rpx;
+ background-color: #f7f7f7;
+ margin: 0 -30rpx;
+}
+</style>
diff --git a/h5/pages/staff/vehicle/index.vue b/h5/pages/staff/vehicle/index.vue
new file mode 100644
index 0000000..bc22a98
--- /dev/null
+++ b/h5/pages/staff/vehicle/index.vue
@@ -0,0 +1,92 @@
+<template>
+ <view class="main_app">
+ <image src="../../../static/staff/yongche_bg.png" class="banner" mode="widthFix"></image>
+ <view class="emyty"></view>
+ <view class="content">
+ <view class="title">閫夋嫨鐩殑鍦扮被鍒�</view>
+ <view class="item" @click="$jump('/pages/staff/vehicle/shinei')">
+ <image src="../../../static/bg_shineiyongche@2x.png" class="img" mode="widthFix"></image>
+ <view class="h1">瀹ゅ唴鐢ㄨ溅</view>
+ <view class="h2">URBAN AREA</view>
+ </view>
+ <view class="item" @click="$jump('/pages/staff/vehicle/shiwai')">
+ <image src="../../../static/bg_shiwaiyongche@2x.png" class="img" mode="widthFix"></image>
+ <view class="h1">瀹ゅ鐢ㄨ溅</view>
+ <view class="h2">SUBURB AREA</view>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ param: {}
+ };
+ }
+ }
+</script>
+
+<style lang="scss">
+.main_app{
+ .emyty{
+ width: 100%;
+ height: 218rpx;
+ }
+ .content{
+ width: 690rpx;
+ background: #FFFFFF;
+ box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(39,155,170,0.16);
+ border-radius: 16rpx;
+ padding: 60rpx 30rpx;
+ .item{
+ width: 630rpx;
+ height: 200rpx;
+ border-radius: 8rpx;
+ margin-bottom: 30rpx;
+ &:nth-last-child(1){
+ margin-bottom: 0;
+ }
+ position: relative;
+ padding: 40rpx;
+ overflow: hidden;
+ z-index: 1;
+ .h1 {
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #222222;
+ line-height: 48rpx;
+ margin-bottom: 10rpx;
+ }
+ .h2 {
+ font-size: 22rpx;
+ color: #7b9da1;
+ line-height: 34rpx;
+ }
+ .img {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ }
+ }
+ .title{
+ margin-bottom: 40rpx;
+ font-weight: 500;
+ font-size: 34rpx;
+ color: #222222;
+ line-height: 48rpx;
+ }
+ }
+ .banner{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ }
+}
+</style>
diff --git a/h5/pages/staff/vehicle/shinei.vue b/h5/pages/staff/vehicle/shinei.vue
new file mode 100644
index 0000000..de4c175
--- /dev/null
+++ b/h5/pages/staff/vehicle/shinei.vue
@@ -0,0 +1,172 @@
+<template>
+ <view class="main_app">
+ <view class="app_header">
+ <view class="item" @click="isShowCar = true">
+ <text v-if="false">xx</text>
+ <text v-else class="placeholder9">閫夋嫨杞﹁締</text>
+ <u-icon name="arrow-down" color="#999999" />
+ </view>
+ <view class="item" @click="isShowDate = true">
+ <text v-if="param.aa">{{ param.aa }}</text>
+ <text v-else class="placeholder9">閫夋嫨鏃ユ湡</text>
+ <u-icon name="arrow-down" color="#999999" />
+ </view>
+ </view>
+ <!-- -->
+ <view class="time_list">
+ <view class="item" v-for="item,i in timeList" :key="i">{{ item.time }}</view>
+ </view>
+ <!-- -->
+ <view class="main_footer">
+ <view class="df_ac">
+ <view>宸查�夋嫨锛�</view>
+ <view class="sel_time">xxxxxx</view>
+ </view>
+ <view class="btns">
+ <view class="left">
+ <view class="item" v-for="item in colorOptions" :key="item.name">
+ <view class="box" :style="{ background: item.color }"></view>
+ <view class="">{{ item.name }}</view>
+ </view>
+ </view>
+ <view class="sub" @click="$jump('/pages/staff/vehicle/apply')">纭棰勭害</view>
+ </view>
+ </view>
+ <!-- -->
+ <!-- 閫夋嫨杞﹁締 -->
+ <u-picker keyName="name" :show="isShowCar" :columns="carList" @confirm="seletedCar" @cancel="isShowCar = false"></u-picker>
+ <!-- 鏃ユ湡 -->
+ <u-datetime-picker :show="isShowDate" :minDate="minDate" @confirm="confirmDate" @cancel="isShowDate = false" mode="date"></u-datetime-picker>
+ </view>
+</template>
+
+<script>
+import dayjs from 'dayjs'
+export default {
+ data() {
+ return {
+ isShowCar: false,
+ isShowDate: false,
+ param: {},
+
+ minDate: '',
+ carList: [[{ name: 'aa', value: '11' }]],
+ timeList: [
+ { time: '08:30-09:00' },
+ { time: '08:30-09:00' },
+ { time: '08:30-09:00' },
+ { time: '08:30-09:00' },
+ ],
+
+ colorOptions: [
+ { color: '#279BAA', name: '宸查�夋嫨' },
+ { color: '#F7F7F7', name: '鍙绾�' },
+ { color: '#cccccc', name: '涓嶅彲棰勭害' },
+ ]
+ };
+ },
+ created(){
+ this.minDate = new Date().getTime()
+ },
+ methods: {
+ confirmDate(e) {
+ console.log(e.value);
+ this.param.aa = dayjs(e.value).format('YYYY-MM-DD')
+ this.isShowDate = false
+ },
+ seletedCar(e) {
+ console.log(e.value);
+ this.param.aa = dayjs(e.value).format('YYYY-MM-DD')
+ this.isShowDate = false
+ }
+ }
+};
+</script>
+
+<style lang="scss">
+.main_app {
+ .app_header {
+ display: flex;
+ align-items: center;
+ margin: 0 -15rpx;
+ .item {
+ width: 330rpx;
+ height: 72rpx;
+ margin: 15rpx;
+ padding: 0 30rpx;
+ border-radius: 36rpx;
+ border: 1rpx solid #e5e5e5;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ align-items: center;
+ }
+ }
+ .main_footer{
+ position: absolute;
+ width: 100%;
+ left: 0;
+ bottom: 0;
+ padding: 20rpx 30rpx 84rpx;
+ box-shadow: 0rpx -3rpx 6rpx 0rpx #EEEEEE;
+ .sel_time{
+ color: #279BAA;
+ }
+ .btns{
+ margin-top: 10rpx;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ .left{
+ display: flex;
+ .item{
+ display: flex;
+ align-items: center;
+ margin-right: 20rpx;
+ .box{
+ margin-right: 10rpx;
+ width: 32rpx;
+ height: 32rpx;
+ }
+ }
+ }
+ .sub{
+ width: 184rpx;
+ height: 72rpx;
+ line-height: 72rpx;
+ text-align: center;
+ background: #279BAA;
+ box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
+ border-radius: 36rpx;
+ font-size: 30rpx;
+ color: #FFFFFF;
+ }
+ }
+ }
+ .time_list{
+ display: flex;
+ justify-content: space-between;
+ padding: 30rpx 0;
+ flex-wrap: wrap;
+ .item{
+ width: 220rpx;
+ height: 80rpx;
+ line-height: 80rpx;
+ text-align: center;
+ background: #F7F7F7;
+ border-radius: 4rpx;
+ margin-bottom: 24rpx;
+ font-size: 30rpx;
+ }
+ .active{
+ background-color: #279BAA;
+ color: #fff;
+ }
+ .disable{
+ background-color: #cccccc;
+ color: #999999;
+ }
+ }
+
+}
+</style>
diff --git a/h5/pages/staff/vehicle/shiwai.vue b/h5/pages/staff/vehicle/shiwai.vue
new file mode 100644
index 0000000..82ac57d
--- /dev/null
+++ b/h5/pages/staff/vehicle/shiwai.vue
@@ -0,0 +1,191 @@
+<template>
+ <view class="main_app">
+ <view class="main_wrap">
+ <!-- -->
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>閫夋嫨杞﹁締</text>
+ </view>
+ <view class="value" @click="isShowCar = true">
+ <text class="mr6" :style="{ color: param.area ? '#000000' : '#999999' }">{{ param.area ? param.area : '璇烽�夋嫨' }}</text>
+ <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>棰勮鐢ㄨ溅鏃舵</text>
+ </view>
+ <view class="value" @click="isShowDate = true">
+ <text class="mr6" :style="{ color: param.area ? '#000000' : '#999999' }">{{ param.area ? param.area : '璇烽�夋嫨' }}</text>
+ <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
+ </view>
+ </view>
+ </view>
+ <view class="have_info">
+ <view class="tit">鎮ㄧ敵璇风殑鐢ㄨ溅鏃舵宸叉湁杞﹁締棰勭害</view>
+ <view class="content">
+ <view class="card">鐨朅1212</view>
+ <view class="line"><text>鐢ㄨ溅鏃舵</text><text>111111</text></view>
+ <view class="line"><text>鐩殑鍦�</text><text>111111</text></view>
+ <view class="line"><text>涔樿溅浜烘暟</text><text>111111</text></view>
+ <view class="line"><text>鐢ㄨ溅浜嬬敱</text><text>111111</text></view>
+ <view class="line"><text>鐢宠浜�</text><text>111111</text></view>
+ </view>
+ </view>
+ <view class="main_footer">
+ <text>宸查�夋嫨锛�</text>
+ <text class="sel">132123</text>
+ <text class="btn" @click="$jump('/pages/staff/vehicle/apply')">纭棰勭害</text>
+ </view>
+ <!-- -->
+ <!-- 閫夋嫨杞﹁締 -->
+ <u-picker keyName="name" :show="isShowCar" @close="isShowCar = false" :closeOnClickOverlay="true" :columns="carList" @confirm="seletedCar" @cancel="isShowCar = false"></u-picker>
+ <u-picker keyName="name" :show="isShowDate" @close="isShowDate = false" :closeOnClickOverlay="true" :columns="datetimeOp" @confirm="seletedDate" @cancel="isShowDate = false"></u-picker>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ param: {},
+ isShowCar: false,
+ isShowDate: false,
+ carList: [],
+ datetimeOp: [],
+ };
+ },
+ methods: {
+ seletedCar() {},
+ seletedDate() {},
+ }
+ }
+</script>
+
+<style lang="scss">
+.have_info{
+ .tit{
+ color: #ED4545;
+ margin: 40rpx 0 24rpx;
+ }
+ .content{
+ background: #F7F7F7;
+ border-radius: 16rpx;
+ padding: 30rpx 30rpx 10rpx;
+ .card{
+ margin-bottom: 30rpx;
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #222222;
+ background: #F7F7F7;
+ padding: 0;
+ }
+ .line{
+ display: flex;
+ margin-bottom: 20rpx;
+ text{
+ &:nth-of-type(1){
+ width: 150rpx;
+ color: #888888;
+ }
+ &:nth-of-type(2){
+ flex: 1;
+ }
+ }
+ }
+ }
+}
+.main_wrap {
+ .line {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1rpx solid #e5e5e5;
+ padding: 30rpx 0;
+ .label {
+ font-size: 30rpx;
+ font-weight: 400;
+ text {
+ &:nth-child(1) {
+ color: #e42d2d;
+ margin-right: 4rpx;
+ }
+ }
+ }
+ .value {
+ flex: 1;
+ height: 100%;
+ margin-left: 30rpx;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ input {
+ width: 100%;
+ height: 100%;
+ text-align: right;
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ }
+ }
+ }
+ .upload_line {
+ padding: 30rpx 0;
+ textarea {
+ margin-top: 12rpx;
+ width: 100%;
+ height: 180rpx;
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ }
+ .adduser_list_item_ipt1_upload {
+ margin-top: 24rpx;
+ width: 120rpx;
+ height: 120rpx;
+ border: 2rpx solid #E5E5E5;
+ background: #f7f7f7;
+ color: #666666;
+ font-size: 22rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ image {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+}
+.main_footer{
+ position: absolute;
+ width: 100%;
+ left: 0;
+ bottom: 0;
+ padding: 20rpx 30rpx 84rpx;
+ box-shadow: 0rpx -3rpx 6rpx 0rpx #EEEEEE;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ .btn{
+ width: 184rpx;
+ height: 72rpx;
+ line-height: 72rpx;
+ text-align: center;
+ background: #279BAA;
+ box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
+ border-radius: 36rpx;
+ font-size: 30rpx;
+ color: #FFFFFF;
+ }
+ .sel{
+ color: #279BAA;
+ flex: 1;
+ }
+
+
+ }
+</style>
diff --git a/h5/static/bg_shineiyongche@2x.png b/h5/static/bg_shineiyongche@2x.png
new file mode 100644
index 0000000..310be51
--- /dev/null
+++ b/h5/static/bg_shineiyongche@2x.png
Binary files differ
diff --git a/h5/static/bg_shiwaiyongche@2x.png b/h5/static/bg_shiwaiyongche@2x.png
new file mode 100644
index 0000000..a15fbcc
--- /dev/null
+++ b/h5/static/bg_shiwaiyongche@2x.png
Binary files differ
diff --git a/h5/static/staff/yongche_bg.png b/h5/static/staff/yongche_bg.png
new file mode 100644
index 0000000..0e69af2
--- /dev/null
+++ b/h5/static/staff/yongche_bg.png
Binary files differ
--
Gitblit v1.9.3