fe / yoho-shop-manage · Commits

Go to a project

Authored by lzhy
Commit 5a6e2f1e1e5ac80633f390b6e5c9c70760a5f3d9 1 parent 35a6ed81

一件发货

Inline Side-by-side
Showing 3 changed files with 34 additions and 101 deletions
import list from './list';
import detail from './detail';
import deliver from './deliver';
export default {
list,
detail,
deliver,
};
... ...
export default {
path: '/list.html',
name: 'list',
component: () => import(/* webpackChunkName: "order.list" */ './list'),
meta: {
pageName: '一件代发订单管理',
},
};
... ...
... ... @@ -2,27 +2,27 @@
<layout-body>
<layout-filter ref="filter" :model="query">
<filter-item label="订单号">
<Input v-model.trim="query.orderCode" :maxlength="11" />
<Input v-model.trim="query.orderCode" />
</filter-item>
<filter-item label="SKN">
<Input v-model.trim="query.productSkn" :maxlength="9" />
<Input v-model.trim="query.productSkn" />
</filter-item>
<filter-item label="SKU">
<Input v-model.trim="query.productSku" :maxlength="9" />
<Input v-model.trim="query.productSku" />
</filter-item>
<filter-item label="收货人">
<Input v-model.trim="query.userName" />
<Input v-model.trim="query.consigneeName" />
</filter-item>
<filter-item label="买家昵称">
<Input v-model.trim="query.nickName" />
</filter-item>
<filter-item label="商品名称">
<Input v-model.trim="query.prodName" />
<Input v-model.trim="query.productName" />
</filter-item>
<filter-item label="订单状态">
<Select v-model.trim="query.orderStatusStr" clearable>
<Option v-for="option in orderStatusArr" :key="option.id" :value="option.id">
{{ option.name }}
<Select v-model.trim="query.orderStatus" clearable>
<Option v-for="(option, key) in orderStatusArr" :key="key" :value="key">
{{ option }}
</Option>
</Select>
</filter-item>
... ... @@ -34,7 +34,8 @@
</layout-filter>
<layout-list>
<list-tabs @change-tabs="onChangeTabs"></list-tabs>
<data-table :table-cols="tableCols" :table-data="tableData"></data-table>
<data-table :table-data="tableData" :payment-status-arr="paymentStatusArr" :order-status-arr="orderStatusArr">
</data-table>
<Page :total="pageData.total" :current="pageData.current" :page-size="20" show-total @on-change="pageChange">
</Page>
</layout-list>
... ... @@ -45,10 +46,12 @@
import { ListTabs, DataTable } from './components';
import OrderService from 'services/order/order-service';
import _ from 'lodash';
import { OrderConfig } from '../configs';
export default {
components: { ListTabs, DataTable },
data() {
return {
paymentStatusArr: OrderConfig.paymentStatus,
query: {
orderCode: '',
productSkn: '',
... ... @@ -62,103 +65,17 @@ export default {
orderStatusStr: '',
queryType: 1,
},
orderStatusArr: [
{ id: 1, name: 'a' },
{ id: 2, name: 'b' },
{ id: 3, name: 'c' },
],
tableData: [],
orderStatusArr: OrderConfig.orderStatus,
pageData: {
total: 100,
total: 0,
current: 1,
},
tableData: [
{
orderCode: '11111',
parentOrderCode: '1111-22222',
createTime: '2020-04-08 12:39:39',
buyerNickeName: '小乌贼',
receiver: '收货人',
paymentStatus: '支付状态',
orderStatus: '订单状态',
realAmount: '实收金额',
orderGoods: [
{
imageUrl: 'fdsafdsa', //商品图片
prodcutName: 'Converse RENEW工装大衣', //商品名称
prodcutCode: '10019501-A01',
sizeName: 'M', // 尺码名称
colorName: '黑', // 颜色名称
price: '¥120.00', //单价
buyNums: '2', //购买数量
productSkn: '34556778', // 商品skn
productSku: '34556778', // 商品sku
},
{
imageUrl: 'fdsafdsa', //商品图片
prodcutName: 'Converse RENEW工装大衣', //商品名称
prodcutCode: '10019501-A01',
sizeName: 'M', // 尺码名称
colorName: '黑', // 颜色名称
price: '¥120.00', //单价
buyNums: '2', //购买数量
productSkn: '34556778', // 商品skn
productSku: '34556778', // 商品sku
},
{
imageUrl: 'fdsafdsa', //商品图片
prodcutName: 'Converse RENEW工装大衣', //商品名称
prodcutCode: '10019501-A01',
sizeName: 'M', // 尺码名称
colorName: '黑', // 颜色名称
price: '¥120.00', //单价
buyNums: '2', //购买数量
productSkn: '34556778', // 商品skn
productSku: '34556778', // 商品sku
},
],
},
{
orderCode: '2222222',
parentOrderCode: '1111-22222',
createTime: '2020-04-08 12:39:39',
buyerNickeName: '小乌贼',
receiver: '收货人',
paymentStatus: '支付状态',
orderStatus: '订单状态',
realAmount: '实收金额',
orderGoods: [
{
imageUrl: 'fdsafdsa', //商品图片
prodcutName: 'Converse RENEW工装大衣', //商品名称
prodcutCode: '10019501-A01',
sizeName: 'M', // 尺码名称
colorName: '黑', // 颜色名称
price: '¥120.00', //单价
buyNums: '2', //购买数量
productSkn: '34556778', // 商品skn
productSku: '34556778', // 商品sku
},
],
},
],
tableCols: [
{ title: '图片', width: '8%' },
{ title: '商品信息', width: '20%' },
{ title: '单价', width: '8%' },
{ title: '数量', width: '5%' },
{ title: 'SKN', width: '5%' },
{ title: 'SKU', width: '5%' },
{ title: '买家昵称', width: '5%' },
{ title: '收货人', width: '5%' },
{ title: '支付状态', width: '5%' },
{ title: '实收金额', width: '5%' },
{ title: '订单状态', width: '5%' },
{ title: '操作', width: '10%' },
],
};
},
created() {
this.orderService = new OrderService();
this.search();
},
methods: {
onChangeTabs(type) {
... ... @@ -184,10 +101,9 @@ export default {
this.query.prodName = '';
this.query.nickName = '';
this.query.userName = '';
this.query.orderStatus = 0;
this.query.orderStatus = '';
this.query.pageSize = 20;
this.query.pageNo = 1;
this.query.orderStatusStr = '';
this.search();
},
exportExcel() {},
... ...