From 2adce788c1a411959b81f08d5569d92861c7f300 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期二, 17 十月 2023 16:54:52 +0800 Subject: [PATCH] 删除无用代码 修改部分逻辑 调整部分样式 --- pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue | 331 +++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 223 insertions(+), 108 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 c30c17c..ea56d85 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"> @@ -207,7 +158,27 @@ <view class="suffix">{{ weighList.orderSurplus ||"" }}</view> <text style="color: #ff6363;font-weight: bold;font-size: 26rpx;" class="error-tip" - v-show="isweigh">* 璁㈠崟浣欓噺涓嶈冻</text> + 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> @@ -218,21 +189,32 @@ plain @click="evacuation" throttleTime="500" - :disabled="!isEvacuation"></u-button> + :loading="TwoEvacuationLoading" + 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" + :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"> @@ -247,16 +229,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" @@ -266,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'; @@ -294,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 }, @@ -312,12 +322,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, //纭畾绉伴噸鎸夐挳 @@ -340,17 +348,15 @@ primaryClean: null, // 鍒ゆ柇绉伴噸鎸夐挳鏄惁鍙敤 isweigh: false, + orderSurplusLess: false, // 澶栬喘绫诲瀷绉伴噸濉啓姣涳紝鐨紝 firstHairCustomernameShow: false, - coalContactHair: '', - coalContactSkin: '', - // 鑱氱劍鏃舵敼鍙樻牱寮� - isfocus1: false, - isfocus2: false, // 澶栬喘绗竴娆$О姣涢噸涓嶉渶瑕佸姞鍑忓惃 outBuy: true, // 鐨噸寮傚父鐩稿叧 - abnormalContent: '', + abnormalForm: { + abnormalContent: '', + }, avgSkin: '', // 骞冲潎鐨噸 isAbnormalAvgSkin: true, //骞冲潎鐨噸鏄惁寮傚父 tmTaskCoalList: [], @@ -359,7 +365,35 @@ historyShow: false, // 鏄惁鍦ㄧО鐨噸锛岀偣鍑荤‘瀹氱О閲嶅垽鏂槸鍚﹀紓甯� isSkinWeigh: false, - errorTipShow: 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, + afterEvacuationStatus: null, //鏀剧┖鍚庢彁鐓ゅ崟鐘舵�佺姸鎬佷负21鏃舵彁绀衡�樼瓑寰呯鎴跨‘璁も�� + afterEvacuationText: '', + TwoEvacuationLoading: false, + addAndSubtractCoalLoading: false }; }, watch: { @@ -372,43 +406,61 @@ .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.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); + 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; + 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; } 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.temporaryWeighObj.clean = (this.weighList.hair - this.temporaryWeighObj.skin).toFixed( - 2); + this.errorTipShow = (xx.minus(yy).toNumber() <= -0.2 || xx.minus(yy).toNumber() >= 0.2) && + this.avgSkin !== 0; + 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; + 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() { let xx = BigNumber(this.weighData.coalContactHair) let yy = BigNumber(this.weighData.coalContactSkin) @@ -425,21 +477,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: "鍔犺浇涓�" @@ -457,6 +510,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) { @@ -495,6 +549,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(); } @@ -516,15 +571,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 } }) @@ -535,15 +592,18 @@ }, // 鍔犲噺鐓� addAndSubtractCoal() { + this.addAndSubtractCoalLoading = true this.$reqPost('addAndSubtractCoal', { deptId: this.weighData.deptId, sceneId: this.weighData.sceneId, 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.addAndSubtractCoalLoading = false this.$u.toast('鎿嶄綔鎴愬姛锛屽嵆灏嗚繑鍥炰笂涓�椤�'); setTimeout(() => { uni.navigateBack({ @@ -551,7 +611,8 @@ }); this.isConfirmWeighLoading = false; }, 1000); - console.log(res, '鍔犲噺鐓�'); + } else { + this.$u.toast(res.msg ? res.msg : '鎿嶄綔澶辫触'); } }); }, @@ -561,14 +622,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; - } else { - this.$u.toast(res.msg ? res.msg : '鎿嶄綔澶辫触'); - this.evacuationModalShow = true; + 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); } }); }, @@ -622,13 +693,35 @@ // 鎻愪氦寮傚父鍘熷洜 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) } } }; @@ -834,7 +927,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; @@ -881,6 +974,29 @@ } } + .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 { margin: 0 auto vww(30); flex: 0.7; @@ -899,9 +1015,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