124 lines
3.9 KiB
Vue
124 lines
3.9 KiB
Vue
<template>
|
||
<view>
|
||
<u-sticky>
|
||
<view class="margin flex-row align-center">
|
||
<text class="text-bold text-lg margin-right-xs">订单{{orderInfo.orderStatus}}</text> <u-icon
|
||
name="arrow-right" size="28"></u-icon>
|
||
</view>
|
||
</u-sticky>
|
||
<view class="flex-col align-center">
|
||
<view class="padding bg-white w700 radius margin-bottom-xs">
|
||
<text>感谢您对蓝岸汽车的信任，期待再次光临。 </text>
|
||
</view>
|
||
<view class="padding bg-white w700 radius">
|
||
<view class="flex-row justify-between margin-bottom-xs">
|
||
<text>订单</text> <text>{{ orderInfo.goodsType }}</text>
|
||
</view>
|
||
<view class="flex-row justify-between margin-bottom-xs">
|
||
<text>名称</text> <text>{{ orderInfo.goodsTitle }}</text>
|
||
</view>
|
||
<view class="flex-row justify-between margin-bottom-xs align-center">
|
||
<text>单价</text>
|
||
<view><u--text mode="price" :text="orderInfo.goodsPrice/100" size="28rpx"></u--text></view>
|
||
|
||
</view>
|
||
<view class="flex-row justify-between margin-bottom-xs">
|
||
<text>数量</text> <text>{{ orderInfo.goodNum }}</text>
|
||
</view>
|
||
<view class="flex-row justify-between margin-bottom-xs">
|
||
<text>总价</text>
|
||
<view><u--text mode="price" :text="orderInfo.goodNum * orderInfo.goodsPrice/100"
|
||
size="28rpx"></u--text></view>
|
||
</view>
|
||
|
||
<view class="flex-row justify-between margin-bottom-xs">
|
||
<view class="flex-row align-center">
|
||
<u-icon name="coupon-fill" color="#ff0000"></u-icon>
|
||
<text class="margin-left-xs">优惠劵抵扣</text>
|
||
</view>
|
||
<view class="flex-row align-center"><u--text color="#ff0000" :text="'-'" size="28rpx"></u--text>
|
||
<u--text mode="price" color="#ff0000" :text="orderInfo.couponDiscount/100"
|
||
size="28rpx"></u--text>
|
||
</view>
|
||
</view>
|
||
<view class="flex-row justify-between margin-bottom-xs">
|
||
<text></text>
|
||
<view class="flex-row">
|
||
<text>已优惠</text>
|
||
<u--text color="#ff0000" :text="'-'" size="28rpx"></u--text>
|
||
<u--text mode="price" color="#ff0000" :text="orderInfo.goodNum * orderInfo.reduceMoney/100"
|
||
size="28rpx"></u--text>
|
||
<text class="margin-left">合计</text>
|
||
<u--text mode="price" :text="orderInfo.payMoney/100 + orderInfo.balance/100"
|
||
size="28rpx"></u--text>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<view class="padding bg-white w700 radius margin-top-xs">
|
||
<view class="flex-row justify-between margin-bottom">
|
||
<text>订单编号</text> <text>{{ orderInfo.orderNo }}</text>
|
||
</view>
|
||
<view class="flex-row justify-between margin-bottom">
|
||
<text>下单时间</text> <text>{{ orderInfo.orderTime }}</text>
|
||
</view>
|
||
<view class="flex-row justify-between margin-bottom">
|
||
<text>支付时间</text> <text>{{ orderInfo.payTime }}</text>
|
||
</view>
|
||
<view class="flex-row justify-between ">
|
||
<text>支付方式</text> <text>{{ orderInfo.payType =='balance' ? '积分支付':'微信支付' }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
orderInfo: {
|
||
infoStatus: null
|
||
}
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.getOrderInfo(option.id)
|
||
},
|
||
methods: {
|
||
async getOrderInfo(id) {
|
||
const res = await this.$request({
|
||
url: '/orderApi/getOrderInfo/' + id,
|
||
})
|
||
this.orderInfo = res.data
|
||
const statusMap = {
|
||
'1': '待使用',
|
||
'2': '待评价',
|
||
'3': '已完成',
|
||
'6': '退款中',
|
||
'5': '已退款',
|
||
};
|
||
this.orderInfo.orderStatus = statusMap[this.orderInfo.orderStatus] || '';
|
||
const moudleMap = {
|
||
'sc': '商城',
|
||
'jc': '检测',
|
||
'cz': '充值',
|
||
'qx': '汽修',
|
||
'qxmd': '汽修',
|
||
'jymd': '救援'
|
||
};
|
||
|
||
this.orderInfo.goodsType = moudleMap[this.orderInfo.goodsType] || '';
|
||
this.orderInfo.goodNum = this.orderInfo.goodNum ? this.orderInfo.goodNum : 1
|
||
this.orderInfo.couponDiscount = this.orderInfo.couponDiscount ? this.orderInfo.couponDiscount : 0
|
||
console.log(res);
|
||
},
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
|
||
</style> |