样式修改

qingyiay

2023-05-09 01e96c8855927df67ac8a6831e345b6cb33140d1

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

@@ -4,16 +4,16 @@
         <view class="top-information">
            <view class="cutomer-name">客户:{{ coalDetailsData.customerName || '' }}</view>
            <view class="fild-name">
               <view class="">矿场:{{ coalDetailsData.deptName || '' }}</view>
               <view class="">煤场:{{ coalDetailsData.filedName || '' }}</view>
               <view class="">矿场:{{ coalDetailsData.deptName || '暂无' }}</view>
               <view class="">煤场:{{ coalDetailsData.filedName || '暂无' }}</view>
            </view>
         </view>
         <view class="block-information">
            <view class="block-main">
               <view class="basic">
                  <view class="coalName">{{ coalDetailsData.coalName }}</view>
                  <view class="black-block"></view>
                  <view class="order-type">{{ coalDetailsData.orderType }}</view>
                  <!-- <view class="black-block"></view>
                  <view class="order-type">{{ coalDetailsData.orderType }}</view> -->
                  <view
                     class="status-button"
                     style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/statusbutton.png') no-repeat;
@@ -26,8 +26,8 @@
                  <view class="time-icon"><u-icon name="clock" color="#515151" size="40"></u-icon></view>
                  <view class="send-date">{{ coalDetailsData.sendDate }}</view>
               </view>
               <view class="coal-code">提煤单编码{{ coalDetailsData.code || '' }}</view>
               <view class="order-code">订单编号:{{ coalDetailsData.orderCode || '' }}</view>
               <view class="coal-code">提煤单编号:&nbsp;&nbsp;{{ coalDetailsData.code || '' }}</view>
               <view class="order-code">订单编号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ coalDetailsData.orderCode || '' }}</view>
               <view class="weigh-item">
                  <view class="item">
                     <view class="concrete" style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/skin.png') no-repeat;background-size: cover;">皮</view>
@@ -122,7 +122,7 @@
            openId: null,
            openName: ''
         },
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓', '放空'], // 状态
         coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请', '进入场院'], // 状态
         weighHouseCode: '',
         // 放空弹窗控制变量
         evacuationModalShow: false,
@@ -153,6 +153,16 @@
      },
      openid() {
         return uni.getStorageSync('openid');
      },
      // 获取今天日期
      currentDate() {
         let time = new Date();
         let year = time.getFullYear();
         let month = time.getMonth() + 1;
         month = month < 10 ? '0' + month : month;
         let date = time.getDate();
         date = date < 10 ? '0' + date : date;
         return `${year}-${month}-${date}`;
      }
   },
   methods: {
@@ -210,6 +220,15 @@
         this.$reqGet('coalDayPage', { id: this.orderPlanId }).then(res => {
            if (res.code == 0) {
               this.dayRZ = res.data;
               this.dayRZ = this.dayRZ.map(v => {
                  let slicedate = v.taskStatusDes.slice(0, 10);
                  if (slicedate == this.currentDate) {
                     return {
                        ...v,
                        taskStatusDes: v.taskStatusDes.slice(10)
                     };
                  }
               });
            }
         });
      },
@@ -376,8 +395,12 @@
         font-family: Microsoft YaHei;
         font-weight: 300;
         .fild-name {
            @include flex justify-content: space-between;
            @include flex;
            justify-content: space-between;
            width: 100%;
            view {
               min-width: 296rpx;
            }
         }
      }
      .block-information {
@@ -414,11 +437,13 @@
            color: #fff;
         }
         .basic {
            width: 40%;
            width: 100%;
            height: vww(15);
            @include flex justify-content: space-between;
            .coalName {
               width: 50%;
            @include flex;
            justify-content: flex-start;
            .coalName,
            .order-type {
               width: 45%;
               height: 30rpx;
               font-size: 30rpx;
               font-family: Microsoft YaHei;
@@ -430,16 +455,19 @@
               width: 2rpx;
               height: 30rpx;
               background: #515151;
               position: relative;
               top: vww(2);
            }
         }
         .time {
            width: 30%;
            width: 35%;
            height: vww(12);
            display: flex;
            justify-content: space-between;
            justify-content: flex-start;
            .send-date {
               width: 148rpx;
               height: 24rpx;
               margin-left: vww(14);
               font-size: 28rpx;
               font-family: Microsoft YaHei;
               font-weight: 300;
@@ -458,9 +486,10 @@
         .weigh-item {
            width: 100%;
            height: vww(36);
            @include flex justify-content: space-around;
            @include flex;
            justify-content: space-around;
            .item {
               width: vww(50);
               min-width: vww(50);
               height: vww(45);
               font-size: 21rpx;
               font-family: Microsoft YaHei;
@@ -501,14 +530,16 @@
         .top-button,
         .bottom-button {
            width: 100%;
            height: vww(80);
            height: vww(47);
            @include flex;
            .u-button {
               width: 40%;
               height: 60rpx;
               font-size: 28rpx;
               font-family: Microsoft YaHei;
               font-weight: 300;
               color: #497bfb;
               border: 2px solid #3b56eb;
            }
         }
      }
@@ -528,6 +559,10 @@
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #ffffff;
            background: #497bfb;
            letter-spacing: 4rpx;
            border-radius: 37rpx 37rpx 37rpx 37rpx;
            box-shadow: 2rpx 3rpx 13rpx 0rpx rgba(43, 98, 239, 0.5), 0rpx 0rpx 9rpx 0rpx rgba(247, 250, 253, 0.29);
         }
      }
   }