From ab6404eb9a63f990d1e734dbfc38eb5910dee681 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期五, 27 十月 2023 11:39:09 +0800 Subject: [PATCH] 修改转发 增加磅单打印样式 增加自主配送 修改部分页面跳转逻辑 --- pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue | 284 +++++++++++++++++++++++++++++--------------------------- 1 files changed, 148 insertions(+), 136 deletions(-) diff --git a/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue b/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue index d1fad8a..f2cb1c9 100644 --- a/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue +++ b/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue @@ -1,11 +1,10 @@ <template> <view class="weighingDevice"> <view class="one" - style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/weighbanner.png') no-repeat; + style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/weighbanner.png') no-repeat; background-size: cover;"> <view class="top"> <view class="top_left"> - <!-- <text>{{ realTimeWeigh }}</text> --> <text>{{ globalweigh }}</text> </view> <view class="top_right"> @@ -26,73 +25,25 @@ <view class="bottom"><text>TIP:褰撳墠鐘舵�佷负姝e父鏃跺彲浠ョО閲�</text></view> </view> <view class="middle-block" - v-if="firstHairCustomernameShow || sideline"> - <view class="block-main" - v-if="firstHairCustomernameShow"> - <view class="first-line"><combined-title title="鍘熷彂淇℃伅"></combined-title></view> - <view class="second-line"> - <view class="label-text" - :class="{ focusClass: isfocus1 }">鐨噸</view> - <view class="input-container" - :class="{ inputClass: isfocus1, disabledClass: haveInputOrigin }"> - <u--input placeholder="璇疯緭鍏ョ毊閲�" - border="surround" - v-model="weighData.coalContactSkin" - @focus="inputFocus(1)" - @blur="inputBlur" - @change="inputChange" - :disabled="haveInputOrigin"></u--input> - </view> - <view class="unit" - :class="{ focusClass: isfocus1 }">鍚�</view> - </view> - <view class="second-line"> - <view class="label-text" - :class="{ focusClass: isfocus2 }">姣涢噸</view> - <view class="input-container" - :class="{ inputClass: isfocus2, disabledClass: haveInputOrigin }"> - <u--input placeholder="璇疯緭鍏ユ瘺閲�" - border="surround" - v-model="weighData.coalContactHair" - @focus="inputFocus(2)" - @blur="inputBlur" - @change="inputChange" - :disabled="haveInputOrigin"></u--input> - </view> - <view class="unit" - :class="{ focusClass: isfocus2 }">鍚�</view> - </view> - <view class="second-line"> - <view class="label-text">鍑�閲�</view> - <view class="input-container" - :class="{ disabledClass: haveInputOrigin }"> - <u--input placeholder="鍑�閲�" - border="surround" - v-model="coalContactClean" - :disabled="haveInputOrigin"></u--input> - </view> - <view class="unit">鍚�</view> - </view> - </view> - <view class="block-sideline" - v-if="sideline"> + v-if="sideline"> + <view class="block-sideline"> <view class="first-line"><combined-title title="鍘熷彂淇℃伅"></combined-title></view> <view class="weigh-item"> <view class="item"> <view class="concrete" - style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;"> + style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/skin.png') no-repeat;background-size: cover;"> 鐨�</view> <view class="num">{{ weighList.skinTwo }}</view> </view> <view class="item"> <view class="concrete" - style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;"> + style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/hair.png') no-repeat;background-size: cover;"> 姣�</view> <view class="num">{{ weighList.hairTwo }}</view> </view> <view class="item"> <view class="concrete" - style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;"> + style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clean.png') no-repeat;background-size: cover;"> 鍑�</view> <view class="num">{{ weighList.cleanTwo }}</view> </view> @@ -207,29 +158,30 @@ <view class="suffix">{{ weighList.orderSurplus ||"" }}</view> <text style="color: #ff6363;font-weight: bold;font-size: 26rpx;" class="error-tip" - v-show="orderSurplusLess">* 璁㈠崟浣欓噺涓嶈冻</text> + v-show="orderSurplusLess&&!isSpecial">* 璁㈠崟浣欓噺涓嶈冻</text> </view> </view> </view> - <view class="mergeState" - v-show="mergeStateShow"> - <view class="merge-wrap"> - <view>鏄惁纭鍚堝苟</view> - <view class="merge-checkbox"> - <u-checkbox-group v-model="checkboxValue1" - placement="column" - @change="mergeStateChange"> - <u-checkbox :customStyle="{marginBottom: '8px'}" - :label="mergeState?'纭':'鍙栨秷'" - name="confirm" - label-size="30" - size="30" - activeColor="#48a2ff"> - </u-checkbox> - </u-checkbox-group> + <!-- <view v-show="mergeStateShow"> + <view class="mergeState"> + <view class="merge-wrap"> + <view>鏄惁纭鍚堝苟</view> + <view class="merge-checkbox"> + <u-checkbox-group v-model="checkboxValue1" + placement="column" + @change="mergeStateChange"> + <u-checkbox :customStyle="{marginBottom: '8px'}" + :label="mergeState?'纭':'鍙栨秷'" + name="confirm" + label-size="30" + size="30" + activeColor="#48a2ff"> + </u-checkbox> + </u-checkbox-group> + </view> </view> </view> - </view> + </view> --> <view class="three"> <!-- 鏀剧┖ --> <u-button type="primary" @@ -237,22 +189,32 @@ plain @click="evacuation" throttleTime="500" - :disabled="!isEvacuation" + :loading="TwoEvacuationLoading" v-if='weighList.skin||weighList.hair'></u-button> <!-- 澶栭攢璁㈠崟绉扮毊鏃讹紝杩斿洖鍔犲噺鍚ㄦ寜閽疆鐏般�傜О姣涙椂鍙敤.澶栬喘璁㈠崟锛屼笉鍑虹幇杩斿洖鍔犲噺鍚ㄧ殑鎸夐挳 --> <u-button type="primary" text="纭畾绉伴噸" - :disabled="realTimeWeigh == 0 || globalinfraredStatus || isweigh || !isInputOrigin||!mergeState" + :disabled="realTimeWeigh == 0 || globalinfraredStatus || isweigh ||globalWarning" :loading="isConfirmWeighLoading" loadingText="纭" @click="confirmWeigh" throttleTime="800"></u-button> <u-button type="primary" - text="杩斿洖鍔犲噺鍚�" + text="杩斿洖瑁呭嵏" :disabled="addAndSubtractCoalDisabled" @click="addAndSubtractCoal" class="jiajian" - v-if="outBuy"></u-button> + v-if="outBuy||!isSkinWeigh" + :loading="addAndSubtractCoalLoading"></u-button> + </view> + <view v-show="isExceedOrigin" + style="color: #ff6363;width: auto;margin: 0 auto;"> + <text v-if="weighList.orderType == '澶栬喘'">瓒呭嚭鍘熷彂姣涢噸,纾呮埧浜哄憳纭涓�,璇峰嬁绂诲紑姝ら〉闈�</text> + <text v-else>瓒呭嚭鏈�澶ф瘺閲�,纾呮埧浜哄憳纭涓�,璇峰嬁绂诲紑姝ら〉闈�</text> + </view> + <view v-show="afterEvacuationStatus" + style="color: #ff6363;width: auto;margin: 0 auto;"> + <text>{{afterEvacuationText}}</text> </view> <!-- 鏀剧┖寮圭獥 --> <view class="evacuationModal"> @@ -267,9 +229,8 @@ <view class=""> <u-modal :show="abnormalModalShow" title="寮傚父鍘熷洜" - :showCancelButton="true" + :showCancelButton="false" @confirm="abnormalConfirm" - @cancel="abnormalCancel" confirmText="鎻愪氦"> <view class="slot-content"> <u--form labelPosition="top" @@ -289,11 +250,17 @@ </view> </u-modal> </view> + <!-- 纭鍚庣О閲嶆彁绀哄脊绐� --> + <view class=""> + <u-modal :show="confirmWeighVisiable" + title="鎻愮ず" + :content="confirmWeighContent" + @confirm="confirmWeighConfirm"></u-modal> + </view> </view> </template> <script> - let socket = null; import { webSocketUrl } from '@/api/request.js'; import { mapState, mapMutations } from 'vuex'; import combinedTitle from '@/components/combined-title/combined-title.vue'; @@ -317,6 +284,26 @@ this.changeWeigh('') this.realTimeWeigh = 0 }, + onShow() { + if (this.timer) { + clearTimeout(this.timer) + } + this.timer = setTimeout(() => { + if (!this.globalweigh) { + console.log('绉伴噸鏃惰嚜鍔ㄩ噸杩�'); + this.socketTask.close(); + this.changesocketTask(null); + this.changereconnectNum({ connectNum: 1, isWeigh: true }) + this.$store.dispatch('websocketInit'); + } + }, 3000) + }, + onHide() { + clearTimeout(this.timer) + }, + onUnload() { + clearTimeout(this.timer) + }, components: { combinedTitle }, @@ -336,12 +323,9 @@ coalContactClean: 0, coalContactHair: 0, coalContactSkin: 0, - isMerge: 0 //1鏄� 0涓嶆槸 榛樿0 鏄惁鍚堝崱 + isMerge: '0', //1鏄� 0涓嶆槸 榛樿0 鏄惁鍚堝崱 + isBackground: '0' }, - // 鏄惁濉啓鍘熷彂淇℃伅 - isInputOrigin: false, - haveInputOrigin: false, - takeCoalId: null, weighHouseCode: '', isConfirmWeighLoading: false, //纭畾绉伴噸鎸夐挳 @@ -367,11 +351,6 @@ orderSurplusLess: false, // 澶栬喘绫诲瀷绉伴噸濉啓姣涳紝鐨紝 firstHairCustomernameShow: false, - coalContactHair: '', - coalContactSkin: '', - // 鑱氱劍鏃舵敼鍙樻牱寮� - isfocus1: false, - isfocus2: false, // 澶栬喘绗竴娆$О姣涢噸涓嶉渶瑕佸姞鍑忓惃 outBuy: true, // 鐨噸寮傚父鐩稿叧 @@ -406,8 +385,16 @@ ] }, mergeState: true, //鍚堝崱鐘舵�� - mergeStateShow: false, //鍚堝崱寮圭獥 - checkboxValue1: [] + // mergeStateShow: false, //鍚堝崱寮圭獥 + checkboxValue1: [], + isExceedOrigin: false, //鏄惁瓒呭嚭姣涢噸 + refreshLoading: false, + timer: null, + afterEvacuationStatus: null, //鏀剧┖鍚庢彁鐓ゅ崟鐘舵�佺姸鎬佷负21鏃舵彁绀衡�樼瓑寰呯鎴跨‘璁も�� + afterEvacuationText: '', + TwoEvacuationLoading: false, + addAndSubtractCoalLoading: false, + isSpecial: null //1 鏄壒娈� 0涓嶆槸鐗规畩 }; }, watch: { @@ -420,7 +407,8 @@ .orderType == '杞嚭') { if (this.weighList.skin == 0) { - this.isSkinWeigh = true + this.isSkinWeigh = true //绉扮毊娌℃湁杩斿洖瑁呭嵏 + this.outBuy = false //绉扮毊娌℃湁杩斿洖瑁呭嵏 this.temporaryWeighObj.skin = newV; let xx = new BigNumber(this.avgSkin) let yy = new BigNumber(newV) @@ -428,41 +416,52 @@ this.avgSkin !== 0 } else { this.isSkinWeigh = false; + this.outBuy = true; this.temporaryWeighObj.hair = newV; - this.temporaryWeighObj.clean = (this.temporaryWeighObj.hair - this.weighList.skin).toFixed( - 2); - this.isweigh = this.temporaryWeighObj.clean > this.weighList.orderSurplus || this + let x = new BigNumber(this.temporaryWeighObj.hair) + let y = new BigNumber(this.weighList.skin) + this.temporaryWeighObj.clean = x.minus(y).toNumber().toFixed(2) + // this.temporaryWeighObj.clean = (this.temporaryWeighObj.hair - this.weighList.skin).toFixed( + // 2); + this.isweigh = (this.temporaryWeighObj.clean > this.weighList.orderSurplus || this .temporaryWeighObj - .clean < 0; + .clean < 0) && !this.isSpecial this.orderSurplusLess = this.temporaryWeighObj.clean > this.weighList.orderSurplus - this.mergeStateShow = this.weighList.source !== 0 && this.orderSurplusLess + // this.mergeStateShow = this.weighList.source !== 0 && this.orderSurplusLess } } else if (this.weighList.orderType == '澶栬喘' || this.weighList.orderType == '鍐呰喘' || this.weighList .orderType == '杞叆') { if (this.weighList.hair == 0) { this.isSkinWeigh = false; + this.outBuy = true; this.temporaryWeighObj.hair = newV; } else { - this.isSkinWeigh = true; + this.isSkinWeigh = true; //绉扮毊娌℃湁杩斿洖瑁呭嵏 + this.outBuy = false //绉扮毊娌℃湁杩斿洖瑁呭嵏 this.temporaryWeighObj.skin = newV; let xx = new BigNumber(this.avgSkin) let yy = new BigNumber(newV) this.errorTipShow = (xx.minus(yy).toNumber() <= -0.2 || xx.minus(yy).toNumber() >= 0.2) && this.avgSkin !== 0; - this.temporaryWeighObj.clean = (this.weighList.hair - this.temporaryWeighObj.skin).toFixed( - 2); - this.isweigh = this.temporaryWeighObj.clean > this.weighList.orderSurplus || this + let x = new BigNumber(this.weighList.hair) + let y = new BigNumber(this.temporaryWeighObj.skin) + this.temporaryWeighObj.clean = x.minus(y).toNumber().toFixed(2) + // this.temporaryWeighObj.clean = (this.weighList.hair - this.temporaryWeighObj.skin).toFixed( + // 2); + this.isweigh = (this.temporaryWeighObj.clean > this.weighList.orderSurplus || this .temporaryWeighObj - .clean < 0; + .clean < 0) && !this.isSpecial this.orderSurplusLess = this.temporaryWeighObj.clean > this.weighList.orderSurplus - this.mergeStateShow = this.weighList.source !== 0 && this.orderSurplusLess + // this.mergeStateShow = this.weighList.source !== 0 && this.orderSurplusLess } } } - } + }, }, computed: { - ...mapState(['globalweigh', 'globalinfraredStatus']), + ...mapState(['globalweigh', 'globalinfraredStatus', 'globalisconnect', 'globalisUploadimg', 'globalisLogin', + 'is_open_socket', 'socketTask', 'confirmWeighVisiable', 'confirmWeighContent', 'globalWarning' + ]), coalContactClean() { let xx = BigNumber(this.weighData.coalContactHair) let yy = BigNumber(this.weighData.coalContactSkin) @@ -488,10 +487,16 @@ }, sideline() { return this.weighList.orderType == '鍐呰喘' || this.weighList.orderType == '杞叆'; + }, + isNeedOrigin() { + return uni.getStorageSync('isNeedOrigin') } }, + methods: { - ...mapMutations(['changeweighHouseCode', 'changeisLogin', 'changeWeigh']), + ...mapMutations(['changeweighHouseCode', 'changeisLogin', 'changeWeigh', 'changeconfirmWeighVisiable', + 'changesocketTask', 'changereconnectNum' + ]), init() { uni.showLoading({ title: "鍔犺浇涓�" @@ -502,6 +507,7 @@ if (res.code == 0) { uni.hideLoading() this.weighList = res.data; + this.isSpecial = res.data.isSpecial this.weighData.deptId = res.data.deptId; this.weighData.tmId = res.data.id; this.weighData.carNo = res.data.carNo; @@ -548,6 +554,7 @@ let yy = new BigNumber(this.globalweigh) if (xx.minus(yy).toNumber() <= -0.2 || xx.minus(yy).toNumber() >= 0.2) { this.abnormalModalShow = true + this.skinAbnormal() } else { this.saveWeigh(); } @@ -569,13 +576,15 @@ .then(res => { console.log(res, '绉伴噸鎺ュ彛'); if (res.code == 0) { - this.$u.toast('绉伴噸鎴愬姛'); + this.$u.toast('绉伴噸鎴愬姛锛屽嵆灏嗚繑鍥炰笂涓�椤�'); + this.isConfirmWeighLoading = false; setTimeout(() => { uni.navigateBack({ delta: 1 }); - this.isConfirmWeighLoading = false; }, 1000); + } else if (res.code === 3) { + this.isExceedOrigin = true } else { this.$u.toast(res.msg ? res.msg : '绉伴噸澶辫触锛岃绋嶅悗閲嶈瘯'); this.isConfirmWeighLoading = false @@ -588,6 +597,7 @@ }, // 鍔犲噺鐓� addAndSubtractCoal() { + this.addAndSubtractCoalLoading = true this.$reqPost('addAndSubtractCoal', { deptId: this.weighData.deptId, sceneId: this.weighData.sceneId, @@ -598,6 +608,7 @@ weigh: this.weighData.weigh }, 'json').then(res => { if (res.code == 0) { + this.addAndSubtractCoalLoading = false this.$u.toast('鎿嶄綔鎴愬姛锛屽嵆灏嗚繑鍥炰笂涓�椤�'); setTimeout(() => { uni.navigateBack({ @@ -605,7 +616,8 @@ }); this.isConfirmWeighLoading = false; }, 1000); - console.log(res, '鍔犲噺鐓�'); + } else { + this.$u.toast(res.msg ? res.msg : '鎿嶄綔澶辫触'); } }); }, @@ -615,19 +627,24 @@ }, // 鏀剧┖寮圭獥纭 evacuationConfirm() { + this.TwoEvacuationLoading = true; this.$reqPost('getTwoEvacuation', this.weighData, 'json').then(res => { console.log(res, '绗簩娆℃斁绌�'); - if (res.code == 0) { - this.$u.toast('鎿嶄綔鎴愬姛锛屽嵆灏嗚繑鍥炰笂涓�椤�'); + if (res.msg.length > 4) { //澶т簬4鏄瓑寰呭悗鍙扮‘璁� + this.TwoEvacuationLoading = true; + this.evacuationModalShow = false; + this.afterEvacuationStatus = res.data.status === 21 || res.data.status === 22 + this.afterEvacuationText = res.msg + + } else { //灏忎簬4鎴愬姛 + this.TwoEvacuationLoading = false; + this.evacuationModalShow = false; + this.$u.toast('鎿嶄綔鎴愬姛,鍗冲皢杩斿洖涓婁竴椤�'); setTimeout(() => { uni.navigateBack({ delta: 1 }); }, 1000); - this.evacuationModalShow = false; - } else { - this.$u.toast(res.msg ? res.msg : '鎿嶄綔澶辫触'); - this.evacuationModalShow = true; } }); }, @@ -681,27 +698,23 @@ // 鎻愪氦寮傚父鍘熷洜 abnormalConfirm() { this.weighData.abnormalText = this.abnormalContent - this.skinAbnormal() this.saveWeigh() + this.abnormalModalShow = false }, skinAbnormal() { - this.$reqPost('skinAbnormal', { sceneId: this.weighData.sceneId }, 'params').then(() => { - this.abnormalModalShow = false - }) + this.$reqPost('skinAbnormal', { sceneId: this.weighData.sceneId, tmId: this.weighData.tmId }, 'params') }, - mergeStateChange(e) { - if (e.length !== 0) { - this.weighData.isMerge = 1 - this.MergeState = true - this.isweigh = false - this.orderSurplusLess = false - } else { - this.weighData.isMerge = 0 - this.MergeState = false - this.isweigh = true - this.orderSurplusLess = true - } - }, + confirmWeighConfirm() { + this.changeconfirmWeighVisiable(false) + this.isConfirmWeighLoading = false + this.TwoEvacuationLoading = false; + setTimeout(() => { + this.$u.toast('鍗冲皢杩斿洖涓婁竴椤�'), + uni.navigateBack({ + delta: 1 + }) + }, 800) + } } }; </script> @@ -994,9 +1007,8 @@ } .four { - width: 100%; - margin-top: vww(5); - text-align: center; + width: vww(80); + margin: 0 auto; } .slide-fade-enter-active { -- Gitblit v1.9.1