|
@@ -1,128 +0,0 @@
|
1
|
|
-<template>
|
2
|
|
- <div class="subPage">
|
3
|
|
- <div class="system-table-search">
|
4
|
|
- <div class="flex-h">
|
5
|
|
- <div class="flex-item flex-h"></div>
|
6
|
|
- <tableSearch value="请输用户手机号" @exportSearchKey="searchList"></tableSearch>
|
7
|
|
- </div>
|
8
|
|
- <div class="moreFilter"></div>
|
9
|
|
- </div>
|
10
|
|
- <div class="system-table-box">
|
11
|
|
- <el-table
|
12
|
|
- :data="tableData"
|
13
|
|
- stripe
|
14
|
|
- style="width: 100%">
|
15
|
|
- <el-table-column
|
16
|
|
- prop="customerName"
|
17
|
|
- label="姓名"
|
18
|
|
- width="150">
|
19
|
|
- </el-table-column>
|
20
|
|
- <el-table-column
|
21
|
|
- prop="mobile"
|
22
|
|
- label="手机号"
|
23
|
|
- width="120">
|
24
|
|
- </el-table-column>
|
25
|
|
- <el-table-column
|
26
|
|
- prop="nickName"
|
27
|
|
- label="微信昵称"
|
28
|
|
- width="150">
|
29
|
|
- </el-table-column>
|
30
|
|
- <el-table-column
|
31
|
|
- prop="userType"
|
32
|
|
- label="用户类型"
|
33
|
|
- width="100">
|
34
|
|
- </el-table-column>
|
35
|
|
- <el-table-column
|
36
|
|
- prop="recommend"
|
37
|
|
- label="推荐人"
|
38
|
|
- width="100">
|
39
|
|
- </el-table-column>
|
40
|
|
- <el-table-column
|
41
|
|
- prop="customerPoint"
|
42
|
|
- label="会员积分"
|
43
|
|
- width="100">
|
44
|
|
- </el-table-column>
|
45
|
|
- <el-table-column
|
46
|
|
- prop="openId"
|
47
|
|
- label="openId">
|
48
|
|
- </el-table-column>
|
49
|
|
- <el-table-column label="创建时间" width="200" prop='cTime'>
|
50
|
|
-
|
51
|
|
- </el-table-column>
|
52
|
|
- </el-table>
|
53
|
|
- </div>
|
54
|
|
- <el-pagination
|
55
|
|
- @size-change="handleSizeChange"
|
56
|
|
- @current-change="handleCurrentChange"
|
57
|
|
- :current-page.sync="currentPage"
|
58
|
|
- :page-size="10"
|
59
|
|
- layout="prev, pager, next, jumper"
|
60
|
|
- :total="100">
|
61
|
|
- </el-pagination>
|
62
|
|
- </div>
|
63
|
|
-</template>
|
64
|
|
-
|
65
|
|
-<script>
|
66
|
|
-import tableSearch from '@/components/tableSearch/index'
|
67
|
|
-
|
68
|
|
-export default {
|
69
|
|
- name: '',
|
70
|
|
- data () {
|
71
|
|
- return {
|
72
|
|
- currentPage: 0, // 当前页码
|
73
|
|
- tableSearch: { // 表格搜索条件
|
74
|
|
- key: '111', // 搜索关键字
|
75
|
|
- },
|
76
|
|
- tableData: [{
|
77
|
|
- customerName: '赵日天',
|
78
|
|
- mobile: '13446666666',
|
79
|
|
- nickName: '赵日地',
|
80
|
|
- userType: '1',
|
81
|
|
- recommend: '赵爸爸',
|
82
|
|
- customerPoint: '200',
|
83
|
|
- openId: 'jhfjkdshkdfgs22123',
|
84
|
|
- cTime: '2018-08-08 12:00:00'
|
85
|
|
- }]
|
86
|
|
- }
|
87
|
|
- },
|
88
|
|
- components: {
|
89
|
|
- tableSearch,
|
90
|
|
- },
|
91
|
|
- methods: {
|
92
|
|
- handleSizeChange (val) {
|
93
|
|
- console.log(`每页 ${val} 条`)
|
94
|
|
- },
|
95
|
|
- handleCurrentChange (val) {
|
96
|
|
- console.log(`当前页: ${val}`)
|
97
|
|
- },
|
98
|
|
- handleEdit (index, row) { // 编辑
|
99
|
|
- console.log(index, row)
|
100
|
|
- },
|
101
|
|
- handleDelete (index, row) { // 删除
|
102
|
|
- console.log(index, row)
|
103
|
|
- this.$confirm('确认删除此用户?', '提示', {
|
104
|
|
- confirmButtonText: '确定',
|
105
|
|
- cancelButtonText: '取消',
|
106
|
|
- type: 'warning'
|
107
|
|
- }).then(() => {
|
108
|
|
- this.$message({
|
109
|
|
- type: 'success',
|
110
|
|
- message: '删除成功!'
|
111
|
|
- })
|
112
|
|
- }).catch(() => {
|
113
|
|
- this.$message({
|
114
|
|
- type: 'info',
|
115
|
|
- message: '已取消删除'
|
116
|
|
- })
|
117
|
|
- })
|
118
|
|
- },
|
119
|
|
- searchList (key) { // 搜索列表
|
120
|
|
- console.log(key)
|
121
|
|
- }
|
122
|
|
- }
|
123
|
|
-}
|
124
|
|
-</script>
|
125
|
|
-
|
126
|
|
-<!-- Add "scoped" attribute to limit CSS to this component only -->
|
127
|
|
-<style lang="scss" scoped>
|
128
|
|
-</style>
|