增加路线规划，样式修改

qingyiay

2023-05-15 6087ba7d24f2353c2d01a5e5a384d5a20f97a19b

 pages/customer-page/customer-my/faYunstatistics/faYunstatistics.vue

@@ -40,7 +40,19 @@
                  </view>
                  <view class="card-main" v-for="(value, i) in item.taskCoalList" :key="i" @click="faYunDetail(value.id)">
                     <view class="first-line">
                        <view class="dispatch-receive">
                        <view class="main-information">
                           <view class="sign">装</view>
                           <view class="filedname">
                              <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">{{ value.deptName.slice(0, 16) }}</text>
                              <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">
                                 {{ value.customerName.slice(0, 16) }}
                              </text>
                              <text v-show="value.deptName.length >= 15 || value.customerName.length >= 15">...</text>
                           </view>
                        </view>
                        <view class="main-divider"></view>
                        <view class="point-number">{{ value.clean.toFixed(2) || 0 }}</view>
                        <!-- <view class="dispatch-receive">
                           <view v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'" class="container">
                              <view class="dispatch">{{ value.deptName }}</view>
                              <view class="receive-icon"></view>
@@ -51,8 +63,22 @@
                              <view class="receive-icon"></view>
                              <view class="receive">{{ value.deptName }}</view>
                           </view>
                        </view> -->
                        <!-- <view class="point-number">{{ value.clean.toFixed(2) || 0 }}</view> -->
                     </view>
                     <view class="first-extra">
                        <view class="main-information">
                           <view class="sign">卸</view>
                           <view class="filedname">
                              <text v-if="value.orderType == '外销' || value.orderType == '内销' || value.orderType == '转出'">
                                 {{ value.customerName.slice(0, 16) }}
                              </text>
                              <text v-else-if="value.orderType == '外购' || value.orderType == '内购' || value.orderType == '转入'">
                                 {{ value.deptName.slice(0, 16) }}
                              </text>
                              <text v-show="value.customerName.length >= 15 || value.deptName.length >= 15">...</text>
                           </view>
                        </view>
                        <view class="point-number">{{ value.clean.toFixed(2) || 0 }}</view>
                     </view>
                     <view class="second-line">
                        <view class="coal-name">
@@ -600,6 +626,13 @@
   justify-content: space-between;
   align-items: center;
}
@mixin firstLine {
   width: 80%;
   height: vww(68);
   margin: vww(10) vww(16) 0 0;
   display: flex;
   justify-content: space-between;
}
::v-deep .toggle-button .u-button {
   width: vww(40);
}
@@ -752,7 +785,7 @@
            }
            .card-main {
               width: 100%;
               height: vww(120);
               height: vww(150);
               border-bottom: vww(1) solid #d6d6d6;
               margin-top: vww(12);
               padding-bottom: vww(12);
@@ -760,45 +793,71 @@
               @include flex flex-direction: column;
               align-items: flex-start;
               .first-line {
                  width: 94%;
                  width: 80%;
                  height: vww(32);
                  color: #303030;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  .dispatch-receive {
                     width: 90%;
                  .main-information {
                     width: 88%;
                     height: vww(28);
                     display: flex;
                     justify-content: space-between;
                     justify-content: flex-start;
                     align-items: center;
                     margin-right: vww(12);
                     .container {
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                     .sign {
                        width: vww(28);
                        height: vww(28);
                        line-height: vww(28);
                        text-align: center;
                        background: url('https://mx.jzeg.cn:9095/appimg/image/banner/blueblock.png') no-repeat;
                        background-size: contain;
                        font-size: 30rpx;
                        font-weight: 400;
                        color: #ffffff;
                        margin-right: vww(20);
                     }
                     .receive-icon {
                        width: 62rpx;
                        height: 14rpx;
                        border-bottom: 3px solid #275fa5;
                        position: relative;
                        &:after {
                           content: '';
                           position: absolute;
                           width: 3px;
                           height: 10px;
                           background-color: #275fa5;
                           right: 0;
                           transform: rotate(-45deg);
                        }
                     }
                  }
                  .main-divider {
                     width: 548rpx;
                     height: 1rpx;
                     background: #e3e3e3;
                     position: absolute;
                     top: 80rpx;
                     left: vww(50);
                  }
                  .point-number {
                     width: 20%;
                     font-size: 40rpx;
                     font-weight: 400;
                     color: #f81414;
                     position: absolute;
                     right: -10rpx;
                     display: flex;
                     flex-wrap: wrap;
                  }
               }
               .first-extra {
                  @include firstLine;
                  height: vww(32);
                  .main-information {
                     width: 100%;
                     height: vww(28);
                     display: flex;
                     justify-content: flex-start;
                     align-items: center;
                     .sign {
                        width: vww(28);
                        height: vww(28);
                        line-height: vww(28);
                        text-align: center;
                        background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat;
                        background-size: contain;
                        font-size: 30rpx;
                        font-weight: 400;
                        color: #ffffff;
                        margin-right: vww(20);
                     }
                  }
               }
               .second-line {