elink-star
/
epmet-work-pc-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

党员信息

feature
jiangyy 3 years ago
parent
cb572b9db9
commit
226f8d6e37
2 changed files with 367 additions and 288 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 266
      src/views/modules/communityParty/members/crateForm.vue
  2. 389
      src/views/modules/partymember/lookMember.vue

266
src/views/modules/communityParty/members/crateForm.vue
View File

@ -1,30 +1,46 @@
<template> <template>
<div class="dialog-h-content scroll-h pd0"> <div class="dialog-h-content scroll-h pd0">
<el-form label-width="120px" :model="form" :inline="true" <div class="div-tip">本模块主要为添加非本社区居住党员，本社区居住党员建议到居民信息页面添加</div>
:disabled="disabled" :rules="rules" ref="ruleForm" <el-form label-width="120px"
class="form-wr"> :model="form"
:inline="true"
:disabled="disabled"
:rules="rules"
ref="ruleForm"
class="form-wr">
<div class="flex-div"> <div class="flex-div">
<el-form-item label="所属党组织" prop="sszb" class="wd50"> <el-form-item label="所属党组织"
<el-cascader prop="sszb"
v-model="form.sszb" class="wd50">
:options="partyList" <el-cascader v-model="form.sszb"
:props="partyProps" :options="partyList"
clearable :props="partyProps"
class="input-width" clearable
@change="handlePartyChange"></el-cascader> class="input-width"
@change="handlePartyChange"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="党员中心户" prop="isDyzxh" class="wd50"> <el-form-item label="党员中心户"
prop="isDyzxh"
class="wd50">
<el-radio-group v-model="form.isDyzxh"> <el-radio-group v-model="form.isDyzxh">
<el-radio label="1">是</el-radio> <el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio> <el-radio label="0">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</div> </div>
<div class="flex-div"> <div class="flex-div">
<el-form-item label="姓名" prop="name" class="wd50"> <el-form-item label="姓名"
<el-input v-model="form.name" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input> prop="name"
class="wd50">
<el-input v-model="form.name"
placeholder="请输入"
:disabled="disabled"
class="input-width"
clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="免学习" prop="isMxx" class="wd50"> <el-form-item label="免学习"
prop="isMxx"
class="wd50">
<el-radio-group v-model="form.isMxx"> <el-radio-group v-model="form.isMxx">
<el-radio label="1">是</el-radio> <el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio> <el-radio label="0">否</el-radio>
@ -32,87 +48,138 @@
</el-form-item> </el-form-item>
</div> </div>
<div class="flex-div"> <div class="flex-div">
<el-form-item label="手机号" prop="mobile" class="wd50"> <el-form-item label="手机号"
<el-input v-model="form.mobile" placeholder="请输入" :disabled="disabled" class="input-width" clearable /> prop="mobile"
class="wd50">
<el-input v-model="form.mobile"
placeholder="请输入"
:disabled="disabled"
class="input-width"
clearable />
</el-form-item> </el-form-item>
<el-form-item label="职务" prop="partyZw" class="wd50"> <el-form-item label="职务"
<el-select v-model="form.partyZw" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable> prop="partyZw"
<el-option class="wd50">
v-for="item in zwList" <el-select v-model="form.partyZw"
:key="item.value" filterable
:label="item.label" :disabled="disabled"
:value="item.value"> placeholder="请选择"
class="input-width"
clearable>
<el-option v-for="item in zwList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</div> </div>
<div class="flex-div"> <div class="flex-div">
<el-form-item label="身份证" prop="idCard" class="wd50"> <el-form-item label="身份证"
<el-input v-model="form.idCard" placeholder="请输入" :disabled="disabled" prop="idCard"
class="input-width" clearable @blur="handleValidBlur" /> class="wd50">
<el-input v-model="form.idCard"
placeholder="请输入"
:disabled="disabled"
class="input-width"
clearable
@blur="handleValidBlur" />
</el-form-item> </el-form-item>
<el-form-item label="文化程度" prop="culture" class="wd50"> <el-form-item label="文化程度"
<el-select v-model="form.culture" filterable :disabled="disabled" placeholder="请选择" class="input-width" clearable> prop="culture"
<el-option class="wd50">
v-for="item in eduList" <el-select v-model="form.culture"
:key="item.value" filterable
:label="item.label" :disabled="disabled"
:value="item.value"> placeholder="请选择"
class="input-width"
clearable>
<el-option v-for="item in eduList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</div> </div>
<div class="flex-div"> <div class="flex-div">
<el-form-item label="地址" prop="address" class="wd50"> <el-form-item label="地址"
<el-input v-model="form.address" placeholder="请输入" :disabled="disabled || isAuto" class="input-width" clearable></el-input> prop="address"
class="wd50">
<el-input v-model="form.address"
placeholder="请输入"
:disabled="disabled || isAuto"
class="input-width"
clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="入党时间" prop="rdsj" class="wd50"> <el-form-item label="入党时间"
<el-date-picker prop="rdsj"
v-model="form.rdsj" class="wd50">
:disabled="disabled" <el-date-picker v-model="form.rdsj"
type="date" :disabled="disabled"
class="input-width" type="date"
clearable class="input-width"
placeholder="选择日期" clearable
format="yyyy 年 MM 月 dd 日" placeholder="选择日期"
value-format="yyyy-MM-dd"> format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</div> </div>
<div class="flex-div"> <div class="flex-div">
<el-form-item label="流动党员" prop="isLd" class="wd50"> <el-form-item label="流动党员"
<el-radio-group v-model="form.isLd" class="input-width"> prop="isLd"
class="wd50">
<el-radio-group v-model="form.isLd"
class="input-width">
<el-radio label="1">是</el-radio> <el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio> <el-radio label="0">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="流动党员号" prop="ldzh" class="wd50"> <el-form-item label="流动党员号"
<el-input v-model="form.ldzh" placeholder="请输入" :disabled="disabled" class="input-width" clearable></el-input> prop="ldzh"
class="wd50">
<el-input v-model="form.ldzh"
placeholder="请输入"
:disabled="disabled"
class="input-width"
clearable></el-input>
</el-form-item> </el-form-item>
</div> </div>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注"
<el-input v-model="form.remark" :autosize="{ minRows: 4, maxRows: 10}" :disabled="disabled" type="textarea" clearable class="input-width-textarea" placeholder="请输入内容"></el-input> prop="remark">
<el-input v-model="form.remark"
:autosize="{ minRows: 4, maxRows: 10}"
:disabled="disabled"
type="textarea"
clearable
class="input-width-textarea"
placeholder="请输入内容"></el-input>
</el-form-item> </el-form-item>
<div > <div>
<div style="margin-top: 20px; text-align: center;"> <div style="margin-top: 20px; text-align: center;">
<el-button size="small" @click="handleCancle">取消</el-button> <el-button size="small"
<el-button @click="handleCancle">取消</el-button>
v-if="!disabled" <el-button v-if="!disabled"
type="primary" type="primary"
size="small" size="small"
@click="hadnleSubmitbase" @click="hadnleSubmitbase">提交</el-button>
>提交</el-button> </div>
</div>
</div> </div>
</el-form> </el-form>
<div class="pdl40"> <div class="pdl40">
<el-tabs v-model="activesName"> <el-tabs v-model="activesName">
<el-tab-pane label="量化积分" name="first"> <el-tab-pane label="量化积分"
<pointsInfo :partyId="partymenberid" :disabled="disabled" @save="handleSavePoints" /> name="first">
<pointsInfo :partyId="partymenberid"
:disabled="disabled"
@save="handleSavePoints" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="缴费记录" name="second"> <el-tab-pane label="缴费记录"
<record :partyId="partymenberid" :disabled="disabled" /> name="second">
<record :partyId="partymenberid"
:disabled="disabled" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<!-- <el-button-group> <!-- <el-button-group>
@ -153,14 +220,14 @@ export default {
}, },
info: { info: {
type: Object, type: Object,
default: () => {} default: () => { }
}, },
disabled: { disabled: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
data() { data () {
let checkMObile = (rule, value, callback) => { let checkMObile = (rule, value, callback) => {
if (value === '') { if (value === '') {
callback(new Error('请输入手机号')) callback(new Error('请输入手机号'))
@ -237,7 +304,7 @@ export default {
}, },
watch: { watch: {
info: { info: {
handler(val) { handler (val) {
if (Object.keys(val).length > 0) { if (Object.keys(val).length > 0) {
this.form = { ...val } this.form = { ...val }
if (val.icResiUserId || val.icResiUser) this.isAuto = true if (val.icResiUserId || val.icResiUser) this.isAuto = true
@ -251,36 +318,36 @@ export default {
immediate: true immediate: true
} }
}, },
created() { created () {
this.getEduList() this.getEduList()
console.log('partyList', this.partyList) console.log('partyList', this.partyList)
}, },
mounted() { mounted () {
const w = document.getElementsByClassName('dialog-h-content')[0] const w = document.getElementsByClassName('dialog-h-content')[0]
this.formItemWd = w.clientWidth + 'px' this.formItemWd = w.clientWidth + 'px'
}, },
destroyed() { destroyed () {
// this.$refs['ruleForm'].resetFields() // this.$refs['ruleForm'].resetFields()
}, },
methods: { methods: {
handleCancle() { handleCancle () {
this.$refs['ruleForm'].resetFields() this.$refs['ruleForm'].resetFields()
this.$emit('cancle') this.$emit('cancle')
}, },
handlePartyChange(val) { handlePartyChange (val) {
console.log('val------pp', val) console.log('val------pp', val)
// if (val.length > 0) { // if (val.length > 0) {
// const i = val.length - 1 // const i = val.length - 1
// this.form.sszb = val[i] // this.form.sszb = val[i]
// } else this.form.sszb = '' // } else this.form.sszb = ''
}, },
handleValidBlur(n) { handleValidBlur (n) {
if (!isCard(this.form.idCard)) return if (!isCard(this.form.idCard)) return
const { age } = computedCard(this.form.idCard) const { age } = computedCard(this.form.idCard)
this.form.isMxx = age >= 70 ? '1' : '0' this.form.isMxx = age >= 70 ? '1' : '0'
this.validateResi() this.validateResi()
}, },
async getEduList() { async getEduList () {
await this.$http await this.$http
.post('/sys/dict/data/education') .post('/sys/dict/data/education')
.then(({ data: res }) => { .then(({ data: res }) => {
@ -288,14 +355,14 @@ export default {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} else { } else {
this.eduList = res.data this.eduList = res.data
} }
}) })
.catch(err => { .catch(err => {
console.log('err', err) console.log('err', err)
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
async validateResi() { async validateResi () {
const params = { const params = {
idCard: this.form.idCard, idCard: this.form.idCard,
agencyId: this.$store.state.user.agencyId agencyId: this.$store.state.user.agencyId
@ -314,15 +381,15 @@ export default {
this.form.address = '' this.form.address = ''
this.isAuto = false this.isAuto = false
} }
} }
}) })
.catch(err => { .catch(err => {
console.log('err', err) console.log('err', err)
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
hadnleSubmitbase() { hadnleSubmitbase () {
this.$refs['ruleForm'].validate((valid) => { this.$refs['ruleForm'].validate((valid) => {
if (valid) { if (valid) {
if (Object.keys(this.info).length > 0) this.editBase() if (Object.keys(this.info).length > 0) this.editBase()
@ -333,7 +400,7 @@ export default {
} }
}); });
}, },
handleSavePoints(data) { handleSavePoints (data) {
const _data = { ...data } const _data = { ...data }
const params = { const params = {
@ -345,7 +412,7 @@ export default {
} }
this.savePoints(params) this.savePoints(params)
}, },
async saveBase() { async saveBase () {
const params = { const params = {
...this.form ...this.form
} }
@ -358,15 +425,15 @@ export default {
this.$message.success('保存成功') this.$message.success('保存成功')
this.partymenberid = res.data this.partymenberid = res.data
this.$emit('saveBase', true) this.$emit('saveBase', true)
} }
}) })
.catch(err => { .catch(err => {
console.log('err', err) console.log('err', err)
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
async editBase() { async editBase () {
const params = { const params = {
...this.form ...this.form
} }
@ -379,15 +446,15 @@ export default {
this.$message.success('保存成功') this.$message.success('保存成功')
this.partymenberid = res.data this.partymenberid = res.data
this.$emit('saveBase', true) this.$emit('saveBase', true)
} }
}) })
.catch(err => { .catch(err => {
console.log('err', err) console.log('err', err)
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
async savePoints(form) { async savePoints (form) {
const params = { const params = {
...form, ...form,
partyMemberId: this.partymenberid partyMemberId: this.partymenberid
@ -402,15 +469,15 @@ export default {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} else { } else {
this.$message.success('保存成功') this.$message.success('保存成功')
} }
}) })
.catch(err => { .catch(err => {
console.log('err', err) console.log('err', err)
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
async saveRecord(form) { async saveRecord (form) {
const params = { const params = {
...form, ...form,
partyMemberId: this.partymenberid partyMemberId: this.partymenberid
@ -422,8 +489,8 @@ export default {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} else { } else {
this.$message.success('保存成功') this.$message.success('保存成功')
} }
}) })
.catch(err => { .catch(err => {
console.log('err', err) console.log('err', err)
@ -454,4 +521,9 @@ export default {
.pd0 { .pd0 {
padding: 0 !important; padding: 0 !important;
} }
.div-tip {
margin-left: 40px;
color: #f56c6c;
padding: 10px 0 20px;
}
</style> </style>

389
src/views/modules/partymember/lookMember.vue
View File

@ -1,12 +1,20 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<div v-if="pageLoading" class="resi-container"> <div v-if="pageLoading"
<el-card ref="searchCard" class="search-card"> class="resi-container">
<el-card ref="searchCard"
class="search-card">
<div class=""> <div class="">
<el-form ref="searchForm" :inline="true" :model="searchForm" size="small" label-width="100px" class="demo-form-inline"> <el-form ref="searchForm"
:inline="true"
:model="searchForm"
size="small"
label-width="100px"
class="demo-form-inline">
<div> <div>
<el-form-item label="所属党组织" prop="partyOrgId"> <el-form-item label="所属党组织"
prop="partyOrgId">
<!-- <el-select v-model="searchForm.partyOrgId" filterable placeholder="请选择" clearable> <!-- <el-select v-model="searchForm.partyOrgId" filterable placeholder="请选择" clearable>
<el-option <el-option
v-for="item in optionsG" v-for="item in optionsG"
@ -15,32 +23,50 @@
:value="item.value"> :value="item.value">
</el-option> --> </el-option> -->
<!-- </el-select> --> <!-- </el-select> -->
<el-cascader <el-cascader v-model="partyOrgRange"
v-model="partyOrgRange" :options="optionsG"
:options="optionsG" :props="partyProps"
:props="partyProps" clearable
clearable @change="handlePartyChange"></el-cascader>
@change="handlePartyChange"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="姓名" prop="name"> <el-form-item label="姓名"
<el-input v-model="searchForm.name" placeholder="请输入" class="input-width" clearable></el-input> prop="name">
<el-input v-model="searchForm.name"
placeholder="请输入"
class="input-width"
clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号" prop="mobile"> <el-form-item label="手机号"
<el-input v-model="searchForm.mobile" placeholder="请输入" class="input-width" clearable></el-input> prop="mobile">
<el-input v-model="searchForm.mobile"
placeholder="请输入"
class="input-width"
clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份证" prop="idCard"> <el-form-item label="身份证"
<el-input v-model="searchForm.idCard" placeholder="请输入" class="input-width" clearable></el-input> prop="idCard">
<el-input v-model="searchForm.idCard"
placeholder="请输入"
class="input-width"
clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="地址" prop="address"> <el-form-item label="地址"
<el-input v-model="searchForm.address" placeholder="请输入" class="input-width" clearable></el-input> prop="address">
<el-input v-model="searchForm.address"
placeholder="请输入"
class="input-width"
clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="职务" prop="partyZw"> <el-form-item label="职务"
<el-select v-model="searchForm.partyZw" filterable placeholder="请选择" clearable> prop="partyZw">
<el-option <el-select v-model="searchForm.partyZw"
v-for="item in zwList" filterable
:key="item.value" placeholder="请选择"
:label="item.label" clearable>
:value="item.value"> <el-option v-for="item in zwList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -55,22 +81,32 @@
<!-- <el-form-item label="流动党员证号" prop="ldzh"> <!-- <el-form-item label="流动党员证号" prop="ldzh">
<el-input v-model="searchForm.ldzh" placeholder="请输入" class="input-width" clearable></el-input> <el-input v-model="searchForm.ldzh" placeholder="请输入" class="input-width" clearable></el-input>
</el-form-item> --> </el-form-item> -->
<!-- <el-form-item label="是否缴费" prop="isPay"> <!-- <el-form-item label="是否缴费" prop="isPay">
<el-select v-model="searchForm.isPay" filterable placeholder="请选择" clearable> <el-select v-model="searchForm.isPay" filterable placeholder="请选择" clearable>
<el-option label="是" value="1" /> <el-option label="是" value="1" />
<el-option label="否" value="0" /> <el-option label="否" value="0" />
</el-select> </el-select>
</el-form-item> --> </el-form-item> -->
<el-form-item label="党员中心户" prop="isDyzxh"> <el-form-item label="党员中心户"
<el-select v-model="searchForm.isDyzxh" filterable placeholder="请选择" clearable> prop="isDyzxh">
<el-option label="是" value="1" /> <el-select v-model="searchForm.isDyzxh"
<el-option label="否" value="0" /> filterable
placeholder="请选择"
clearable>
<el-option label="是"
value="1" />
<el-option label="否"
value="0" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="diy-button--search" size="small" @click="handleSearch">查询</el-button> <el-button class="diy-button--search"
<el-button class="diy-button--reset" size="small" @click="resetForm('searchForm')">重置</el-button> size="small"
@click="handleSearch">查询</el-button>
<el-button class="diy-button--reset"
size="small"
@click="resetForm('searchForm')">重置</el-button>
</el-form-item> </el-form-item>
</div> </div>
<!-- <el-form-item label="免学习" prop="isMxx"> <!-- <el-form-item label="免学习" prop="isMxx">
@ -110,152 +146,123 @@
</div> </div>
</el-card> </el-card>
<el-card class="resi-card-table"> <el-card class="resi-card-table">
<el-table <el-table :data="tableData"
:data="tableData" row-key="id"
row-key="id" v-loading="tableLoading"
v-loading="tableLoading" border
border :height="tableHeight"
:height="tableHeight" :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}"
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" style="width: 100%"
style="width: 100%" class="resi-table">
class="resi-table" <el-table-column label="序号"
> type="index"
<el-table-column label="序号" type="index" align="center" width="50"> align="center"
width="50">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="name"
prop="name" label="姓名"
label="姓名" align="center"
align="center" width="100" />
width="100" <el-table-column prop="idCard"
/> label="身份证号"
<el-table-column align="center"
prop="idCard" min-width="180" />
label="身份证号" <el-table-column prop="mobile"
align="center" label="手机号"
min-width="180" align="center"
/> min-width="160" />
<el-table-column <el-table-column prop="rdsj"
prop="mobile" label="入党时间"
label="手机号" align="center"
align="center" min-width="160" />
min-width="160" <el-table-column prop="sszb"
/> label="所属党组织"
<el-table-column align="center"
prop="rdsj" min-width="160" />
label="入党时间" <el-table-column prop="ldzh"
align="center" label="流动党员证号"
min-width="160" align="center"
/> min-width="160" />
<el-table-column <el-table-column prop="partyZw"
prop="sszb" label="职务"
label="所属党组织" align="center"
align="center" width="100" />
min-width="160" <el-table-column prop="address"
/> label="地址"
<el-table-column align="center"
prop="ldzh" show-overflow-tooltip
label="流动党员证号" min-width="180" />
align="center" <el-table-column prop="isPay"
min-width="160" label="是否缴费"
/> align="center"
<el-table-column width="100" />
prop="partyZw" <el-table-column prop="payDate"
label="职务" label="最近一次缴费时间"
align="center" align="center"
width="100" min-width="160" />
/> <el-table-column prop="culture"
<el-table-column label="文化程度"
prop="address" align="center"
label="地址" width="100" />
align="center" <el-table-column prop="point"
show-overflow-tooltip label="量化积分"
min-width="180" align="center"
/> width="100" />
<el-table-column <el-table-column prop="activityPoint"
prop="isPay" label="活跃积分"
label="是否缴费" align="center"
align="center" width="100" />
width="100" <el-table-column prop="volunteerCategory"
/> label="志愿者类别"
<el-table-column align="center"
prop="payDate" width="100" />
label="最近一次缴费时间" <el-table-column prop="remark"
align="center" label="备注"
min-width="160" align="center"
/> min-width="180" />
<el-table-column <!-- <template slot-scope="scope">
prop="culture"
label="文化程度"
align="center"
width="100"
/>
<el-table-column
prop="point"
label="量化积分"
align="center"
width="100"
/>
<el-table-column
prop="activityPoint"
label="活跃积分"
align="center"
width="100"
/>
<el-table-column
prop="volunteerCategory"
label="志愿者类别"
align="center"
width="100"
/>
<el-table-column
prop="remark"
label="备注"
align="center"
min-width="180"
/>
<!-- <template slot-scope="scope">
<div class="div-content">{{ handleFilterSpan(scope.row, item) }}</div> <div class="div-content">{{ handleFilterSpan(scope.row, item) }}</div>
</template> --> </template> -->
<!-- </el-table-column> --> <!-- </el-table-column> -->
<el-table-column fixed="right" label="操作" align="center" width="200"> <el-table-column fixed="right"
label="操作"
align="center"
width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button @click="handleLook(scope.row)"
@click="handleLook(scope.row)" type="text"
type="text" size="small"
size="small" class="btn-color-look">查看</el-button>
class="btn-color-look"
>查看</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div> <div>
<el-pagination <el-pagination @size-change="handleSizeChange"
@size-change="handleSizeChange" @current-change="handleCurrentChange"
@current-change="handleCurrentChange" :current-page.sync="currentPage"
:current-page.sync="currentPage" :page-sizes="[20, 50, 100, 200]"
:page-sizes="[20, 50, 100, 200]" :page-size="pageSize"
:page-size="pageSize" layout="sizes, prev, pager, next, total"
layout="sizes, prev, pager, next, total" :total="total">
:total="total"
>
</el-pagination> </el-pagination>
</div> </div>
</el-card> </el-card>
<el-dialog <el-dialog title="党员信息"
title="党员信息" :visible.sync="dialogVisible"
:visible.sync="dialogVisible" width="60%"
width="60%" top="5vh"
top="5vh" class="dialog-h"
class="dialog-h" append-to-body
append-to-body :close-on-click-modal="false"
:close-on-click-modal="false" :before-close="handlerCancle">
:before-close="handlerCancle"
> <crate-form v-if="dialogVisible"
<crate-form v-if="dialogVisible" :info="detailInfo" :partyList="optionsG" :info="detailInfo"
:disabled="disabled" :partyList="optionsG"
@saveBase="handleSearch" @cancle="handlerCancle" /> :disabled="disabled"
@saveBase="handleSearch"
@cancle="handlerCancle" />
</el-dialog> </el-dialog>
</div> </div>
@ -302,7 +309,7 @@ export default {
{ {
label: '是', label: '是',
value: 1 value: 1
},{ }, {
label: '否', label: '否',
value: 2 value: 2
} }
@ -380,7 +387,7 @@ export default {
partyProps: { partyProps: {
label: 'partyOrgName', label: 'partyOrgName',
value: 'id', value: 'id',
checkStrictly: true checkStrictly: true
} }
} }
}, },
@ -388,7 +395,7 @@ export default {
}, },
computed: { computed: {
...mapGetters(['clientHeight', 'iframeHeight']), ...mapGetters(['clientHeight', 'iframeHeight']),
tableHeight() { tableHeight () {
const h = this.clientHeight - this.searchH - 490 + this.iframeHeigh const h = this.clientHeight - this.searchH - 490 + this.iframeHeigh
const _h = this.clientHeight - 490 - this.searchH const _h = this.clientHeight - 490 - this.searchH
return this.$store.state.inIframe ? h : _h return this.$store.state.inIframe ? h : _h
@ -416,21 +423,21 @@ export default {
this.$emit('lookMemberCancle') this.$emit('lookMemberCancle')
}, },
handleSizeChange(val) { handleSizeChange (val) {
console.log(`每页 ${val} 条`) console.log(`每页 ${val} 条`)
this.pageSize = val this.pageSize = val
this.getTableData() this.getTableData()
}, },
handleCurrentChange(val) { handleCurrentChange (val) {
console.log(`当前页: ${val}`) console.log(`当前页: ${val}`)
this.currentPage = val this.currentPage = val
this.getTableData() this.getTableData()
}, },
handlePartyChange(val) { handlePartyChange (val) {
console.log('val------pp', val) console.log('val------pp', val)
this.searchForm.partyOrgId = val[val.length - 1] this.searchForm.partyOrgId = val[val.length - 1]
}, },
handleFilterSpan(row, item) { handleFilterSpan (row, item) {
let _val = '' let _val = ''
if (item.options && item.options.length > 0) { if (item.options && item.options.length > 0) {
item.options.forEach((n) => { item.options.forEach((n) => {
@ -459,7 +466,7 @@ export default {
} }
}, },
handleProgress(event, file, fileList) { handleProgress (event, file, fileList) {
console.log('percentage', event, file.percentage) console.log('percentage', event, file.percentage)
this.uploading = true this.uploading = true
this.unloadPencent = Number(file.percentage.toFixed(0)) this.unloadPencent = Number(file.percentage.toFixed(0))
@ -489,12 +496,12 @@ export default {
} }
}, },
handleSearch(val) { handleSearch (val) {
console.log('searchhh--', val) console.log('searchhh--', val)
this.currentPage = 1 this.currentPage = 1
this.getTableData() this.getTableData()
}, },
resetForm(formName) { resetForm (formName) {
this.timeRangePay = [] this.timeRangePay = []
this.timeRange = [] this.timeRange = []
this.searchForm.payStatrDate = '' this.searchForm.payStatrDate = ''
@ -507,18 +514,18 @@ export default {
}, },
handlerCancle() { handlerCancle () {
this.detailInfo = {} this.detailInfo = {}
this.disabled = false this.disabled = false
this.dialogVisible = false this.dialogVisible = false
}, },
async handleLook(row) { async handleLook (row) {
this.disabled = true this.disabled = true
await this.getDetail(row.id) await this.getDetail(row.id)
}, },
async getDetail(id) { async getDetail (id) {
let params = { let params = {
id, id,
} }
@ -537,16 +544,16 @@ export default {
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
async getGridList(type, agencyId) { async getGridList (type, agencyId) {
// addorupdate query // addorupdate query
await this.$http await this.$http
.get('/resi/partymember/icPartyOrg/getSearchTreelist', { params: {agencyId: agencyId} }) .get('/resi/partymember/icPartyOrg/getSearchTreelist', { params: { agencyId: agencyId } })
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} else { } else {
console.log('获取查询详情成功', res.data) console.log('获取查询详情成功', res.data)
this.optionsG = this.deepArrTOnull(res.data) this.optionsG = this.deepArrTOnull(res.data)
} }
}) })
@ -554,17 +561,17 @@ export default {
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
deepArrTOnull(arr) { deepArrTOnull (arr) {
let a = [] let a = []
a = arr.map(item => { a = arr.map(item => {
return { return {
...item, ...item,
children: (item.children.length > 0 && this.deepArrTOnull(item.children) )|| null children: (item.children.length > 0 && this.deepArrTOnull(item.children)) || null
} }
}) })
return a return a
}, },
async getCateList(type) { async getCateList (type) {
const params = { const params = {
customerId: this.customerId, customerId: this.customerId,
type type
@ -577,7 +584,7 @@ export default {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} else { } else {
console.log('获取查询详情成功', res.data) console.log('获取查询详情成功', res.data)
if (type === 'query') this.optionsC = res.data if (type === 'query') this.optionsC = res.data
else this.optionsEditC = res.data else this.optionsEditC = res.data
} }
@ -586,7 +593,7 @@ export default {
return this.$message.error('网络错误') return this.$message.error('网络错误')
}) })
}, },
async getTableData() { async getTableData () {
this.tableLoading = true this.tableLoading = true
let params = { let params = {
...this.searchForm, ...this.searchForm,
@ -616,10 +623,10 @@ export default {
@import "@/assets/scss/modules/visual/communityManage.scss"; @import "@/assets/scss/modules/visual/communityManage.scss";
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.div_btn{ .div_btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save