|
@@ -2,30 +2,7 @@
|
2
|
2
|
<div class="subPage">
|
3
|
3
|
<div class="system-table-search">
|
4
|
4
|
<div class="flex-h">
|
5
|
|
- <div class="flex-item flex-h">
|
6
|
|
- <!-- <el-button size="mini" type="success" @click="addGoodsType">新增商品类型</el-button> -->
|
7
|
|
- </div>
|
8
|
|
- <ul>
|
9
|
|
- <li>
|
10
|
|
- <!-- <span>选择案场:</span> -->
|
11
|
|
- <el-select v-model="CaseId" placeholder="请选择">
|
12
|
|
- <el-option
|
13
|
|
- key=""
|
14
|
|
- label="所有案场"
|
15
|
|
- value="">
|
16
|
|
- </el-option>
|
17
|
|
- <el-option
|
18
|
|
- v-for="item in cases"
|
19
|
|
- :key="item.CaseId"
|
20
|
|
- :label="item.CaseName"
|
21
|
|
- :value="item.CaseId">
|
22
|
|
- </el-option>
|
23
|
|
- </el-select>
|
24
|
|
- </li>
|
25
|
|
- </ul>
|
26
|
|
- <el-button
|
27
|
|
- size="mini"
|
28
|
|
- type="primary" @click="search">搜索</el-button>
|
|
5
|
+ <div class="flex-item flex-h"></div>
|
29
|
6
|
</div>
|
30
|
7
|
<div class="moreFilter"></div>
|
31
|
8
|
</div>
|
|
@@ -35,24 +12,46 @@
|
35
|
12
|
stripe
|
36
|
13
|
style="width: 100%">
|
37
|
14
|
<el-table-column
|
38
|
|
- prop="TypeName"
|
|
15
|
+ prop="CaseName"
|
39
|
16
|
label="案场">
|
40
|
17
|
</el-table-column>
|
41
|
18
|
<el-table-column
|
42
|
|
- prop="TypeName"
|
43
|
|
- label="用户名">
|
|
19
|
+ prop="ActivitName"
|
|
20
|
+ label="活动名称">
|
44
|
21
|
</el-table-column>
|
45
|
22
|
<el-table-column
|
46
|
|
- prop="TypeName"
|
|
23
|
+ prop="Name"
|
|
24
|
+ label="姓名">
|
|
25
|
+ </el-table-column>
|
|
26
|
+ <el-table-column
|
|
27
|
+ prop="CustomerName"
|
|
28
|
+ label="微信昵称">
|
|
29
|
+ </el-table-column>
|
|
30
|
+ <el-table-column
|
|
31
|
+ prop="Phone"
|
47
|
32
|
label="手机号">
|
48
|
33
|
</el-table-column>
|
49
|
34
|
<el-table-column
|
50
|
|
- prop="TypeName"
|
51
|
|
- label="性别">
|
|
35
|
+ prop="PrizeName"
|
|
36
|
+ label="获取奖品">
|
|
37
|
+ </el-table-column>
|
|
38
|
+ <el-table-column
|
|
39
|
+ label="获取时间">
|
|
40
|
+ <template slot-scope="scope">
|
|
41
|
+ <label>{{toolClass.dateFormat(scope.row.CreateDate)}}</label>
|
|
42
|
+ </template>
|
|
43
|
+ </el-table-column>
|
|
44
|
+ <el-table-column
|
|
45
|
+ label="核销时间">
|
|
46
|
+ <template slot-scope="scope">
|
|
47
|
+ <label>{{toolClass.dateFormat(scope.row.WriteoffDate)}}</label>
|
|
48
|
+ </template>
|
52
|
49
|
</el-table-column>
|
53
|
50
|
<el-table-column
|
54
|
|
- prop="TypeName"
|
55
|
|
- label="检测时间">
|
|
51
|
+ label="状态">
|
|
52
|
+ <template slot-scope="scope">
|
|
53
|
+ <label>{{scope.row.Status === 0 ? '未核销' : '已核销'}}</label>
|
|
54
|
+ </template>
|
56
|
55
|
</el-table-column>
|
57
|
56
|
</el-table>
|
58
|
57
|
</div>
|
|
@@ -67,7 +66,8 @@
|
67
|
66
|
</template>
|
68
|
67
|
|
69
|
68
|
<script>
|
70
|
|
-import { mapState } from 'vuex'
|
|
69
|
+import { createNamespacedHelpers } from 'vuex'
|
|
70
|
+const { mapState: mapLuckState, mapActions: mapLuckActions } = createNamespacedHelpers('luckDraw')
|
71
|
71
|
|
72
|
72
|
export default {
|
73
|
73
|
name: '',
|
|
@@ -75,7 +75,6 @@ export default {
|
75
|
75
|
return {
|
76
|
76
|
total: 0,
|
77
|
77
|
postData: { // 表格搜索条件
|
78
|
|
- caseid: '', // 案场id
|
79
|
78
|
page: 1, // 当前页码
|
80
|
79
|
pagesize: 10, // 请求数据量
|
81
|
80
|
},
|
|
@@ -88,20 +87,12 @@ export default {
|
88
|
87
|
})
|
89
|
88
|
},
|
90
|
89
|
computed: {
|
91
|
|
- ...mapState({
|
92
|
|
- cases: x => x.app.cases.list,
|
93
|
|
- defaultCaseId: x => x.app.cases.default
|
|
90
|
+ ...mapLuckState({
|
|
91
|
+ list: x => x.luckDrawList
|
94
|
92
|
}),
|
95
|
|
- CaseId: {
|
96
|
|
- get () {
|
97
|
|
- return this.postData.caseid || this.defaultCaseId
|
98
|
|
- },
|
99
|
|
- set (val) {
|
100
|
|
- this.postData.caseid = val
|
101
|
|
- }
|
102
|
|
- }
|
103
|
93
|
},
|
104
|
94
|
methods: {
|
|
95
|
+ ...mapLuckActions(['getLuckDrawList']),
|
105
|
96
|
search () { // 搜索
|
106
|
97
|
this.postData.page = 1
|
107
|
98
|
this.currentList = []
|
|
@@ -111,50 +102,14 @@ export default {
|
111
|
102
|
return (this.cases.filter(x => x.CaseId === caseid)[0] || {}).CaseName
|
112
|
103
|
},
|
113
|
104
|
getList () { // 获取列表
|
114
|
|
- this.$ajax(this.$api.goodsManager.getGoodsTypeList.url, {
|
115
|
|
- method: this.$api.goodsManager.getGoodsTypeList.method,
|
116
|
|
- queryData: { ...this.postData, caseid: this.CaseId }
|
117
|
|
- }).then(res => {
|
118
|
|
- // for (var n = 0; n < res.list.length; n++) {
|
119
|
|
- // res.list[n].CaseName = this.cases.filter(x => x.CaseId === res.list[n].CaseId)[0].CaseName
|
120
|
|
- // }
|
121
|
|
- this.currentList = res.list
|
122
|
|
- this.postData.page = res.page
|
123
|
|
- this.total = res.pagenum
|
|
105
|
+ this.getLuckDrawList({ ...this.postData }).then((res) => {
|
|
106
|
+ this.currentList = this.list.list
|
|
107
|
+ this.postData.page = this.list.page
|
|
108
|
+ this.total = this.list.pagenum
|
124
|
109
|
})
|
125
|
110
|
},
|
126
|
111
|
handleCurrentChange (val) { // 跳转到分页
|
127
|
112
|
this.getList()
|
128
|
|
- },
|
129
|
|
- handleEdit (index, row) { // 编辑
|
130
|
|
- this.$router.push({ name: 'editGoodsType', query: { id: row.TypeId } })
|
131
|
|
- },
|
132
|
|
- handleDelete (index, row) { // 删除
|
133
|
|
- let name = '确认删除类型“' + row.TypeName + '”?'
|
134
|
|
- this.$confirm(name, '提示', {
|
135
|
|
- confirmButtonText: '确定',
|
136
|
|
- cancelButtonText: '取消',
|
137
|
|
- type: 'warning'
|
138
|
|
- }).then(() => {
|
139
|
|
- this.$ajax(this.$api.goodsManager.deleteGoodsType.url, {
|
140
|
|
- method: this.$api.goodsManager.deleteGoodsType.method,
|
141
|
|
- urlData: { id: row.TypeId }
|
142
|
|
- }).then(res => {
|
143
|
|
- this.$message({
|
144
|
|
- type: 'success',
|
145
|
|
- message: '删除成功!'
|
146
|
|
- })
|
147
|
|
- this.search()
|
148
|
|
- })
|
149
|
|
- }).catch(() => {
|
150
|
|
- this.$message({
|
151
|
|
- type: 'info',
|
152
|
|
- message: '已取消删除'
|
153
|
|
- })
|
154
|
|
- })
|
155
|
|
- },
|
156
|
|
- addGoodsType () {
|
157
|
|
- this.$router.push({ name: 'addGoodsType' })
|
158
|
113
|
}
|
159
|
114
|
}
|
160
|
115
|
}
|