|
|
@@ -1,13 +1,58 @@
|
|
1
|
1
|
<template>
|
|
2
|
|
-<el-tabs type="border-card">
|
|
3
|
|
- <el-tab-pane label="扫码核销">用户管理</el-tab-pane>
|
|
|
2
|
+<el-tabs type="border-card" class="border-card">
|
|
|
3
|
+ <el-tab-pane label="扫码核销">
|
|
|
4
|
+ <el-row>
|
|
|
5
|
+ <el-col :span="8">
|
|
|
6
|
+ <div class="grid-content">
|
|
|
7
|
+ <i class="iconfont icon-erweima"></i>
|
|
|
8
|
+ <p>1</p>
|
|
|
9
|
+ <p>请用户出示核销的二维码</p>
|
|
|
10
|
+ <p>请将网页输入法切换成英文</p>
|
|
|
11
|
+
|
|
|
12
|
+ </div>
|
|
|
13
|
+ </el-col>
|
|
|
14
|
+ <el-col :span="8">
|
|
|
15
|
+ <div class="grid-content ">
|
|
|
16
|
+ <i class="iconfont icon-iconfontscan"></i>
|
|
|
17
|
+ <p>2</p>
|
|
|
18
|
+ <p>点击“立即核销”按钮</p>
|
|
|
19
|
+ <p>使用扫码枪扫描客户二维码</p>
|
|
|
20
|
+ </div>
|
|
|
21
|
+ </el-col>
|
|
|
22
|
+ <el-col :span="8">
|
|
|
23
|
+ <div class="grid-content">
|
|
|
24
|
+ <i class="iconfont icon-iconfontzhizuobiaozhun0261"></i>
|
|
|
25
|
+ <p>3</p>
|
|
|
26
|
+ <p>根据提示进行核销操作</p>
|
|
|
27
|
+ </div>
|
|
|
28
|
+ </el-col>
|
|
|
29
|
+ </el-row>
|
|
|
30
|
+ <el-button type="danger" style="margin:20px auto 0 auto;display:block" round>立即核销</el-button>
|
|
|
31
|
+
|
|
|
32
|
+ </el-tab-pane>
|
|
4
|
33
|
<el-tab-pane label="手机号核销">
|
|
5
|
|
- <el-form :inline="true">
|
|
|
34
|
+ <el-row>
|
|
|
35
|
+ <el-col :span="12">
|
|
|
36
|
+ <div class="grid-content">
|
|
|
37
|
+ <i class="iconfont icon-erweima"></i>
|
|
|
38
|
+ <p>1</p>
|
|
|
39
|
+ <p>请输入用户的手机号</p>
|
|
|
40
|
+ </div>
|
|
|
41
|
+ </el-col>
|
|
|
42
|
+ <el-col :span="12">
|
|
|
43
|
+ <div class="grid-content">
|
|
|
44
|
+ <i class="iconfont icon-iconfontzhizuobiaozhun0261"></i>
|
|
|
45
|
+ <p>2</p>
|
|
|
46
|
+ <p>点击“立即核销”按钮</p>
|
|
|
47
|
+ </div>
|
|
|
48
|
+ </el-col>
|
|
|
49
|
+ </el-row>
|
|
|
50
|
+ <el-form :inline="true" style="text-align: center;">
|
|
6
|
51
|
<el-form-item label="">
|
|
7
|
52
|
<el-input v-model="verifyPhone" placeholder="请输入手机号"></el-input>
|
|
8
|
53
|
</el-form-item>
|
|
9
|
54
|
<el-form-item>
|
|
10
|
|
- <el-button type="primary" @click="verifyTel">立即核销</el-button>
|
|
|
55
|
+ <el-button type="danger" @click="verifyTel">立即核销</el-button>
|
|
11
|
56
|
</el-form-item>
|
|
12
|
57
|
</el-form>
|
|
13
|
58
|
</el-tab-pane>
|
|
|
@@ -16,7 +61,7 @@
|
|
16
|
61
|
|
|
17
|
62
|
<script>
|
|
18
|
63
|
import { createNamespacedHelpers } from "vuex";
|
|
19
|
|
-import dayjs from 'dayjs'
|
|
|
64
|
+import dayjs from "dayjs";
|
|
20
|
65
|
|
|
21
|
66
|
const { mapActions: mapExchangeActions } = createNamespacedHelpers("exchange");
|
|
22
|
67
|
|
|
|
@@ -33,7 +78,7 @@ export default {
|
|
33
|
78
|
endCreateDate: "",
|
|
34
|
79
|
startVerifyDate: "",
|
|
35
|
80
|
endVerifyDate: "",
|
|
36
|
|
- status: "",
|
|
|
81
|
+ status: ""
|
|
37
|
82
|
},
|
|
38
|
83
|
verifyPhone: "",
|
|
39
|
84
|
list: [],
|
|
|
@@ -70,7 +115,10 @@ export default {
|
|
70
|
115
|
this.$router.push({ name: "goods.edit" });
|
|
71
|
116
|
},
|
|
72
|
117
|
verifyTel() {
|
|
73
|
|
- this.$router.push({ name: "verify.list" , params: { tel: this.verifyPhone } });
|
|
|
118
|
+ this.$router.push({
|
|
|
119
|
+ name: "verify.list",
|
|
|
120
|
+ params: { tel: this.verifyPhone }
|
|
|
121
|
+ });
|
|
74
|
122
|
},
|
|
75
|
123
|
toDetail(row) {
|
|
76
|
124
|
this.$router.push({
|
|
|
@@ -110,8 +158,8 @@ export default {
|
|
110
|
158
|
this.$router.replace({ name: "goods.list", query: { page } });
|
|
111
|
159
|
},
|
|
112
|
160
|
formateDate(dt) {
|
|
113
|
|
- return !dt ? '' : dayjs(dt).format('YYYY-MM-DD HH:mm')
|
|
114
|
|
- },
|
|
|
161
|
+ return !dt ? "" : dayjs(dt).format("YYYY-MM-DD HH:mm");
|
|
|
162
|
+ }
|
|
115
|
163
|
},
|
|
116
|
164
|
created() {
|
|
117
|
165
|
this.pageNavi.current = this.$route.query.page || 1;
|
|
|
@@ -129,9 +177,9 @@ export default {
|
|
129
|
177
|
border-radius: 50%;
|
|
130
|
178
|
}
|
|
131
|
179
|
img {
|
|
132
|
|
- width: 100%;
|
|
133
|
|
- height: 100%;
|
|
134
|
|
- }
|
|
|
180
|
+ width: 100%;
|
|
|
181
|
+ height: 100%;
|
|
|
182
|
+ }
|
|
135
|
183
|
}
|
|
136
|
184
|
.system-table-search {
|
|
137
|
185
|
width: calc(100% - 40px);
|
|
|
@@ -162,4 +210,25 @@ export default {
|
|
162
|
210
|
position: relative;
|
|
163
|
211
|
overflow: hidden;
|
|
164
|
212
|
}
|
|
|
213
|
+.border-card {
|
|
|
214
|
+ .el-row {
|
|
|
215
|
+ margin: 60px auto;
|
|
|
216
|
+ }
|
|
|
217
|
+ .grid-content {
|
|
|
218
|
+ text-align: center;
|
|
|
219
|
+
|
|
|
220
|
+ .iconfont {
|
|
|
221
|
+ color: #77a5f0;
|
|
|
222
|
+ font-size: 24px;
|
|
|
223
|
+ margin-bottom: 8px;
|
|
|
224
|
+ display: inline-block;
|
|
|
225
|
+ }
|
|
|
226
|
+ p {
|
|
|
227
|
+ font-size: 13px;
|
|
|
228
|
+ margin: 0;
|
|
|
229
|
+ line-height: 1.4;
|
|
|
230
|
+ color: #666;
|
|
|
231
|
+ }
|
|
|
232
|
+ }
|
|
|
233
|
+}
|
|
165
|
234
|
</style>
|
