称重页面问题修改，样式修改

qingyiay

2023-06-29 ceeb19ad302df0ae6146895cac263d7bdc38ac31

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

@@ -25,7 +25,7 @@
         </view>
         <view class="bottom"><text>TIP:当前状态为正常时可以称重</text></view>
      </view>
      <view class="middle-block"
      <!-- <view class="middle-block"
         v-if="firstHairCustomernameShow || sideline">
         <view class="block-main"
            v-if="firstHairCustomernameShow">
@@ -100,7 +100,7 @@
         </view>
      </view>
      <view v-else
         style="width: 100%;height: 40rpx;"></view>
         style="width: 100%;height: 40rpx;"></view> -->
      <view class="bottom-block">
         <view class="block-main">
            <view class="main-information"
@@ -124,7 +124,7 @@
            <view class="main-information"
               v-if="weighList.orderType!=='转入'||weighList.orderType!=='转出'">
               <view class="prefix">客户:</view>
               <view class="suffix">{{ weighList.customerName }}</view>
               <view class="suffix">{{ weighList.customerName|| '' }}</view>
            </view>
            <view class="main-information"
               v-if="weighList.orderType!=='转入'||weighList.orderType!=='转出'">
@@ -141,18 +141,22 @@
               <view class="suffix">{{ weighList.coalName || '' }}</view>
            </view>
            <view class="main-information">
               <view class="prefix">订单类型:</view>
               <view class="suffix">{{ weighList.orderType || '' }}</view>
            </view>
            <view class="main-information">
               <view class="prefix">皮重:</view>
               <view class="suffix">{{ temporaryWeighObj.skin == 0 ? weighList.skin : temporaryWeighObj.skin }}
               <view class="suffix">{{ showWeigh.skin||"" }}
               </view>
            </view>
            <view class="main-information">
               <view class="prefix">毛重:</view>
               <view class="suffix">{{ temporaryWeighObj.hair == 0 ? weighList.hair : temporaryWeighObj.hair }}
               <view class="suffix">{{showWeigh.hair||""}}
               </view>
            </view>
            <view class="main-information">
               <view class="prefix">净重:</view>
               <view class="suffix">{{ temporaryWeighObj.clean == 0 ? weighList.clean : temporaryWeighObj.clean }}
               <view class="suffix">{{ showWeigh.clean||"" }}
               </view>
            </view>
            <view class="main-information">
@@ -172,7 +176,7 @@
         <!-- 外销订单称皮时，返回加减吨按钮置灰。称毛时可用.外购订单，不出现返回加减吨的按钮 -->
         <u-button type="primary"
            text="确定称重"
            :disabled="realTimeWeigh == 0 || globalinfraredStatus || isweigh || !isInputOrigin"
            :disabled="realTimeWeigh == 0 || globalinfraredStatus || isweigh "
            :loading="isConfirmWeighLoading"
            loadingText="确认"
            @click="confirmWeigh"></u-button>
@@ -182,6 +186,10 @@
            @click="addAndSubtractCoal"
            class="jiajian"
            v-if="outBuy"></u-button>
         <u-button type="primary"
            text="继续卸货"
            @click="UnloadingAgainHandle"
            v-if='canUnload'></u-button>
      </view>
      <!-- <view class="four" v-if="weighList.orderType !== '外购'">如您需要调整装载货品吨数，请点击返回加减吨</view> -->
      <!-- 放空弹窗 -->
@@ -233,9 +241,9 @@
               weigh: 0,
               tmCode: '',
               sceneInOut: '',
               coalContactClean: 0,
               coalContactHair: 0,
               coalContactSkin: 0
               // coalContactClean: 0,
               // coalContactHair: 0,
               // coalContactSkin: 0
            },
            // 是否填写原发信息
            isInputOrigin: false,
@@ -270,8 +278,10 @@
            // 聚焦时改变样式
            isfocus1: false,
            isfocus2: false,
            // 外购第一次称毛重不需要加减吨
            outBuy: true
            // 外购类型
            outBuy: true,
            // 继续卸货按钮
            canUnload: false
         };
      },
      watch: {
@@ -279,11 +289,9 @@
            if (this.weighList.orderType == '外销' || this.weighList.orderType == '内销' || this.weighList.orderType ==
               '转出') {
               if (this.weighList.skin == 0) {
                  // this.temporaryWeighObj.skin = this.realTimeWeigh;
                  this.temporaryWeighObj.skin = newV;
                  this.isweigh = this.temporaryWeighObj.skin > this.weighList.orderSurplus;
               } else {
                  // this.temporaryWeighObj.hair = this.realTimeWeigh;
                  this.temporaryWeighObj.hair = newV;
                  this.temporaryWeighObj.clean = (this.temporaryWeighObj.hair - this.weighList.skin).toFixed(2);
                  this.isweigh = this.temporaryWeighObj.clean > this.weighList.orderSurplus || this.temporaryWeighObj
@@ -292,11 +300,9 @@
            } 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;
                  this.isweigh = this.temporaryWeighObj.hair > this.weighList.orderSurplus;
               } else {
                  // this.temporaryWeighObj.skin = this.realTimeWeigh;
                  this.temporaryWeighObj.skin = newV;
                  this.temporaryWeighObj.clean = (this.weighList.hair - this.temporaryWeighObj.skin).toFixed(2);
                  this.isweigh = this.temporaryWeighObj.clean > this.weighList.orderSurplus || this.temporaryWeighObj
@@ -305,13 +311,6 @@
            }
         },
         // 监听重量变化
         // globalweigh: {
         //    handler(v) {
         //       this.weighData.weigh = this.realTimeWeigh = v;
         //       console.log(this.realTimeWeigh, '真实重量改变了');
         //    },
         //    deep: true
         // },
         globalweigh(newV) {
            this.weighData.weigh = this.realTimeWeigh = newV;
            console.log(this.realTimeWeigh, '真实重量改变了');
@@ -322,27 +321,17 @@
         this.changeisLogin(true)
         this.realTimeWeigh = 0
      },
      onHide() {

      },
      computed: {
         ...mapState(['globalweigh', 'globalinfraredStatus']),
         coalContactClean() {
            return (Number(this.weighData.coalContactHair) - Number(this.weighData.coalContactSkin)).toFixed(2);
         },
         // coalContactClean() {
         //    return (Number(this.weighData.coalContactHair) - Number(this.weighData.coalContactSkin)).toFixed(2);
         // },
         token() {
            return uni.getStorageSync('token');
         },
         // 加减煤按钮禁用与否
         addAndSubtractCoalDisabled() {
            return this.realTimeWeigh == 0;
            // 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() {
@@ -350,27 +339,31 @@
               '转出') {
               return (this.weighList.skin === 0 ? this.temporaryWeighObj.skin : this.weighList.skin) == this
                  .temporaryWeighObj.hair;
               // return this.weighList.skin == this.temporaryWeighObj.hair || this.temporaryWeighObj.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 || this.temporaryWeighObj.skin == this
               //    .temporaryWeighObj.hair;
            }
         },
         sideline() {
            return this.weighList.orderType == '内购' || this.weighList.orderType == '转入';
         },
         showWeigh() {
            return this.weighList.tmTaskCoalItems ? (this.weighList.tmTaskCoalItems[0] ? this
               .weighList.tmTaskCoalItems[0] : {}) : {}
         }
      },
      methods: {
         ...mapMutations(['changeweighHouseCode', 'changeisLogin']),
         init() {
            uni.showLoading({
               title: '加载中'
            })
            // 获取称重信息
            this.$reqGet('weighList', { id: this.takeCoalId }).then(res => {
               console.log(res, '获取称重信息');
               uni.hideLoading()
               if (res.code == 0) {
                  this.weighList = res.data;
                  this.weighData.deptId = res.data.deptId;
@@ -380,18 +373,9 @@
                  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.outBuy = (this.weighList.orderType.indexOf('销') !== -1) && this.showWeigh.hair > 0;
                  // 继续卸货第二次称重就会有，无订单类型限制
                  this.canUnload = this.showWeigh.hair > 0 || this.showWeigh.skin > 0;
               }
            });
         },
@@ -420,7 +404,7 @@
         },
         // 确认称重接口
         saveWeigh() {
            this.weighData.coalContactClean = this.coalContactClean;
            // this.weighData.coalContactClean = this.coalContactClean;
            this.$reqPost('saveWeigh', this.weighData, 'json')
               .then(res => {
                  console.log(res, '称重接口');
@@ -446,7 +430,14 @@
            this.$reqPost('addAndSubtractCoal', {
               deptId: this.weighData.deptId,
               sceneId: this.weighData.sceneId,
               carNo: this.weighData.carNo
               carNo: this.weighData.carNo,
               tmId: this.weighData.tmId,
               filedId: this.weighData.filedId,
               tmId: this.weighData.tmId,
               gateCameraId: this.weighData.gateCameraId,
               equipmentCode: this.weighData.equipmentCode,
               tmCode: this.weighData.tmCode,
               sceneInOut: this.weighData.sceneInOut
            }, 'json').then(res => {
               if (res.code == 0) {
                  this.$u.toast('操作成功，即将返回上一页');
@@ -457,8 +448,32 @@
                     this.isConfirmWeighLoading = false;
                  }, 1000);
                  console.log(res, '加减煤');
               } else {
                  this.$u.toast('操作失败，请稍候重试');
               }
            });
         },
         // 继续卸货
         UnloadingAgainHandle() {
            this.$reqPost('continueWeigh', {
               deptId: this.weighData.deptId,
               sceneId: this.weighData.sceneId,
               carNo: this.weighData.carNo,
               tmId: this.weighData.tmId,
               filedId: this.weighData.filedId,
               tmId: this.weighData.tmId,
               gateCameraId: this.weighData.gateCameraId,
               equipmentCode: this.weighData.equipmentCode,
               tmCode: this.weighData.tmCode,
               sceneInOut: this.weighData.sceneInOut
            }, 'json').then(res => {
               if (res.code == 0) {
                  this.$u.toast('操作成功');

               } else {
                  this.$u.toast('操作失败，请稍候重试');
               }
            })
         },
         // 放空
         evacuation() {
@@ -673,7 +688,7 @@
         width: calc(100% - 60rpx);
         box-sizing: border-box;
         height: 630rpx;
         margin: 0 vww(15) vww(45) vww(15);
         margin: 0 vww(15) vww(25) 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;
@@ -715,20 +730,27 @@
      }

      .three {
         margin: 0 auto vww(20);
         flex: 0.7;
         display: flex;
         margin: 0 auto vww(5);
         width: 96%;
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
         justify-content: center;
         gap: vww(10);
         color: #939393;

         .u-button {
            &:nth-of-type(2) {
               margin-left: vww(10);
            }

            &:nth-of-type(3) {
               margin-left: vww(10);
            }
            width: vww(90);
         }

         // .u-button {
         //    &:nth-of-type(2) {
         //       margin-left: vww(10);
         //    }

         //    &:nth-of-type(3) {
         //       margin-left: vww(10);
         //    }
         // }
      }

      .four {