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
  1 +import list from './list';
  2 +import detail from './detail';
  3 +import deliver from './deliver';
  4 +
  5 +export default {
  6 + list,
  7 + detail,
  8 + deliver,
  9 +};
  1 +export default {
  2 + path: '/list.html',
  3 + name: 'list',
  4 + component: () => import(/* webpackChunkName: "order.list" */ './list'),
  5 + meta: {
  6 + pageName: '一件代发订单管理',
  7 + },
  8 +};
@@ -2,27 +2,27 @@ @@ -2,27 +2,27 @@
2 <layout-body> 2 <layout-body>
3 <layout-filter ref="filter" :model="query"> 3 <layout-filter ref="filter" :model="query">
4 <filter-item label="订单号"> 4 <filter-item label="订单号">
5 - <Input v-model.trim="query.orderCode" :maxlength="11" /> 5 + <Input v-model.trim="query.orderCode" />
6 </filter-item> 6 </filter-item>
7 <filter-item label="SKN"> 7 <filter-item label="SKN">
8 - <Input v-model.trim="query.productSkn" :maxlength="9" /> 8 + <Input v-model.trim="query.productSkn" />
9 </filter-item> 9 </filter-item>
10 <filter-item label="SKU"> 10 <filter-item label="SKU">
11 - <Input v-model.trim="query.productSku" :maxlength="9" /> 11 + <Input v-model.trim="query.productSku" />
12 </filter-item> 12 </filter-item>
13 <filter-item label="收货人"> 13 <filter-item label="收货人">
14 - <Input v-model.trim="query.userName" /> 14 + <Input v-model.trim="query.consigneeName" />
15 </filter-item> 15 </filter-item>
16 <filter-item label="买家昵称"> 16 <filter-item label="买家昵称">
17 <Input v-model.trim="query.nickName" /> 17 <Input v-model.trim="query.nickName" />
18 </filter-item> 18 </filter-item>
19 <filter-item label="商品名称"> 19 <filter-item label="商品名称">
20 - <Input v-model.trim="query.prodName" /> 20 + <Input v-model.trim="query.productName" />
21 </filter-item> 21 </filter-item>
22 <filter-item label="订单状态"> 22 <filter-item label="订单状态">
23 - <Select v-model.trim="query.orderStatusStr" clearable>  
24 - <Option v-for="option in orderStatusArr" :key="option.id" :value="option.id">  
25 - {{ option.name }} 23 + <Select v-model.trim="query.orderStatus" clearable>
  24 + <Option v-for="(option, key) in orderStatusArr" :key="key" :value="key">
  25 + {{ option }}
26 </Option> 26 </Option>
27 </Select> 27 </Select>
28 </filter-item> 28 </filter-item>
@@ -34,7 +34,8 @@ @@ -34,7 +34,8 @@
34 </layout-filter> 34 </layout-filter>
35 <layout-list> 35 <layout-list>
36 <list-tabs @change-tabs="onChangeTabs"></list-tabs> 36 <list-tabs @change-tabs="onChangeTabs"></list-tabs>
37 - <data-table :table-cols="tableCols" :table-data="tableData"></data-table> 37 + <data-table :table-data="tableData" :payment-status-arr="paymentStatusArr" :order-status-arr="orderStatusArr">
  38 + </data-table>
38 <Page :total="pageData.total" :current="pageData.current" :page-size="20" show-total @on-change="pageChange"> 39 <Page :total="pageData.total" :current="pageData.current" :page-size="20" show-total @on-change="pageChange">
39 </Page> 40 </Page>
40 </layout-list> 41 </layout-list>
@@ -45,10 +46,12 @@ @@ -45,10 +46,12 @@
45 import { ListTabs, DataTable } from './components'; 46 import { ListTabs, DataTable } from './components';
46 import OrderService from 'services/order/order-service'; 47 import OrderService from 'services/order/order-service';
47 import _ from 'lodash'; 48 import _ from 'lodash';
  49 +import { OrderConfig } from '../configs';
48 export default { 50 export default {
49 components: { ListTabs, DataTable }, 51 components: { ListTabs, DataTable },
50 data() { 52 data() {
51 return { 53 return {
  54 + paymentStatusArr: OrderConfig.paymentStatus,
52 query: { 55 query: {
53 orderCode: '', 56 orderCode: '',
54 productSkn: '', 57 productSkn: '',
@@ -62,103 +65,17 @@ export default { @@ -62,103 +65,17 @@ export default {
62 orderStatusStr: '', 65 orderStatusStr: '',
63 queryType: 1, 66 queryType: 1,
64 }, 67 },
65 - orderStatusArr: [  
66 - { id: 1, name: 'a' },  
67 - { id: 2, name: 'b' },  
68 - { id: 3, name: 'c' },  
69 - ], 68 + tableData: [],
  69 + orderStatusArr: OrderConfig.orderStatus,
70 pageData: { 70 pageData: {
71 - total: 100, 71 + total: 0,
72 current: 1, 72 current: 1,
73 }, 73 },
74 - tableData: [  
75 - {  
76 - orderCode: '11111',  
77 - parentOrderCode: '1111-22222',  
78 - createTime: '2020-04-08 12:39:39',  
79 - buyerNickeName: '小乌贼',  
80 - receiver: '收货人',  
81 - paymentStatus: '支付状态',  
82 - orderStatus: '订单状态',  
83 - realAmount: '实收金额',  
84 - orderGoods: [  
85 - {  
86 - imageUrl: 'fdsafdsa', //商品图片  
87 - prodcutName: 'Converse RENEW工装大衣', //商品名称  
88 - prodcutCode: '10019501-A01',  
89 - sizeName: 'M', // 尺码名称  
90 - colorName: '黑', // 颜色名称  
91 - price: '¥120.00', //单价  
92 - buyNums: '2', //购买数量  
93 - productSkn: '34556778', // 商品skn  
94 - productSku: '34556778', // 商品sku  
95 - },  
96 - {  
97 - imageUrl: 'fdsafdsa', //商品图片  
98 - prodcutName: 'Converse RENEW工装大衣', //商品名称  
99 - prodcutCode: '10019501-A01',  
100 - sizeName: 'M', // 尺码名称  
101 - colorName: '黑', // 颜色名称  
102 - price: '¥120.00', //单价  
103 - buyNums: '2', //购买数量  
104 - productSkn: '34556778', // 商品skn  
105 - productSku: '34556778', // 商品sku  
106 - },  
107 - {  
108 - imageUrl: 'fdsafdsa', //商品图片  
109 - prodcutName: 'Converse RENEW工装大衣', //商品名称  
110 - prodcutCode: '10019501-A01',  
111 - sizeName: 'M', // 尺码名称  
112 - colorName: '黑', // 颜色名称  
113 - price: '¥120.00', //单价  
114 - buyNums: '2', //购买数量  
115 - productSkn: '34556778', // 商品skn  
116 - productSku: '34556778', // 商品sku  
117 - },  
118 - ],  
119 - },  
120 - {  
121 - orderCode: '2222222',  
122 - parentOrderCode: '1111-22222',  
123 - createTime: '2020-04-08 12:39:39',  
124 - buyerNickeName: '小乌贼',  
125 - receiver: '收货人',  
126 - paymentStatus: '支付状态',  
127 - orderStatus: '订单状态',  
128 - realAmount: '实收金额',  
129 - orderGoods: [  
130 - {  
131 - imageUrl: 'fdsafdsa', //商品图片  
132 - prodcutName: 'Converse RENEW工装大衣', //商品名称  
133 - prodcutCode: '10019501-A01',  
134 - sizeName: 'M', // 尺码名称  
135 - colorName: '黑', // 颜色名称  
136 - price: '¥120.00', //单价  
137 - buyNums: '2', //购买数量  
138 - productSkn: '34556778', // 商品skn  
139 - productSku: '34556778', // 商品sku  
140 - },  
141 - ],  
142 - },  
143 - ],  
144 - tableCols: [  
145 - { title: '图片', width: '8%' },  
146 - { title: '商品信息', width: '20%' },  
147 - { title: '单价', width: '8%' },  
148 - { title: '数量', width: '5%' },  
149 - { title: 'SKN', width: '5%' },  
150 - { title: 'SKU', width: '5%' },  
151 - { title: '买家昵称', width: '5%' },  
152 - { title: '收货人', width: '5%' },  
153 - { title: '支付状态', width: '5%' },  
154 - { title: '实收金额', width: '5%' },  
155 - { title: '订单状态', width: '5%' },  
156 - { title: '操作', width: '10%' },  
157 - ],  
158 }; 74 };
159 }, 75 },
160 created() { 76 created() {
161 this.orderService = new OrderService(); 77 this.orderService = new OrderService();
  78 + this.search();
162 }, 79 },
163 methods: { 80 methods: {
164 onChangeTabs(type) { 81 onChangeTabs(type) {
@@ -184,10 +101,9 @@ export default { @@ -184,10 +101,9 @@ export default {
184 this.query.prodName = ''; 101 this.query.prodName = '';
185 this.query.nickName = ''; 102 this.query.nickName = '';
186 this.query.userName = ''; 103 this.query.userName = '';
187 - this.query.orderStatus = 0; 104 + this.query.orderStatus = '';
188 this.query.pageSize = 20; 105 this.query.pageSize = 20;
189 this.query.pageNo = 1; 106 this.query.pageNo = 1;
190 - this.query.orderStatusStr = '';  
191 this.search(); 107 this.search();
192 }, 108 },
193 exportExcel() {}, 109 exportExcel() {},