From 6406540d4b0f1179f4b29d6436319c01f3c5488a Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期一, 13 五月 2024 18:04:46 +0800
Subject: [PATCH] html
---
h5/static/driver/wuliu_ic_car@2x.png | 0
h5/pages/driver/reservedGuide.vue | 19
h5/static/driver/wuliu_ic_paidui@2x.png | 0
h5/static/driver/ic_yiqiandao@2x.png | 0
h5/static/driver/wuliu_ic_ruyuanyuyue@2x.png | 0
h5/pages/driver/reserved.vue | 314 +++++++
h5/static/driver/wuliuche_banner@2x.png | 0
h5/static/driver/wuliu_ic_zhinan@2x.png | 0
h5/static/driver/ic_truck@2x.png | 0
h5/static/driver/wuliu_ic_daolan@2x.png | 0
h5/pages.json | 241 +++--
h5/static/driver/btn_qiandao_fail@2x.png | 0
h5/static/driver/bg_renwu@2x.png | 0
h5/static/driver/ic_zuoyezhong@2x.png | 0
h5/pages/driver/index.vue | 279 ++++++
h5/static/driver/wuliu_ic_huowu@2x.png | 0
h5/pages/driver/reservedDetail.vue | 372 +++++++++
h5/static/driver/btn_qiandao@2x.png | 0
h5/pages/driver/queueUp.vue | 98 ++
h5/pages/driver/taskDetail.vue | 380 +++++++++
h5/pages/staff/task/index.vue | 7
h5/pages/driver/queueUpRecord.vue | 140 +++
h5/pages/staff/snapshot.vue | 2
h5/pages/driver/reservedRecord.vue | 160 +++
h5/pages/driver/taskConfirm.vue | 435 ++++++++++
h5/static/driver/wuliu_ic_yuyuejilu@2x.png | 0
26 files changed, 2,346 insertions(+), 101 deletions(-)
diff --git a/h5/pages.json b/h5/pages.json
index 3c9ef87..efe08e6 100644
--- a/h5/pages.json
+++ b/h5/pages.json
@@ -171,7 +171,7 @@
"navigationBarTitleText": "淇敼瀵嗙爜",
"enablePullDownRefresh": false
}
- },
+ },
{
"path": "pages/staff/index",
"style": {
@@ -179,7 +179,7 @@
"enablePullDownRefresh": false
}
- },
+ },
{
"path": "pages/staff/visitorReport",
"style": {
@@ -187,90 +187,160 @@
"enablePullDownRefresh": false
}
+ }, {
+ "path": "pages/staff/snapshot",
+ "style": {
+ "navigationBarTitleText": "闅愭偅闅忔墜鎷�",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/staff/memberSel",
+ "style": {
+ "navigationBarTitleText": "閫夋嫨浜哄憳",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/staff/meetingSub",
+ "style": {
+ "navigationBarTitleText": "棰勭害浼氳瀹�",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/staff/meetingSubOrder",
+ "style": {
+ "navigationBarTitleText": "纭棰勭害",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "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
+ }
+
+ }, {
+ "path": "pages/staff/sendACar",
+ "style": {
+ "navigationBarTitleText": "娲捐溅璁板綍",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/staff/meetingCalendar",
+ "style": {
+ "navigationBarTitleText": "浼氳鏃ュ巻",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/staff/meetingDetail",
+ "style": {
+ "navigationBarTitleText": "浼氳璇︽儏",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/staff/meetingManager",
+ "style": {
+ "navigationBarTitleText": "浼氳瀹ょ鐞�",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/driver/index",
+ "style": {
+ "navigationBarTitleText": "鐗╂祦杞︿腑蹇�",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/driver/reserved",
+ "style": {
+ "navigationBarTitleText": "鍏ュ洯棰勭害",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/driver/reservedGuide",
+ "style": {
+ "navigationBarTitleText": "棰勭害鎸囧崡",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/driver/reservedRecord",
+ "style": {
+ "navigationBarTitleText": "棰勭害璁板綍",
+ "enablePullDownRefresh": false
+ }
+
+ }, {
+ "path": "pages/driver/queueUp",
+ "style": {
+ "navigationBarTitleText": "鎺掗槦鎯呭喌",
+ "enablePullDownRefresh": false
+ }
+
}
,{
- "path" : "pages/staff/snapshot",
+ "path" : "pages/driver/queueUpRecord",
"style" :
{
- "navigationBarTitleText": "闅愭偅闅忔墜鎷�",
+ "navigationBarTitleText": "浣滀笟涓溅杈�",
"enablePullDownRefresh": false
}
}
,{
- "path" : "pages/staff/memberSel",
+ "path" : "pages/driver/taskDetail",
"style" :
{
- "navigationBarTitleText": "閫夋嫨浜哄憳",
+ "navigationBarTitleText": "浠诲姟璇︽儏",
"enablePullDownRefresh": false
}
}
,{
- "path" : "pages/staff/meetingSub",
- "style" :
- {
- "navigationBarTitleText": "棰勭害浼氳瀹�",
- "enablePullDownRefresh": false
- }
-
- }
- ,{
- "path" : "pages/staff/meetingSubOrder",
- "style" :
- {
- "navigationBarTitleText": "纭棰勭害",
- "enablePullDownRefresh": false
- }
-
- }
- ,{
- "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",
+ "path" : "pages/driver/reservedDetail",
"style" :
{
"navigationBarTitleText": "璁垮瀹℃壒",
@@ -279,37 +349,10 @@
}
,{
- "path" : "pages/staff/sendACar",
+ "path" : "pages/driver/taskConfirm",
"style" :
{
- "navigationBarTitleText": "娲捐溅璁板綍",
- "enablePullDownRefresh": false
- }
-
- }
- ,{
- "path" : "pages/staff/meetingCalendar",
- "style" :
- {
- "navigationBarTitleText": "浼氳鏃ュ巻",
- "enablePullDownRefresh": false
- }
-
- }
- ,{
- "path" : "pages/staff/meetingDetail",
- "style" :
- {
- "navigationBarTitleText": "浼氳璇︽儏",
- "enablePullDownRefresh": false
- }
-
- }
- ,{
- "path" : "pages/staff/meetingManager",
- "style" :
- {
- "navigationBarTitleText": "浼氳瀹ょ鐞�",
+ "navigationBarTitleText": "纭浠诲姟",
"enablePullDownRefresh": false
}
diff --git a/h5/pages/driver/index.vue b/h5/pages/driver/index.vue
new file mode 100644
index 0000000..b4bb426
--- /dev/null
+++ b/h5/pages/driver/index.vue
@@ -0,0 +1,279 @@
+<template>
+ <view class="main_app">
+ <view class="title_wrap">
+ <view class="name">鏌愭煇鏌愶紝娆㈣繋鐧诲綍锝�</view>
+ <view class="btn" @click="loginOut">閫�鍑虹櫥褰�</view>
+ </view>
+ <!-- -->
+ <view class="banner_wrap">
+ <view class="h1">瀹夋嘲鐗╂祦鏅烘収鍥尯</view>
+ <view class="h2">鐗╂祦杞︿笓鍖�</view>
+ <image class="banner" src="../../static/driver/wuliuche_banner@2x.png" mode="widthFix"></image>
+ </view>
+ <!-- -->
+ <view class="task_list">
+ <view class="item">
+ <view class="head">
+ <view class="name">杩愯緭鍗�222</view>
+ <view class="status">
+ <view class="text">璇风‘璁や换鍔�</view>
+ <view class="time">棰勮绛夊緟锛�12灏忔椂</view>
+ </view>
+ </view>
+ <view class="content">
+ <view class="info">
+ <view class="plate">
+ <image src="@/static/driver/wuliu_ic_car@2x.png" class="icon" mode=""></image>
+ <text>鐨朅D</text>
+ </view>
+ <view class="plate">
+ <image src="@/static/driver/wuliu_ic_huowu@2x.png" class="icon" mode=""></image>
+ <text>3000涓�</text>
+ </view>
+ </view>
+ <view class="sub">
+ <view class="time">02-01 08:11:11</view>
+ <view class="sub_btn" @click="handleTask()">纭浠诲姟</view>
+ </view>
+ </view>
+ </view>
+ </view>
+ <!-- -->
+ <view class="title_wrap"><view class="name">涓氬姟鍔炵悊</view></view>
+ <view class="container1">
+ <view class="left">
+ <view class="img_wrap img1" @click="$jump('/pages/driver/reserved')">
+ <image src="@/static/driver/wuliu_ic_ruyuanyuyue@2x.png" class="img"></image>
+ <view class="h1">鍏ュ洯椤荤煡</view>
+ <view class="h2">RESERVATION</view>
+ </view>
+ <view class="img_wrap img2" @click="$jump('/pages/driver/reservedGuide')">
+ <image src="@/static/driver/wuliu_ic_zhinan@2x.png" class="img"></image>
+ <view class="h1">棰勭害鎸囧崡</view>
+ <view class="h2">APPOINTMENT GUIDE</view>
+ </view>
+ </view>
+ <view class="right">
+ <view class="img_wrap img2" @click="$jump('/pages/driver/reservedRecord')">
+ <image src="@/static/driver/wuliu_ic_yuyuejilu@2x.png" class="img"></image>
+ <view class="h1">棰勭害璁板綍</view>
+ <view class="h2">APPOINTMENT RECORD</view>
+ </view>
+ <view class="img_wrap img2" @click="$jump('/pages/driver/queueUp')">
+ <image src="@/static/driver/wuliu_ic_paidui@2x.png" class="img"></image>
+ <view class="h1">鏈堝彴鎺掗槦鎯呭喌</view>
+ <view class="h2">HIDDEN DANGER</view>
+ </view>
+ <view class="img_wrap img2">
+ <image src="@/static/driver/wuliu_ic_daolan@2x.png" class="img"></image>
+ <view class="h1">鍥尯瀵艰鍥�</view>
+ <view class="h2">GUIDE MAP</view>
+ </view>
+ </view>
+ </view>
+ <!-- -->
+ <view class="copyright">
+ <image src="@/static/logo_s@2x.png" class="mr6" mode="widthFix" />
+ <text>瀹夊窘瀹夋嘲鐗╂祦鏈夐檺璐ｄ换鍏徃鐗堟潈鎵�鏈�</text>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+
+ };
+ },
+ methods: {
+ handleTask(){
+ uni.navigateTo({
+ url: '/pages/driver/taskConfirm'
+ })
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+.title_wrap {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 24rpx;
+ .name {
+ font-weight: 500;
+ font-size: 34rpx;
+ color: #222222;
+ }
+ .btn {
+ width: 144rpx;
+ height: 56rpx;
+ border-radius: 36rpx;
+ border: 1rpx solid #279baa;
+ font-size: 26rpx;
+ color: #279baa;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+}
+.main_app {
+ padding-top: 12rpx;
+}
+.banner_wrap {
+ padding: 54rpx 44rpx;
+ color: #fff;
+ position: relative;
+ width: 688rpx;
+ height: 270rpx;
+ margin-bottom: 40rpx;
+ .h1 {
+ font-weight: bold;
+ line-height: 66rpx;
+ font-size: 44rpx;
+ margin-bottom: 14rpx;
+ }
+ .h2{
+ font-weight: 500;
+ font-size: 28rpx;
+ width: 192rpx;
+ color: #279BAA;
+ height: 48rpx;
+ line-height: 48rpx;
+ text-align: center;
+ background: #FFFFFF;
+ box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(39,155,170,0.31);
+ border-radius: 24rpx;
+ }
+ .banner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ }
+}
+.container1 {
+ display: flex;
+ flex-wrap: wrap;
+ view {
+ width: 336rpx;
+ }
+ .left {
+ margin-right: 18rpx;
+ }
+ .img_wrap {
+ position: relative;
+ padding: 24rpx 0rpx 0 28rpx;
+ border-radius: 8rpx;
+ overflow: hidden;
+ .h1 {
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #222222;
+ line-height: 48rpx;
+ margin-bottom: 4rpx;
+ }
+ .h2 {
+ font-size: 22rpx;
+ color: #7b9da1;
+ line-height: 34rpx;
+ }
+ .img {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ }
+ }
+ .img1 {
+ width: 336rpx;
+ height: 296rpx;
+ margin-bottom: 16rpx;
+ }
+ .img2 {
+ width: 336rpx;
+ height: 140rpx;
+ margin-bottom: 16rpx;
+ }
+}
+.task_list{
+ margin-bottom: 48rpx;
+ .item{
+ background: #FFFFFF;
+ box-shadow: 0rpx 4rpx 32rpx 0rpx rgba(39,155,170,0.18);
+ border-radius: 16rpx;
+ .head{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ background: linear-gradient( 270deg, #FEFEFF 0%, #E1F7FE 100%);
+ padding: 20rpx 30rpx;
+ .name{
+ font-weight: 600;
+ font-size: 36rpx;
+ color: #222222;
+ }
+ .status{
+ color: #279BAA;
+ font-weight: 500;
+ .time{
+ font-size: 24rpx;
+ font-weight: 360;
+ }
+ }
+ }
+ .content{
+ .info{
+ display: flex;
+ padding: 24rpx 30rpx;
+ .plate{
+ flex: 1;
+ display: flex;
+ align-items: center;
+ .icon{
+ width: 26rpx;
+ height: 26rpx;
+ margin-right: 10rpx;
+ }
+ }
+ }
+ .sub{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 30rpx 24rpx;
+ .time{
+ font-size: 26rpx;
+ color: #999999;
+ }
+ .sub_btn{
+ height: 68rpx;
+ line-height: 68rpx;
+ padding: 0 34rpx;
+ color: #FFFFFF;
+ background: #279BAA;
+ box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(39,155,170,0.4);
+ border-radius: 40rpx;
+ }
+ }
+ }
+ }
+}
+.copyright {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 44rpx;
+ font-size: 24rpx;
+ color: #666666;
+ image {
+ width: 40rpx;
+ height: 40rpx;
+ }
+}
+</style>
diff --git a/h5/pages/driver/queueUp.vue b/h5/pages/driver/queueUp.vue
new file mode 100644
index 0000000..7ea1efb
--- /dev/null
+++ b/h5/pages/driver/queueUp.vue
@@ -0,0 +1,98 @@
+<template>
+ <view class="main_app">
+ <view class="main_name">
+ <text class="mr12">鐗╂祦鍏ュ簱鏈堝彴</text>
+ <u-icon name="arrow-down" color="#777777"></u-icon>
+ </view>
+ <!-- -->
+ <view class="main_list">
+ <view class="item" @click="handleCheck()">
+ <view class="h1">浣滀笟涓溅杈�</view>
+ <view class="h2">
+ <text>4</text>
+ <text class="unit">杈�</text>
+ </view>
+ <image class="img" src="../../static/driver/ic_zuoyezhong@2x.png" mode=""></image>
+ </view>
+ <view class="item cyan">
+ <view class="h1">浣滀笟涓溅杈�</view>
+ <view class="h2">
+ <text>4</text>
+ <text class="unit">杈�</text>
+ </view>
+ <image class="img" src="../../static/driver/ic_yiqiandao@2x.png" mode=""></image>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+
+ };
+ },
+ methods: {
+ handleCheck(){
+ uni.navigateTo({
+ url: "/pages/driver/queueUpRecord"
+ })
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+.main_app{
+ .main_name{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 104rpx;
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #111111;
+ }
+ .main_list{
+ padding: 30rpx 10rpx;
+ .item{
+ width: 100%;
+ height: 208rpx;
+ padding: 30rpx 40rpx;
+ margin-bottom: 30rpx;
+ position: relative;
+ .h1{
+ font-weight: 400;
+ font-size: 34rpx;
+ color: #222222;
+ line-height: 50rpx;
+ }
+ .h2{
+ font-weight: bold;
+ font-size: 64rpx;
+ color: #00BA67;
+ line-height: 110rpx;
+ .unit{
+ font-weight: 400;
+ font-size: 26rpx;
+ margin-left: 12rpx;
+ }
+ }
+ .img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+ }
+ }
+ .cyan{
+ .h2{
+ color: #279BAA;
+ }
+ }
+ }
+}
+</style>
diff --git a/h5/pages/driver/queueUpRecord.vue b/h5/pages/driver/queueUpRecord.vue
new file mode 100644
index 0000000..68e09af
--- /dev/null
+++ b/h5/pages/driver/queueUpRecord.vue
@@ -0,0 +1,140 @@
+<template>
+ <view class="main_app">
+ <view class="main_name">
+ <text class="mr12">鐗╂祦鍏ュ簱鏈堝彴</text>
+ <u-icon name="arrow-down" color="#777777"></u-icon>
+ </view>
+ <!-- -->
+ <view class="main_list">
+ <view class="item">
+ <view class="status">浣滀笟涓�</view>
+ <image class="avatar" src="@/static/driver/ic_truck@2x.png" mode=""></image>
+ <view class="content">
+ <view class="id_card">鐨朅</view>
+ <view class="line">
+ <view class="address">4鍙锋湀鍙�</view>
+ <view class="time">
+ <u-icon class="mr6" name="clock" color="#4d98a8"></u-icon>
+ <text>01:02:02</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="item active">
+ <view class="status padding">浣滀笟涓�</view>
+ <view class="me">鎴�</view>
+ <image class="avatar" src="@/static/driver/ic_truck@2x.png" mode=""></image>
+ <view class="content">
+ <view class="id_card">鐨朅</view>
+ <view class="line">
+ <view class="address">4鍙锋湀鍙�</view>
+ <view class="time">
+ <u-icon class="mr6" name="clock" color="#4d98a8"></u-icon>
+ <text>01:02:02</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+
+ };
+ }
+ }
+</script>
+
+<style lang="scss">
+ page{
+ background-color: #f7f7f7;
+ }
+.main_app{
+ .main_name{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 104rpx;
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #111111;
+ background-color: #fff;
+ margin:0 -30rpx 20rpx;
+ }
+ .main_list{
+ .item{
+ display: flex;
+ align-items: center;
+ position: relative;
+ padding: 30rpx;
+ background-color: #fff;
+ margin-bottom: 20rpx;
+ border-radius: 8rpx;
+ .status{
+ position: absolute;
+ top: 0;
+ right: 0;
+ height: 50rpx;
+ line-height: 50rpx;
+ padding: 0 20rpx;
+ background: #279BAA;
+ color: #fff;
+ font-size: 26rpx;
+ border-radius: 0rpx 8rpx 0rpx 25rpx;
+ }
+ .me{
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: #00BA67;
+ border-radius: 8rpx 0rpx 8rpx 0rpx;
+ height: 42rpx;
+ line-height: 42rpx;
+ width: 64rpx;
+ text-align: center;
+ color: #fff;
+ font-size: 24rpx;
+ z-index: 11;
+ }
+ .padding{
+ background: #E9F5F6;
+ color: #279BAA;
+ }
+ .avatar{
+ width: 84rpx;
+ height: 84rpx;
+ margin-right: 20rpx;
+ }
+ .content{
+ flex: 1;
+ .id_card{
+ font-weight: 500;
+ font-size: 30rpx;
+ color: #111111;
+ }
+ .line{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 26rpx;
+ color: #999999;
+ margin-top: 6rpx;
+ .time{
+ display: flex;
+ align-items: center;
+ color: #279BAA;
+ }
+ }
+ }
+ }
+ .active{
+ background: linear-gradient( 270deg, #FFFFFF 0%, #E1F7FE 100%);
+ }
+ }
+
+}
+</style>
diff --git a/h5/pages/driver/reserved.vue b/h5/pages/driver/reserved.vue
new file mode 100644
index 0000000..c201b32
--- /dev/null
+++ b/h5/pages/driver/reserved.vue
@@ -0,0 +1,314 @@
+<template>
+ <view class="main_app">
+ <view class="main_wrap">
+ <view class="main_title">杩愯緭淇℃伅</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="showDatetime = true">
+ <text class="mr6" :style="{ color: param.area ? '#000000' : '#999999' }">{{ param.area ? param.area : '璇烽�夋嫨' }}</text>
+ <u-icon name="arrow-right" color="#CCCCCC" size="16"></u-icon>
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>鍏ュ簱绫诲瀷</text>
+ </view>
+ <view class="value">
+ <view class="btns">
+ <view class="btn active">鏁存墭鐩�</view>
+ <view class="btn">浠剁儫</view>
+ </view>
+ </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;" />
+ <text class="unit">涓囨敮</text>
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>鍑嗚繍璇佺収鐗�</text>
+ </view>
+ <view class="value">
+ <view class="upload_wrap"><u-icon name="plus" size="20" color="#999999"></u-icon></view>
+ </view>
+ </view>
+ <view class="empty"></view>
+ <view class="main_title">鍙告満/杞﹁締淇℃伅</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"><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="openInput(1)">
+ <text :style="{ color: param.carNos ? '#000000' : '' }">{{ param.carNos ? param.carNos : '璇疯緭鍏ヨ溅鐗屽彿鐮�' }}</text>
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">
+ <text>*</text>
+ <text>杞﹀悗鐗岀収鍙�</text>
+ </view>
+ <view class="value" @click="openInput(1)">
+ <text :style="{ color: param.carNos ? '#000000' : '' }">{{ param.carNos ? param.carNos : '璇疯緭鍏ヨ溅鐗屽彿鐮�' }}</text>
+ </view>
+ </view>
+ <view class="copy" @click="copy">澶嶅埗杞﹀墠鐗岀収鍙�</view>
+ <view class="perch"></view>
+ <view class="handle_sub">
+ 鎻愪氦
+ </view>
+
+ <!-- -->
+ </view>
+ <u-datetime-picker
+ :show="showDatetime"
+ closeOnClickOverlay
+ :minDate="new Date().getTime()"
+ mode="datetime"
+ @close="showDatetime = false"
+ @cancel="showDatetime = false"
+ @confirm="setinDate"
+ ></u-datetime-picker>
+ <keyboardInput ref="keyboard" @export="setPlate" @close="closeInput" />
+ </view>
+</template>
+
+<script>
+import keyboardInput from '@/components/keyboard-input/keyboard-input.vue';
+import { uploadUrl } from '@/api';
+export default {
+ components: {
+ keyboardInput
+ },
+ data() {
+ return {
+ param: {},
+ showDatetime: false,
+
+ inputType: ''
+ };
+ },
+ methods: {
+ copy(){
+ this.param.carNos = this.param.carNos
+ uni.showToast({
+ title: '澶嶅埗鎴愬姛',
+ duration: 1000
+ });
+ },
+ handleUpload() {
+ uni.chooseImage({
+ success: chooseImageRes => {
+ uni.showLoading({ title: '涓婁紶涓�', mask: true });
+ for (let i = 0; i < chooseImageRes.tempFilePaths.length; i++) {
+ uni.uploadFile({
+ url: `${uploadUrl}visitsAdmin/cloudService/web/public/uploadFtp.do`,
+ filePath: chooseImageRes.tempFilePaths[i],
+ name: 'file',
+ formData: {
+ folderCode: 'MEMBER_IMG'
+ },
+ success: uploadFileRes => {
+ console.log('uploadFileRes', uploadFileRes);
+ let res = JSON.parse(uploadFileRes.data);
+ if (type === 'faceImg') {
+ this.param.faceImg = res.data.halfPath;
+ this.param.faceImgUrl = res.data.prefixPath + res.data.folder + res.data.halfPath;
+ } else {
+ this.param.imgurl = res.data.halfPath;
+ this.param.imgurlUrl = res.data.prefixPath + res.data.folder + res.data.halfPath;
+ }
+ },
+ complete() {
+ if (i === chooseImageRes.tempFilePaths.length - 1) {
+ uni.hideLoading();
+ }
+ }
+ });
+ }
+ }
+ });
+ },
+ setinDate(e) {},
+ openInput(type) {
+ this.inputType = type;
+ this.$refs.keyboard.open();
+ },
+ setPlate(e) {
+ if (this.inputType === 1) {
+ this.param.carNos = e;
+ } else if (this.inputType === 2) {
+ this.param.carNos = e;
+ }
+ this.$forceUpdate();
+ this.closeInput();
+ },
+ closeInput() {
+ this.$refs.keyboard.close();
+ }
+ }
+};
+</script>
+
+<style lang="scss">
+page {
+ background-color: #f7f7f7;
+}
+.main_wrap {
+ background-color: #fff;
+ margin: 0 -30rpx;
+ padding: 0 30rpx;
+ .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;
+ .btns {
+ display: flex;
+ align-items: center;
+ .btn {
+ height: 60rpx;
+ line-height: 60rpx;
+ padding: 0 16rpx;
+ font-size: 26rpx;
+ margin-left: 12rpx;
+ border-radius: 12rpx;
+ border: 1rpx solid #777777;
+ color: #777777;
+ }
+ .active {
+ background-color: #4d99a8;
+ color: #fff;
+ border: 1rpx solid #4d99a8;
+ }
+ }
+ .unit {
+ width: 64rpx;
+ text-align: right;
+ font-size: 26rpx;
+ margin-bottom: 2rpx;
+ }
+ input {
+ flex: 1;
+ height: 100%;
+ text-align: right;
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #222222;
+ }
+ .upload_wrap {
+ width: 120rpx;
+ height: 120rpx;
+ border-radius: 12rpx;
+ border: 2rpx solid #e5e5e5;
+ background: #f7f7f7;
+ color: #666666;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ image {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+ }
+}
+.main_app {
+ // padding-top: 10rpx;
+ .handle_sub{
+ position: fixed;
+ bottom: 64rpx;
+ width: 690rpx;
+ left: 30rpx;
+ background-color: #4d99a8;
+ height: 88rpx;
+ line-height: 88rpx;
+ text-align: center;
+ color: #fff;
+ border-radius: 50rpx;
+ }
+ .perch{
+ width: 750rpx;
+ margin: 0 -30rpx;
+ height: 200rpx;
+ background-color: #f7f7f7;
+ }
+ .copy{
+ background-color: #f7f7f7;
+ display: flex;
+ margin: 0 -30rpx;
+ justify-content: flex-end;
+ padding: 12rpx 30rpx;
+ font-size: 26rpx;
+ color: #4d99a8;
+ }
+}
+.main_title {
+ width: 750rpx;
+ padding: 16rpx 30rpx;
+ background-color: #f7f7f7;
+ margin: 0 -30rpx;
+ color: #666666;
+ font-size: 26rpx;
+}
+.empty {
+ width: 750rpx;
+ height: 20rpx;
+ background-color: #f7f7f7;
+ margin: 0 -30rpx;
+}
+</style>
diff --git a/h5/pages/driver/reservedDetail.vue b/h5/pages/driver/reservedDetail.vue
new file mode 100644
index 0000000..e6417e9
--- /dev/null
+++ b/h5/pages/driver/reservedDetail.vue
@@ -0,0 +1,372 @@
+<template>
+ <view class="main_app">
+ <view class="status_wrap">
+ <view class="name">涓佹仼鍑殑璁垮鐢宠</view>
+ <view class="desc">绛夊緟鎴戝鐞�</view>
+ <view class="status">瀹℃壒涓�</view>
+ </view>
+ <!-- -->
+ <view class="emyty"></view>
+ <view class="module_list">
+ <view class="item">
+ <view class="label">鎷滆浜�</view>
+ <view class="value">寤栨垚鐟�</view>
+ </view>
+ <view class="item">
+ <view class="label">棰勮鍏�/绂诲巶鏃堕棿</view>
+ <view class="value">05/01 8:00 - 05/01 18:00</view>
+ </view>
+ <view class="emyty"></view>
+ <view class="item">
+ <view class="label">璁垮淇℃伅</view>
+ <view 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>
+ </view>
+ </view>
+ <view class="item">
+ <view class="label">鍏徃鍚嶇О</view>
+ <view class="value">涓浗绉诲姩</view>
+ </view>
+ <view class="item">
+ <view class="label">鏂藉伐浜哄憳</view>
+ <view class="value">鍚�</view>
+ </view>
+ <view class="item">
+ <view class="label">鏉ヨ浜嬬敱</view>
+ <view class="value">涓氬姟娲借皥</view>
+ </view>
+ </view>
+ <!-- 娴佺▼ -->
+ <view class="flow_wrap">
+ <view class="flow_title">娴佺▼</view>
+ <view class="list">
+ <view class="item">
+ <view class="avatar">
+ <image class="img" src="@/static/logo@2x.png" mode="widthFix" />
+ <image class="status" src="@/static/staff/liucheng_success@2x.png" mode="widthFix" />
+ <view class="separate"></view>
+ </view>
+ <view class="content">
+ <view class="head">
+ <view class="event">鏌愭煇鎻愪氦鐨勬嫓璁跨敵璇�</view>
+ <view class="time">time</view>
+ </view>
+ <view class="name_wrap">
+ <text>鏉庝笢(<text class="status">澶勭悊涓�</text>)</text>
+ </view>
+ <view class="remark">鍚屾剰鏀捐</view>
+ </view>
+ </view>
+ <view class="item">
+ <view class="avatar">
+ <image class="img" src="@/static/logo@2x.png" mode="widthFix" />
+ <image class="status" src="@/static/staff/liucheng_success@2x.png" mode="widthFix" />
+ </view>
+ <view class="content">
+ <view class="head">
+ <view class="event">鏌愭煇鎻愪氦鐨勬嫓璁跨敵璇�</view>
+ <view class="time">time</view>
+ </view>
+ <view class="name_wrap">
+ <text>鏉庝笢(<text class="status">澶勭悊涓�</text>)</text>
+ </view>
+ <view class="carbon">
+ <view class="carbon_item" v-for="i in 12">
+ <image src="@/static/logo@2x.png" mode="widthFix"></image>
+ <view class="text">name</view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="emyty"></view>
+ <view class="main_footer">
+ <view class="btn" @click="handleSub('0')">鎷掔粷</view>
+ <view class="btn agree" @click="handleSub('1')">鍚屾剰</view>
+ </view>
+
+ <!-- -->
+ <u-popup :show="showApprModal" :round="10" :safeAreaInsetBottom="true" mode="bottom" @close="showApprModal = false">
+ <view class="appr_modal">
+ <view class="title">鍚屾剰</view>
+ <textarea placeholder="鍚屾剰璇存槑锛岄潪蹇呭～" placeholder-class="placeholder9" />
+ <view class="main_footer">
+ <view class="btn" @click="showApprModal = false">鍙栨秷</view>
+ <view class="btn agree">鎻愪氦</view>
+ </view>
+ </view>
+ </u-popup>
+ </view>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ showApprModal: false,
+ param: {}
+ }
+ },
+ methods: {
+ handleSub(flag) {
+ // this.param.flag =
+ if (flag === '1') {
+
+ } else {
+
+ }
+ this.showApprModal = true
+ }
+ },
+}
+</script>
+<style>
+page {
+ background-color: #F7F7F7;
+}
+</style>
+<style lang="scss">
+.main_app {
+ background-color: #fff;
+ padding-bottom: 0;
+
+ .flow_wrap {
+ padding: 30rpx 0;
+
+ .flow_title {
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #222222;
+ margin-bottom: 24rpx;
+ }
+
+ .list {
+ .item {
+ display: flex;
+ margin-bottom: 48rpx;
+
+ .avatar {
+ width: 80rpx;
+ height: 80rpx;
+ position: relative;
+ margin-right: 20rpx;
+
+ .img {
+ width: 80rpx;
+ height: 80rpx;
+ border-radius: 50%;
+ }
+
+ .status {
+ width: 28rpx;
+ height: 28rpx;
+ border-radius: 50%;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ }
+
+ .separate {
+ position: absolute;
+ width: 4rpx;
+ height: 100%;
+ background-color: #EEEEEE;
+ left: 50%;
+ transform: translate(-50%, 0);
+ bottom: -80rpx;
+ }
+ }
+
+ .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: #279BAA;
+ }
+ }
+
+ .remark {
+ margin-top: 12rpx;
+ background-color: #f7f7f7;
+ padding: 14rpx 20rpx;
+ border-radius: 8rpx;
+ font-size: 26rpx;
+ color: #666666;
+ line-height: 36rpx;
+ }
+ }
+ .carbon{
+ display: flex;
+ width: 590rpx;
+ overflow-x: auto;
+ margin-top: 12rpx;
+ .carbon_item{
+ text-align: center;
+ flex-shrink: 0;
+ width: 100rpx;
+ image{
+ width: 60rpx;
+ height: 60rpx;
+ margin: 0 auto;
+ }
+ view{
+ font-size: 26rpx;
+ color: #777777;
+
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .module_list {
+ .item {
+ padding: 30rpx 0;
+ border-bottom: 1rpx solid #E5E5E5;
+
+ .label {
+ font-size: 26rpx;
+ color: #666666;
+ margin-bottom: 20rpx;
+ }
+
+ .value {
+ font-size: 30rpx;
+ display: flex;
+ align-items: center;
+
+ .avatar {
+ margin-right: 20rpx;
+ width: 120rpx;
+ height: 120rpx;
+ border-radius: 8rpx;
+ border: 2rpx solid #E5E5E5;
+ }
+
+ .info {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ font-size: 26rpx;
+ color: #666666;
+
+ .name {
+ font-size: 30rpx;
+ color: #333333;
+ }
+ }
+ }
+ }
+ }
+
+ .status_wrap {
+ position: relative;
+ padding: 30rpx 0;
+
+ .name {
+ font-weight: 500;
+ font-size: 32rpx;
+ margin-bottom: 20rpx;
+ color: #222222;
+ }
+
+ .desc {
+ font-size: 26rpx;
+ color: #ED4545;
+ }
+
+ .status {
+ position: absolute;
+ right: -30rpx;
+ top: 0;
+ height: 60rpx;
+ line-height: 60rpx;
+ padding: 0 32rpx;
+ border-radius: 0rpx 0rpx 0rpx 30rpx;
+ background-color: #e9edff;
+ color: #279BAA;
+ }
+ }
+
+ .main_footer {
+ padding-bottom: 64rpx;
+ display: flex;
+ justify-content: space-between;
+
+ .btn {
+ width: 336rpx;
+ height: 88rpx;
+ line-height: 88rpx;
+ background: #FFFFFF;
+ border-radius: 44rpx;
+ border: 1rpx solid #999999;
+ font-size: 32rpx;
+ text-align: center;
+ margin: 16rpx 0;
+ }
+
+ .agree {
+ background: #279BAA;
+ color: #fff;
+ border: 1rpx solid #279BAA;
+ }
+ }
+
+ .appr_modal {
+ padding: 36rpx 30rpx 0;
+
+ .title {
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #222222;
+ margin-bottom: 40rpx;
+ text-align: center;
+ }
+
+ textarea {
+ box-sizing: border-box;
+ width: 690rpx;
+ background-color: #f7f7f7;
+ font-size: 28rpx;
+ color: #333333;
+ padding: 24rpx;
+ border-radius: 8rpx;
+ margin-bottom: 30rpx;
+ }
+ }
+
+ .emyty {
+ width: 750rpx;
+ height: 20rpx;
+ background-color: #f7f7f7;
+ margin: 0 -30rpx;
+ }
+}
+</style>
diff --git a/h5/pages/driver/reservedGuide.vue b/h5/pages/driver/reservedGuide.vue
new file mode 100644
index 0000000..8c3b35f
--- /dev/null
+++ b/h5/pages/driver/reservedGuide.vue
@@ -0,0 +1,19 @@
+<template>
+ <view>
+
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+
+ };
+ }
+ }
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/h5/pages/driver/reservedRecord.vue b/h5/pages/driver/reservedRecord.vue
new file mode 100644
index 0000000..5fcf708
--- /dev/null
+++ b/h5/pages/driver/reservedRecord.vue
@@ -0,0 +1,160 @@
+<template>
+ <view class="main_app">
+ <!-- -->
+ <view class="box_list">
+ <view class="box_list_item" v-for="(item, index) in 3" :key="index" @click="handleDetail()">
+ <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>
+ </view>
+ </view>
+ <!-- 閫夋嫨杞﹁締 -->
+ <u-picker keyName="name" closeOnClickOverlay @close="isShowCar = false" :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>
+export default {
+ data() {
+ return {
+ isShowCar: false,
+ isShowDate: false,
+ param: {},
+ 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' }]
+ };
+ },
+ methods: {
+ handleDetail() {
+ uni.navigateTo({
+ url: "/pages/driver/reservedDetail"
+ })
+ },
+ 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{
+ background: #F7F7F7;
+ padding: 0;
+ }
+.app_header {
+ display: flex;
+ align-items: center;
+ margin: 0 -15rpx;
+ background-color: #fff;
+ .item {
+ width: 360rpx;
+ height: 72rpx;
+ margin: 15rpx;
+ padding: 0 30rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ align-items: center;
+ }
+}
+.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_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;
+ }
+ }
+ }
+ }
+ }
+}
+</style>
diff --git a/h5/pages/driver/taskConfirm.vue b/h5/pages/driver/taskConfirm.vue
new file mode 100644
index 0000000..af99810
--- /dev/null
+++ b/h5/pages/driver/taskConfirm.vue
@@ -0,0 +1,435 @@
+<template>
+ <view class="main_app">
+ <view class="status_wrap">
+ <image class="bg" src="../../static/driver/bg_renwu@2x.png" mode=""></image>
+ <view class="name">浣滀笟宸插畬鎴�</view>
+ <view class="id_card">鐨朅D1212</view>
+ <view class="status">浣滀笟瀹屾垚</view>
+ </view>
+ <!-- -->
+ <view class="main_content">
+ <view class="line">
+ <view class="label">鍙告満濮撳悕</view>
+ <view class="value">鍒樻煇</view>
+ </view>
+ <view class="line">
+ <view class="label">鎵嬫満鍙�</view>
+ <view class="value">188</view>
+ </view>
+ <view class="line">
+ <view class="label">杩愯緭鍗曞彿</view>
+ <view class="value" @click="showDetail = true">
+ <text class="waybill_num">Y111</text>
+ <text class="btn">杩愬崟璇︽儏</text>
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">浣滀笟绫诲瀷</view>
+ <view class="value">鍏ュ洯瑁呰揣</view>
+ </view>
+ <view class="empty"></view>
+ <!-- -->
+ <view class="line">
+ <view class="label">杞﹀墠鐗岀収鍙�</view>
+ <view class="value" @click="openInput(1)">
+ <text :style="{ color: param.carNos ? '#000000' : '#999999' }">{{ param.carNos ? param.carNos : '璇疯緭鍏ヨ溅鍓嶇墝鐓у彿'
+ }}</text>
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">杞﹀悗鐗岀収鍙�</view>
+ <view class="value">
+ <text @click="openInput(1)" :style="{ color: param.carNos ? '#000000' : '#999999' }">{{ param.carNos ?
+ param.carNos : '璇疯緭鍏ヨ溅鍚庣墝鐓у彿' }}</text>
+ <text class="copy">澶嶅埗杞﹀墠鐗岀収鍙�</text>
+ </view>
+ </view>
+ <!-- -->
+
+ </view>
+ <view class="space"></view>
+ <!-- 绛夊緟鍙彿 -->
+ <view class="sub_wrap">
+ <view class="btn check">纭浠诲姟</view>
+ </view>
+
+ <!-- modal -->
+ <u-popup :show="showDetail" :round="10" :safeAreaInsetBottom="true" closeOnClickOverlay :closeable="true"
+ mode="bottom" @close="showDetail = false">
+ <view class="detail_modal">
+ <view class="modal_title">杩愬崟璇︽儏</view>
+ <view class="id_card">
+ <view class="last">鐨�</view>
+ <view class="name">AD1111</view>
+ </view>
+ <!-- -->
+ <view class="info">
+ <view class="line">
+ <view class="label">杩愯緭鍗曞彿</view>
+ <view class="value">2222</view>
+ </view>
+ <view class="line">
+ <view class="label">椹鹃┒鍛�</view>
+ <view class="value">2222</view>
+ </view>
+ <view class="line">
+ <view class="label">鎬昏繍杈撻噺</view>
+ <view class="value">2222</view>
+ </view>
+ <view class="line">
+ <view class="label">杩愯緭鍏徃</view>
+ <view class="value">2222</view>
+ </view>
+ </view>
+ <view class="separate"></view>
+ <view class="contract_list">
+ <view class="title">鍚堝悓鍙凤細111</view>
+ <view class="address">aadd</view>
+ <view class="list">
+ <view class="line">
+ <view class="label">鐗╂枡锛�</view>
+ <view class="value">榛勫北榛戦┈</view>
+ </view>
+ <view class="line">
+ <view class="label">鏁伴噺锛�</view>
+ <view class="value">榛勫北榛戦┈</view>
+ </view>
+ <view class="line">
+ <view class="label">鐗╂枡锛�</view>
+ <view class="value">榛勫北榛戦┈</view>
+ </view>
+ <view class="line">
+ <view class="label">鏁伴噺锛�</view>
+ <view class="value">榛勫北榛戦┈</view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </u-popup>
+ <keyboardInput ref="keyboard" @export="setPlate" @close="closeInput" />
+ </view>
+ <!-- -->
+</template>
+
+<script>
+import keyboardInput from '@/components/keyboard-input/keyboard-input.vue'
+export default {
+ components: {
+ keyboardInput
+ },
+ data() {
+ return {
+ param: {
+ status: '0'
+ },
+ showDetail: false,
+
+ inputType: ''
+ }
+ },
+ methods: {
+ handleSignIn() {
+ const { param } = this
+ this.param.status = param.status == '0' ? '1' : '0'
+ },
+ getLocation() {
+ uni.getLocation({
+ type: 'wgs84',
+ success: function (res) {
+ console.log('褰撳墠浣嶇疆鐨勭粡搴︼細' + res.longitude)
+ console.log('褰撳墠浣嶇疆鐨勭含搴︼細' + res.latitude)
+ }
+ })
+ },
+ openInput(type) {
+ this.inputType = type
+ this.$refs.keyboard.open()
+ },
+ setPlate(e) {
+ if (this.inputType === 1) {
+ this.param.carNos = e
+ } else if (this.inputType === 2) {
+ this.param.carNos = e
+ }
+ this.$forceUpdate()
+ this.closeInput()
+ },
+ closeInput() {
+ this.$refs.keyboard.close()
+ }
+ }
+}
+</script>
+
+<style lang="scss">
+page {
+ background-color: #f7f7f7;
+}
+
+.main_app {
+ padding: 0;
+
+ .main_content {
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 0rpx 0rpx;
+ padding: 16rpx 30rpx;
+ position: relative;
+ bottom: 32rpx;
+
+ .line {
+ padding: 24rpx 0 28rpx;
+ border-bottom: 1rpx solid #E5E5E5;
+
+ .label {
+ font-size: 26rpx;
+ color: #666666;
+ margin-bottom: 20rpx;
+ }
+
+ .value {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 30rpx;
+
+ .waybill_num {
+ flex: 1;
+ }
+
+ .copy {
+ font-size: 26rpx;
+ color: #279BAA;
+ }
+
+ .btn {
+ font-size: 28rpx;
+ color: #279BAA;
+ display: flex;
+ }
+ }
+ }
+ .empty{
+ width: 750rpx;
+ height: 20rpx;
+ background-color: #f7f7f7;
+ margin: 0 -30rpx;
+ }
+ .warnning {
+ display: flex;
+ color: #ED4545;
+ align-items: center;
+ margin: 40rpx 0;
+ }
+
+ .signIn_wrap {
+ margin: 80rpx auto;
+ width: 260rpx;
+ height: 260rpx;
+ position: relative;
+ color: #fff;
+ z-index: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ .handle {
+ font-weight: 500;
+ font-size: 40rpx;
+ line-height: 56rpx;
+ }
+
+ .time {
+ color: rgba(255, 255, 255, 0.7);
+ }
+
+ .img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ }
+ }
+ }
+
+ .status_wrap {
+ height: 200rpx;
+ width: 100%;
+ padding: 30rpx;
+ position: relative;
+ z-index: 99;
+ color: #fff;
+ .bg {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ }
+
+ .name {
+ font-weight: 500;
+ font-size: 40rpx;
+ line-height: 56rpx;
+ margin-bottom: 12rpx;
+ }
+
+ .id_card {
+ color: rgba(255, 255, 255, 0.8);
+ }
+ .status {
+ position: absolute;
+ right: 0;
+ top: 30rpx;
+ height: 68rpx;
+ line-height: 68rpx;
+ background: #FFFFFF;
+ padding: 0 24rpx;
+ border-radius: 34rpx 0rpx 0rpx 34rpx;
+ font-size: 26rpx;
+ color: #279BAA;
+
+ }
+ }
+
+ .space {
+ width: 750rpx;
+ height: 200rpx;
+ }
+
+ .sub_wrap {
+ position: fixed;
+ padding: 16rpx 30rpx 64rpx;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ display: flex;
+ z-index: 1;
+ justify-content: space-between;
+ background-color: #fff;
+ .btn {
+ height: 96rpx;
+ line-height: 96rpx;
+ text-align: center;
+ width: 690rpx;
+ font-size: 36rpx;
+ color: #333333;
+ background: #FFFFFF;
+ border-radius: 48rpx;
+ border: 1rpx solid #999999;
+ }
+
+ .check {
+ background: #279BAA;
+ border: 1rpx solid #279BAA;
+ color: #fff;
+ }
+ }
+}
+
+.detail_modal {
+ padding: 36rpx 30rpx;
+
+ .modal_title {
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #222222;
+ line-height: 44rpx;
+ text-align: center;
+ margin-bottom: 36rpx;
+ }
+
+ .contract_list {
+ .list {
+ background: #F7F7F7;
+ border-radius: 8rpx;
+ padding: 20rpx;
+
+ .line {
+ display: flex;
+ margin-bottom: 20rpx;
+
+ &:nth-of-type(3n) {
+ border-top: 1rpx solid #E5E5E5;
+ padding-top: 20rpx;
+ }
+
+ .label {
+ color: #666666;
+ width: 86rpx;
+ }
+
+ .value {
+ flex: 1;
+ color: #222222;
+ }
+ }
+ }
+
+ .title {
+ font-weight: 500;
+ font-size: 30rpx;
+ color: #279BAA;
+ margin-bottom: 12rpx;
+ }
+
+ .address {
+ font-size: 26rpx;
+ color: #666666;
+ margin-bottom: 20rpx;
+ }
+ }
+
+ .info {
+ .line {
+ display: flex;
+ margin-bottom: 20rpx;
+
+ .label {
+ font-size: 30rpx;
+ color: #666666;
+ width: 150rpx;
+ }
+
+ .value {
+ flex: 1;
+ font-size: 30rpx;
+ color: #222222;
+ }
+ }
+ }
+
+ .separate {
+ width: 750rpx;
+ height: 2rpx;
+ margin: 30rpx -30rpx;
+ border: 1rpx solid #E5E5E5;
+ }
+
+ .id_card {
+ border-radius: 8rpx;
+ display: flex;
+ height: 60rpx;
+ line-height: 60rpx;
+ font-weight: 600;
+ font-size: 36rpx;
+ color: #111111;
+ text-align: center;
+ margin-bottom: 30rpx;
+
+ .last {
+ background: #E9F5F6;
+ width: 60rpx;
+ border-radius: 8rpx 0rpx 0rpx 8rpx;
+ border: 1rpx solid #DFDEDE;
+ }
+
+ .name {
+ width: 186rpx;
+ border: 1rpx solid #DFDEDE;
+ }
+ }
+}
+</style>
diff --git a/h5/pages/driver/taskDetail.vue b/h5/pages/driver/taskDetail.vue
new file mode 100644
index 0000000..09ad9ea
--- /dev/null
+++ b/h5/pages/driver/taskDetail.vue
@@ -0,0 +1,380 @@
+<template>
+ <view class="main_app">
+ <view class="status_wrap">
+ <image class="bg" src="../../static/driver/bg_renwu@2x.png" mode=""></image>
+ <view class="name">浣滀笟宸插畬鎴�</view>
+ <view class="id_card">鐨朅D1212</view>
+ <view class="status">浣滀笟瀹屾垚</view>
+ </view>
+ <!-- -->
+ <view class="main_content">
+ <view class="line">
+ <view class="label">鍙告満濮撳悕</view>
+ <view class="value">鍒樻煇</view>
+ </view>
+ <view class="line">
+ <view class="label">鎵嬫満鍙�</view>
+ <view class="value">188</view>
+ </view>
+ <view class="line">
+ <view class="label">杩愯緭鍗曞彿</view>
+ <view class="value" @click="showDetail = true">
+ <text class="waybill_num">Y111</text>
+ <text class="btn">杩愬崟璇︽儏</text>
+ </view>
+ </view>
+ <view class="line">
+ <view class="label">浣滀笟绫诲瀷</view>
+ <view class="value">鍏ュ洯瑁呰揣</view>
+ </view>
+ <view class="line">
+ <view class="label">杞︾墝鐓�</view>
+ <view class="value">鍓嶏細鐨朅21</view>
+ </view>
+ <!-- -->
+ <view class="line">
+ <view class="label">璺濈鍥尯</view>
+ <view class="value">
+ <view class="">0 鍏噷</view>
+ <view class="btn" @click="getLocation">
+ <u-icon name="map" color="#279BAA" class="mr6"></u-icon>
+ 閲嶆柊瀹氫綅
+ </view>
+ </view>
+ </view>
+ <view class="warnning">
+ <u-icon name="info-circle" color="#ED4545" class="mr12"></u-icon>
+ 濡傛棤娉曡幏鍙栧畾浣嶏紝璇风敤寰俊鎵弿鍥尯澶у睆浜岀淮
+ </view>
+<!-- <view class="line">
+ <view class="label">绛惧埌鏃堕棿</view>
+ <view class="value">2022</view>
+ </view>
+ <view class="line">
+ <view class="label">鍏ュ洯鏃堕棿</view>
+ <view class="value">2022</view>
+ </view>
+ <view class="line">
+ <view class="label">浣滀笟瀹屾垚</view>
+ <view class="value">2022</view>
+ </view> -->
+ <view class="signIn_wrap" @click="handleSignIn">
+ <image :src="param.status == '0' ? require('@/static/driver/btn_qiandao@2x.png') : require('@/static/driver/btn_qiandao_fail@2x.png')" class="img" mode="widthFix"></image>
+ <view class="handle">绛惧埌</view>
+ <view class="time">09:10</view>
+ </view>
+ </view>
+ <view class="space"></view>
+ <!-- 绛夊緟鍙彿 -->
+ <view class="padding_wrap">
+ <view class="btn cancel">鍙栨秷绛惧埌</view>
+ <view class="btn check">鏌ョ湅鎺掗槦鎯呭喌</view>
+ </view>
+
+ <!-- modal -->
+ <u-popup :show="showDetail" :round="10" :safeAreaInsetBottom="true" closeOnClickOverlay :closeable="true" mode="bottom" @close="showDetail = false">
+ <view class="detail_modal">
+ <view class="modal_title">杩愬崟璇︽儏</view>
+ <view class="id_card">
+ <view class="last">鐨�</view>
+ <view class="name">AD1111</view>
+ </view>
+ <!-- -->
+ <view class="info">
+ <view class="line">
+ <view class="label">杩愯緭鍗曞彿</view>
+ <view class="value">2222</view>
+ </view>
+ <view class="line">
+ <view class="label">椹鹃┒鍛�</view>
+ <view class="value">2222</view>
+ </view>
+ <view class="line">
+ <view class="label">鎬昏繍杈撻噺</view>
+ <view class="value">2222</view>
+ </view>
+ <view class="line">
+ <view class="label">杩愯緭鍏徃</view>
+ <view class="value">2222</view>
+ </view>
+ </view>
+ <view class="separate"></view>
+ <view class="contract_list">
+ <view class="title">鍚堝悓鍙凤細111</view>
+ <view class="address">aadd</view>
+ <view class="list">
+ <view class="line">
+ <view class="label">鐗╂枡锛�</view>
+ <view class="value">榛勫北榛戦┈</view>
+ </view>
+ <view class="line">
+ <view class="label">鏁伴噺锛�</view>
+ <view class="value">榛勫北榛戦┈</view>
+ </view>
+ <view class="line">
+ <view class="label">鐗╂枡锛�</view>
+ <view class="value">榛勫北榛戦┈</view>
+ </view>
+ <view class="line">
+ <view class="label">鏁伴噺锛�</view>
+ <view class="value">榛勫北榛戦┈</view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </u-popup>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ param: {
+ status: '0'
+ },
+ showDetail: false,
+ };
+ },
+ methods: {
+ handleSignIn() {
+ const { param } = this
+ this.param.status = param.status == '0' ? '1' : '0'
+ },
+ getLocation() {
+ uni.getLocation({
+ type: 'wgs84',
+ success: function (res) {
+ console.log('褰撳墠浣嶇疆鐨勭粡搴︼細' + res.longitude);
+ console.log('褰撳墠浣嶇疆鐨勭含搴︼細' + res.latitude);
+ }
+ });
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+.main_app{
+ padding: 0;
+ .main_content{
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 0rpx 0rpx;
+ padding: 16rpx 30rpx;
+ position: relative;
+ bottom: 32rpx;
+ .line{
+ padding: 24rpx 0 28rpx;
+ border-bottom: 1rpx solid #E5E5E5;
+ display: flex;
+ .label{
+ width: 150rpx;
+ font-size: 30rpx;
+ color: #666666;
+ }
+ .value{
+ flex: 1;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 30rpx;
+ .waybill_num{
+ flex: 1;
+ }
+ .btn{
+ font-size: 28rpx;
+ color: #279BAA;
+ display: flex;
+ }
+ }
+ }
+ .warnning{
+ display: flex;
+ color: #ED4545;
+ align-items: center;
+ margin: 40rpx 0;
+ }
+ .signIn_wrap{
+ margin: 80rpx auto;
+ width: 260rpx;
+ height: 260rpx;
+ position: relative;
+ color: #fff;
+ z-index: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ .handle{
+ font-weight: 500;
+ font-size: 40rpx;
+ line-height: 56rpx;
+ }
+ .time{
+ color: rgba(255,255,255,0.7);
+ }
+ .img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ }
+ }
+ }
+ .status_wrap{
+ height: 200rpx;
+ width: 100%;
+ padding: 30rpx;
+ position: relative;
+ color: #fff;
+ .bg{
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ }
+ .name{
+ font-weight: 500;
+ font-size: 40rpx;
+ line-height: 56rpx;
+ margin-bottom: 12rpx;
+ }
+ .id_card{
+ color: rgba(255,255,255,0.8);
+ }
+ .status{
+ position: absolute;
+ right: 0;
+ top: 30rpx;
+ height: 68rpx;
+ line-height: 68rpx;
+ background: #FFFFFF;
+ padding: 0 24rpx;
+ border-radius: 34rpx 0rpx 0rpx 34rpx;
+ font-size: 26rpx;
+ color: #279BAA;
+
+ }
+ }
+ .space{
+ width: 750rpx;
+ height: 200rpx;
+ }
+ .padding_wrap{
+ position: fixed;
+ padding: 0 30rpx 64rpx;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ .btn{
+ height: 96rpx;
+ line-height: 96rpx;
+ text-align: center;
+ width: 336rpx;
+ font-size: 36rpx;
+ color: #333333;
+ background: #FFFFFF;
+ border-radius: 48rpx;
+ border: 1rpx solid #999999;
+ }
+ .check{
+ background: #279BAA;
+ border: 1rpx solid #279BAA;
+ color: #fff;
+ }
+ }
+}
+.detail_modal{
+ padding: 36rpx 30rpx;
+ .modal_title{
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #222222;
+ line-height: 44rpx;
+ text-align: center;
+ margin-bottom: 36rpx;
+ }
+ .contract_list{
+ .list{
+ background: #F7F7F7;
+ border-radius: 8rpx;
+ padding: 20rpx;
+ .line{
+ display: flex;
+ margin-bottom: 20rpx;
+ &:nth-of-type(3n){
+ border-top: 1rpx solid #E5E5E5;
+ padding-top: 20rpx;
+ }
+ .label{
+ color: #666666;
+ width: 86rpx;
+ }
+ .value{
+ flex: 1;
+ color: #222222;
+ }
+ }
+ }
+ .title{
+ font-weight: 500;
+ font-size: 30rpx;
+ color: #279BAA;
+ margin-bottom: 12rpx;
+ }
+ .address{
+ font-size: 26rpx;
+ color: #666666;
+ margin-bottom: 20rpx;
+ }
+ }
+ .info{
+ .line{
+ display: flex;
+ margin-bottom: 20rpx;
+ .label{
+ font-size: 30rpx;
+ color: #666666;
+ width: 150rpx;
+ }
+ .value{
+ flex: 1;
+ font-size: 30rpx;
+ color: #222222;
+ }
+ }
+ }
+ .separate{
+ width: 750rpx;
+ height: 2rpx;
+ margin: 30rpx -30rpx;
+ border: 1rpx solid #E5E5E5;
+ }
+ .id_card{
+ border-radius: 8rpx;
+ display: flex;
+ height: 60rpx;
+ line-height: 60rpx;
+ font-weight: 600;
+ font-size: 36rpx;
+ color: #111111;
+ text-align: center;
+ margin-bottom: 30rpx;
+ .last{
+ background: #E9F5F6;
+ width: 60rpx;
+ border-radius: 8rpx 0rpx 0rpx 8rpx;
+ border: 1rpx solid #DFDEDE;
+ }
+ .name{
+ width: 186rpx;
+ border: 1rpx solid #DFDEDE;
+ }
+ }
+}
+</style>
diff --git a/h5/pages/staff/snapshot.vue b/h5/pages/staff/snapshot.vue
index 9a0037f..7ba1551 100644
--- a/h5/pages/staff/snapshot.vue
+++ b/h5/pages/staff/snapshot.vue
@@ -129,7 +129,7 @@
};
</script>
-<style lang="scss" scoped>
+<style lang="scss">
.main_wrap {
.line {
display: flex;
diff --git a/h5/pages/staff/task/index.vue b/h5/pages/staff/task/index.vue
index 6586ab6..d313c44 100644
--- a/h5/pages/staff/task/index.vue
+++ b/h5/pages/staff/task/index.vue
@@ -47,7 +47,7 @@
<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>
+ <text class="btn" @click="handleAppr()">鍘诲鐞�</text>
</view>
</view>
</view>
@@ -123,6 +123,11 @@
};
},
methods: {
+ handleAppr(item) {
+ uni.navigateTo({
+ url: '/pages/staff/task/visitorApprove'
+ })
+ },
clickItem(index) {
this.i = index
},
diff --git a/h5/static/driver/bg_renwu@2x.png b/h5/static/driver/bg_renwu@2x.png
new file mode 100644
index 0000000..de7e667
--- /dev/null
+++ b/h5/static/driver/bg_renwu@2x.png
Binary files differ
diff --git a/h5/static/driver/btn_qiandao@2x.png b/h5/static/driver/btn_qiandao@2x.png
new file mode 100644
index 0000000..d3e7c58
--- /dev/null
+++ b/h5/static/driver/btn_qiandao@2x.png
Binary files differ
diff --git a/h5/static/driver/btn_qiandao_fail@2x.png b/h5/static/driver/btn_qiandao_fail@2x.png
new file mode 100644
index 0000000..be4fb70
--- /dev/null
+++ b/h5/static/driver/btn_qiandao_fail@2x.png
Binary files differ
diff --git a/h5/static/driver/ic_truck@2x.png b/h5/static/driver/ic_truck@2x.png
new file mode 100644
index 0000000..9f8efd4
--- /dev/null
+++ b/h5/static/driver/ic_truck@2x.png
Binary files differ
diff --git a/h5/static/driver/ic_yiqiandao@2x.png b/h5/static/driver/ic_yiqiandao@2x.png
new file mode 100644
index 0000000..0145e85
--- /dev/null
+++ b/h5/static/driver/ic_yiqiandao@2x.png
Binary files differ
diff --git a/h5/static/driver/ic_zuoyezhong@2x.png b/h5/static/driver/ic_zuoyezhong@2x.png
new file mode 100644
index 0000000..c03adff
--- /dev/null
+++ b/h5/static/driver/ic_zuoyezhong@2x.png
Binary files differ
diff --git a/h5/static/driver/wuliu_ic_car@2x.png b/h5/static/driver/wuliu_ic_car@2x.png
new file mode 100644
index 0000000..c2a7bef
--- /dev/null
+++ b/h5/static/driver/wuliu_ic_car@2x.png
Binary files differ
diff --git a/h5/static/driver/wuliu_ic_daolan@2x.png b/h5/static/driver/wuliu_ic_daolan@2x.png
new file mode 100644
index 0000000..4bb150b
--- /dev/null
+++ b/h5/static/driver/wuliu_ic_daolan@2x.png
Binary files differ
diff --git a/h5/static/driver/wuliu_ic_huowu@2x.png b/h5/static/driver/wuliu_ic_huowu@2x.png
new file mode 100644
index 0000000..bcae84b
--- /dev/null
+++ b/h5/static/driver/wuliu_ic_huowu@2x.png
Binary files differ
diff --git a/h5/static/driver/wuliu_ic_paidui@2x.png b/h5/static/driver/wuliu_ic_paidui@2x.png
new file mode 100644
index 0000000..c809a61
--- /dev/null
+++ b/h5/static/driver/wuliu_ic_paidui@2x.png
Binary files differ
diff --git a/h5/static/driver/wuliu_ic_ruyuanyuyue@2x.png b/h5/static/driver/wuliu_ic_ruyuanyuyue@2x.png
new file mode 100644
index 0000000..8248135
--- /dev/null
+++ b/h5/static/driver/wuliu_ic_ruyuanyuyue@2x.png
Binary files differ
diff --git a/h5/static/driver/wuliu_ic_yuyuejilu@2x.png b/h5/static/driver/wuliu_ic_yuyuejilu@2x.png
new file mode 100644
index 0000000..dbdb59d
--- /dev/null
+++ b/h5/static/driver/wuliu_ic_yuyuejilu@2x.png
Binary files differ
diff --git a/h5/static/driver/wuliu_ic_zhinan@2x.png b/h5/static/driver/wuliu_ic_zhinan@2x.png
new file mode 100644
index 0000000..2c35e29
--- /dev/null
+++ b/h5/static/driver/wuliu_ic_zhinan@2x.png
Binary files differ
diff --git a/h5/static/driver/wuliuche_banner@2x.png b/h5/static/driver/wuliuche_banner@2x.png
new file mode 100644
index 0000000..26f993b
--- /dev/null
+++ b/h5/static/driver/wuliuche_banner@2x.png
Binary files differ
--
Gitblit v1.9.3