<template>
|
<view class="list">
|
<view class="list-item">
|
<view class="list-header">
|
<text>订单信息</text>
|
</view>
|
<view class="list-content">
|
<view class="flex justify-between">
|
<text>会员姓名</text>
|
<text class="gray">{{orderInfo.vipName}}</text>
|
</view>
|
<view class="flex justify-between">
|
<text>联系方式</text>
|
<text class="gray">{{orderInfo.phone}}</text>
|
</view>
|
<view class="flex justify-between">
|
<text>订单号</text>
|
<text class="gray">{{orderInfo.orderNo}}</text>
|
</view>
|
<view class="flex justify-between">
|
<text>下单顾问</text>
|
<text class="gray">{{orderInfo.staffName}}</text>
|
</view>
|
<view class="flex justify-between">
|
<text>下单时间</text>
|
<text class="gray">{{orderInfo.orderTime}}</text>
|
</view>
|
</view>
|
</view>
|
<view class="list-item">
|
<view class="list-header">
|
<text>订单明细</text>
|
</view>
|
<view class="list-content">
|
<view class="list-content-row" v-for="item in orderList">
|
<view class="flex justify-between align-center">
|
<view class="name">
|
<text class="font-14 mr-15">{{item.goodsName}}</text>
|
<text class="gray">x{{item.count}}</text>
|
</view>
|
<view>
|
<text class="gray font-through" v-if="item.zkPrice!=item.price">￥{{item.price}}</text>
|
<text class="ml-10">￥{{item.zkPrice}}</text>
|
</view>
|
</view>
|
<view class="gray font-13">
|
<text>现金支付：</text>
|
<text>￥{{item.cashPay | formatNum}}</text>
|
</view>
|
<view class="gray font-13">
|
<text>储蓄卡支付：</text>
|
<text>￥{{item.cardPay | formatNum}}</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="list-item">
|
<view class="list-header">
|
<text>支付信息</text>
|
</view>
|
<view class="list-content">
|
<view class="flex justify-between">
|
<text>现金支付</text>
|
<text class="gray">￥{{orderInfo.cashPay | formatNum}}</text>
|
</view>
|
<view class="flex justify-between">
|
<text>储蓄卡支付</text>
|
<text class="gray">￥{{orderInfo.cardPay | formatNum}}</text>
|
</view>
|
<view class="flex justify-between">
|
<text>应付总额</text>
|
<text class="gray">￥{{orderInfo.needPay | formatNum}}</text>
|
</view>
|
<view class="flex justify-between">
|
<text>实付总额</text>
|
<text class="gray">￥{{orderInfo.realPay | formatNum}}</text>
|
</view>
|
<view class="flex justify-between">
|
<text>优惠总额</text>
|
<text class="gray">￥{{orderInfo.discount | formatNum}}</text>
|
</view>
|
</view>
|
</view>
|
<view class="list-item">
|
<view class="list-header">
|
<text>业绩提成</text>
|
</view>
|
<view class="list-content">
|
<view class="list-content-row" v-for="item in orderList">
|
<view class="flex justify-between align-center gray font-13">
|
<view class="name">
|
<text class="mr-15">{{item.goodsName}}</text>
|
<text>x{{item.count}}</text>
|
</view>
|
<text>￥{{item.price}}</text>
|
</view>
|
<view class="flex justify-between" v-for="op in item.achieves">
|
<text>{{op.name}}</text>
|
<text>业绩：{{op.achieve}}</text>
|
</view>
|
<view v-if="!item.achieves.length" class="gray">
|
未分配业绩
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
orderInfo: {},
|
orderList: []
|
}
|
},
|
onLoad(options) {
|
this.loadOrderDetail(options.orderId);
|
},
|
methods:{
|
loadOrderDetail(id){
|
this.$httpUtils.request('/api/order/findOrderDetail/'+id).then((res) => {
|
if(res.status == 200){
|
let result = res.mapInfo.orderDetail;
|
this.orderInfo = result;
|
this.orderList = result.items;
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
page{
|
background: #F6F6F8;
|
}
|
.list-item{
|
background: #FFFFFF;
|
border-radius: 4px;
|
margin: 10px;
|
}
|
.list-header{
|
padding: 12px 15px;
|
font-size: 16px;
|
font-weight: bold;
|
border-bottom: 1px solid #EDEAF4;
|
}
|
.list-content{
|
padding: 12px 15px;
|
font-size: 14px;
|
line-height: 28px;
|
}
|
.list-content-row{
|
border-bottom: 1px solid #EDEAF4;
|
padding: 8px 0;
|
}
|
.list-content-row:nth-child(1){
|
padding-top: 0;
|
}
|
.list-content-row:nth-last-child(1){
|
border-bottom: 0;
|
padding-bottom: 0;
|
}
|
.font-through{
|
text-decoration: line-through;
|
}
|
.name{
|
line-height: 20px;
|
}
|
</style>
|
