修改称重连点问题 增加司机注册字段

qingyiay

2023-12-25 aef949a659d073443e81f22686b44bd440a69a0e

 pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice.vue

@@ -1,11 +1,10 @@
<template>
   <view class="weighingDevice">
      <view class="one"
         style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/weighbanner.png') no-repeat;
         style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/weighbanner.png') no-repeat;
      background-size: cover;">
         <view class="top">
            <view class="top_left">
               <!-- <text>{{ realTimeWeigh }}</text> -->
               <text>{{ globalweigh }}</text>
            </view>
            <view class="top_right">
@@ -26,73 +25,25 @@
         <view class="bottom"><text>TIP:当前状态为正常时可以称重</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">
                  <view class="concrete"
                     style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                     style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/skin.png') no-repeat;background-size: cover;">
                     皮</view>
                  <view class="num">{{ weighList.skinTwo }}</view>
               </view>
               <view class="item">
                  <view class="concrete"
                     style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                     style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/hair.png') no-repeat;background-size: cover;">
                     毛</view>
                  <view class="num">{{ weighList.hairTwo }}</view>
               </view>
               <view class="item">
                  <view class="concrete"
                     style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                     style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clean.png') no-repeat;background-size: cover;">
                     净</view>
                  <view class="num">{{ weighList.cleanTwo }}</view>
               </view>
@@ -207,7 +158,7 @@
               <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&&!isSpecial">* 订单余量不足</text>
            </view>
         </view>
      </view>
@@ -218,21 +169,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 ||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,18 +209,19 @@
      <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 labelPosition="top"
                  :model='abnormalForm'
                  :rules="rules"
                  ref="uForm">
                  <u-form-item>
                     <u-textarea v-model="abnormalContent"
                     <u-textarea v-model="abnormalForm.abnormalContent"
                        confirmType="done"
                        placeholder="请输入异常原因"
                        height='140'
                        count
                        placeholder="请输入异常原因(字数不少于5个字)"
                        :height='200'
                        border="surround"
                        autoHeight></u-textarea>
                  </u-form-item>
@@ -266,11 +229,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 +263,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 +301,11 @@
               sceneInOut: '',
               coalContactClean: 0,
               coalContactHair: 0,
               coalContactSkin: 0
               coalContactSkin: 0,
               isMerge: '0', //1是 0不是  默认0  是否合卡 已无用
               isBackground: '0',
               abnormalText: ''
            },
            // 是否填写原发信息
            isInputOrigin: false,
            haveInputOrigin: false,

            takeCoalId: null,
            weighHouseCode: '',
            isConfirmWeighLoading: false, //确定称重按钮
@@ -340,17 +328,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 +345,36 @@
            historyShow: false,
            // 是否在称皮重，点击确定称重判断是否异常
            isSkinWeigh: false,
            errorTipShow: false
            errorTipShow: false,
            rules: {
               abnormalContent: [{
                     required: false,
                     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,
            isSpecial: null //1 是特殊 0不是特殊
         };
      },
      watch: {
@@ -372,19 +387,23 @@
                  .orderType ==
                  '转出') {
                  if (this.weighList.skin == 0) {
                     this.isSkinWeigh = true
                     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.errorTipShow = (xx.minus(yy).toNumber() <= -0.2 || xx.minus(yy).toNumber() >= 0.2) &&
                        this.avgSkin !== 0
                  } else {
                     this.isSkinWeigh = false;
                     this.temporaryWeighObj.hair = newV;
                     this.temporaryWeighObj.clean = (this.temporaryWeighObj.hair - this.weighList.skin).toFixed(
                        2);
                     this.isweigh = this.temporaryWeighObj.clean > this.weighList.orderSurplus || this
                     let x = new BigNumber(this.temporaryWeighObj.hair)
                     let y = new BigNumber(this.weighList.skin)
                     this.temporaryWeighObj.clean = x.minus(y).toNumber().toFixed(2)
                     this.isweigh = (this.temporaryWeighObj.clean > this.weighList.orderSurplus || this
                        .temporaryWeighObj
                        .clean < 0;
                        .clean < 0) && !this.isSpecial && !this.weighList.source
                     this.orderSurplusLess = (this.temporaryWeighObj.clean > this.weighList.orderSurplus) && !
                        this.weighList.source
                  }
               } else if (this.weighList.orderType == '外购' || this.weighList.orderType == '内购' || this.weighList
                  .orderType == '转入') {
@@ -392,23 +411,29 @@
                     this.isSkinWeigh = false;
                     this.temporaryWeighObj.hair = newV;
                  } else {
                     this.isSkinWeigh = true;
                     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.temporaryWeighObj.clean = (this.weighList.hair - this.temporaryWeighObj.skin).toFixed(
                        2);
                     this.isweigh = this.temporaryWeighObj.clean > this.weighList.orderSurplus || this
                     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.isweigh = (this.temporaryWeighObj.clean > this.weighList.orderSurplus || this
                        .temporaryWeighObj
                        .clean < 0;
                        .clean < 0) && !this.isSpecial && !this.weighList.source
                     this.orderSurplusLess = (this.temporaryWeighObj.clean > this.weighList.orderSurplus) && !
                        this.weighList.source
                  }
               }
            }
         }
         },
      },
      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 +450,25 @@
         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 == '转入';
         },
         isNeedOrigin() {
            return uni.getStorageSync('isNeedOrigin')
         }
      },

      methods: {
         ...mapMutations(['changeweighHouseCode', 'changeisLogin', 'changeWeigh']),
         ...mapMutations(['changeweighHouseCode', 'changeisLogin', 'changeWeigh', 'changeconfirmWeighVisiable',
            'changesocketTask', 'changereconnectNum'
         ]),
         init() {
            uni.showLoading({
               title: "加载中"
@@ -450,6 +479,7 @@
               if (res.code == 0) {
                  uni.hideLoading()
                  this.weighList = res.data;
                  this.isSpecial = res.data.isSpecial
                  this.weighData.deptId = res.data.deptId;
                  this.weighData.tmId = res.data.id;
                  this.weighData.carNo = res.data.carNo;
@@ -457,18 +487,10 @@
                  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;
                  if (this.weighList.orderType == '外购') {
                     this.firstHairCustomernameShow = true;
                     if (this.weighList.hair > 0) {
                        this.haveInputOrigin = true;
                        this.isInputOrigin = true;
                     }
                     if (this.weighList.hair == 0) {
                        this.outBuy = false;
                     }
                  } else {
                     this.isInputOrigin = true;
                  }
                  this.weighList.source = res.data.source //0手动 1不是 是0判断余量不足
                  this.outBuy = !(this.weighList.orderType === '外购' || this.weighList.orderType ===
                     '内购' ||
                     this.weighList.orderType === '转入')
               } else {
                  uni.hideLoading()
                  this.$u.toast('加载失败')
@@ -481,32 +503,31 @@
          * @确认称重等待后端提供实时称重接口，获取皮重，毛重
          */
         confirmWeigh() {
            if (this.isConfirmWeighLoading == false) {
               this.isConfirmWeighLoading = true;
               if (this.weighData.weigh != 0) {
                  // 如果正在称皮
                  if (this.isSkinWeigh) {
                     // 如果平均皮重为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
                        } else {
                           this.saveWeigh();
                        }
                     }
                  } else {
            this.isConfirmWeighLoading = true;
            if (this.weighData.weigh != 0) {
               // 如果正在称皮
               if (this.isSkinWeigh) {
                  // 如果平均皮重为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.$u.toast('未能获取地磅重量');
                  this.isConfirmWeighLoading = false;
                  this.saveWeigh();
               }

            } else {
               this.$u.toast('未能获取地磅重量');
               this.isConfirmWeighLoading = false;
            }
         },
         // 确认称重接口
@@ -516,15 +537,17 @@
               .then(res => {
                  console.log(res, '称重接口');
                  if (res.code == 0) {
                     this.$u.toast('称重成功');
                     this.$u.toast('称重成功，即将返回上一页');
                     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 +558,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 +577,8 @@
                     });
                     this.isConfirmWeighLoading = false;
                  }, 1000);
                  console.log(res, '加减煤');
               } else {
                  this.$u.toast(res.msg ? res.msg : '操作失败');
               }
            });
         },
@@ -561,14 +588,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);
               }
            });
         },
@@ -621,14 +658,23 @@
         },
         // 提交异常原因
         abnormalConfirm() {
            this.weighData.abnormalText = this.abnormalContent
            this.skinAbnormal()
            this.weighData.abnormalText = this.abnormalForm.abnormalContent
            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')
         },
         confirmWeighConfirm() {
            this.changeconfirmWeighVisiable(false)
            this.isConfirmWeighLoading = false
            this.TwoEvacuationLoading = false;
            setTimeout(() => {
               this.$u.toast('即将返回上一页'),
                  uni.navigateBack({
                     delta: 1
                  })
            }, 800)
         }
      }
   };
@@ -650,7 +696,8 @@

      .slot-content {
         width: 96%;
         border: 1rpx solid rgb(220, 223, 230);
         height: 210rpx;
         border-bottom: 1rpx solid rgb(220, 223, 230);
      }

      .table-title {
@@ -834,7 +881,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,13 +928,41 @@
         }
      }

      .three {
         margin: 0 auto vww(30);
         flex: 0.7;
      .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 {
         width: 60%;
         height: vww(60);
         margin: vww(20) auto;
         display: flex;
         justify-content: space-between;
         align-items: center;
         color: #939393;

         .u-button {
            letter-spacing: vww(4);

            &:nth-of-type(2) {
               margin-left: vww(10);
            }
@@ -899,9 +974,8 @@
      }

      .four {
         width: 100%;
         margin-top: vww(5);
         text-align: center;
         width: vww(80);
         margin: 0 auto;
      }

      .slide-fade-enter-active {