|
@@ -34,16 +34,16 @@
|
|
|
<view>{{ detailData&&detailData.vehicleModel || '--' }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="countData flex align_center" v-if="countDetail">
|
|
|
+ <view>总款数:<text>{{countDetail.productCategory}}</text></view>
|
|
|
+ <view>总数量:<text>{{countDetail.totalQty}}</text></view>
|
|
|
+ <view>总结算金额:<text>¥{{countDetail.settleAmount}}</text></view>
|
|
|
+ </view>
|
|
|
<view class="shelfOrderDetail-info">
|
|
|
<view class="list-item-tit flex align_center">
|
|
|
<view class="u-line" :style="{background: $config('primaryColor')}"></view>
|
|
|
<view class="buyer">产品列表</view>
|
|
|
</view>
|
|
|
- <view class="countData flex align_center" v-if="countDetail">
|
|
|
- <view>总款数:<text>{{countDetail.productCategory}}</text>;</view>
|
|
|
- <view>总数量:<text>{{countDetail.totalQty}}</text>;</view>
|
|
|
- <view>总结算金额:<text>¥{{countDetail.settleAmount}}</text>;</view>
|
|
|
- </view>
|
|
|
<view
|
|
|
class="panel-box flex justify_between"
|
|
|
v-for="item in detailList" :key="item.id">
|
|
@@ -54,8 +54,8 @@
|
|
|
<view><text class="pcode">{{item.shelfPlaceCode}}</text>{{item.productCode || '--'}}</view>
|
|
|
<view class="padding_7">{{item.productName || '--'}}</view>
|
|
|
<view class="prices flex align_center justify_between">
|
|
|
- <view><text class="p1">¥{{item.settlePrice}}</text><text class="p2">X</text>{{item.totalQty}}{{item.unit}}</view>
|
|
|
- <view>¥{{item.settleAmount}}</view>
|
|
|
+ <view><text>¥{{item.settlePrice}}</text><text class="p2">X</text>{{item.totalQty}} {{item.unit}}</view>
|
|
|
+ <view class="p1">¥{{item.settleAmount}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -95,6 +95,7 @@
|
|
|
<style lang="scss">
|
|
|
.shelfOrderDetail-wrap{
|
|
|
width: 100%;
|
|
|
+ padding-bottom: 50rpx;
|
|
|
.panel-box {
|
|
|
padding: 20upx 20upx;
|
|
|
display: flex;
|
|
@@ -118,24 +119,25 @@
|
|
|
padding-top: 15rpx;
|
|
|
.p1{
|
|
|
color:#ff0000;
|
|
|
- margin-right: 30rpx;
|
|
|
}
|
|
|
.p2{
|
|
|
color: #999;
|
|
|
font-size: 20rpx;
|
|
|
margin-right: 10rpx;
|
|
|
+ margin-left: 30rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- border-bottom: 1px solid #e4e7ed;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
&:last-child{
|
|
|
border: 0;
|
|
|
}
|
|
|
}
|
|
|
.list-item-tit{
|
|
|
- padding-bottom: 18upx;
|
|
|
+ padding-bottom: 15upx;
|
|
|
padding-top: 10upx;
|
|
|
border-bottom: 1px solid #e4e7ed;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
.u-line{
|
|
|
display: inline-block;
|
|
|
width: 6upx;
|
|
@@ -157,28 +159,42 @@
|
|
|
box-shadow: 3upx 2upx 6upx #eee;
|
|
|
margin: 20upx;
|
|
|
.info-item{
|
|
|
- border-bottom: 1px solid #e4e7ed;
|
|
|
- padding: 20upx 0;
|
|
|
+ padding: 10upx 0;
|
|
|
.info-name{
|
|
|
- color: #999;
|
|
|
- padding-right: 20rpx;
|
|
|
- width: 150rpx;
|
|
|
+ color: #666;
|
|
|
+ padding-right: 30rpx;
|
|
|
+ width: 160rpx;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
- &:last-child{
|
|
|
- border: 0;
|
|
|
+ > view{
|
|
|
+ &:last-child{
|
|
|
+ flex-grow: 1;
|
|
|
+ width: 80%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- .countData{
|
|
|
- background: #fff;
|
|
|
+ }
|
|
|
+ .countData{
|
|
|
+ display: flex;
|
|
|
+ background: #fff;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ font-size: 26rpx;
|
|
|
+ margin: 0 20rpx;
|
|
|
+ padding: 10px;
|
|
|
+ border-radius: 20upx;
|
|
|
+ box-shadow: 3upx 2upx 6upx #eee;
|
|
|
+ > view{
|
|
|
+ width: 100%;
|
|
|
display: flex;
|
|
|
- padding: 15upx;
|
|
|
- border-radius: 15rpx;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #666;
|
|
|
+ padding: 2px 0;
|
|
|
text{
|
|
|
- color: #ff5500;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ &:last-child{
|
|
|
+ text{color: #ff5500;}
|
|
|
}
|
|
|
- font-size: 24rpx;
|
|
|
- border-bottom: 1px solid #e4e7ed;
|
|
|
- padding: 20upx 0;
|
|
|
}
|
|
|
}
|
|
|
}
|