From fb20d356a9d1415816102a2610af383feaea5d3b Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期一, 05 二月 2024 16:19:01 +0800
Subject: [PATCH] fear:增加验质图片放大功能
---
pages/driver-page/driver-index/bill-of-lading-details/punchTheClock/punchTheClock.vue | 213 ++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 186 insertions(+), 27 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..369a02b 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
@@ -1,42 +1,201 @@
<template>
<!-- 鎵撳崱 -->
<view class="punchTheClock">
+ <view class="editIn">
+ <u-button text=" 鏇存敼鍏ュ満"
+ type="primary"
+ plain
+ @click="rcsqClick"
+ shape="circle"
+ :disabled="coalDetailsData.status >= 3"></u-button>
+ </view>
<!-- 鎵撳崱鎸夐挳 -->
<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 == 1 ? '宸茬鍒�' : '绛惧埌/鎵撳崱' }}</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>
-export default {
- data() {
- return {};
- },
- methods: {}
-};
+ import { todayDate } from '@/utils/util.js';
+ export default {
+ onLoad(params) {
+ console.log(params,'params')
+ this.punchTheClockObj.tmcoa = params.tmId.toString();
+ this.orderPlanId = params.orderPlanId;
+ this.coalStatus = params.coalStatus;
+ this.yyId = params.yyId;
+ },
+ data() {
+ return {
+ nowTime: '',
+ coalStatus: 0,
+ orderPlanId:'',
+ yyId:null,
+ coalDetailsData:{},
+ punchTheClockObj: {
+ tmcoa: null,
+ latA: null,
+ latB: null
+ },
+ getYuYueDataParams: {
+ deptId: '',
+ filedId: '',
+ sendDate: ''
+ },
+ };
+ },
+ onShow() {
+ this.init();
+ this.getSetting(); //鑾峰彇鎺堟潈
+ this.getFuzzyLocation(); //鑾峰彇浣嶇疆
+ this.todayDate(); //褰撳墠鏃堕棿
+ },
+ methods: {
+ init(){
+ uni.showLoading({
+ title: '鍔犺浇涓�'
+ });
+ this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
+ uni.hideLoading();
+ if (res.code == 0) {
+ this.coalDetailsData = res.data;
+ console.log(res, '閫氱煡鍗曡鎯�');
+ // 鑾峰彇鍏ュ満鐢宠鎿嶄綔鍚庣殑棰勭害鍒楄〃鐨勫弬鏁�
+ this.getYuYueDataParams.deptId = res.data.deptId;
+ this.getYuYueDataParams.filedId = res.data.filedId;
+ this.getYuYueDataParams.sendDate = res.data.sendDate;
+ } else {
+ this.$u.toast('鍔犺浇澶辫触');
+ }
+ })
+ },
+ // 鍏ュ満鐢宠
+ rcsqClick() {
+ uni.navigateTo({
+ url: `/pages/driver-page/appointment/appointment?type=鍏ュ満鐢宠&takeCoalId=${this.orderPlanId}&yyId=${this.yyId}&filedId=${this.getYuYueDataParams.filedId}&deptId=${
+ this.getYuYueDataParams.deptId
+ }&sendDate=${this.getYuYueDataParams.sendDate}`
+ });
+ },
+ 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.latB = res.latitude;
+ that.punchTheClockObj.latA = res.longitude;
+ }
+ });
+ },
+ todayDate() {
+ setInterval(() => {
+ this.nowTime = todayDate('hms');
+ }, 1000);
+ },
+ // 绛惧埌
+ arrive() {
+ if (this.punchTheClockObj.latA && this.punchTheClockObj.latB) {
+ console.log(this.punchTheClockObj);
+ 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.msg ? res.msg : '绛惧埌澶辫触');
+ }
+ });
+ } else {
+ this.$u.toast('鏆傝幏鍙栦笉鍒板埌褰撳墠浣嶇疆');
+ }
+ }
+ }
+ };
</script>
-<style lang="scss" scoped>
-.punchTheClock{
- display:flex;
- justify-content: center;
- align-items: center;
- .punchTheClock_container{
- .punchTheClock_btn{
- width:vww(240);
- height:vww(240);
- border-radius: 50%;
- background-color: #ffd63e;
- display:flex;
- justify-content: center;
- align-items: center;
+<style lang="scss"
+ scoped>
+ .punchTheClock {
+ height: 100vh;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+ position: relative;
+
+ .punchTheClock_container {
+ .punchTheClock_btn {
+ width: vww(240);
+ height: vww(240);
+ color: #ffffff;
+ font-size: vww(20);
+ border-radius: 50%;
+ background-color: #36d4e5;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ p {
+ text-align: center;
+ }
+ }
+
+ .punchTheClock_text {
+ display: flex;
+ justify-content: center;
+ margin-top: vww(20);
+ color: #b8b8b8;
+
+ .text {
+ margin-left: vww(5);
+ }
+ }
}
- .punchTheClock_text{
-
+ .editIn{
+ position: absolute;
+ right:10rpx;
+ top: 15rpx;
}
}
-
-}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.1