From 96db936c641b23897636ff6a15e31f8f87964342 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期三, 11 十月 2023 13:44:05 +0800 Subject: [PATCH] 确定装卸逻辑修改 增加称重时稳定态 --- pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue | 359 ++++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 233 insertions(+), 126 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 1ee26ca..750e47f 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 @@ -5,7 +5,6 @@ background-size: cover;"> <view class="top"> <view class="top_left"> - <!-- <text>{{ realTimeWeigh }}</text> --> <text>{{ globalweigh }}</text> </view> <view class="top_right"> @@ -26,56 +25,8 @@ <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"> @@ -103,7 +54,10 @@ style="width: 100%;height: 40rpx;"></view> <view class="history-utils"> <view class="history-utils_item"> - 骞冲潎鐨噸:{{avgSkin}} + <text>骞冲潎鐨噸:{{avgSkin}}</text> + <text style="color: #ff6363;font-weight: bold;font-size: 26rpx;" + class="error-tip" + v-if="errorTipShow">* 寮傚父</text> </view> <view class="history-utils_item btn"> <u-button plain @@ -202,6 +156,29 @@ <view class="main-information"> <view class="prefix">璁㈠崟浣欓噺:</view> <view class="suffix">{{ weighList.orderSurplus ||"" }}</view> + <text style="color: #ff6363;font-weight: bold;font-size: 26rpx;" + class="error-tip" + v-show="orderSurplusLess">* 璁㈠崟浣欓噺涓嶈冻</text> + </view> + </view> + </view> + <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> @@ -212,21 +189,27 @@ plain @click="evacuation" throttleTime="500" - :disabled="!isEvacuation"></u-button> + :disabled="!isEvacuation" + v-if='weighList.skin||weighList.hair'></u-button> <!-- 澶栭攢璁㈠崟绉扮毊鏃讹紝杩斿洖鍔犲噺鍚ㄦ寜閽疆鐏般�傜О姣涙椂鍙敤.澶栬喘璁㈠崟锛屼笉鍑虹幇杩斿洖鍔犲噺鍚ㄧ殑鎸夐挳 --> <u-button type="primary" text="纭畾绉伴噸" - :disabled="realTimeWeigh == 0 || globalinfraredStatus || isweigh || !isInputOrigin" + :disabled="realTimeWeigh == 0 || globalinfraredStatus || isweigh ||!mergeState||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"></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 class="evacuationModal"> @@ -241,16 +224,18 @@ <view class=""> <u-modal :show="abnormalModalShow" title="寮傚父鍘熷洜" - :showCancelButton="true" + :showCancelButton="false" @confirm="abnormalConfirm" - @cancel="abnormalCancel" confirmText="鎻愪氦"> <view class="slot-content"> - <u--form labelPosition="top"> - <u-form-item> - <u-textarea v-model="abnormalContent" + <u--form labelPosition="top" + :model='abnormalForm' + :rules="rules" + ref="uForm"> + <u-form-item prop="abnormalContent"> + <u-textarea v-model="abnormalForm.abnormalContent" confirmType="done" - placeholder="璇疯緭鍏ュ紓甯稿師鍥�" + placeholder="璇疯緭鍏ュ紓甯稿師鍥�(瀛楁暟涓嶅皯浜�5涓瓧)" height='140' count border="surround" @@ -260,11 +245,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'; @@ -280,13 +271,33 @@ this.primarySkin = params.primarySkin; this.primaryHair = params.primaryHair; this.primaryClean = params.primaryClean; - if (params.overTmWaixiao) { + if (params.overTmWaixiao !== 'null') { this.weighData.overTmWaixiao = 1 } this.changeweighHouseCode(params.weighHouseCode); this.init(); 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 @@ -306,12 +317,10 @@ sceneInOut: '', coalContactClean: 0, coalContactHair: 0, - coalContactSkin: 0 + coalContactSkin: 0, + isMerge: '0', //1鏄� 0涓嶆槸 榛樿0 鏄惁鍚堝崱 + isBackground: '0' }, - // 鏄惁濉啓鍘熷彂淇℃伅 - isInputOrigin: false, - haveInputOrigin: false, - takeCoalId: null, weighHouseCode: '', isConfirmWeighLoading: false, //纭畾绉伴噸鎸夐挳 @@ -334,17 +343,15 @@ primaryClean: null, // 鍒ゆ柇绉伴噸鎸夐挳鏄惁鍙敤 isweigh: false, + orderSurplusLess: false, // 澶栬喘绫诲瀷绉伴噸濉啓姣涳紝鐨紝 firstHairCustomernameShow: false, - coalContactHair: '', - coalContactSkin: '', - // 鑱氱劍鏃舵敼鍙樻牱寮� - isfocus1: false, - isfocus2: false, // 澶栬喘绗竴娆$О姣涢噸涓嶉渶瑕佸姞鍑忓惃 outBuy: true, // 鐨噸寮傚父鐩稿叧 - abnormalContent: '', + abnormalForm: { + abnormalContent: '', + }, avgSkin: '', // 骞冲潎鐨噸 isAbnormalAvgSkin: true, //骞冲潎鐨噸鏄惁寮傚父 tmTaskCoalList: [], @@ -352,13 +359,35 @@ historyBtn: false, historyShow: false, // 鏄惁鍦ㄧО鐨噸锛岀偣鍑荤‘瀹氱О閲嶅垽鏂槸鍚﹀紓甯� - isSkinWeigh: false + isSkinWeigh: false, + errorTipShow: false, + rules: { + abnormalContent: [{ + required: true, + message: "璇峰~鍐欏紓甯稿師鍥�", + trigger: ['blur', 'change'], + type: 'string' + }, + { + validator: (rule, value, callback) => { + if (value.length < 5) { + callback(new Error('鍘熷洜涓嶅彲灏戜簬5涓瓧')) + } else { + callback() + } + } + }, + ] + }, + mergeState: true, //鍚堝崱鐘舵�� + mergeStateShow: false, //鍚堝崱寮圭獥 + checkboxValue1: [], + isExceedOrigin: false, //鏄惁瓒呭嚭姣涢噸 + refreshLoading: false, + timer: null }; }, watch: { - realTimeWeigh(newV, oldV) { - - }, // 鐩戝惉閲嶉噺鍙樺寲 globalweigh: { deep: true, @@ -368,39 +397,68 @@ .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) + this.errorTipShow = (xx.minus(yy).toNumber() <= -0.2 || xx.minus(yy).toNumber() >= 0.2) && + 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 .temporaryWeighObj .clean < 0; + this.orderSurplusLess = this.temporaryWeighObj.clean > this.weighList.orderSurplus + 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; + // if (this.weighList.orderType == '澶栬喘') { + // let xx = new BigNumber(newV) + // let yy = new BigNumber(this.weighList.hairTwo) + // if (xx.minus(yy) > 0.3) { + // this.$u.toast('瓒呭嚭鍘熷彂淇℃伅姣涢噸,璇风瓑寰呯鐞嗕汉鍛樺鐞�') + // this.isExceedOrigin = true + // this.saveWeigh() + // } + // } } 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 .temporaryWeighObj .clean < 0; + this.orderSurplusLess = this.temporaryWeighObj.clean > this.weighList.orderSurplus + 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() { - return (Number(this.weighData.coalContactHair) - Number(this.weighData.coalContactSkin)).toFixed(2); + let xx = BigNumber(this.weighData.coalContactHair) + let yy = BigNumber(this.weighData.coalContactSkin) + return xx.minus(yy).toNumber().toFixed(2) }, token() { return uni.getStorageSync('token'); @@ -413,21 +471,22 @@ isEvacuation() { if (this.weighList.orderType == '澶栭攢' || this.weighList.orderType == '鍐呴攢' || this.weighList.orderType == '杞嚭') { - return (this.weighList.skin === 0 ? this.temporaryWeighObj.skin : this.weighList.skin) == this - .temporaryWeighObj.hair; + return this.weighList.skin == this.temporaryWeighObj.hair; } if (this.weighList.orderType == '澶栬喘' || this.weighList.orderType == '鍐呰喘' || this.weighList.orderType == '杞叆') { - return (this.weighList.hair === 0 ? this.temporaryWeighObj.skin : this.weighList.hair) == this - .temporaryWeighObj.hair; + return this.weighList.hair == this.temporaryWeighObj.skin; } }, sideline() { return this.weighList.orderType == '鍐呰喘' || this.weighList.orderType == '杞叆'; } }, + methods: { - ...mapMutations(['changeweighHouseCode', 'changeisLogin', 'changeWeigh']), + ...mapMutations(['changeweighHouseCode', 'changeisLogin', 'changeWeigh', 'changeconfirmWeighVisiable', + 'changesocketTask', 'changereconnectNum' + ]), init() { uni.showLoading({ title: "鍔犺浇涓�" @@ -445,6 +504,7 @@ this.weighData.filedId = res.data.filedId; this.weighData.coalContactHair = res.data.hairTwo ? res.data.hairTwo : 0; this.weighData.coalContactSkin = res.data.skinTwo ? res.data.skinTwo : 0; + this.weighList.source = res.data.source if (this.weighList.orderType == '澶栬喘') { this.firstHairCustomernameShow = true; if (this.weighList.hair > 0) { @@ -474,7 +534,7 @@ if (this.weighData.weigh != 0) { // 濡傛灉姝e湪绉扮毊 if (this.isSkinWeigh) { - // 濡傛灉绗竴娆$О閲� + // 濡傛灉骞冲潎鐨噸涓�0 if (this.isAbnormalAvgSkin) { this.abnormalModalShow = false this.saveWeigh(); @@ -483,6 +543,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(); } @@ -504,15 +565,17 @@ .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('绉伴噸澶辫触锛岃绋嶅悗閲嶈瘯'); + this.$u.toast(res.msg ? res.msg : '绉伴噸澶辫触锛岃绋嶅悗閲嶈瘯'); this.isConfirmWeighLoading = false } }) @@ -529,7 +592,8 @@ carNo: this.weighData.carNo, tmId: this.weighData.tmId, filedId: this.weighData.filedId, - equipmentCode: this.weighData.equipmentCode + equipmentCode: this.weighData.equipmentCode, + weigh: this.weighData.weigh }, 'json').then(res => { if (res.code == 0) { this.$u.toast('鎿嶄綔鎴愬姛锛屽嵆灏嗚繑鍥炰笂涓�椤�'); @@ -552,7 +616,12 @@ this.$reqPost('getTwoEvacuation', this.weighData, 'json').then(res => { console.log(res, '绗簩娆℃斁绌�'); if (res.code == 0) { - this.$u.toast('鎿嶄綔鎴愬姛'); + this.$u.toast('鎿嶄綔鎴愬姛锛屽嵆灏嗚繑鍥炰笂涓�椤�'); + setTimeout(() => { + uni.navigateBack({ + delta: 1 + }); + }, 1000); this.evacuationModalShow = false; } else { this.$u.toast(res.msg ? res.msg : '鎿嶄綔澶辫触'); @@ -592,9 +661,10 @@ this.avgSkin = res.data.avgSkin this.tmTaskCoalList = res.data.tmTaskCoalList /** - * @description true鐨勮瘽鏄笉寮傚父 false灏辨槸寮傚父 娌℃湁鍘嗗彶锛屽钩鍧囩毊閲嶄负0鏄涓�娆℃甯� */ - this.isAbnormalAvgSkin = (Array.isArray(this.tmTaskCoalList) && this - .tmTaskCoalList.length === 0 || !this.tmTaskCoalList) && this.avgSkin == 0 + * @description true鐨勮瘽鏄涓�娆$О, false灏变笉鏄�,娌℃湁鍘嗗彶锛屽钩鍧囩毊閲嶄负0鏄涓�娆′篃鏄甯� */ + // this.isAbnormalAvgSkin = (Array.isArray(this.tmTaskCoalList) && this + // .tmTaskCoalList.length === 0 || !this.tmTaskCoalList) && this.avgSkin == 0 + this.isAbnormalAvgSkin = this.avgSkin == 0 } else { uni.hideLoading() this.$u.toast('鍔犺浇澶辫触') @@ -604,36 +674,40 @@ abnormalCancel() { this.abnormalModalShow = false this.isConfirmWeighLoading = false; + this.$u.toast('鍙告満鍙栨秷鎻愪氦') }, // 鎻愪氦寮傚父鍘熷洜 abnormalConfirm() { this.weighData.abnormalText = this.abnormalContent this.saveWeigh() - // uni.showLoading({ - // title: "鎻愪氦涓�" - // }) - // this.$reqPost('tmAbnormalTextAdd', { tmId: this.weighData.tmId, abnormalText: this.abnormalContent }, - // 'params').then( - // res => { - // if (res.code == 0) { - // uni.hideLoading() - // this.$u.toast('鎻愪氦鎴愬姛') - // this.abnormalModalShow = false - // this.isConfirmWeighLoading = false - // setTimeout(() => { - // uni.navigateBack({ - // delta: 1 - // }); - // }, 1000); - - // } else { - // uni.hideLoading() - // this.$u.toast('鎻愪氦澶辫触') - // this.abnormalModalShow = true - // this.isConfirmWeighLoading = false - // } - // }) + this.abnormalModalShow = false }, + skinAbnormal() { + 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 + setTimeout(() => { + this.$u.toast('鍗冲皢杩斿洖涓婁竴椤�'), + uni.navigateBack({ + delta: 1 + }) + }, 800) + } } }; </script> @@ -838,7 +912,7 @@ width: calc(100% - 60rpx); box-sizing: border-box; height: 630rpx; - margin: 0 vww(15) vww(45) vww(15); + margin: 0 vww(15) vww(15) vww(15); background: #ffffff; box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); border-radius: 20rpx; @@ -865,6 +939,7 @@ @include flex; justify-content: flex-start; overflow: hidden; + position: relative; .prefix { min-width: vww(60); @@ -875,8 +950,36 @@ margin-left: vww(12); text-align: left; } + + .error-tip { + position: absolute; + right: 200rpx; + } } } + } + + .mergeState { + width: 100%; + margin: vww(4) 0; + margin-bottom: vww(10); + display: flex; + justify-content: center; + font-size: vww(16); + overflow: hidden; + + .merge-wrap { + width: vww(200); + height: vww(30); + display: flex; + justify-content: space-between; + align-items: center; + + .merge-checkbox { + margin-top: vww(10); + } + } + } .three { @@ -897,9 +1000,8 @@ } .four { - width: 100%; - margin-top: vww(5); - text-align: center; + width: vww(80); + margin: 0 auto; } .slide-fade-enter-active { @@ -914,6 +1016,11 @@ &_item { width: 50%; + + .error-tip { + display: inline-block; + margin-left: 34rpx; + } } .btn { -- Gitblit v1.9.1