From f46eb243908e145da448f65bffb8ba17197d9164 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期一, 25 九月 2023 16:10:12 +0800 Subject: [PATCH] 增加详情原发信息 增加装卸员下拉刷新 修改诸多问题 优化websocket --- pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue | 347 +++++++++++++++++++++++++++++++++++---------------------- 1 files changed, 212 insertions(+), 135 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 86c51bc..b3b9105 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,20 +189,30 @@ 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||isExceedOrigin" :loading="isConfirmWeighLoading" loadingText="纭" - @click="confirmWeigh"></u-button> + @click="confirmWeigh" + throttleTime="800"></u-button> <u-button type="primary" - text="杩斿洖鍔犲噺鍚�" + text="杩斿洖瑁呭嵏" :disabled="addAndSubtractCoalDisabled" @click="addAndSubtractCoal" class="jiajian" v-if="outBuy"></u-button> + </view> + <view class="four"> + <u-button type="primary" + text="鍒锋柊" + @click.stop="RefreshHandle" + icon="reload" + throttle-time="800" + :loading="refreshLoading"></u-button> </view> <!-- 鏀剧┖寮圭獥 --> <view class="evacuationModal"> @@ -245,11 +232,14 @@ @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" @@ -279,7 +269,7 @@ 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); @@ -305,12 +295,9 @@ sceneInOut: '', coalContactClean: 0, coalContactHair: 0, - coalContactSkin: 0 + coalContactSkin: 0, + isMerge: 0 //1鏄� 0涓嶆槸 榛樿0 鏄惁鍚堝崱 }, - // 鏄惁濉啓鍘熷彂淇℃伅 - isInputOrigin: false, - haveInputOrigin: false, - takeCoalId: null, weighHouseCode: '', isConfirmWeighLoading: false, //纭畾绉伴噸鎸夐挳 @@ -333,30 +320,50 @@ primaryClean: null, // 鍒ゆ柇绉伴噸鎸夐挳鏄惁鍙敤 isweigh: false, + orderSurplusLess: false, // 澶栬喘绫诲瀷绉伴噸濉啓姣涳紝鐨紝 firstHairCustomernameShow: false, - coalContactHair: '', - coalContactSkin: '', - // 鑱氱劍鏃舵敼鍙樻牱寮� - isfocus1: false, - isfocus2: false, // 澶栬喘绗竴娆$О姣涢噸涓嶉渶瑕佸姞鍑忓惃 outBuy: true, // 鐨噸寮傚父鐩稿叧 - abnormalContent: '', + abnormalForm: { + abnormalContent: '', + }, avgSkin: '', // 骞冲潎鐨噸 + isAbnormalAvgSkin: true, //骞冲潎鐨噸鏄惁寮傚父 tmTaskCoalList: [], abnormalModalShow: false, 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 }; }, watch: { - realTimeWeigh(newV, oldV) { - - }, // 鐩戝惉閲嶉噺鍙樺寲 globalweigh: { deep: true, @@ -368,6 +375,10 @@ if (this.weighList.skin == 0) { this.isSkinWeigh = true 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.temporaryWeighObj.hair = newV; @@ -376,29 +387,49 @@ 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.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 + } + } } else { this.isSkinWeigh = true; 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' + ]), 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'); @@ -411,21 +442,32 @@ 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']), + RefreshHandle() { + if (this.globalisconnect) return this.$u.toast('宸茶繛鎺ワ紝鏃犻渶鍒锋柊') + this.refreshLoading = true + if (!this.globalisconnect && !this.globalisUploadimg && this.globalisLogin) { + if (!this.is_open_socket) { + this.$store.dispatch('websocketInit') + this.changeisconnect(true); + this.refreshLoading = false + this.$u.toast('鍒锋柊鎴愬姛') + } + } + }, init() { uni.showLoading({ title: "鍔犺浇涓�" @@ -443,6 +485,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) { @@ -470,28 +513,26 @@ if (this.isConfirmWeighLoading == false) { this.isConfirmWeighLoading = true; if (this.weighData.weigh != 0) { + // 濡傛灉姝e湪绉扮毊 if (this.isSkinWeigh) { - let xx = new BigNumber(this.avgSkin) - let yy = new BigNumber(this.globalweigh) - if (xx.minus(yy).toNumber() > 0.2) { - this.abnormalModalShow = true - } else { + // 濡傛灉骞冲潎鐨噸涓�0 + if (this.isAbnormalAvgSkin) { this.abnormalModalShow = false this.saveWeigh(); + } else { + let xx = new BigNumber(this.avgSkin) + 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(); + } } } else { this.saveWeigh(); } - // if (this.weighList.orderType == '澶栭攢') { - // if (this.weighList.skin ? (this.weighList.skin < this.realTimeWeigh ? true : false) : true) { - // this.saveWeigh(); - // } else { - // this.$u.toast('姣涢噸涓嶈兘灏忎簬鐨噸'); - // this.isConfirmWeighLoading = false; - // } - // } else { - // this.saveWeigh(); - // } + } else { this.$u.toast('鏈兘鑾峰彇鍦扮閲嶉噺'); this.isConfirmWeighLoading = false; @@ -501,6 +542,7 @@ // 纭绉伴噸鎺ュ彛 saveWeigh() { this.weighData.coalContactClean = this.coalContactClean; + console.log(this.weighData); this.$reqPost('saveWeigh', this.weighData, 'json') .then(res => { console.log(res, '绉伴噸鎺ュ彛'); @@ -513,7 +555,8 @@ this.isConfirmWeighLoading = false; }, 1000); } else { - this.$u.toast('绉伴噸澶辫触锛岃绋嶅悗閲嶈瘯'); + this.$u.toast(res.msg ? res.msg : '绉伴噸澶辫触锛岃绋嶅悗閲嶈瘯'); + this.isConfirmWeighLoading = false } }) .catch(err => { @@ -528,7 +571,9 @@ sceneId: this.weighData.sceneId, carNo: this.weighData.carNo, tmId: this.weighData.tmId, - filedId: this.weighData.filedId + filedId: this.weighData.filedId, + equipmentCode: this.weighData.equipmentCode, + weigh: this.weighData.weigh }, 'json').then(res => { if (res.code == 0) { this.$u.toast('鎿嶄綔鎴愬姛锛屽嵆灏嗚繑鍥炰笂涓�椤�'); @@ -551,7 +596,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 : '鎿嶄綔澶辫触'); @@ -590,13 +640,11 @@ uni.hideLoading() this.avgSkin = res.data.avgSkin this.tmTaskCoalList = res.data.tmTaskCoalList - // let xx = new BigNumber(this.avgSkin) - // let yy = new BigNumber(weigh) - // console.log(weigh, this.avgSkin, yy.minus(xx).toNumber()); - // if (xx.minus(yy).toNumber() <= 0.2) { - // this.abnormalModalShow = true - // this.historyBtn = true - // } + /** + * @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('鍔犺浇澶辫触') @@ -606,33 +654,29 @@ abnormalCancel() { this.abnormalModalShow = false this.isConfirmWeighLoading = false; + this.$u.toast('鍙告満鍙栨秷鎻愪氦') }, // 鎻愪氦寮傚父鍘熷洜 abnormalConfirm() { - 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.weighData.abnormalText = this.abnormalContent + this.saveWeigh() + 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 + } }, } }; @@ -838,7 +882,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 +909,7 @@ @include flex; justify-content: flex-start; overflow: hidden; + position: relative; .prefix { min-width: vww(60); @@ -875,8 +920,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 +970,8 @@ } .four { - width: 100%; - margin-top: vww(5); - text-align: center; + width: vww(80); + margin: 0 auto; } .slide-fade-enter-active { @@ -914,6 +986,11 @@ &_item { width: 50%; + + .error-tip { + display: inline-block; + margin-left: 34rpx; + } } .btn { -- Gitblit v1.9.1