From 3fd84886a15713ece1ba34954f49fd1e075ef7be Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期三, 19 四月 2023 17:38:48 +0800 Subject: [PATCH] 改变称重监听,增加发运详情,修复电子提煤单错误 --- pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue | 291 +++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 237 insertions(+), 54 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 d27cf67..a68ff45 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 @@ -8,47 +8,82 @@ <view class="top_right"> <view class=""> 绉伴噸: - <u--text type="success" text="姝e父" size="34"></u--text> + <u--text :type="realTimeWeigh == 0 ? 'error' : 'success'" :text="realTimeWeigh == 0 ? '寮傚父' : '姝e父'" size="34"></u--text> </view> <view class=""> 绾㈠: - <u--text type="success" text="姝e父" size="34"></u--text> + <u--text :type="globalinfraredStatus ? 'error' : 'success'" :text="globalinfraredStatus ? '寮傚父' : '姝e父'" size="34"></u--text> </view> - <view class=""> + <!-- <view class=""> 闆疯揪: <u--text type="success" text="姝e父" size="34"></u--text> - </view> + </view> --> </view> </view> - <view class="bottom"><text>TIP:褰撳墠鐘舵�佹甯稿彲浠ョО閲�</text></view> + <view class="bottom" v-if="weighList.orderType == '鍐呰喘' || weighList.orderType == '杞嚭'"> + <view> + <view style="font-weight: 600;">鍘熷彂淇℃伅</view> + <text>鐨噸{{ primarySkin || '' }}姣涢噸{{ primaryHair || '' }}鍑�閲峽{ primaryClean || '' }}</text> + </view> + </view> + <view class="bottom"><text>TIP:褰撳墠鐘舵�佷负姝e父鏃跺彲浠ョО閲�</text></view> </view> <view class="two"> <p>璁㈠崟缂栧彿锛歿{ weighList.code || '' }}</p> - <p>璁㈠崟绫诲瀷锛歿{ weighList.orderTye || '' }}</p> - <p>璁㈠崟浣欓噺锛歿{ weighList.allowance }}</p> - <p>鐨噸锛歿{ weighList.skin || '' }}</p> - <p>姣涢噸锛歿{ weighList.hair || '' }}</p> - <p>鍑�閲嶏細{{ weighList.clean || '' }}</p> + <p>璁㈠崟绫诲瀷锛歿{ weighList.orderType || '' }}</p> + <p>璁㈠崟浣欓噺锛歿{ weighList.orderSurplus || 0 }}</p> + <p>鐨噸锛歿{ temporaryWeighObj.skin == 0 ? weighList.skin : temporaryWeighObj.skin }}</p> + <p>姣涢噸锛歿{ temporaryWeighObj.hair == 0 ? weighList.hair : temporaryWeighObj.hair }}</p> + <p>鍑�閲嶏細{{ temporaryWeighObj.clean == 0 ? weighList.clean : temporaryWeighObj.clean }}</p> + <p>鐓ょ鍚嶇О锛歿{ weighList.coalName || '' }}</p> + <p>鍗曚綅鍚嶇О锛歿{ weighList.deptName || '' }}</p> + <p>鐭垮満鍚嶇О锛歿{ weighList.filedName || '' }}</p> </view> <view class="three"> - <!-- 澶栭攢璁㈠崟鎴愮毊鏃讹紝杩斿洖鍔犲噺鍚ㄦ寜閽疆鐏般�傜О姣涙椂鍙敤.澶栬喘璁㈠崟锛屼笉鍑虹幇杩斿洖鍔犲噺鍚ㄧ殑鎸夐挳 --> - <u-button type="primary" text="纭畾绉伴噸" @click="confirmWeigh"></u-button> - <u-button type="primary" text="杩斿洖鍔犲噺鍚�"></u-button> + <!-- 鏀剧┖ --> + <u-button type="primary" text="鏀剧┖" plain @click="evacuation" throttleTime="500" :disabled="isEvacuation"></u-button> + <!-- 澶栭攢璁㈠崟绉扮毊鏃讹紝杩斿洖鍔犲噺鍚ㄦ寜閽疆鐏般�傜О姣涙椂鍙敤.澶栬喘璁㈠崟锛屼笉鍑虹幇杩斿洖鍔犲噺鍚ㄧ殑鎸夐挳 --> + <u-button + type="primary" + text="纭畾绉伴噸" + :disabled="realTimeWeigh == 0 || globalinfraredStatus" + :loading="isConfirmWeighLoading" + loadingText="纭" + @click="confirmWeigh" + ></u-button> + <u-button type="primary" text="杩斿洖鍔犲噺鍚�" :disabled="addAndSubtractCoalDisabled" @click="addAndSubtractCoal" class="jiajian"></u-button> </view> - <view class="four">濡傛偍闇�瑕佽皟鏁磋杞借揣鍝佸惃鏁帮紝璇风偣鍑昏繑鍥炲姞鍑忓惃</view> + <view class="four" v-if="weighList.orderType !== '澶栬喘'">濡傛偍闇�瑕佽皟鏁磋杞借揣鍝佸惃鏁帮紝璇风偣鍑昏繑鍥炲姞鍑忓惃</view> + <!-- 鏀剧┖寮圭獥 --> + <view class="evacuationModal"> + <u-modal + :show="evacuationModalShow" + :title="evacuationTitle" + :content="evacuationContent" + :showCancelButton="true" + @confirm="evacuationConfirm" + @cancel="evacuationCancel" + ></u-modal> + </view> </view> </template> <script> let socket = null; import { webSocketUrl } from '@/api/request.js'; +import { mapState, mapMutations } from 'vuex'; export default { onLoad(params) { this.takeCoalId = params.takeCoalId; this.weighData.sceneId = params.sceneId; this.weighData.gateCameraId = params.gateCameraId; this.weighData.equipmentCode = params.gateCameraCode; - this.weighCode = params.weighCode; + this.weighData.sceneInOut = params.sceneInOut; + this.weighHouseCode = params.weighHouseCode; + this.primarySkin = params.primarySkin; + this.primaryHair = params.primaryHair; + this.primaryClean = params.primaryClean; + this.changeweighHouseCode(params.weighHouseCode); }, data() { return { @@ -60,14 +95,16 @@ carNo: '', gateCameraId: '', equipmentCode: '', - weigh: '', - tmCode: '' + weigh: 0, + tmCode: '', + sceneInOut: '' }, takeCoalId: null, - weighCode: '', + weighHouseCode: '', + isConfirmWeighLoading: false, //纭畾绉伴噸鎸夐挳 realTimeWeigh: '', weighList: {}, - webSocket: null // webSocket瀹炰緥 + webSocket: null, // webSocket瀹炰緥 // lockReconnect: false, // 閲嶈繛閿侊紝閬垮厤澶氭閲嶈繛 // maxReconnect: 6, // 鏈�澶ч噸杩炴鏁帮紝 -1 鏍囪瘑鏃犻檺閲嶈繛 // reconnectTime: 0, // 閲嶈繛灏濊瘯娆℃暟 @@ -78,18 +115,85 @@ // pongTimeoutObj: null, // 鎺ユ敹蹇冭烦鍝嶅簲鐨勫畾鏃跺櫒 // pingMessage: JSON.stringify({ type: 'ping' }) // 蹇冭烦璇锋眰淇℃伅 // } + // 涓存椂绉伴噸瀵硅薄 + temporaryWeighObj: { + skin: 0, + hair: 0, + clean: 0 + }, + infraredStatus: false, // 绾㈠鐘舵�侊紝 + // 鏀剧┖鎺у埗 + evacuationModalShow: false, + evacuationTitle: '鏀剧┖纭', + evacuationContent: '鏄惁纭鏀剧┖', + // 鑾峰彇鍘熷彂淇℃伅 + primarySkin: null, + primaryHair: null, + primaryClean: null }; + }, + watch: { + realTimeWeigh(newV, oldV) { + if (this.weighList.orderType == '澶栭攢' || this.weighList.orderType == '鍐呴攢' || this.weighList.orderType == '杞嚭') { + if (this.weighList.skin == 0) { + // this.temporaryWeighObj.skin = this.realTimeWeigh; + this.temporaryWeighObj.skin = newV; + } else { + // this.temporaryWeighObj.hair = this.realTimeWeigh; + this.temporaryWeighObj.hair = newV; + this.temporaryWeighObj.clean = (this.temporaryWeighObj.hair - this.weighList.skin).toFixed(2); + } + } else if (this.weighList.orderType == '澶栬喘' || this.weighList.orderType == '鍐呰喘' || this.weighList.orderType == '杞叆') { + if (this.weighList.hair == 0) { + // this.temporaryWeighObj.hair = this.realTimeWeigh; + this.temporaryWeighObj.hair = newV; + } else { + // this.temporaryWeighObj.skin = this.realTimeWeigh; + this.temporaryWeighObj.skin = newV; + this.temporaryWeighObj.clean = (this.weighList.hair - this.temporaryWeighObj.skin).toFixed(2); + } + } + }, + // 鐩戝惉閲嶉噺鍙樺寲 + globalweigh: { + handler(v) { + this.weighData.weigh = this.realTimeWeigh = v; + console.log(this.realTimeWeigh, '鐪熷疄閲嶉噺鏀瑰彉浜�'); + }, + immediate: true, + deep: true + } }, onShow() { this.init(); - this.initWebSocket(); + // this.initWebSocket(); }, computed: { + ...mapState(['globalweigh', 'globalinfraredStatus']), token() { return uni.getStorageSync('token'); + }, + // 鍔犲噺鐓ゆ寜閽鐢ㄤ笌鍚� + addAndSubtractCoalDisabled() { + if (this.weighList.orderType == '澶栭攢' || this.weighList.orderType == '鍐呴攢' || this.weighList.orderType == '杞嚭') { + if (this.weighList.hair == 0) { + return true; + } else if (this.weighList.hair != 0) { + return false; + } + } + }, + // 鏄惁鏀剧┖鎸夐挳绂佺敤 + isEvacuation() { + if (this.weighList.hair == this.weighList.skin || this.temporaryWeighObj.skin == this.temporaryWeighObj.hair) { + return false; + } else { + return true; + } } }, methods: { + ...mapMutations(['changeweighHouseCode']), init() { // 鑾峰彇绉伴噸淇℃伅 this.$reqGet('weighList', { id: this.takeCoalId }).then(res => { @@ -107,43 +211,117 @@ * @纭绉伴噸绛夊緟鍚庣鎻愪緵瀹炴椂绉伴噸鎺ュ彛锛岃幏鍙栫毊閲嶏紝姣涢噸 */ confirmWeigh() { - console.log('纭绉伴噸', this.weighData); - this.$reqPost('saveWeigh',this.weighData,'json').then(res=>{ - console.log(res,"纭绉伴噸"); - }) + if (this.isConfirmWeighLoading == false) { + this.isConfirmWeighLoading = true; + if (this.weighData.weigh != 0) { + 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; + } + } + }, + // 纭绉伴噸鎺ュ彛 + saveWeigh() { + this.$reqPost('saveWeigh', this.weighData, 'json') + .then(res => { + console.log(res, '绉伴噸鎺ュ彛'); + if (res.code == 0) { + this.$u.toast('绉伴噸鎴愬姛'); + setTimeout(() => { + uni.navigateBack({ + delta: 1 + }); + this.isConfirmWeighLoading = false; + }, 1000); + } else { + this.$u.toast('绉伴噸澶辫触锛岃绋嶅悗閲嶈瘯'); + } + }) + .catch(err => { + this.isConfirmWeighLoading = false; + console.log(err); + }); + }, + // 鍔犲噺鐓� + addAndSubtractCoal() { + this.$reqPost('addAndSubtractCoal', { deptId: this.weighData.deptId, sceneId: this.weighData.sceneId, carNo: this.weighData.carNo }, 'json').then(res => { + if (res.code == 0) { + this.$u.toast('鎿嶄綔鎴愬姛锛屽嵆灏嗚繑鍥炰笂涓�椤�'); + setTimeout(() => { + uni.navigateBack({ + delta: 1 + }); + this.isConfirmWeighLoading = false; + }, 1000); + console.log(res, '鍔犲噺鐓�'); + } + }); }, /** * 鍒濆鍖� weoSocket */ - initWebSocket() { - // let wsUrl = `wss://192.168.0.120:9997/wrzs/ws/info?access_token=${this.token}`; - let wsUrl = `${webSocketUrl}?access_token=${uni.getStorageSync('token')}`; - socket = uni.connectSocket({ - url: wsUrl, - header: { - CLIENT_TOC: 'Y' - }, - complete: res => { - console.log(res, 'socket缁撴灉'); - } + // initWebSocket() { + // let wsUrl = `${webSocketUrl}?access_token=${uni.getStorageSync('token')}`; + // let socket = uni.connectSocket({ + // url: wsUrl, + // header: { + // CLIENT_TOC: 'Y' + // }, + // complete: res => { + // console.log(res, 'socket缁撴灉'); + // } + // }); + // socket.onOpen(() => { + // console.log('onOpen'); + // }); + // // 鑾峰彇鏈嶅姟鍣ㄤ紶鏉ョ殑鏁版嵁锛屽仛鐩稿簲澶勭悊 + // socket.onMessage(res => { + // console.log('socketWeigh', res); + // let nowWeighObj = JSON.parse(res.data.slice(7)); + // if (nowWeighObj.eqCode == this.weighHouseCode) { + // if (nowWeighObj.eqInfraredStatus) { + // this.infraredStatus = true; + // this.weighData.weigh = this.realTimeWeigh = nowWeighObj.weigh; + // } else { + // this.infraredStatus = false; + // this.weighData.weigh = this.realTimeWeigh = nowWeighObj.weigh; + // } + // } + // }); + // socket.onClose(() => { + // uni.closeSocket(); + // console.log('webSocketClose'); + // this.$u.toast('纾呮埧宸插叧闂�'); + // }); + // socket.onError(err => { + // console.log('socket鎶ラ敊', err); + // this.$u.toast('纾呮埧鏆傛椂涓嶈兘浣跨敤锛岃閲嶆柊杩涘叆璇ラ〉闈紝閲嶈瘯锛侊紒'); + // }); + // }, + // 鏀剧┖ + evacuation() { + this.evacuationModalShow = true; + }, + // 鏀剧┖寮圭獥纭 + evacuationConfirm() { + this.$reqPost('getTwoEvacuation', this.weighData, 'json').then(res => { + console.log(res, '绗簩娆℃斁绌�'); + this.evacuationModalShow = false; }); - socket.onOpen(() => { - console.log('onOpen'); - }); - socket.onMessage(res => { - console.log('socketWeigh', res); - let nowWeigh = JSON.parse(res.data.slice(7)).weigh; - // if (nowWeigh.eqCode == this.weighCode) { - // this.weighData.weigh = this.realTimeWeigh = nowWeigh; - // } - this.weighData.weigh = this.realTimeWeigh = nowWeigh; - }); // 鑾峰彇鏈嶅姟鍣ㄤ紶鏉ョ殑鏁版嵁锛屽仛鐩稿簲澶勭悊 - socket.onClose(() => { - console.log('close'); - }); - socket.onError(err => { - console.log('socket鎶ラ敊', err); - }); + }, + // 鏀剧┖寮圭獥鍙栨秷 + evacuationCancel() { + this.evacuationModalShow = false; } } }; @@ -157,7 +335,7 @@ flex-direction: column; .one { flex: 2; - border: vww(1) solid #dddddd; + border: vww(2) solid #dddddd; margin: vww(20) vww(20) 0 vww(20); border-radius: vww(15); .top { @@ -182,11 +360,13 @@ } .bottom { text-align: center; + position: relative; + top: vww(-30); } } .two { flex: 4; - border: vww(1) solid #dddddd; + border: vww(2) solid #dddddd; margin: vww(20); border-radius: vww(10); padding: vww(20); @@ -206,6 +386,9 @@ &:nth-of-type(2) { margin-left: vww(10); } + &:nth-of-type(3) { + margin-left: vww(10); + } } } .four { -- Gitblit v1.9.1