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 | 281 ++++++++++++++++++++++++++++++++++----------------------
1 files changed, 171 insertions(+), 110 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 008c53a..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,140 +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" @click="arrive">
+ <view class="punchTheClock_btn"
+ @click="arrive">
<view>
- <p>{{ coalStatus == 2 ? '宸茬鍒�' : '绛惧埌/鎵撳崱' }}</p>
+ <p>{{ coalStatus == 1 ? '宸茬鍒�' : '绛惧埌/鎵撳崱' }}</p>
<p>{{ nowTime }}</p>
</view>
</view>
- <view class="punchTheClock_text">
+ <!-- <view class="punchTheClock_text">
<u-icon name="map" color="#51e30d" size="30"></u-icon>
<text>鏈繘鍏ョ熆鍦哄尯鍩�</text>
- </view>
+ </view> -->
</view>
+
+
</view>
</template>
<script>
-import { todayDate } from '@/utils/util.js';
-export default {
- onLoad(params) {
- this.punchTheClockObj.tmcoa = params.tmId.toString();
- this.coalStatus = params.coalStatus;
- },
- data() {
- return {
- nowTime: '',
- coalStatus: 0,
- punchTheClockObj: {
- tmcoa: null,
- latA: null,
- latB: 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: '鎺堟潈鎴愬姛锛�'
- });
- }
- });
- }
+ 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
},
- fail() {
- console.log('鑾峰彇澶辫触');
- }
- });
+ getYuYueDataParams: {
+ deptId: '',
+ filedId: '',
+ sendDate: ''
+ },
+ };
},
- getFuzzyLocation() {
- let that = this;
- wx.getFuzzyLocation({
- type: 'wgs84',
- success(res) {
- console.log(res, '鑾峰彇浣嶇疆', that);
- that.punchTheClockObj.latB = res.latitude;
- that.punchTheClockObj.latA = res.longitude;
- }
- });
+ onShow() {
+ this.init();
+ this.getSetting(); //鑾峰彇鎺堟潈
+ this.getFuzzyLocation(); //鑾峰彇浣嶇疆
+ this.todayDate(); //褰撳墠鏃堕棿
},
- 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, '绛惧埌');
+ methods: {
+ init(){
+ uni.showLoading({
+ title: '鍔犺浇涓�'
+ });
+ this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
+ uni.hideLoading();
if (res.code == 0) {
- this.$u.toast('绛惧埌鎴愬姛');
- setTimeout(() => {
- uni.navigateBack(
- {
- delta: 1
- },
- 500
- );
- });
- } else {
- this.$u.toast(res.msg ? res.msg : '绛惧埌澶辫触');
+ 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('鑾峰彇澶辫触');
}
});
- } else {
- this.$u.toast('鏆傝幏鍙栦笉鍒板埌褰撳墠浣嶇疆');
+ },
+ 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 {
- height: 100vh;
- display: flex;
- justify-content: center;
- align-items: center;
- .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;
+<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 {
- display: flex;
- justify-content: center;
- margin-top: vww(20);
- color: #b8b8b8;
- .text {
- margin-left: vww(5);
- }
+ .editIn{
+ position: absolute;
+ right:10rpx;
+ top: 15rpx;
}
}
-}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.1