1

xuxueyang

2024-07-30 ba6fe53d97201c2cf577a1fb0906c819ea3cae33

 sub_pages/supplier/order-settlement/order-settlement-detail.vue

@@ -1,5 +1,7 @@
<template>
   <view class="list-container order-sale supplier p20">


      <view class="m-b-24 order-sale-list list-container">
         <view class="order-sale-item br-4 m-t-12 list-item bg-white">
            <view class="title flex">
@@ -9,10 +11,10 @@
               </view>
            </view>
            <view class="line"></view>
            <view class="form">
            <!--             <view class="form">
               <view class="flex">
                  <view class="form-item flex1">
                     <view class="label">结算单价/均价</view>
                     <view class="label">结算单价</view>
                     <view class="value">￥{{dto.price||'0.00'}}</view>
                  </view>
                  <view class="form-item flex1">
@@ -50,6 +52,45 @@
                     <view class="value">{{dto.stationFee}}</view>
                  </view>
               </view>
            </view> -->
            <view class="tj-container-p">
               <view class="tj-container flex">
                     <view class="tj-each flex1">
                        <view class="value">￥{{dto.price||'0.00'}}</view>
                        <view class="label">结算单价</view>
                     </view>
                     <view class="tj-each flex1">
                        <view class="value">{{dto.flowerNum||'0.00'}}</view>
                        <view class="label">商品数量</view>
                     </view>
                     <view class="tj-each flex1">
                        <view class="value">{{dto.orderNum}}</view>
                        <view class="label">订单数量</view>
                     </view>
                     <view class="tj-each flex1">
                        <view class="value">{{dto.customerNum}}</view>
                        <view class="label">买家数量</view>
                     </view>
                  </view>
					
               <view class="tj-container m-t-12 flex">
                  <view class="tj-each flex1">
                     <view class="value">{{dto.serviceFee}}</view>
                     <view class="label">服务费</view>
                  </view>
                  <view class="tj-each flex1">
                     <view class="value">{{dto.salesFee}}</view>
                     <view class="label">售后理赔</view>
                  </view>
                  <view class="tj-each flex1">
                     <view class="value">{{dto.checkFee}}</view>
                     <view class="label">质检扣款</view>
                  </view>
                  <view class="tj-each flex1">
                     <view class="value">{{dto.stationFee}}</view>
                     <view class="label">集货站运费</view>
                  </view>
               </view>
            </view>

            <view class="line"></view>
@@ -67,7 +108,7 @@
            </view>
         </view>
      </view>
		

      <view class="m-b-24 order-sale-list list-container">
         <view class="order-sale-item br-4 m-t-12 list-item bg-white">
            <view class="title flex">
@@ -111,9 +152,9 @@
                     </view>
                  </view>
               </view>
							

            </view>
				

         </view>
      </view>
   </view>
@@ -150,7 +191,7 @@
            if (code == 0) {
               this.dto = {
                  ...data,
                  details:data.details||[]
                  details: data.details || []
               }
            }

@@ -161,6 +202,40 @@
</script>

<style lang="scss" scope>
   .order-sale {
      .tj-container-p {
         background: #E6F2EB;
         padding: 30rpx;

         .tj-container {
            // height: 148rpx;
            background: #FFFFFF;
            border-radius: 8rpx;
            padding-top: 16rpx;
            padding-bottom: 16rpx;

            .tj-each {
               text-align: center;

               .label {
                  margin-top: 16rpx;
                  font-weight: 400;
                  font-size: 24rpx;
                  color: #000000;
                  line-height: 34rpx;
               }

               .value {
                  font-weight: 400;
                  font-size: 32rpx;
                  color: #CF0000;
                  line-height: 44rpx;
               }
            }
         }
      }
   }

   .order-sale-list {
      .order-sale-item {
         margin-bottom: 20rpx;