|
@@ -12,6 +12,7 @@
|
12
|
12
|
<el-select v-model="listQuery.districtId" placeholder="区县乡" clearable class="filter-item" style="width: 130px">
|
13
|
13
|
<el-option v-for="item in districtList" :key="item.id" :label="item.district" :value="item.id"/>
|
14
|
14
|
</el-select>
|
|
15
|
+ <el-button v-waves class="filter-item" type="info" icon="el-icon-warning" @click="clearListQuery">清空</el-button>
|
15
|
16
|
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">查询</el-button>
|
16
|
17
|
<el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-circle-plus" @click="handleCreate">添加</el-button>
|
17
|
18
|
</div>
|
|
@@ -30,69 +31,77 @@
|
30
|
31
|
align="center"
|
31
|
32
|
type="index"
|
32
|
33
|
width="50"/>
|
33
|
|
- <el-table-column label="社区编号" align="center" width="105">
|
|
34
|
+ <el-table-column label="社区编号" align="center">
|
34
|
35
|
<template slot-scope="scope">
|
35
|
36
|
<span>{{ scope.row.id }}</span>
|
36
|
37
|
</template>
|
37
|
38
|
</el-table-column>
|
38
|
|
- <el-table-column label="社区名称" align="center" width="115">
|
|
39
|
+ <el-table-column label="社区名称" align="center">
|
39
|
40
|
<template slot-scope="scope">
|
40
|
41
|
<span>{{ scope.row.communityName }}</span>
|
41
|
42
|
</template>
|
42
|
43
|
</el-table-column>
|
43
|
|
- <el-table-column label="社区别名" align="center" width="115">
|
|
44
|
+ <el-table-column label="社区别名" align="center">
|
44
|
45
|
<template slot-scope="scope">
|
45
|
46
|
<span>{{ scope.row.communityAlias }}</span>
|
46
|
47
|
</template>
|
47
|
48
|
</el-table-column>
|
48
|
|
- <el-table-column label="所在地区" align="center" width="305">
|
|
49
|
+ <el-table-column label="所在地区" align="center">
|
49
|
50
|
<template slot-scope="scope">
|
50
|
51
|
<span>{{ scope.row.provinceId }}{{ scope.row.cityId }}{{ scope.row.districtId }}</span>
|
51
|
52
|
</template>
|
52
|
53
|
</el-table-column>
|
53
|
|
- <el-table-column label="物业人员数量" align="center" width="120">
|
|
54
|
+ <el-table-column label="物业人员数量" align="center">
|
54
|
55
|
<template slot-scope="scope">
|
55
|
56
|
<span>52</span>
|
56
|
57
|
</template>
|
57
|
58
|
</el-table-column>
|
58
|
|
- <el-table-column label="已核业主数量" align="center" width="120">
|
|
59
|
+ <el-table-column label="已核业主数量" align="center">
|
59
|
60
|
<template slot-scope="scope">
|
60
|
61
|
<span>123</span>
|
61
|
62
|
</template>
|
62
|
63
|
</el-table-column>
|
63
|
|
- <el-table-column label="已核家属数量" align="center" width="120">
|
|
64
|
+ <el-table-column label="已核家属数量" align="center">
|
64
|
65
|
<template slot-scope="scope">
|
65
|
66
|
<span>345</span>
|
66
|
67
|
</template>
|
67
|
68
|
</el-table-column>
|
68
|
|
- <el-table-column label="已核租客数量" align="center" width="120">
|
|
69
|
+ <el-table-column label="已核租客数量" align="center">
|
69
|
70
|
<template slot-scope="scope">
|
70
|
71
|
<span>234</span>
|
71
|
72
|
</template>
|
72
|
73
|
</el-table-column>
|
73
|
|
- <el-table-column label="物业管理员" align="center" width="125">
|
|
74
|
+ <el-table-column label="物业管理员" align="center">
|
74
|
75
|
<template slot-scope="scope">
|
75
|
76
|
<span>{{ scope.row.userName }}</span>
|
76
|
77
|
</template>
|
77
|
78
|
</el-table-column>
|
78
|
|
- <el-table-column label="高德坐标" align="center" width="150">
|
|
79
|
+ <el-table-column label="高德坐标" align="center">
|
79
|
80
|
<template slot-scope="scope">
|
80
|
81
|
<span>{{ scope.row.longitude }},{{ scope.row.latitude }}</span>
|
81
|
82
|
</template>
|
82
|
83
|
</el-table-column>
|
83
|
|
- <el-table-column label="录入时间" width="180px" align="center">
|
|
84
|
+ <el-table-column label="录入时间" align="center">
|
84
|
85
|
<template slot-scope="scope">
|
85
|
86
|
<span>{{ formatDate(scope.row.createDate) }}</span>
|
86
|
87
|
</template>
|
87
|
88
|
</el-table-column>
|
88
|
|
- <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">
|
|
89
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
89
|
90
|
<template slot-scope="scope">
|
90
|
91
|
<el-button type="primary" size="mini" @click="handleUpdate(scope.row)">编辑</el-button>
|
91
|
92
|
</template>
|
92
|
93
|
</el-table-column>
|
93
|
94
|
</el-table>
|
94
|
95
|
|
95
|
|
- <pagination v-show="total>0" :total="total" :current-page.sync="listQuery.pageNum" :page-size.sync="listQuery.pageSize" @pagination="getList" />
|
|
96
|
+ <!-- <pagination v-show="total>0" :total="total" :current-page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" :page-sizes="[5, 10, 20, 30]" @pagination="getList" /> -->
|
|
97
|
+ <el-pagination
|
|
98
|
+ :total="total"
|
|
99
|
+ :current-page="listQuery.pageNum"
|
|
100
|
+ :page-sizes="[5, 10, 20, 30]"
|
|
101
|
+ :page-size="listQuery.pageSize"
|
|
102
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
103
|
+ @size-change="handleSizeChange"
|
|
104
|
+ @current-change="handleCurrentChange"/>
|
96
|
105
|
|
97
|
106
|
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
|
98
|
107
|
<el-form ref="dataForm" :rules="rules" :model="detail" label-position="left" label-width="100px" style="margin-left:50px;">
|
|
@@ -332,6 +341,16 @@ export default {
|
332
|
341
|
console.log('get list error')
|
333
|
342
|
})
|
334
|
343
|
},
|
|
344
|
+ clearListQuery() {
|
|
345
|
+ this.listQuery.pageNum = 1
|
|
346
|
+ this.listQuery.pageSize = 20
|
|
347
|
+ this.listQuery.communityId = undefined
|
|
348
|
+ this.listQuery.communityName = undefined
|
|
349
|
+ this.listQuery.provinceId = undefined
|
|
350
|
+ this.listQuery.cityId = undefined
|
|
351
|
+ this.listQuery.districtId = undefined
|
|
352
|
+ this.getList()
|
|
353
|
+ },
|
335
|
354
|
handleFilter() {
|
336
|
355
|
this.listQuery.pageNum = 1
|
337
|
356
|
this.getList()
|
|
@@ -349,6 +368,16 @@ export default {
|
349
|
368
|
this.sortByID(order)
|
350
|
369
|
}
|
351
|
370
|
},
|
|
371
|
+ handleSizeChange(val) {
|
|
372
|
+ // console.log(`每页 ${val} 条`);
|
|
373
|
+ this.listQuery.pageSize = val
|
|
374
|
+ this.getList()
|
|
375
|
+ },
|
|
376
|
+ handleCurrentChange(val) {
|
|
377
|
+ // console.log(`当前页: ${val}`);
|
|
378
|
+ this.listQuery.pageNum = val
|
|
379
|
+ this.getList()
|
|
380
|
+ },
|
352
|
381
|
sortByID(order) {
|
353
|
382
|
if (order === 'ascending') {
|
354
|
383
|
this.listQuery.sort = '+id'
|