From e193d75257a21568a15f99b27a2a48bd7fd815f9 Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期三, 22 三月 2023 17:59:06 +0800
Subject: [PATCH] 1.磅房详情（完成） 2.入场申请报错（完成） 3.签到（完成） 4.日志（完成） 5.发运计划详情(完成）
---
pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock.vue | 125 ++++++++++++++++++++++++++++++++++++-----
1 files changed, 109 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..38d397c 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,133 @@
<view class="punchTheClock">
<!-- 鎵撳崱鎸夐挳 -->
<view class="punchTheClock_container">
- <view class="punchTheClock_btn">绛惧埌/鎵撳崱</view>
- <view class="punchTheClock_text"><text>鏈繘鍏ヨ�冨嫟鍖哄煙</text></view>
+ <view class="punchTheClock_btn" @click="arrive">
+ <view>
+ <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.punchTheClockObj.id = params.orderPlanId;
+ }
},
- methods: {}
+ data() {
+ return {
+ nowTime: '',
+ punchTheClockObj: {
+ latitude: null,
+ longitude: null,
+ id: null
+ }
+ };
+ },
+ onShow() {
+ this.todayDate();
+ // 鑾峰彇鏉冮檺淇℃伅
+ wx.getSetting({
+ success(res) {
+ if (!res.authSetting['scope.userFuzzyLocation']) {
+ wx.authorize({
+ scope: 'scope.userFuzzyLocation',
+ success(res) {
+ console.log(res);
+ if (res.errMsg == 'authorize:ok') {
+ // 鑾峰彇浣嶇疆淇℃伅
+ this.getFuzzyLocation();
+ }
+ }
+ });
+ } else {
+ this.getFuzzyLocation();
+ }
+ },
+ fail() {
+ console.log('鑾峰彇澶辫触');
+ }
+ });
+ },
+ methods: {
+ getFuzzyLocation() {
+ wx.getFuzzyLocation({
+ type: 'wgs84',
+ success(res) {
+ console.log(res, '鑾峰彇浣嶇疆');
+ this.punchTheClockObj.latitude = res.latitude;
+ this.punchTheClockObj.longitude = res.longitude;
+ }
+ });
+ },
+ todayDate() {
+ setInterval(() => {
+ this.nowTime = todayDate('hms');
+ }, 1000);
+ },
+ // 绛惧埌
+ arrive() {
+ if (this.punchTheClockObj.latitude && this.punchTheClockObj.longitude) {
+ this.$reqPost('arrive', this.punchTheClockObj, 'params').then(res => {
+ console.log(res, '绛惧埌');
+ if (res.code == 0) {
+ this.$u.toast('绛惧埌鎴愬姛');
+ setTimeout(() => {
+ uni.navigateBack(
+ {
+ delta: 1
+ },
+ 500
+ );
+ });
+ } else {
+ this.$u.toast(res.data ? res.data : '绛惧埌澶辫触');
+ }
+ });
+ } else {
+ this.$u.toast('鏆傝幏鍙栦笉鍒板埌褰撳墠浣嶇疆');
+ }
+ }
+ }
};
</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