From d36eb757af8867278125c6999fcaa5bdb902151c Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期二, 21 三月 2023 17:38:45 +0800
Subject: [PATCH] 司机称重页面，签到页面
---
pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock.vue | 72 ++++++++++++++++++++++++++++--------
1 files changed, 56 insertions(+), 16 deletions(-)
diff --git a/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock.vue b/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock.vue
index 6da7f10..843f75a 100644
--- a/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock.vue
+++ b/pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock.vue
@@ -3,40 +3,80 @@
<view class="punchTheClock">
<!-- 鎵撳崱鎸夐挳 -->
<view class="punchTheClock_container">
- <view class="punchTheClock_btn">绛惧埌/鎵撳崱</view>
- <view class="punchTheClock_text"><text>鏈繘鍏ヨ�冨嫟鍖哄煙</text></view>
+ <view class="punchTheClock_btn">
+ <view class="">
+ <p>绛惧埌/鎵撳崱</p>
+ <p>{{ nowTime }}</p>
+ </view>
+ </view>
+ <view class="punchTheClock_text">
+ <u-icon name="map" color="#51e30d" size="30"></u-icon>
+ <text>鏈繘鍏ョ熆鍦哄尯鍩�</text>
+ </view>
</view>
</view>
</template>
<script>
+import { todayDate } from '@/utils/util.js';
export default {
- data() {
- return {};
+ onLoad(params){
+ if(params.orderPlanId){
+ this.orderPlanId = params.orderPlanId
+ }
},
- methods: {}
+ data() {
+ return {
+ nowTime: '',
+ orderPlanId:null
+ };
+ },
+ onShow() {
+ this.todayDate();
+ },
+ methods: {
+ todayDate() {
+ setInterval(() => {
+ this.nowTime = todayDate('hms');
+ }, 1000);
+ },
+ // 绛惧埌
+ arrive(){
+ this.$reqPost('arrive', { id: this.orderPlanId }, 'params').then(res => {
+ console.log(res, '绛惧埌');
+ });
+ }
+ }
};
</script>
<style lang="scss" scoped>
-.punchTheClock{
- display:flex;
+.punchTheClock {
+ height: 100vh;
+ display: flex;
justify-content: center;
align-items: center;
- .punchTheClock_container{
- .punchTheClock_btn{
- width:vww(240);
- height:vww(240);
+ .punchTheClock_container {
+ .punchTheClock_btn {
+ width: vww(240);
+ height: vww(240);
+ color: #ffffff;
+ font-size: vww(20);
border-radius: 50%;
- background-color: #ffd63e;
- display:flex;
+ background-color: #36d4e5;
+ display: flex;
justify-content: center;
align-items: center;
}
- .punchTheClock_text{
-
+ .punchTheClock_text {
+ display:flex;
+ justify-content: center;
+ margin-top: vww(20);
+ color: #b8b8b8;
+ .text{
+ margin-left:vww(5);
+ }
}
}
-
}
</style>
--
Gitblit v1.9.1