| | |
| | | </view> |
| | | <view class=""> |
| | | 红外: |
| | | <u--text :type="infraredStatus ? 'error' : 'success'" :text="infraredStatus ? '异常' : '正常'" size="34"></u--text> |
| | | <u--text :type="globalinfraredStatus ? 'error' : 'success'" :text="globalinfraredStatus ? '异常' : '正常'" size="34"></u--text> |
| | | </view> |
| | | <!-- <view class=""> |
| | | 雷达: |
| | |
| | | </view> --> |
| | | </view> |
| | | </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:当前状态为正常时可以称重</text></view> |
| | | </view> |
| | | <view class="two"> |
| | | <p>订单编号:{{ weighList.code || '' }}</p> |
| | | <p>订单类型:{{ weighList.orderTye || '' }}</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>矿场名称:{{ weighList.filedName || '' }}</p> |
| | | </view> |
| | | <view class="three"> |
| | | <u-button type="primary" text="放空" plain @click="evacuation" throttleTime="500"></u-button> |
| | | <!-- 放空 --> |
| | | <u-button type="primary" text="放空" plain @click="evacuation" throttleTime="500" :disabled="isEvacuation"></u-button> |
| | | <!-- 外销订单称皮时,返回加减吨按钮置灰。称毛时可用.外购订单,不出现返回加减吨的按钮 --> |
| | | <u-button |
| | | type="primary" |
| | | text="确定称重" |
| | | :disabled="realTimeWeigh == 0 || infraredStatus" |
| | | :disabled="realTimeWeigh == 0 || globalinfraredStatus" |
| | | :loading="isConfirmWeighLoading" |
| | | loadingText="加载中" |
| | | loadingText="确认" |
| | | @click="confirmWeigh" |
| | | ></u-button> |
| | | <u-button type="primary" text="返回加减吨" :disabled="addAndSubtractCoalDisabled" v-if="weighList.orderTye == '外销'" @click="addAndSubtractCoal"></u-button> |
| | | <u-button type="primary" text="返回加减吨" :disabled="addAndSubtractCoalDisabled" @click="addAndSubtractCoal" class="jiajian"></u-button> |
| | | </view> |
| | | <view class="four" v-if="weighList.orderTye == '外销'">如您需要调整装载货品吨数,请点击返回加减吨</view> |
| | | <view class="four" v-if="weighList.orderType !== '外购'">如您需要调整装载货品吨数,请点击返回加减吨</view> |
| | | <!-- 放空弹窗 --> |
| | | <view class="evacuationModal"> |
| | | <u-modal |
| | | :show="evacuationModalShow" |
| | |
| | | <script> |
| | | let socket = null; |
| | | import { webSocketUrl } from '@/api/request.js'; |
| | | import { mapState, mapMutations } from 'vuex'; |
| | | import toast from '../../../../../uni_modules/uview-ui/libs/config/props/toast'; |
| | | export default { |
| | | onLoad(params) { |
| | | this.takeCoalId = params.takeCoalId; |
| | |
| | | this.weighData.gateCameraId = params.gateCameraId; |
| | | this.weighData.equipmentCode = params.gateCameraCode; |
| | | this.weighHouseCode = params.weighHouseCode; |
| | | this.primarySkin = params.primarySkin; |
| | | this.primaryHair = params.primaryHair; |
| | | this.primaryClean = params.primaryClean; |
| | | this.changeweighHouseCode(params.weighHouseCode); |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | infraredStatus: false, // 红外状态, |
| | | // 放空控制 |
| | | evacuationModalShow: false, |
| | | evacuationTitle: '第二次放空确认', |
| | | evacuationContent: '是否确认放空' |
| | | evacuationTitle: '放空确认', |
| | | evacuationContent: '是否确认放空', |
| | | // 获取原发信息 |
| | | primarySkin: null, |
| | | primaryHair: null, |
| | | primaryClean: null |
| | | }; |
| | | }, |
| | | watch: { |
| | | realTimeWeigh(newV, oldV) { |
| | | if (this.weighList.orderTye == '外销') { |
| | | if (this.weighList.orderType == '外销' || this.weighList.orderType == '内销' || this.weighList.orderType == '转出') { |
| | | if (this.weighList.skin == 0) { |
| | | this.temporaryWeighObj.skin = this.realTimeWeigh; |
| | | // this.temporaryWeighObj.skin = this.realTimeWeigh; |
| | | this.temporaryWeighObj.skin = newV; |
| | | } else { |
| | | this.temporaryWeighObj.hair = this.realTimeWeigh; |
| | | // this.temporaryWeighObj.hair = this.realTimeWeigh; |
| | | this.temporaryWeighObj.hair = newV; |
| | | this.temporaryWeighObj.clean = (this.temporaryWeighObj.hair - this.weighList.skin).toFixed(2); |
| | | } |
| | | } else if (this.weighList.orderTye == '外购') { |
| | | } else if (this.weighList.orderType == '外购' || this.weighList.orderType == '内购' || this.weighList.orderType == '转入') { |
| | | if (this.weighList.hair == 0) { |
| | | this.temporaryWeighObj.hair = this.realTimeWeigh; |
| | | // this.temporaryWeighObj.hair = this.realTimeWeigh; |
| | | this.temporaryWeighObj.hair = newV; |
| | | } else { |
| | | this.temporaryWeighObj.skin = this.realTimeWeigh; |
| | | this.temporaryWeighObj = this.weighList.hair - this.temporaryWeighObj.skin; |
| | | // this.temporaryWeighObj.skin = this.realTimeWeigh; |
| | | this.temporaryWeighObj.skin = newV; |
| | | this.temporaryWeighObj.clean = (this.weighList.hair - this.temporaryWeighObj.skin).toFixed(2); |
| | | } |
| | | } |
| | | }, |
| | | // 监听重量变化 |
| | | globalweigh(v) { |
| | | this.weighData.weigh = this.realTimeWeigh = v; |
| | | } |
| | | }, |
| | | onShow() { |
| | | this.init(); |
| | | this.initWebSocket(); |
| | | // this.initWebSocket(); |
| | | }, |
| | | computed: { |
| | | ...mapState(['globalweigh', 'globalinfraredStatus']), |
| | | token() { |
| | | return uni.getStorageSync('token'); |
| | | }, |
| | | // 加减煤按钮禁用与否 |
| | | addAndSubtractCoalDisabled() { |
| | | if (this.weighList.orderTye == '外销') { |
| | | if (this.weighList.skin == 0) { |
| | | if (this.weighList.orderType == '外销' || this.weighList.orderType == '内销' || this.weighList.orderType == '转出') { |
| | | if (this.weighList.hair == 0) { |
| | | return true; |
| | | } else if (this.weighList.skin != 0) { |
| | | } 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: { |
| | | // 放空 |
| | | evacuation() { |
| | | this.evacuationModalShow = true; |
| | | }, |
| | | // 放空弹窗确认 |
| | | evacuationConfirm() { |
| | | this.evacuationModalShow = false; |
| | | }, |
| | | // 放空弹窗取消 |
| | | evacuationCancel() { |
| | | this.evacuationModalShow = false; |
| | | }, |
| | | ...mapMutations(['changeweighHouseCode']), |
| | | init() { |
| | | // 获取称重信息 |
| | | this.$reqGet('weighList', { id: this.takeCoalId }).then(res => { |
| | |
| | | if (this.isConfirmWeighLoading == false) { |
| | | this.isConfirmWeighLoading = true; |
| | | if (this.weighData.weigh != 0) { |
| | | if (this.weighList.orderTye == '外销') { |
| | | if (this.weighList.orderType == '外销') { |
| | | if (this.weighList.skin ? (this.weighList.skin < this.realTimeWeigh ? true : false) : true) { |
| | | this.saveWeigh(); |
| | | } else { |
| | | this.$u.toast('毛重不q能小于皮重'); |
| | | this.$u.toast('毛重不能小于皮重'); |
| | | this.isConfirmWeighLoading = false; |
| | | } |
| | | } else { |
| | |
| | | saveWeigh() { |
| | | this.$reqPost('saveWeigh', this.weighData, 'json') |
| | | .then(res => { |
| | | console.log(res, '称重接口'); |
| | | if (res.code == 0) { |
| | | this.$u.toast('称重成功'); |
| | | setTimeout(() => { |
| | |
| | | }); |
| | | this.isConfirmWeighLoading = false; |
| | | }, 1000); |
| | | } else { |
| | | this.$u.toast('称重失败,请稍后重试'); |
| | | } |
| | | }) |
| | | .catch(err => { |
| | |
| | | /** |
| | | * 初始化 weoSocket |
| | | */ |
| | | initWebSocket() { |
| | | 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 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(() => { |
| | | console.log('webSocketClose'); |
| | | this.$u.toast('磅房接口终端'); |
| | | }); |
| | | socket.onError(err => { |
| | | console.log('socket报错', err); |
| | | this.$u.toast('磅房接口暂时不能使用,请重新进入该页面,重试!!'); |
| | | }); |
| | | }, |
| | | // 放空弹窗取消 |
| | | evacuationCancel() { |
| | | this.evacuationModalShow = false; |
| | | } |
| | | } |
| | | }; |
| | |
| | | } |
| | | .bottom { |
| | | text-align: center; |
| | | position: relative; |
| | | top: vww(-30); |
| | | } |
| | | } |
| | | .two { |
| | |
| | | &:nth-of-type(2) { |
| | | margin-left: vww(10); |
| | | } |
| | | &:nth-of-type(3) { |
| | | margin-left: vww(10); |
| | | } |
| | | } |
| | | } |
| | | .four { |