|
|
<template>
|
|
|
<div class="ivu-row">
|
|
|
<div class="ivu-card">
|
|
|
<div class="ivu-card-head">
|
|
|
<p slot="title" style="height: 35px">
|
|
|
当前订单状态:{{ orderStatus[orderInfo.orderStatus] }}
|
|
|
<template v-if="orderInfo.orderStatus >= 100 && orderInfo.orderStatus < 600">
|
|
|
<i-button size="large" type="success" style="margin-left: 50px;" @click="deliver(123)">发货</i-button>
|
|
|
</template>
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="ivu-card-body">
|
|
|
若订单一直未发货,买家会有投诉风险,建议您及时点击发货 查看未发货超时规则 <br />
|
|
|
若买家存在恶意购买行为,您可以联系平台处理
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="ivu-card">
|
|
|
<div class="ivu-card-head">
|
|
|
<p slot="title">订单信息</p>
|
|
|
</div>
|
|
|
<div class="ivu-card-body">
|
|
|
<Row>
|
|
|
<i-col span="24">订购人:{{ orderInfo.mobile }}({{ orderInfo.adminName }})</i-col>
|
|
|
</Row>
|
|
|
<br />
|
|
|
<Row>
|
|
|
<i-col span="4">订单号:{{ orderInfo.orderCode }}</i-col>
|
|
|
<i-col span="4">下单时间:{{ orderInfo.createTime | timeFormat }}</i-col>
|
|
|
<i-col span="4">发货时间:{{ orderInfo.arriveTime | timeFormat }}</i-col>
|
|
|
</Row>
|
|
|
<br />
|
|
|
<Row>
|
|
|
<i-col span="4">订单状态:{{ orderStatus[orderInfo.orderStatus] }}</i-col>
|
|
|
<i-col span="4">提交时间:{{ orderInfo.checkTime | timeFormat }}</i-col>
|
|
|
<i-col span="4">成交时间:</i-col>
|
|
|
</Row>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="ivu-card">
|
|
|
<div class="ivu-card-head">
|
|
|
<p slot="title">物流信息</p>
|
|
|
</div>
|
|
|
<div class="ivu-card-body">
|
|
|
<Row>
|
|
|
<i-col span="4">收货人:{{ orderInfo.consigneeName }}</i-col>
|
|
|
<i-col span="4">手机号:{{ orderInfo.mobile }} </i-col>
|
|
|
</Row>
|
|
|
<Row>
|
|
|
<i-col span="24">
|
|
|
送货地址:{{ orderInfo.province }} {{ orderInfo.city }} {{ orderInfo.district }}
|
|
|
{{ orderInfo.street }}
|
|
|
</i-col>
|
|
|
</Row>
|
|
|
<Row>
|
|
|
<i-col span="24">详细地址:{{ orderInfo.address }}</i-col>
|
|
|
</Row>
|
|
|
<Row>
|
|
|
<i-col span="24">邮政编码:{{ orderInfo.zipCode }}</i-col>
|
|
|
</Row>
|
|
|
<Row>
|
|
|
<i-col span="24">物流公司:{{ orderInfo.expressName }} </i-col>
|
|
|
</Row>
|
|
|
<Row>
|
|
|
<i-col span="24">运单号:{{ orderInfo.expressNumber }} </i-col>
|
|
|
</Row>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="ivu-card">
|
|
|
<div class="ivu-card-head">
|
|
|
<p slot="title">商品信息</p>
|
|
|
</div>
|
|
|
<div class="ivu-card-body">
|
|
|
<goods-info
|
|
|
:table-data="tableData"
|
|
|
:coupons-data="couponsData"
|
|
|
:goods-promos="goodsPromos"
|
|
|
:order-info="orderInfo"
|
|
|
:order-promos="orderPromos"
|
|
|
>
|
|
|
</goods-info>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { GoodsInfo } from './components';
|
|
|
import { OrderConfig } from '../configs';
|
|
|
import OrderService from 'services/order/order-service';
|
|
|
import _ from 'lodash';
|
|
|
|
|
|
export default {
|
|
|
components: { GoodsInfo },
|
|
|
data() {
|
|
|
return {
|
|
|
orderCode: this.$route.query.orderCode,
|
|
|
orderStatus: OrderConfig.orderStatus,
|
|
|
feeSharingType: OrderConfig.feeSharingType,
|
|
|
orderInfo: [],
|
|
|
couponsData: [],
|
|
|
tableData: [],
|
|
|
goodsPromos: [],
|
|
|
orderPromos: [],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.orderService = new OrderService();
|
|
|
this.getOrderInfo();
|
|
|
this.getOrderGoods();
|
|
|
this.getGoodsPromos();
|
|
|
this.getOrderCoupons();
|
|
|
this.getOrderPromos();
|
|
|
},
|
|
|
methods: {
|
|
|
deliver(code) {
|
|
|
this.$router.push({
|
|
|
name: 'order.deliver.step1',
|
|
|
params: {},
|
|
|
query: {
|
|
|
orderCode: code,
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
//获取订单详情
|
|
|
getOrderInfo() {
|
|
|
this.orderService.orderDetail({ orderCode: +this.orderCode }).then(ret => {
|
|
|
this.orderInfo = _.get(ret, 'data', []);
|
|
|
});
|
|
|
},
|
|
|
//获取订单商品
|
|
|
getOrderGoods() {
|
|
|
this.orderService.queryOrderGoods({ orderCode: +this.orderCode }).then(ret => {
|
|
|
this.tableData = _.get(ret, 'data', []);
|
|
|
});
|
|
|
},
|
|
|
//获取订单商品促销信息
|
|
|
getGoodsPromos() {
|
|
|
this.orderService.queryOrderGoodsPromos({ orderCode: +this.orderCode }).then(ret => {
|
|
|
this.goodsPromos = _.get(ret, 'data', []);
|
|
|
});
|
|
|
},
|
|
|
//获取订单优惠券
|
|
|
getOrderCoupons() {
|
|
|
this.orderService.queryOrderCoupons({ orderCode: +this.orderCode }).then(ret => {
|
|
|
this.couponsData = _.get(ret, 'data', {});
|
|
|
_.each(this.couponsData, coupons => {
|
|
|
coupons['feeSharingTypeStr'] = this.feeSharingType[coupons.feeSharingType] || '无';
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
//获取订单促销信息
|
|
|
getOrderPromos() {
|
|
|
this.orderService.queryOrderPromos({ orderCode: +this.orderCode }).then(ret => {
|
|
|
this.orderPromos = _.get(ret, 'data', {});
|
|
|
});
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss"></style> |
...
|
...
|
|