|
|
@ -59,6 +59,7 @@ |
|
|
|
:data="tableData" |
|
|
|
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" |
|
|
|
border |
|
|
|
@sort-change="handleSortChange" |
|
|
|
:height="tableHeight" |
|
|
|
v-loading="tableLoading" |
|
|
|
style="width: 100%" |
|
|
@ -106,6 +107,24 @@ |
|
|
|
<el-table-column prop="totalHouseNum" |
|
|
|
label="总户数"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="sort" |
|
|
|
sortable="custom" |
|
|
|
min-width="120" |
|
|
|
label="序号"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div @click="handleEditSort(scope.row)"> |
|
|
|
<span v-if="!scope.row.isChange">{{scope.row.sort}}</span> |
|
|
|
<el-input-number v-else |
|
|
|
@blur="onInputBlur(scope.row)" |
|
|
|
v-model="scope.row.sort" |
|
|
|
class="item_width_4" |
|
|
|
:min="1" |
|
|
|
:max="99" |
|
|
|
label="描述文字"></el-input-number> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column label="操作" |
|
|
|
fixed="right" |
|
|
@ -212,6 +231,23 @@ export default { |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
handleSortChange () { |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
handleEditSort (row) { |
|
|
|
if (!row.isChange) { |
|
|
|
row.isChange = true |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
onInputBlur (row) { |
|
|
|
|
|
|
|
row.isChange = false |
|
|
|
console.log(row.sort) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
checkSelect (row, index) { |
|
|
|
let isChecked = false; |
|
|
@ -252,6 +288,7 @@ export default { |
|
|
|
this.validTableDataNum = 0 |
|
|
|
this.total = data.total |
|
|
|
data.list.forEach(item => { |
|
|
|
item.isChange = false |
|
|
|
if (item.agencyId === this.staffAgencyId) { |
|
|
|
item.showBtn = true |
|
|
|
this.validTableDataNum++ |
|
|
@ -649,4 +686,17 @@ export default { |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped > |
|
|
|
@import "@/assets/scss/modules/visual/communityManage.scss"; |
|
|
|
|
|
|
|
.item_width_4 { |
|
|
|
width: 100px; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/.el-input-number--medium .el-input-number__decrease, |
|
|
|
/deep/.el-input-number--medium .el-input-number__increase { |
|
|
|
width: 26px; |
|
|
|
} |
|
|
|
/deep/.el-input-number--medium .el-input__inner { |
|
|
|
padding-left: 0px; |
|
|
|
padding-right: 0px; |
|
|
|
} |
|
|
|
</style> |
|
|
|