修改样式，修复已知bug

qingyiay

2023-04-24 bb52e0d4baffe8e0486c951e525b6614bd4aaa28

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

@@ -1,8 +1,56 @@
<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>客户：{{}}</text>
            <text>矿场：{{ coalDetailsData.deptName || '' }}</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>
@@ -48,8 +96,8 @@
</template>

<script>
let socket = null;
import { webSocketUrl } from '@/api/request.js';
import { mapState, mapMutations } from 'vuex';
export default {
   onLoad(value) {
      if (value.orderPlanId && value.yyId) {
@@ -100,14 +148,21 @@
            sceneId: '',
            gateCameraId: '',
            equipmentCode: '',
            weigh: 30
         }
            weigh: 0,
            sceneInOut: ''
         },
         // 原发信息
         primarySkin: null,
         primaryHair: null,
         primaryClean: null,
         scrollTop: 0
      };
   },
   onShow() {
      this.init();
   },
   computed: {
      ...mapState(['globalweigh', 'globalinfraredStatus']),
      name() {
         return uni.getStorageSync('name');
      },
@@ -141,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;
@@ -157,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;
            }
         });
      },
@@ -244,53 +304,18 @@
               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('未在磅房，请前往磅房后再试！！');
            }
         });
      },
      /**
       * 初始化 weoSocket
       */
      initWebSocket() {
         let wsUrl = `${webSocketUrl}?access_token=${uni.getStorageSync('token')}`;
         socket = uni.connectSocket({
            url: wsUrl,
            header: {
               CLIENT_TOC: 'Y'
            },
            complete: res => {
               console.log(res, 'socket结果');
            }
         });
         socket.onOpen(() => {
            console.log('onOpen');
         });
         // 获取服务器传来的数据，做相应处理
         socket.onMessage(res => {
            console.log('socketWeigh', res);
            let nowWeighObj = JSON.parse(res.data.slice(7));
            if (nowWeighObj.eqCode == this.weighHouseCode) {
               if (nowWeighObj.eqInfraredStatus) {
                  this.weighData.weigh = nowWeighObj.weigh;
               } else {
                  this.weighData.weigh = nowWeighObj.weigh;
               }
            }
         });
         socket.onClose(() => {
            console.log('webSocketClose');
            this.$u.toast('磅房中断');
         });
         socket.onError(err => {
            console.log('socket报错', err);
            this.$u.toast('出现错误，请重新进入该页面，重试！！');
         });
      },
      // 放空
@@ -299,6 +324,10 @@
      },
      // 放空弹窗确认
      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, '第一次放空');
@@ -327,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);