增加磅房忙碌提示

qingyiay

2023-09-16 d40527c10a2aa2ea481e1bf85ba0ac75ade9b670

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

@@ -101,6 +101,50 @@
      </view>
      <view v-else
         style="width: 100%;height: 40rpx;"></view>
      <view class="history-utils">
         <view class="history-utils_item">
            <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
               type="primary"
               :text="historyShow?'隐藏历史称重':'显示历史称重'"
               @click="historyShow=!historyShow"></u-button>
         </view>
      </view>
      <Transition name="slide-fade">
         <view class="history-skin"
            v-show="historyShow">
            <view class="table-title">
               <view class="table-title_item time">
                  称重时间
               </view>
               <view class="table-title_item coal-name">
                  煤种名称
               </view>
               <view class="table-title_item skin">
                  皮重重量
               </view>
            </view>
            <view class="history-skin_item"
               v-for="item in tmTaskCoalList">
               <view class="item createTime">
                  {{item.createTime||"" }}
               </view>
               <view class="item">
                  {{item.coalName||"" }}
               </view>
               <view class="item skin">
                  <view class="">
                     {{item.skin||"" }}
                  </view>
               </view>
            </view>
         </view>
      </Transition>
      <view class="bottom-block">
         <view class="block-main">
            <view class="main-information"
@@ -142,22 +186,28 @@
            </view>
            <view class="main-information">
               <view class="prefix">皮重:</view>
               <view class="suffix">{{ temporaryWeighObj.skin == 0 ? weighList.skin : temporaryWeighObj.skin }}
               <view class="suffix">
                  {{ temporaryWeighObj.skin == 0 ? weighList.skin : temporaryWeighObj.skin||""  }}
               </view>
            </view>
            <view class="main-information">
               <view class="prefix">毛重:</view>
               <view class="suffix">{{ temporaryWeighObj.hair == 0 ? weighList.hair : temporaryWeighObj.hair }}
               <view class="suffix">
                  {{ temporaryWeighObj.hair == 0 ? weighList.hair : temporaryWeighObj.hair||""  }}
               </view>
            </view>
            <view class="main-information">
               <view class="prefix">净重:</view>
               <view class="suffix">{{ temporaryWeighObj.clean == 0 ? weighList.clean : temporaryWeighObj.clean }}
               <view class="suffix">
                  {{ temporaryWeighObj.clean == 0 ? weighList.clean : temporaryWeighObj.clean ||"" }}
               </view>
            </view>
            <view class="main-information">
               <view class="prefix">订单余量:</view>
               <view class="suffix">{{ weighList.orderSurplus || 0 }}</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>
@@ -176,7 +226,7 @@
            :loading="isConfirmWeighLoading"
            loadingText="确认"
            @click="confirmWeigh"
            v-if="!historyBtn"></u-button>
            throttleTime="800"></u-button>
         <u-button type="primary"
            text="返回加减吨"
            :disabled="addAndSubtractCoalDisabled"
@@ -184,29 +234,6 @@
            class="jiajian"
            v-if="outBuy"></u-button>
      </view>
      <view style="width: 200rpx;margin: auto;position: relative;"
         v-if="historyBtn"><u-button type="primary"
            text="显示历史皮重"
            @click.stop="displayHistory"></u-button></view>
      <Transition name="slide-fade">
         <view class="history-skin"
            v-if="historyShow">
            <view class="history-skin_item"
               v-for="item in tmTaskCoalList">
               <view class="createTime">
                  日期:{{item.createTime.slice(0,10)}}
               </view>
               <view class="skin">
                  <view class="">
                     皮重:
                  </view>
                  <view class="">
                     {{item.skin}}
                  </view>
               </view>
            </view>
         </view>
      </Transition>
      <!-- 放空弹窗 -->
      <view class="evacuationModal">
         <u-modal :show="evacuationModalShow"
@@ -225,11 +252,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"
@@ -259,10 +289,13 @@
         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);
         this.init();
         this.changeWeigh('')
         this.realTimeWeigh = 0
      },
      components: {
         combinedTitle
@@ -310,6 +343,7 @@
            primaryClean: null,
            // 判断称重按钮是否可用
            isweigh: false,
            orderSurplusLess: false,
            // 外购类型称重填写毛，皮，
            firstHairCustomernameShow: false,
            coalContactHair: '',
@@ -320,18 +354,40 @@
            // 外购第一次称毛重不需要加减吨
            outBuy: true,
            // 皮重异常相关
            abnormalContent: '',
            avgSkin: null, // 平均皮重
            abnormalForm: {
               abnormalContent: '',
            },
            avgSkin: '', // 平均皮重
            isAbnormalAvgSkin: true, //平均皮重是否异常
            tmTaskCoalList: [],
            abnormalModalShow: false,
            historyBtn: false,
            historyShow: false
            historyShow: 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()
                        }
                     }
                  },
               ]
            }

         };
      },
      watch: {
         realTimeWeigh(newV, oldV) {

         },
         // 监听重量变化
         globalweigh: {
            deep: true,
@@ -341,9 +397,13 @@
                  .orderType ==
                  '转出') {
                  if (this.weighList.skin == 0) {
                     this.isSkinWeigh = true
                     this.temporaryWeighObj.skin = newV;
                     this.getAverageSkin(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
                  } else {
                     this.isSkinWeigh = false;
                     this.temporaryWeighObj.hair = newV;
                     this.temporaryWeighObj.clean = (this.temporaryWeighObj.hair - this.weighList.skin).toFixed(
                        2);
@@ -354,32 +414,31 @@
               } else if (this.weighList.orderType == '外购' || this.weighList.orderType == '内购' || this.weighList
                  .orderType == '转入') {
                  if (this.weighList.hair == 0) {
                     this.isSkinWeigh = false;
                     this.temporaryWeighObj.hair = newV;
                  } else {
                     this.isSkinWeigh = true;
                     this.temporaryWeighObj.skin = newV;
                     this.getAverageSkin(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
                        .temporaryWeighObj
                        .clean < 0;
                     this.orderSurplusLess = this.temporaryWeighObj.clean > this.weighList.orderSurplus
                  }
               }
            }
         }
      },
      onShow() {
         this.init();
         this.changeisLogin(true)
         this.realTimeWeigh = 0
      },
      onHide() {

      },
      computed: {
         ...mapState(['globalweigh', 'globalinfraredStatus']),
         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');
@@ -406,7 +465,7 @@
         }
      },
      methods: {
         ...mapMutations(['changeweighHouseCode', 'changeisLogin']),
         ...mapMutations(['changeweighHouseCode', 'changeisLogin', 'changeWeigh']),
         init() {
            uni.showLoading({
               title: "加载中"
@@ -440,7 +499,9 @@
                  uni.hideLoading()
                  this.$u.toast('加载失败')
               }
            });
            }).then(() => {
               this.getAverageSkin()
            })
         },
         /**
          * @确认称重等待后端提供实时称重接口，获取皮重，毛重
@@ -449,16 +510,25 @@
            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) {
                  // 如果正在称皮
                  if (this.isSkinWeigh) {
                     // 如果平均皮重为0
                     if (this.isAbnormalAvgSkin) {
                        this.abnormalModalShow = false
                        this.saveWeigh();
                     } else {
                        this.$u.toast('毛重不能小于皮重');
                        this.isConfirmWeighLoading = false;
                        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.saveWeigh();
                  }

               } else {
                  this.$u.toast('未能获取地磅重量');
                  this.isConfirmWeighLoading = false;
@@ -481,6 +551,7 @@
                     }, 1000);
                  } else {
                     this.$u.toast('称重失败，请稍后重试');
                     this.isConfirmWeighLoading = false
                  }
               })
               .catch(err => {
@@ -495,7 +566,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('操作成功，即将返回上一页');
@@ -518,7 +591,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 : '操作失败');
@@ -548,7 +626,7 @@
               this.isInputOrigin = true;
            }
         },
         getAverageSkin(weigh) {
         getAverageSkin() {
            uni.showLoading({
               title: "加载中"
            })
@@ -557,13 +635,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('加载失败')
@@ -572,29 +648,19 @@
         },
         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
                  } else {
                     uni.hideLoading()
                     this.$u.toast('提交失败')
                     this.abnormalModalShow = true
                  }
               })
            this.weighData.abnormalText = this.abnormalContent
            this.skinAbnormal()
            this.saveWeigh()
         },
         displayHistory() {
            this.historyShow = true

         skinAbnormal() {
            this.$reqPost('skinAbnormal', { sceneId: this.weighData.sceneId }, 'params').then(() => {
               this.abnormalModalShow = false
            })
         }
      }
   };
@@ -617,6 +683,31 @@
      .slot-content {
         width: 96%;
         border: 1rpx solid rgb(220, 223, 230);
      }

      .table-title {
         width: 96%;
         @include flex;
         position: absolute;
         top: 8rpx;
         color: #9e9399;

         &_item {
            width: 33.3%;
            text-align: center;
         }

         .time {
            padding-left: 20rpx;
         }

         .coal-name {
            padding-left: 70rpx;
         }

         .skin {
            padding-left: 10rpx;
         }
      }

      .one {
@@ -802,6 +893,7 @@
               @include flex;
               justify-content: flex-start;
               overflow: hidden;
               position: relative;

               .prefix {
                  min-width: vww(60);
@@ -812,12 +904,17 @@
                  margin-left: vww(12);
                  text-align: left;
               }

               .error-tip {
                  position: absolute;
                  right: 200rpx;
               }
            }
         }
      }

      .three {
         margin: 0 auto vww(20);
         margin: 0 auto vww(30);
         flex: 0.7;
         display: flex;
         color: #939393;
@@ -843,23 +940,48 @@
         transition: all 0.3s ease-out;
      }

      .history-utils {
         width: 96%;
         margin: vww(10) auto;
         @include flex;
         justify-content: space-around;

         &_item {
            width: 50%;

            .error-tip {
               display: inline-block;
               margin-left: 34rpx;
            }
         }

         .btn {
            width: 180rpx;
         }
      }

      .history-skin {
         width: 96%;
         height: vww(300);
         margin: vww(50) auto;
         margin: auto;
         margin-top: vww(10);
         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;
         overflow: scroll;
         color: #000;

         position: relative;

         .history-skin_item {
            width: 80%;
            width: 96%;
            height: vww(30);
            @include flex;
            margin: vww(10) auto;
            margin: vww(40) auto;

            .item {
               width: 33.3%;
               text-align: center;
            }

            .createTime {
               color: rgb(60, 156, 255);
@@ -867,7 +989,6 @@

            .skin {
               color: #f81414;
               @include flex;
               width: 180rpx;
               height: vww(30);
            }