From 6eef22c164b57c435f27f6f5e4b9d2a67300e8e9 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期三, 09 十月 2024 15:00:09 +0800
Subject: [PATCH] 运单查询
---
h5/pages.json | 7 +
h5/static/driver/ic_dangqian.png | 0
h5/pages/waybill/waybillDetail.vue | 207 +++++++++++++++++++++++++++++++++++++++++++++++++++
h5/static/driver/ic_mostarted.png | 0
h5/static/driver/wuliuche_bg@2x.png | 0
5 files changed, 214 insertions(+), 0 deletions(-)
diff --git a/h5/pages.json b/h5/pages.json
index 7a5fc0f..cc71d51 100644
--- a/h5/pages.json
+++ b/h5/pages.json
@@ -447,6 +447,13 @@
{
"navigationBarTitleText" : "鍏ュ洯椤荤煡"
}
+ },
+ {
+ "path" : "pages/waybill/waybillDetail",
+ "style" :
+ {
+ "navigationBarTitleText" : "杩愬崟鏌ヨ"
+ }
}
],
"subPackages": [
diff --git a/h5/pages/waybill/waybillDetail.vue b/h5/pages/waybill/waybillDetail.vue
new file mode 100644
index 0000000..da8e896
--- /dev/null
+++ b/h5/pages/waybill/waybillDetail.vue
@@ -0,0 +1,207 @@
+<template>
+ <view class="main_app">
+ <image src="@/static/driver/wuliuche_bg@2x.png" class="main_bg"></image>
+ <view class="form_wrap">
+ <view class="item">
+ <view class="label">鍚堝悓缂栧彿</view>
+ <view class="line">
+ <view class="input_wrap"><input v-model="param.aa" placeholder="璇疯緭鍏ュ悎鍚岀紪鍙�" placeholder-class="place" type="text" /></view>
+ </view>
+ </view>
+ <view class="item">
+ <view class="label">闇�鏂圭紪鍙�</view>
+ <view class="line">
+ <view class="input_wrap"><input v-model="param.aa" placeholder="璇疯緭鍏ュ悎鍚屼腑闇�鏂圭紪鍙�" placeholder-class="place" type="text" /></view>
+ </view>
+ </view>
+ <view class="item">
+ <view class="label">楠岃瘉鐮�</view>
+ <view class="line">
+ <view class="input_wrap"><input v-model="param.aa" placeholder="璇疯緭鍏ラ獙璇佺爜" placeholder-class="place" type="text" /></view>
+ <image src="" class="auth_code" mode=""></image>
+ </view>
+ </view>
+ <view class="query">鏌ヨ</view>
+ </view>
+ <view class="title">鏌ヨ缁撴灉</view>
+ <view class="drive_info">
+ <view class="title">鍚堝悓缂栧彿</view>
+ <view class="line">
+ <view class="label">杩愯緭杞﹁締</view>
+ <view class="val">11</view>
+ </view>
+ <view class="line">
+ <view class="label">鍙告満淇℃伅</view>
+ <view class="val">11</view>
+ </view>
+ <view class="line">
+ <view class="label">杞﹁締浣嶇疆</view>
+ <view class="val">11</view>
+ </view>
+ </view>
+ <view class="drive_info">
+ <view class="title">鐗╂祦淇℃伅</view>
+ <view class="item">
+ <view class="h2">
+ <view class="icon_wrap"><image src="@/static/driver/ic_mostarted.png" class="icon"></image></view>
+ <view class="text">鍒拌揪鍗歌揣鍦�</view>
+ </view>
+ <view class="time">202422222222</view>
+ <view class="separate"></view>
+ </view>
+ <view class="item">
+ <view class="h2 h1">
+ <view class="icon_wrap"><image src="@/static/driver/ic_dangqian.png" class="icon"></image></view>
+ <view class="text">鍒拌揪鍗歌揣鍦�</view>
+ </view>
+ <view class="time">202422222222</view>
+ <view class="separate separate_ac"></view>
+ </view>
+ <view class="item">
+ <view class="h2">
+ <view class="icon_wrap"><image src="@/static/driver/ic_mostarted.png" class="icon"></image></view>
+ <view class="text">鍒拌揪鍗歌揣鍦�</view>
+ </view>
+ <view class="time">202422222222</view>
+ <view class="separate"></view>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ param: {}
+ };
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+ .form_wrap {
+ width: 690rpx;
+ height: 646rpx;
+ background: #FFFFFF;
+ box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(39,155,170,0.16);
+ border-radius: 16rpx;
+ padding: 10rpx 30rpx;
+ margin-bottom: 40rpx;
+ .item{
+ height: 154rpx;
+ padding: 30rpx 0 8rpx;
+ border-bottom: 1rpx solid #E5E5E5;
+ .label{}
+ .line{
+ display: flex;
+ .input_wrap{
+ padding: 18rpx 0;
+ flex: 1;
+ .place{
+ color: #999999;
+ font-size: 28rpx;
+ }
+ }
+ .auth_code{
+ width: 160rpx;
+ height: 64rpx;
+ border: 2px solid;
+ }
+ }
+ }
+ .query{
+ width: 630rpx;
+ height: 88rpx;
+ background: $uni-color-primary;
+ border-radius: 44rpx;
+ margin-top: 40rpx;
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 30rpx;
+ }
+ }
+ .main_app{
+ padding-top: 218rpx;
+ .title{
+ font-weight: 500;
+ font-size: 32rpx;
+ margin-bottom: 30rpx;
+ }
+ .drive_info{
+ background: #F7F7F7;
+ border-radius: 16rpx;
+ padding: 30rpx;
+ margin-bottom: 20rpx;
+ .line{
+ display: flex;
+ margin-bottom: 24rpx;
+ .label{
+ color: #666666;
+ margin-right: 40rpx;
+ }
+ .val{
+
+ }
+ }
+ .item{
+ position: relative;
+ color: #999999;
+ margin-bottom: 30rpx;
+ .h2{
+ display: flex;
+ align-items: center;
+ height: 48rpx;
+ .icon_wrap{
+ width: 48rpx;
+ margin-right: 30rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ .icon{
+ width: 24rpx;
+ height: 24rpx;
+ position: relative;
+ z-index: 2;
+ }
+ }
+ }
+ .h1{
+ .icon_wrap{
+ .icon{
+ width: 48rpx;
+ height: 48rpx;
+ }
+ }
+ }
+ .time{
+ padding-left: 78rpx;
+ font-size: 24rpx;
+ margin-top: 6rpx;
+ }
+ .separate{
+ height: calc( 100% );
+ width: 2rpx;
+ border: 2rpx dashed red;
+ position: absolute;
+ left: 22rpx;
+ top: 24rpx;
+ z-index: 1;
+ }
+ .separate_ac{
+ top: 48rpx;
+ }
+ }
+ }
+ }
+ .main_bg {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+ color: #222222;
+ }
+</style>
\ No newline at end of file
diff --git a/h5/static/driver/ic_dangqian.png b/h5/static/driver/ic_dangqian.png
new file mode 100644
index 0000000..774a4fb
--- /dev/null
+++ b/h5/static/driver/ic_dangqian.png
Binary files differ
diff --git a/h5/static/driver/ic_mostarted.png b/h5/static/driver/ic_mostarted.png
new file mode 100644
index 0000000..e5e966d
--- /dev/null
+++ b/h5/static/driver/ic_mostarted.png
Binary files differ
diff --git a/h5/static/driver/wuliuche_bg@2x.png b/h5/static/driver/wuliuche_bg@2x.png
new file mode 100644
index 0000000..227c21f
--- /dev/null
+++ b/h5/static/driver/wuliuche_bg@2x.png
Binary files differ
--
Gitblit v1.9.3