fe / yoho-shop-manage · Commits

Go to a project

Authored by lzhy
Commit e45f035355f0876a35c8f6c8fac576a201fce1be 1 parent 5d757e15

订单详情

Inline Side-by-side
Showing 5 changed files with 240 additions and 0 deletions
import GoodsInfo from './goods-info';
export { GoodsInfo };
... ...
<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>
... ...
export default {
path: '/detail.html',
name: 'detail',
component: () => import(/* webpackChunkName: "order.detail" */ './detail'),
meta: {
pageName: '订单详情',
},
};
... ...
import OrderService from './order-service';
export { OrderService };
... ...
import Service from '../service';
const apiUrl = {
orderList: '/erp/orderList',
orderDetail: '/erp/orderDetail',
orderGoods: '/erp/queryOrderGoods',
orderGoodsPromos: '/erp/queryOrderGoodsPromos',
orderCoupons: '/erp/queryOrderCoupons',
orderPromos: '/erp/queryOrderPromos',
};
class OrderService extends Service {
/**
* 订单列表
* @param params
* @return {*}
*/
orderList(params) {
return this.post(apiUrl.orderList, params);
}
/**
* 订单详情
* @param params
* @return {*}
*/
orderDetail(params) {
return this.post(apiUrl.orderDetail, params);
}
/**
* 根据订单号获取订单商品
* @param params
*/
queryOrderGoods(params) {
return this.post(apiUrl.orderGoods, params);
}
/**
* 获取订单商品的促销
* @param params
*/
queryOrderGoodsPromos(params) {
return this.post(apiUrl.orderGoodsPromos, params);
}
/**
* 获取订单的优惠券信息
* @param parmas
* @return {*}
*/
queryOrderCoupons(parmas) {
return this.post(apiUrl.orderCoupons, parmas);
}
/**
* 获取订单促销
* @param parmas
*/
queryOrderPromos(params) {
return this.post(apiUrl.orderPromos, params);
}
}
export default OrderService;
... ...