样式修改

qingyiay

2023-05-09 01e96c8855927df67ac8a6831e345b6cb33140d1

 pages/driver-page/driver-index/driver-index.vue

@@ -35,8 +35,8 @@
                  </view>
                  <view class="second-line">
                     <view class="coal-name">{{ item.coalName }}</view>
                     <view class="black-block"></view>
                     <view class="coal-type">{{ item.orderType }}</view>
                     <!-- <view class="black-block"><view class="black-bar"></view></view>
                     <view class="coal-type">{{ item.orderType }}</view> -->
                  </view>
                  <view class="third-line">
                     <view class="time-icon"><u-icon name="clock" color="#515151" size="40"></u-icon></view>
@@ -68,7 +68,7 @@
                           <view class="sign">装</view>
                           <view class="filedname">
                              <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName }}</text>
                              <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerNameCopy }}</text>
                              <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text>
                           </view>
                        </view>
                        <view class="main-divider"></view>
@@ -80,7 +80,7 @@
                        <view class="main-information">
                           <view class="sign">卸</view>
                           <view class="filedname">
                              <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerNameCopy }}</text>
                              <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName }}</text>
                              <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName }}</text>
                           </view>
                        </view>
@@ -95,7 +95,7 @@
                        </view>
                        <view class="type">
                           <view class="coal-name">{{ item.coalName }}</view>
                           <view class="order-type">{{ item.orderType }}</view>
                           <!-- <view class="order-type">{{ item.orderType }}</view> -->
                        </view>
                     </view>
                     <view class="fourth-line" @click="toAppointmentClick(item)"><view class="button-img">立即预约</view></view>
@@ -120,7 +120,7 @@
                           <view class="sign">装</view>
                           <view class="filedname">
                              <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.deptName }}</text>
                              <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerNameCopy }}</text>
                              <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.customerName }}</text>
                           </view>
                        </view>
                        <view class="main-divider"></view>
@@ -132,7 +132,7 @@
                        <view class="main-information">
                           <view class="sign">卸</view>
                           <view class="filedname">
                              <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerNameCopy }}</text>
                              <text v-if="item.orderType == '外销' || item.orderType == '内销' || item.orderType == '转出'">{{ item.customerName }}</text>
                              <text v-else-if="item.orderType == '外购' || item.orderType == '内购' || item.orderType == '转入'">{{ item.deptName }}</text>
                           </view>
                        </view>
@@ -147,7 +147,7 @@
                        </view>
                        <view class="type">
                           <view class="coal-name">{{ item.coalName }}</view>
                           <view class="order-type">{{ item.orderType }}</view>
                           <!-- <view class="order-type">{{ item.orderType }}</view> -->
                        </view>
                     </view>
                  </view>
@@ -417,13 +417,14 @@
               }
            }
            .second-line {
               width: 60%;
               width: 100%;
               height: vww(68);
               margin-left: vww(12);
               display: flex;
               justify-content: space-evenly;
               justify-content: flex-start;
               align-items: center;
               .coal-name {
                  width: 30%;
                  min-width: vww(50);
                  height: 30rpx;
                  font-size: 30rpx;
                  font-family: Microsoft YaHei;
@@ -431,36 +432,47 @@
                  color: #515151;
                  position: relative;
                  display: flex;
                  justify-content: space-between;
                  padding: vww(2) vww(4);
                  text-align: center;
                  justify-content: center;
               }
               .black-block {
                  width: 2rpx;
                  height: 30rpx;
                  background: #515151;
               }
               .coal-type {
                  width: 24%;
                  min-width: vww(50);
                  height: 30rpx;
                  font-size: 30rpx;
                  font-family: Microsoft YaHei;
                  font-weight: 300;
                  color: #515151;
                  padding: vww(2) vww(4);
                  position: relative;
                  top: vww(2);
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  .black-bar {
                     width: 2rpx;
                     height: 30rpx;
                     background: #515151;
                  }
               }
               .coal-type {
                  min-width: vww(50);
                  height: 30rpx;
                  font-size: 30rpx;
                  font-family: Microsoft YaHei;
                  font-weight: 300;
                  color: #515151;
                  text-align: center;
               }
            }
            .third-line {
               width: 30%;
               width: 100%;
               height: vww(68);
               margin-left: vww(15);
               display: flex;
               justify-content: space-between;
               justify-content: flex-start;
               align-items: center;
               .send-date {
                  width: 148rpx;
                  height: 24rpx;
                  margin-left: vww(14);
                  line-height: 24rpx;
                  font-size: 28rpx;
                  font-family: Microsoft YaHei;
@@ -559,22 +571,29 @@
               }
            }
            .third-line {
               @include thirdLine width: 94%;
               @include thirdLine;
               width: 94%;
               justify-content: flex-start;
               .clock {
                  width: 33%;
                  height: vww(21);
                  // margin-right: vww(70);
                  line-height: vww(21);
                  @include flex;
                  justify-content: flex-start;
                  .send-date {
                     margin-left: vww(14);
                  }
               }
               .type {
                  width: 40%;
                  margin-right: vww(6);
                  flex: 1;
                  margin-right: vww(10);
                  display: flex;
                  justify-content: space-between;
                  justify-content: center;
                  align-items: center;
                  .order-type,
                  .coal-name {
                     width: 120rpx;
                     // min-width: 120rpx;
                     height: 42rpx;
                     line-height: 42rpx;
                     border: 2px solid #035cfb;
@@ -584,6 +603,7 @@
                     font-weight: 300;
                     color: #035cfb;
                     text-align: center;
                     padding: vww(3) vww(11);
                  }
               }
            }