From eb9ae89c3e9f66fe5d0f39092a41e5c09bd86fc6 Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期五, 24 三月 2023 13:40:02 +0800
Subject: [PATCH] 获取司机定位微信接口签到，货代首页列表详情
---
pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock.vue | 131 ++++++++++++++++++++++++++++++++++++++-----
1 files changed, 115 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..4c20882 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,139 @@
<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>{{ coalStatus == 2 ? '宸茬鍒�' : '绛惧埌/鎵撳崱' }}</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 && params.coalStatus) {
+ this.punchTheClockObj.id = params.orderPlanId;
+ this.coalStatus = params.coalStatus;
+ }
},
- methods: {}
+ data() {
+ return {
+ nowTime: '',
+ coalStatus: 0,
+ punchTheClockObj: {
+ latitude: null,
+ longitude: null,
+ id: null
+ }
+ };
+ },
+ onShow() {
+ this.getSetting(); //鑾峰彇鎺堟潈
+ this.getFuzzyLocation(); //鑾峰彇浣嶇疆
+ this.todayDate(); //褰撳墠鏃堕棿
+ },
+ methods: {
+ getSetting() {
+ // 鑾峰彇鏉冮檺淇℃伅
+ wx.getSetting({
+ success(res) {
+ if (!res.authSetting['scope.userFuzzyLocation']) {
+ wx.authorize({
+ scope: 'scope.userFuzzyLocation',
+ success(res) {
+ uni.showToast({
+ title: '鎺堟潈鎴愬姛锛�'
+ });
+ }
+ });
+ }
+ },
+ fail() {
+ console.log('鑾峰彇澶辫触');
+ }
+ });
+ },
+ getFuzzyLocation() {
+ let that = this;
+ wx.getFuzzyLocation({
+ type: 'wgs84',
+ success(res) {
+ console.log(res, '鑾峰彇浣嶇疆', that);
+ that.punchTheClockObj.latitude = res.latitude;
+ that.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;
+ p{
+ text-align: 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