Skip to content

Commit 9ffc008

Browse files
YunaiVYunaiV
committed
trade：【交易售后】查询分页列表的前端
1 parent 8c3ec61 commit 9ffc008

File tree

7 files changed

+258
-147
lines changed

7 files changed

+258
-147
lines changed

‎src/api/mall/trade/afterSale.js

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import request from '@/utils/request'
2+
3+
// 获得交易售后
4+
export function getAfterSale(id) {
5+
return request({
6+
url: '/trade/after-sale/get?id=' + id,
7+
method: 'get'
8+
})
9+
}
10+
11+
// 获得交易售后分页
12+
export function getAfterSalePage(query) {
13+
return request({
14+
url: '/trade/after-sale/page',
15+
method: 'get',
16+
params: query
17+
})
18+
}

‎src/router/index.js

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -216,12 +216,6 @@ export const constantRoutes = [
216216
hidden: true,
217217
meta: { title: '订单详情' },
218218
component: (resolve) => require(['@/views/mall/trade/order/detail'], resolve)
219-
},
220-
{
221-
path: '/mall/trade/orderrefund',
222-
name: '退款维权',
223-
meta: { title: '退款维权' },
224-
component: (resolve) => require(['@/views/mall/trade/orderrefund'], resolve)
225219
}
226220
]
227221
}

‎src/utils/constants.js

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,37 @@
33
*
44
* 枚举类
55
*/
6+
import {beginOfDay, endOfDay} from "@/utils/dateUtils";
7+
8+
export const datePickerOptions = {
9+
shortcuts: [{
10+
text: '最近一周',
11+
onClick(picker) {
12+
const start = new Date();
13+
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
14+
const end = new Date();
15+
picker.$emit('pick', [beginOfDay(start), endOfDay(end)]);
16+
}
17+
}, {
18+
text: '最近一个月',
19+
onClick(picker) {
20+
const start = new Date();
21+
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
22+
const end = new Date();
23+
picker.$emit('pick', [beginOfDay(start), endOfDay(end)]);
24+
}
25+
}, {
26+
text: '最近三个月',
27+
onClick(picker) {
28+
const start = new Date();
29+
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
30+
const end = new Date();
31+
picker.$emit('pick', [beginOfDay(start), endOfDay(end)]);
32+
}
33+
}]
34+
}
35+
36+
// ========== 静态变量 ==========
637

738
/**
839
* 全局通用状态枚举

‎src/utils/dateUtils.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,3 +24,11 @@ export function getDate(ms) {
2424
return 0 + "秒";
2525
}
2626
}
27+
28+
export function beginOfDay(date) {
29+
return new Date(date.getFullYear(), date.getMonth(), date.getDate());
30+
}
31+
32+
export function endOfDay(date) {
33+
return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
34+
}

‎src/utils/dict.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,11 @@ export const DICT_TYPE = {
6060
// ========== MALL - PRODUCT 模块 ==========
6161
PRODUCT_SPU_STATUS: 'product_spu_status', // 商品 SPU 状态
6262

63+
// ========== MALL - ORDER 模块 ==========
64+
TRADE_AFTER_SALE_STATUS: 'trade_after_sale_status', // 售后 - 状态
65+
TRADE_AFTER_SALE_WAY: 'trade_after_sale_way', // 售后 - 方式
66+
TRADE_AFTER_SALE_TYPE: 'trade_after_sale_type', // 售后 - 类型
67+
6368
// ========== MALL - PROMOTION 模块 ==========
6469
PROMOTION_DISCOUNT_TYPE: 'promotion_discount_type', // 优惠类型
6570
PROMOTION_PRODUCT_SCOPE: 'promotion_product_scope', // 营销的商品范围

‎src/views/mall/trade/orderrefund/index.vue renamed to ‎src/views/mall/trade/afterSale/bak.vue

Lines changed: 1 addition & 141 deletions
Original file line numberDiff line numberDiff line change
@@ -3,42 +3,6 @@
33
<!-- 搜索工作栏 -->
44
<el-row :gutter="20">
55
<el-form :model="queryParams" label-width="68px" size="small">
6-
<el-col :span="6" :xs="24">
7-
<el-form-item label="商品名称">
8-
<el-input v-model="queryParams.name" style="width: 240px"></el-input>
9-
</el-form-item>
10-
</el-col>
11-
<el-col :span="6" :xs="24">
12-
<el-form-item label="订单编号">
13-
<el-input v-model="queryParams.No" style="width: 240px"></el-input>
14-
</el-form-item>
15-
</el-col>
16-
<el-col :span="6" :xs="24">
17-
<el-form-item label="退款编号">
18-
<el-input v-model="queryParams.refundNo" style="width: 240px"></el-input>
19-
</el-form-item>
20-
</el-col>
21-
<el-col :span="6" :xs="24">
22-
<el-form-item label="退款状态">
23-
<el-select v-model="queryParams.refundStatus" clearable style="width: 240px">
24-
<el-option v-for="dict in dicData.refundStatus" v-bind="dict" :key="dict.value"/>
25-
</el-select>
26-
</el-form-item>
27-
</el-col>
28-
<el-col :span="6" :xs="24">
29-
<el-form-item label="退款方式">
30-
<el-select v-model="queryParams.refundWay" clearable style="width: 240px">
31-
<el-option v-for="dict in dicData.refundWay" v-bind="dict" :key="dict.value"/>
32-
</el-select>
33-
</el-form-item>
34-
</el-col>
35-
<el-col :span="6" :xs="24">
36-
<el-form-item label="维权类型">
37-
<el-select v-model="queryParams.refundType" clearable style="width: 240px">
38-
<el-option v-for="dict in dicData.refundType" v-bind="dict" :key="dict.value"/>
39-
</el-select>
40-
</el-form-item>
41-
</el-col>
426
<el-col :span="6" :xs="24">
437
<el-form-item label="下单时间">
448
<el-date-picker v-model="queryParams.date" type="daterange" range-separator="至"
@@ -60,12 +24,6 @@
6024
<el-table :data="tableData" :show-header="false" class="table-wrapper">
6125
<el-table-column>
6226
<template slot-scope="{ row }">
63-
<div class="table-header">
64-
退款编号：{{row.tkbh}}
65-
<el-button type="text" style="margin-left: 10px">
66-
订单编号：{{row.ddbh}}
67-
</el-button>
68-
</div>
6927
<!-- 订单下的商品 -->
7028
<el-table :data="row.goods" border>
7129
<el-table-column label="商品信息" prop="spxx" header-align="center" width="auto" min-width="300">
@@ -114,33 +72,7 @@ const dicData = {
11472
{ label: '售后退款', value: 'shtk' }
11573
]
11674
}
117-
const rangePickerOptions = {
118-
shortcuts: [{
119-
text: '最近一周',
120-
onClick(picker) {
121-
const end = new Date();
122-
const start = new Date();
123-
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
124-
picker.$emit('pick', [start, end]);
125-
}
126-
}, {
127-
text: '最近一个月',
128-
onClick(picker) {
129-
const end = new Date();
130-
const start = new Date();
131-
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
132-
picker.$emit('pick', [start, end]);
133-
}
134-
}, {
135-
text: '最近三个月',
136-
onClick(picker) {
137-
const end = new Date();
138-
const start = new Date();
139-
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
140-
picker.$emit('pick', [start, end]);
141-
}
142-
}]
143-
}
75+
14476
export default {
14577
name: "index",
14678
data () {
@@ -164,15 +96,6 @@ export default {
16496
tkbh: '20221026220424001',
16597
ddbh: '20221026220424001',
16698
goods: [
167-
{
168-
name: '颜衫短袖男polo衫夏季翻领衣服潮牌休闲上衣夏天翻领半袖男士t恤',
169-
img: 'https://b2c-v5-yanshi.oss-cn-hangzhou.aliyuncs.com/upload/1/common/images/20220723/20220723115621165854858145027_SMALL.webp',
170-
ddje: '199',
171-
mj: '张三',
172-
tkje: 460,
173-
sqsj: '2022-11-19',
174-
tkzt: '申请维权(仅退款)'
175-
},
17699
{
177100
name: '颜衫短袖男polo衫夏季翻领衣服潮牌休闲上衣夏天翻领半袖男士t恤',
178101
img: 'https://b2c-v5-yanshi.oss-cn-hangzhou.aliyuncs.com/upload/1/common/images/20220723/20220723115621165854858145027_SMALL.webp',
@@ -188,15 +111,6 @@ export default {
188111
tkbh: '20221026220424001',
189112
ddbh: '20221026220424001',
190113
goods: [
191-
{
192-
name: '颜衫短袖男polo衫夏季翻领衣服潮牌休闲上衣夏天翻领半袖男士t恤',
193-
img: 'https://b2c-v5-yanshi.oss-cn-hangzhou.aliyuncs.com/upload/1/common/images/20220723/20220723115621165854858145027_SMALL.webp',
194-
ddje: '199',
195-
mj: '张三',
196-
tkje: 460,
197-
sqsj: '2022-11-19',
198-
tkzt: '申请维权(仅退款)'
199-
},
200114
{
201115
name: '颜衫短袖男polo衫夏季翻领衣服潮牌休闲上衣夏天翻领半袖男士t恤',
202116
img: 'https://b2c-v5-yanshi.oss-cn-hangzhou.aliyuncs.com/upload/1/common/images/20220723/20220723115621165854858145027_SMALL.webp',
@@ -212,15 +126,6 @@ export default {
212126
tkbh: '20221026220424001',
213127
ddbh: '20221026220424001',
214128
goods: [
215-
{
216-
name: '颜衫短袖男polo衫夏季翻领衣服潮牌休闲上衣夏天翻领半袖男士t恤',
217-
img: 'https://b2c-v5-yanshi.oss-cn-hangzhou.aliyuncs.com/upload/1/common/images/20220723/20220723115621165854858145027_SMALL.webp',
218-
ddje: '199',
219-
mj: '张三',
220-
tkje: 460,
221-
sqsj: '2022-11-19',
222-
tkzt: '申请维权(仅退款)'
223-
},
224129
{
225130
name: '颜衫短袖男polo衫夏季翻领衣服潮牌休闲上衣夏天翻领半袖男士t恤',
226131
img: 'https://b2c-v5-yanshi.oss-cn-hangzhou.aliyuncs.com/upload/1/common/images/20220723/20220723115621165854858145027_SMALL.webp',
@@ -242,48 +147,3 @@ export default {
242147
}
243148
}
244149
</script>
245-
246-
<style lang="scss" scoped>
247-
::v-deep .table-wrapper{
248-
border-bottom: none;
249-
&::before{
250-
height: 0;
251-
}
252-
.table-header{
253-
line-height: 36px;
254-
}
255-
.el-table__row{
256-
.el-table__cell{
257-
border-bottom: none;
258-
.cell{
259-
.el-table {
260-
.el-table__row{
261-
>.el-table__cell{
262-
.goods-info{
263-
display: flex;
264-
img{
265-
margin-right: 10px;
266-
width: 60px;
267-
height: 60px;
268-
border: 1px solid #e2e2e2;
269-
}
270-
}
271-
.ellipsis-2{
272-
display: -webkit-box;
273-
overflow: hidden;
274-
text-overflow: ellipsis;
275-
white-space: normal;
276-
-webkit-line-clamp: 2; /* 要显示的行数 */
277-
-webkit-box-orient: vertical;
278-
word-break: break-all;
279-
line-height: 22px !important;
280-
max-height: 44px !important;
281-
}
282-
}
283-
}
284-
}
285-
}
286-
}
287-
}
288-
}
289-
</style>

0 commit comments

Comments
 (0)