refundGoods.vue
3.83 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<template>
<div id="exportStock" class="contentpanel shopsReport" style="display1: none">
<div class="panel">
<div class="panel-heading"><h1>退货管理</h1></div>
<div class="panel-body">
<div class="row">
<uc-filter :params.sync="params"></uc-filter>
<div class="panel-col">
<a href="javascript:;" class="btn btn-info" @click="submit">搜索</a>
</div>
</div>
<uc-card :rows="refundData.cards"></uc-card>
</div>
</div>
<div class="panel">
<div class="panel-heading"><h2>——退货报表——</h2></div>
<div class="panel-body nopadding">
<com-grid :columns="grid.columns" :url="grid.url">
</com-grid>
</div>
</div>
</div>
</template>
<script>
import grid from '../../../../components/grid/index';
import card from './card';
import filer from './filter';
export default {
components: {
comGrid: grid,
ucCard: card,
ucFilter: filer
},
props: {
refundData: {type: Object, default: {}}
},
data() {
return {
params: {
type: 1,
reqTime: "",
beginTime: "",
endTime: "",
productSkn: "",
productSkc: "",
productSku: "",
factoryCode: "",
sortId: ""
},
grid: {
url: '/report/getReturnGoodsRptList',
columns: [
{
name: 'imageUrl', display: '图片', render: function (item) {
return '<img src="' + item.imageUrl + '">'
}
},
{
name: '', display: 'SKN/SKC/SKU', render: function (item) {
var htmlArr = [];
htmlArr.push('<p>SKN:' + item.productSkn + '</p>');
htmlArr.push('<p>SKC:' + item.productSkc + '</p>');
htmlArr.push('<p>SKU:' + item.productSku + '</p>');
return htmlArr.join(",");
}
},
{name: 'factoryCode', display: '厂家编号'},
{name: 'goodsName', display: '商品名称'},
{
name: 'price', display: '价格', render: function (item) {
var htmlArr = [];
htmlArr.push('<p>吊牌价:' + item.retailPrice + '</p>');
htmlArr.push('<p>销售价:' + item.salesPrice + '</p>');
return htmlArr.join(",");
}
},
{
name: '', display: '颜色/尺码', render: function (item) {
return '<p>' + item.colorName + '/' + item.sizeName + '</p>';
}
},
{
name: '', display: '商品分类', render: function (item) {
return '<p>' + item.maxSortName + '-' + item.middleSortName + '</p>';
}
},
{name: '', display: '数量'},
{name: '', display: '金额'}
]
}
}
},
methods: {
submit(){
console.log(this.params);
}
}
}
</script>