|
@@ -3,48 +3,57 @@
|
|
|
<!-- 订单信息 -->
|
|
|
<view class="information-content">
|
|
|
<view class="information-view title">
|
|
|
- <view class="view-num title">
|
|
|
- <text class="bage-buss" v-if="orderData.orderSubmitType == 3 || orderData.orderSubmitType == 4">协销</text>
|
|
|
- <text class="bage-auto" v-if="orderData.orderSubmitType == 0 || orderData.orderSubmitType == 1 ||orderData.orderSubmitType == 2">自主</text>
|
|
|
- <text class="bage-text">订单编号:{{orderData.orderNo =='undefined' ? '' : orderData.orderNo}}</text>
|
|
|
- <image class="bage-icon" src="../../../static/temp/icon-type@3x.png" mode="widthFix" v-if="orderData.secondHandOrderFlag == 1"></image>
|
|
|
+ <view class="view-num">
|
|
|
+ <!-- <text class="bage-buss" v-if="orderData.orderSubmitType == 3 || orderData.orderSubmitType == 4">协销</text>
|
|
|
+ <text class="bage-auto" v-if="orderData.orderSubmitType == 0 || orderData.orderSubmitType == 1 ||orderData.orderSubmitType == 2">自主</text> -->
|
|
|
+ <text class="bage-text">订单编号:<label class="label">{{orderData.orderNo =='undefined' ? '' : orderData.orderNo}}</label></text>
|
|
|
+ <!-- <image class="bage-icon" src="../../../static/temp/icon-type@3x.png" mode="widthFix" v-if="orderData.secondHandOrderFlag == 1"></image> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="information-view">
|
|
|
- <view class="view-num time">下单时间:{{ orderData.orderTime =='undefined' ? '' : orderData.orderTime }}</view>
|
|
|
- <view class="view-type">{{ orderData.status | TextFormat }}</view>
|
|
|
+ <view class="information-view same">
|
|
|
+ <view class="view-num">订单总额:<label class="label">¥{{ orderData.payTotalFee =='undefined' ? '' : orderData.payTotalFee | NumFormat }}</label></view>
|
|
|
</view>
|
|
|
<view class="information-view">
|
|
|
<view class="view-num bold">
|
|
|
- 订单标识:{{ orderData.orderMark =='undefined' ? '' : orderData.orderMark }}
|
|
|
+ 订单标识:<label class="label">{{ orderData.orderMark =='undefined' ? '' : orderData.orderMark }}</label>
|
|
|
<text class="clipboard" @click="clipboard(orderData.orderMark)">复制</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="information-view">
|
|
|
- <view class="view-num">订单总额:¥{{ orderData.payTotalFee =='undefined' ? '' : orderData.payTotalFee | NumFormat }}</view>
|
|
|
- <view class="view-man">应付总额:¥{{ orderData.payableAmount =='undefined' ? '0.00' : orderData.payableAmount | NumFormat }}</view>
|
|
|
- </view>
|
|
|
- <view class="information-view">
|
|
|
+ <view class="information-view same">
|
|
|
<view class="view-num">待付金额:<text class="red">¥{{ orderData.pendingPayments =='undefined' ? '0.00' : orderData.pendingPayments | NumFormat }}</text></view>
|
|
|
<view class="view-man"></view>
|
|
|
</view>
|
|
|
+ <template v-if="openShowflag">
|
|
|
<view class="information-view">
|
|
|
- <view class="view-num">经理折扣:¥{{ orderData.discountFee =='undefined' ? '' : orderData.discountFee | NumFormat}}</view>
|
|
|
- <view class="view-man" v-show="orderData.promotionFullReduction>0">促销满减:¥{{ orderData.promotionFullReduction | NumFormat}}</view>
|
|
|
+ <view class="view-num time">下单时间:<label class="label">{{ orderData.orderTime =='undefined' ? '' : orderData.orderTime }}</label></view>
|
|
|
+ <!-- <view class="view-type">{{ orderData.status | TextFormat }}</view> -->
|
|
|
+ </view>
|
|
|
+ <view class="information-view same">
|
|
|
+ <view class="view-man">应付总额:<label class="red">¥{{ orderData.payableAmount =='undefined' ? '0.00' : orderData.payableAmount | NumFormat }}</label></view>
|
|
|
</view>
|
|
|
<view class="information-view">
|
|
|
- <view class="view-num">余额抵扣:¥{{ orderData.balancePayFee =='undefined' ? '' : orderData.balancePayFee | NumFormat}}</view>
|
|
|
- <view class="view-man">赠品总数:{{ orderData.presentCount + orderData.promotionalGiftsCount}}</view>
|
|
|
+ <view class="view-num">余额抵扣:<label class="label">¥{{ orderData.balancePayFee =='undefined' ? '' : orderData.balancePayFee | NumFormat}}</label></view>
|
|
|
+ </view>
|
|
|
+ <view class="information-view same">
|
|
|
+ <view class="view-num" v-if="orderData.freePostFlag == '0'">运费:<label class="label">包邮</label></view>
|
|
|
+ <view class="view-num" v-if="orderData.freePostFlag == '-1'">运费:<label class="label">到付</label></view>
|
|
|
+ <view class="view-num" v-if="orderData.freePostFlag == '1'">运费:<label class="label">¥{{ orderData.freight | NumFormat}}</label></view>
|
|
|
</view>
|
|
|
<view class="information-view">
|
|
|
- <view class="view-num" v-if="orderData.freePostFlag == '0'">运费:包邮</view>
|
|
|
- <view class="view-num" v-if="orderData.freePostFlag == '-1'">运费:到付</view>
|
|
|
- <view class="view-num" v-if="orderData.freePostFlag == '1'">运费:¥{{ orderData.freight | NumFormat}}</view>
|
|
|
+ <view class="view-num">经理折扣:<label class="label">¥{{ orderData.discountFee =='undefined' ? '' : orderData.discountFee | NumFormat}}</label></view>
|
|
|
+ <view class="view-man" v-show="orderData.promotionFullReduction>0">促销满减:<label class="label">¥{{ orderData.promotionFullReduction | NumFormat}}</label></view>
|
|
|
+ </view>
|
|
|
+ <view class="information-view same">
|
|
|
+ <view class="view-man">赠品总数:<label class="label">{{ orderData.presentCount + orderData.promotionalGiftsCount}}</label></view>
|
|
|
</view>
|
|
|
<view class="information-view">
|
|
|
- <view class="view-num">已支付:¥{{ orderData.receiptAmount == null ? '0.00' : orderData.receiptAmount | NumFormat }}</view>
|
|
|
+ <view class="view-num">已支付:<label class="red">¥{{ orderData.receiptAmount == null ? '0.00' : orderData.receiptAmount | NumFormat }}</label></view>
|
|
|
<view class="view-man"></text></view>
|
|
|
</view>
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+ <view class="openinfo" v-if="infoflag">
|
|
|
+ <view class="btnInfo" @click="openShow">查看更多<label class="iconfont icon-xiangxiajiantou"></label></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -62,6 +71,8 @@
|
|
|
return{
|
|
|
orderData:'',
|
|
|
freePostFlag:'',
|
|
|
+ openShowflag:false,
|
|
|
+ infoflag:true
|
|
|
}
|
|
|
},
|
|
|
created(){
|
|
@@ -112,6 +123,10 @@
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
+ openShow(){
|
|
|
+ this.openShowflag = true;
|
|
|
+ this.infoflag = false;
|
|
|
+ },
|
|
|
initData(res) {
|
|
|
this.orderData = res;
|
|
|
},
|
|
@@ -137,23 +152,31 @@
|
|
|
margin-top: 24rpx;
|
|
|
.information-content{
|
|
|
width: 702rpx;
|
|
|
- padding: 0 24rpx 20rpx 24rpx;
|
|
|
+ padding: 15rpx 24rpx 20rpx 24rpx;
|
|
|
.information-view{
|
|
|
height: 50rpx;
|
|
|
line-height: 50rpx;
|
|
|
- font-size: $font-size-28;
|
|
|
- color: $text-color;
|
|
|
+ font-size: $font-size-24;
|
|
|
margin: 4rpx 0;
|
|
|
- display: flex;
|
|
|
- &.title{
|
|
|
- height: 68rpx;
|
|
|
- line-height: 68rpx;
|
|
|
- margin-bottom: 5rpx;
|
|
|
+ // display: flex;
|
|
|
+ width: 55%;
|
|
|
+ display: inline-block;
|
|
|
+ &.same{
|
|
|
+ width: 45%;
|
|
|
}
|
|
|
+ // &.title{
|
|
|
+ // height: 68rpx;
|
|
|
+ // line-height: 68rpx;
|
|
|
+ // margin-bottom: 5rpx;
|
|
|
+ // }
|
|
|
view{
|
|
|
- flex: 1;
|
|
|
+ // flex: 1;
|
|
|
color: $text-color;
|
|
|
text-align: left;
|
|
|
+ color: #999999;
|
|
|
+ .label{
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
}
|
|
|
.view-num.title{
|
|
|
height: 68rpx;
|
|
@@ -197,7 +220,7 @@
|
|
|
line-height: 68rpx;
|
|
|
text-align: left;
|
|
|
color: $color-system;
|
|
|
- margin-left: 10rpx;
|
|
|
+ // margin-left: 10rpx;
|
|
|
}
|
|
|
}
|
|
|
.view-num.ord{
|
|
@@ -210,9 +233,9 @@
|
|
|
color: #999999;
|
|
|
flex: 6;
|
|
|
}
|
|
|
- .bold{
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
+ // .bold{
|
|
|
+ // font-weight: bold;
|
|
|
+ // }
|
|
|
.red{
|
|
|
color: #FF2A2A;
|
|
|
}
|
|
@@ -237,4 +260,22 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .openinfo{
|
|
|
+ .btnInfo{
|
|
|
+ width: 140rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ border: 2rpx solid #e1e1e1;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ padding: 5rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #b2b2b2;
|
|
|
+ margin: 20rpx auto;
|
|
|
+ font-size: $font-size-24;
|
|
|
+ .iconfont{
|
|
|
+ position: relative;
|
|
|
+ top: 5rpx;
|
|
|
+ right: -3rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|