tianqian
2 years ago
2 changed files with 24 additions and 251 deletions
@ -1,204 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<el-table :data="tableData" row-key="id" v-loading="tableLoading" border |
|
||||
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" style="width: 100%" class="resi-table"> |
|
||||
<el-table-column label="序号" type="index" align="center" width="50"> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="name" label="党员中心户" align="center" width="100"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-select v-model="scope.row.partyResiId" placeholder="请选择"> |
|
||||
<el-option v-for="item in optionsParty" :key="item.value" :label="item.name" |
|
||||
:value="item.value"> |
|
||||
</el-option> |
|
||||
</el-select> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="mobile" label="联系家庭" align="center" min-width="160"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-select v-model="scope.row.houseIds" multiple placeholder="请选择"> |
|
||||
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"> |
|
||||
</el-option> |
|
||||
</el-select> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column fixed="right" label="操作" align="center" width="200"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button @click="edit(scope.row)" v-if="scope.row.id" type="text" size="small" |
|
||||
class="btn-color-look">修改</el-button> |
|
||||
<el-button @click="del(scope.row)" v-if="scope.row.id" type="text" size="small" |
|
||||
class="btn-color-look">删除</el-button> |
|
||||
<el-button @click="save(scope.row)" v-if="!scope.row.id" type="text" size="small" |
|
||||
class="btn-color-look">保存</el-button> |
|
||||
<el-button @click="cancel(scope.row)" v-if="!scope.row.id" type="text" size="small" |
|
||||
class="btn-color-look">取消</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import axios from 'axios' |
|
||||
import { |
|
||||
mapGetters |
|
||||
} from 'vuex' |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
tableLoading: false, |
|
||||
tableData: [], |
|
||||
addData: { |
|
||||
id: "", |
|
||||
partyResiId: "", |
|
||||
houseIds: [] |
|
||||
}, |
|
||||
options: [], |
|
||||
optionsParty: [], |
|
||||
searchH: 0, |
|
||||
agencyId: "", |
|
||||
partyOrgId: "", |
|
||||
groupmemberShow: false, |
|
||||
} |
|
||||
}, |
|
||||
props: {}, |
|
||||
computed: { |
|
||||
// ...mapGetters(['clientHeight', 'iframeHeight']), |
|
||||
// tableHeight() { |
|
||||
// const h = this.clientHeight - this.searchH - 490 + this.iframeHeigh |
|
||||
// const _h = this.clientHeight - 490 - this.searchH |
|
||||
// return this.$store.state.inIframe ? h : _h |
|
||||
// } |
|
||||
}, |
|
||||
components: {}, |
|
||||
methods: { |
|
||||
initForm(agencyId, id) { |
|
||||
this.agencyId = agencyId, |
|
||||
this.partyOrgId = id; |
|
||||
// this.tableLoading = true |
|
||||
this.getTableData(); |
|
||||
this.getOption() |
|
||||
this.getOptionParty() |
|
||||
// this.getGridList('query') |
|
||||
}, |
|
||||
// 查询列表 |
|
||||
async getTableData() { |
|
||||
this.tableLoading = true |
|
||||
let params = { |
|
||||
icPartyOrgId: this.partyOrgId |
|
||||
} |
|
||||
await this.$http.get('/resi/partymember/icPartyMemberCenter/selectList', { |
|
||||
params: params |
|
||||
}).then(({ |
|
||||
data: res |
|
||||
}) => { |
|
||||
console.log(res) |
|
||||
if (res.code !== 0) { |
|
||||
return this.$message.error(res.internalMsg ? res.internalMsg : res.msg ? res.msg : |
|
||||
'查询失败') |
|
||||
} else { |
|
||||
this.tableData = res.data.map(item => ({ |
|
||||
id: item.id, |
|
||||
partyResiId: item.partyResiId, |
|
||||
houseIds: item.houseIds.split(",") |
|
||||
})) |
|
||||
this.tableData.push({ |
|
||||
id: "", |
|
||||
partyResiId: "", |
|
||||
houseIds: [] |
|
||||
}) |
|
||||
} |
|
||||
}).catch(() => {}) |
|
||||
this.tableLoading = false |
|
||||
}, |
|
||||
getOptionParty() { |
|
||||
let query = { |
|
||||
agencyId: this.agencyId |
|
||||
} |
|
||||
this.$http.post('/epmetuser/icresiuser/userListByAgency', query).then(({ |
|
||||
data: res |
|
||||
}) => { |
|
||||
this.optionsParty = res.data |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
getOption() { |
|
||||
let query = { |
|
||||
agencyId: this.agencyId |
|
||||
} |
|
||||
this.$http.post('/gov/org/ichouse/getPartyHouseList', query).then(({ |
|
||||
data: res |
|
||||
}) => { |
|
||||
this.options = res.data |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
selectUser(partyResiId) { |
|
||||
this.groupmemberShow = true; |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.ref_groupmember.initForm(this.agencyId, this.partyOrgId, partyResiId) |
|
||||
}) |
|
||||
}, |
|
||||
groupmemberCancle() { |
|
||||
this.groupmemberShow = false; |
|
||||
}, |
|
||||
choose(query) { |
|
||||
this.tableData.push({ |
|
||||
name: query.name, |
|
||||
partyResiId: query.value |
|
||||
}) |
|
||||
}, |
|
||||
save(row) { |
|
||||
let arr = [...this.tableData]; |
|
||||
arr.splice(arr.length - 1, 1); |
|
||||
if (JSON.stringify(arr).indexOf(row.partyResiId) > -1) { |
|
||||
return this.$message.error("这条数据已经存在") |
|
||||
} else { |
|
||||
let houseIds = row.houseIds.join(",") |
|
||||
let query = { |
|
||||
icPartyOrgId: this.partyOrgId, |
|
||||
partyResiId: row.partyResiId, |
|
||||
houseIds: houseIds |
|
||||
} |
|
||||
this.$http.post('/resi/partymember/icPartyMemberCenter/save', query).then(({ |
|
||||
data: res |
|
||||
}) => { |
|
||||
this.getTableData() |
|
||||
}).catch(() => {}) |
|
||||
} |
|
||||
}, |
|
||||
edit(row) { |
|
||||
console.log(row) |
|
||||
let houseIds = row.houseIds.join(",") |
|
||||
let query = { |
|
||||
id: row.id, |
|
||||
icPartyOrgId: this.partyOrgId, |
|
||||
partyResiId: row.partyResiId, |
|
||||
houseIds: houseIds |
|
||||
} |
|
||||
this.$http.post('/resi/partymember/icPartyMemberCenter/update', query).then(({ |
|
||||
data: res |
|
||||
}) => { |
|
||||
this.getTableData() |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
del(row) { |
|
||||
let query = [row.id] |
|
||||
this.$http.post('/resi/partymember/icPartyMemberCenter/delete', query).then(({ |
|
||||
data: res |
|
||||
}) => { |
|
||||
this.getTableData() |
|
||||
}).catch(() => {}) |
|
||||
}, |
|
||||
cancel(row) { |
|
||||
this.getTableData() |
|
||||
} |
|
||||
}, |
|
||||
} |
|
||||
</script> |
|
||||
<style lang="scss" scoped> |
|
||||
@import "@/assets/scss/modules/visual/communityManage.scss"; |
|
||||
</style> |
|
||||
<style lang="scss" scoped> |
|
||||
.div_btn { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
} |
|
||||
</style> |
|
||||
Loading…
Reference in new issue