城阳pc工作端前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

122 lines
3.1 KiB

<template>
<div>
<div class="dialog-h-content scroll-h">
<div>
<div class="div_table">
<el-table ref="ref_table"
:data="tableData"
border
v-loading="tableLoading"
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
style="width: 100%"
highlight-current-row>
<el-table-column prop="name"
label="姓名">
</el-table-column>
<el-table-column prop="mobile"
label="联系方式">
</el-table-column>
<el-table-column prop="idCard"
label="身份证号">
</el-table-column>
</el-table>
3 years ago
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<div class="div_btn">
<el-button size="small"
@click="handleCancle"> </el-button>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { requestPost } from "@/js/dai/request";
export default {
data () {
return {
btnDisable: false,
// 列表相关
tableData: [],
tableLoading: false,
3 years ago
agencyId: '',
partyOrgId: '',
pageNo: 1,
pageSize: 20,
total: 1,
}
},
props: {
},
computed: {
...mapGetters(['clientHeight', 'iframeHeight'])
},
components: {},
methods: {
3 years ago
initForm (agencyId, id) {
this.agencyId = agencyId
this.partyOrgId = id
this.tableLoading = true
this.loadTable()
},
// 取消
handleCancle () {
this.$emit('lookMemberCancle')
},
// 查询列表
async loadTable () {
let params = {
3 years ago
agencyId: this.agencyId,
partyOrgId: this.partyOrgId,
pageNo: this.pageNo,
pageSize: this.pageSize
}
const url = `/resi/partymember/icPartyMember/page`
3 years ago
const { data, code, internalMsg, msg } = await requestPost(url, params)
this.tableLoading = false
3 years ago
if (code !== 0) {
return this.$message.error(internalMsg ? internalMsg : msg ? msg : '查询失败')
3 years ago
}
if (code === 0) {
this.tableData = data.list ? data.list : []
3 years ago
this.total = data.total || 0;
}
3 years ago
},
handleSizeChange (val) {
console.log(`每页 ${val}`)
this.pageSize = val
this.loadTable()
},
handleCurrentChange (val) {
console.log(`当前页: ${val}`);
this.pageNo = val;
this.loadTable();
},
},
}
</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>