增加路线规划，样式修改

qingyiay

2023-05-15 6087ba7d24f2353c2d01a5e5a384d5a20f97a19b

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

@@ -39,21 +39,35 @@
            <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 }">
                  <u--input placeholder="请输入皮重" border="surround" v-model="weighData.coalContactSkin" @focus="inputFocus(1)" @blur="inputBlur"></u--input>
               <view class="input-container" :class="{ inputClass: isfocus1, disabledClass: isInputOrigin }">
                  <u--input
                     placeholder="请输入皮重"
                     border="surround"
                     v-model="weighData.coalContactSkin"
                     @focus="inputFocus(1)"
                     @blur="inputBlur"
                     :disabled="isInputOrigin"
                  ></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 }">
                  <u--input placeholder="请输入毛重" border="surround" v-model="weighData.coalContactHair" @focus="inputFocus(2)" @blur="inputBlur"></u--input>
               <view class="input-container" :class="{ inputClass: isfocus2, disabledClass: isInputOrigin }">
                  <u--input
                     placeholder="请输入毛重"
                     border="surround"
                     v-model="weighData.coalContactHair"
                     @focus="inputFocus(2)"
                     @blur="inputBlur"
                     :disabled="isInputOrigin"
                  ></u--input>
               </view>
               <view class="unit" :class="{ focusClass: isfocus2 }">吨</view>
            </view>
            <view class="second-line">
               <view class="label-text">净重</view>
               <view class="input-container"><u--input placeholder="请输入净重" border="surround" v-model="coalContactClean"></u--input></view>
               <view class="input-container"><u--input placeholder="净重" border="surround" v-model="coalContactClean" :disabled="isInputOrigin"></u--input></view>
               <view class="unit">吨</view>
            </view>
         </view>
@@ -75,7 +89,7 @@
            </view>
         </view>
      </view>
      <view v-else style="width: 100%;height: vww(20);"></view>
      <view v-else style="width: 100%;height: 40rpx;"></view>
      <view class="bottom-block">
         <view class="block-main">
            <view class="main-information">
@@ -119,14 +133,14 @@
         <u-button
            type="primary"
            text="确定称重"
            :disabled="realTimeWeigh == 0 || globalinfraredStatus || isweigh"
            :disabled="realTimeWeigh == 0 || globalinfraredStatus || isweigh || isInputOrigin"
            :loading="isConfirmWeighLoading"
            loadingText="确认"
            @click="confirmWeigh"
         ></u-button>
         <u-button type="primary" text="返回加减吨" :disabled="addAndSubtractCoalDisabled" @click="addAndSubtractCoal" class="jiajian"></u-button>
         <u-button type="primary" text="返回加减吨" :disabled="addAndSubtractCoalDisabled" @click="addAndSubtractCoal" class="jiajian" v-if="outBuy"></u-button>
      </view>
      <view class="four" v-if="weighList.orderType !== '外购'">如您需要调整装载货品吨数，请点击返回加减吨</view>
      <!-- <view class="four" v-if="weighList.orderType !== '外购'">如您需要调整装载货品吨数，请点击返回加减吨</view> -->
      <!-- 放空弹窗 -->
      <view class="evacuationModal">
         <u-modal
@@ -179,6 +193,8 @@
            coalContactHair: 0,
            coalContactSkin: 0
         },
         // 是否填写原发信息
         isInputOrigin: false,
         takeCoalId: null,
         weighHouseCode: '',
         isConfirmWeighLoading: false, //确定称重按钮
@@ -207,7 +223,9 @@
         coalContactSkin: '',
         // 聚焦时改变样式
         isfocus1: false,
         isfocus2: false
         isfocus2: false,
         // 外购第一次称毛重不需要加减吨
         outBuy: true
      };
   },
   watch: {
@@ -239,11 +257,11 @@
      // 监听重量变化
      globalweigh: {
         handler(v) {
            // this.weighData.weigh = this.realTimeWeigh = v;
            // console.log(this.realTimeWeigh, '真实重量改变了');
            setTimeout(() => {
               this.weighData.weigh = this.realTimeWeigh = v;
            }, 0);
            console.log(this.realTimeWeigh, '真实重量改变了');
            // setTimeout(() => {
            //    this.weighData.weigh = this.realTimeWeigh = v;
            // }, 0);
         },
         deep: true,
         immediate: true
@@ -299,8 +317,16 @@
               this.weighData.carNo = res.data.carNo;
               this.weighData.tmCode = res.data.code;
               this.weighData.filedId = res.data.filedId;
               if (this.weighList.orderType == '外购' && this.weighList.hair == 0) {
               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.outBuy = false;
                  }
               }
               if (this.weighData.coalContactHair > 0 && this.weighData.coalContactSkin > 0) {
                  this.isInputOrigin = true;
               }
            }
         });
@@ -493,6 +519,9 @@
               box-shadow: 0rpx 5rpx 13rpx 0rpx rgba(73, 95, 252, 0.6) !important;
               border-radius: 12rpx !important;
            }
            .isInputOrigin {
               background-color: #f4f4fc;
            }
            .input-container {
               border: 2px solid #c5c5c5;
               box-shadow: 0rpx 5rpx 13rpx 0rpx #c5c5c5;
@@ -593,8 +622,9 @@
      }
   }
   .four {
      margin: vww(10) auto;
      flex: 0.5;
      width: 100%;
      margin-top: vww(5);
      text-align: center;
   }
}
.secondary-confirmation__main {