修改样式，修复已知bug

qingyiay

2023-04-24 bb52e0d4baffe8e0486c951e525b6614bd4aaa28

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

@@ -1,9 +1,57 @@
<template>
   <view class="bill-of-lading-details">
      <view class="bangDanMessage">
      <scroll-view class="bangDanMessage" :scroll-top="scrollTop" scroll-y="true">
         <uni-table border stripe emptyText="暂无更多数据">
            <uni-tr>
               <uni-th align="left">客户</uni-th>
               <uni-td align="right">{{ coalDetailsData.customerName || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">矿场</uni-th>
               <uni-td align="right">{{ coalDetailsData.deptName || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">毛重</uni-th>
               <uni-td align="right">{{ coalDetailsData.hair || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">皮重</uni-th>
               <uni-td align="right">{{ coalDetailsData.skin || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">净重</uni-th>
               <uni-td align="right">{{ coalDetailsData.clean || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">磅单类型</uni-th>
               <uni-td align="right">{{ coalDetailsData.orderType || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">状态</uni-th>
               <uni-td align="right">{{ coalStatus[coalDetailsData.status] }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">煤场</uni-th>
               <uni-td align="right">{{ coalDetailsData.filedName || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">发运时间</uni-th>
               <uni-td align="right">{{ coalDetailsData.sendDate || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">提煤单编号</uni-th>
               <uni-td align="right">{{ coalDetailsData.code || '' }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="left">订单编号</uni-th>
               <uni-td align="right">{{ coalDetailsData.orderCode || '' }}</uni-td>
            </uni-tr>
         </uni-table>
      </scroll-view>
      <!-- <view class="bangDanMessage">
         <view class="">
            <text>客户：{{ coalDetailsData.customerName || '' }}</text>
            <text>矿厂：{{ coalDetailsData.deptName || '' }}</text>
            <text>客户：{{}}</text>
            <text>矿场：{{ coalDetailsData.deptName || '' }}</text>
         </view>
         <view class="">
            <text>皮重：{{ coalDetailsData.skin || '' }}</text>
@@ -11,7 +59,7 @@
            <text>净重：{{ coalDetailsData.clean || '' }}</text>
         </view>
         <view class="">
            <text>磅单类型：{{ coalDetailsData.orderTye || '' }}</text>
            <text>磅单类型：{{ coalDetailsData.orderType || '' }}</text>
            <text>状态：{{ coalStatus[coalDetailsData.status] }}</text>
         </view>
         <view class="">
@@ -20,7 +68,7 @@
            <text>提煤单编号：{{ coalDetailsData.code || '' }}</text>
            <text>订单编号：{{ coalDetailsData.orderCode || '' }}</text>
         </view>
      </view>
      </view> -->
      <view class="timeLine" style="font-size: 16rpx;">
         <u--text type="primary" size="30" plain v-for="(item, index) in dayRZ" :key="index" :text="item.taskStatusDes"></u--text>
      </view>
@@ -28,16 +76,28 @@
         <view class="utils_chil utils_chilTop">
            <u-button text="签到" type="primary" plain @click="arriveClick"></u-button>
            <u-button text="入场申请" type="primary" plain @click="rcsqClick"></u-button>
            <u-button text="放空" type="primary" plain></u-button>
            <u-button text="放空" type="primary" plain @click="evacuation" throttleTime="500"></u-button>
            <u-button text="呼叫客服" type="primary" plain @click="callCustomerService"></u-button>
         </view>
         <view class="utils_chil"><u-button text="展示提煤单" @click="showCaolPickUpBill" type="primary"></u-button></view>
         <view class="utils_chil"><u-button text="上磅计量" @click="cengZhongClick" type="primary"></u-button></view>
      </view>
      <view class="evacuationModal">
         <u-modal
            :show="evacuationModalShow"
            :title="evacuationTitle"
            :content="evacuationContent"
            :showCancelButton="true"
            @confirm="evacuationConfirm"
            @cancel="evacuationCancel"
         ></u-modal>
      </view>
   </view>
</template>

<script>
import { webSocketUrl } from '@/api/request.js';
import { mapState, mapMutations } from 'vuex';
export default {
   onLoad(value) {
      if (value.orderPlanId && value.yyId) {
@@ -77,13 +137,32 @@
            openId: null,
            openName: ''
         },
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓'] // 状态
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓', '放空'], // 状态
         weighHouseCode: '',
         // 放空弹窗控制变量
         evacuationModalShow: false,
         evacuationTitle: '放空确认',
         evacuationContent: '是否确认放空',
         // 第一次放空参数
         weighData: {
            sceneId: '',
            gateCameraId: '',
            equipmentCode: '',
            weigh: 0,
            sceneInOut: ''
         },
         // 原发信息
         primarySkin: null,
         primaryHair: null,
         primaryClean: null,
         scrollTop: 0
      };
   },
   onShow() {
      this.init();
   },
   computed: {
      ...mapState(['globalweigh', 'globalinfraredStatus']),
      name() {
         return uni.getStorageSync('name');
      },
@@ -117,7 +196,8 @@
      getTakeCoal() {
         this.$reqGet('getTakeCoal', { takeCoalId: this.orderPlanId }).then(res => {
            if (res.code == 0) {
               this.coalDetailsData = res.data[0];
               console.log(res, '提煤单详情');
               this.coalDetailsData = res.data;
               // 获取所在磅房参数赋值
               this.getWeightHouseObj.deptId = this.coalDetailsData.deptId;
               this.getWeightHouseObj.filedId = this.coalDetailsData.filedId;
@@ -133,6 +213,10 @@
               this.getServiceOpenid.filedId = this.coalDetailsData.filedId;
               // 获取提煤单状态
               this.currentPageCoalStatus = this.coalDetailsData.status;
               // 获取原发信息
               this.primarySkin = this.coalDetailsData.skinTwo;
               this.primaryHair = this.coalDetailsData.hairTwo;
               this.primaryClean = this.coalDetailsData.cleanTwo;
            }
         });
      },
@@ -217,15 +301,48 @@
         this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => {
            console.log(res, '获取磅房');
            if (res.code == 0) {
               this.weighData.sceneId = res.data.id;
               this.weighData.gateCameraId = res.data.lastEquipmentId;
               this.weighData.equipmentCode = res.data.lastEquipmentCode;
               this.weighData.sceneInOut = res.data.sceneInOut;
               this.weighHouseCode = res.data.code;
               uni.navigateTo({
                  url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${
                     res.data.id
                  }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}`
                  }&gateCameraId=${res.data.lastEquipmentId}&gateCameraCode=${res.data.lastEquipmentCode}&weighHouseCode=${res.data.code}&primarySkin=${
                     this.primarySkin
                  }&primaryHair=${this.primaryHair}&psrimaryClean=${this.primaryClean}&sceneInOut=${res.data.sceneInOut}`
               });
            } else {
               this.$u.toast('未在磅房，请前往磅房后再试！！');
            }
         });
      },
      // 放空
      evacuation() {
         this.evacuationModalShow = true;
      },
      // 放空弹窗确认
      evacuationConfirm() {
         this.weighData = {
            ...this.weighData,
            weigh: this.globalweigh
         };
         let mix = Object.assign(this.weighData, this.getWeightHouseObj);
         this.$reqPost('getOneEvacuation', mix, 'json').then(res => {
            console.log(res, '第一次放空');
            if (res.code == 0) {
               this.$u.toast('操作成功');
               this.evacuationModalShow = false;
            } else {
               this.$u.toast('操作失败，请稍后重试');
               this.evacuationModalShow = false;
            }
         });
      },
      // 放空弹窗取消
      evacuationCancel() {
         this.evacuationModalShow = false;
      }
   }
};
@@ -239,47 +356,73 @@
   display: flex;
   flex-direction: column;
   .bangDanMessage {
      padding: vww(10);
      border: vww(2) solid #dddddd;
      border-radius: vww(20);
      margin: vww(20);
      margin-bottom: vww(10);
      height: 40%;
      font-size: vww(18);
      font-weight: 600;
      view {
         margin-bottom: vww(10);
      }
      view:nth-of-type(1) {
         display: flex;
         text {
            width: 50%;
            text-align: center;
      width: 96%;
      margin: 0 auto;
      height: 50%;
   }
   // 表格样式
   .uni-table {
      .uni-table-tr {
         padding: 0;
         border: vww(1) solid #c6c6c6;
         .uni-table-th {
            font-size: vww(14);
            height: vww(20);
            line-height: vww(20);
            // padding: vww(5) vww(10);
            color: #111111;
            font-weight: 500;
            background: #e2e2e2;
         }
      }
      view:nth-of-type(2) {
         display: flex;
         text {
            width: 33%;
            text-align: center;
         }
      }
      view:nth-of-type(3) {
         display: flex;
         text {
            width: 50%;
            text-align: center;
         }
      }
      view:nth-of-type(4) {
         display: flex;
         flex-direction: column;
         text {
            margin-bottom: vww(10);
            text-align: center;
         .uni-table-td {
            font-size: vww(14);
            font-weight: 400;
            height: vww(20);
            line-height: vww(20);
            padding: vww(5) vww(10);
            color: #111111;
         }
      }
   }
   // .bangDanMessage {
   //    margin: vww(20);
   //    margin-bottom: vww(10);
   //    height: 40%;
   //    font-size: vww(18);
   //    font-weight: 600;
   //    view {
   //       margin-bottom: vww(10);
   //    }
   //    view:nth-of-type(1) {
   //       display: flex;
   //       text {
   //          width: 50%;
   //          text-align: center;
   //       }
   //    }
   //    view:nth-of-type(2) {
   //       display: flex;
   //       text {
   //          width: 33%;
   //          text-align: center;
   //       }
   //    }
   //    view:nth-of-type(3) {
   //       display: flex;
   //       text {
   //          width: 50%;
   //          text-align: center;
   //       }
   //    }
   //    view:nth-of-type(4) {
   //       display: flex;
   //       flex-direction: column;
   //       text {
   //          margin-bottom: vww(10);
   //          text-align: center;
   //       }
   //    }
   // }
   .timeLine {
      height: 25%;
      margin: vww(20);