jiangyy
3 years ago
8 changed files with 1188 additions and 415 deletions
@ -0,0 +1,404 @@ |
|||||
|
<template> |
||||
|
<div class="p-wr"> |
||||
|
|
||||
|
<el-form label-width="140px" |
||||
|
:model="dateForm" |
||||
|
:inline="true" |
||||
|
:disabled="disabled" |
||||
|
:rules="rules" |
||||
|
ref="ruleForm" |
||||
|
class="form-wr"> |
||||
|
<div> |
||||
|
<el-form-item label="评分周期" |
||||
|
prop="year"> |
||||
|
<div class="flex-div"> |
||||
|
<!-- <div class="mr10">评分周期</div> --> |
||||
|
<div class="mr10"> |
||||
|
<el-date-picker v-model="dateForm.year" |
||||
|
type="year" |
||||
|
value-format="yyyy" |
||||
|
placeholder="选择年" |
||||
|
@change="handleYearChange"> |
||||
|
</el-date-picker> |
||||
|
</div> |
||||
|
<div class="mr10"> |
||||
|
<el-form-item prop="quarter"> |
||||
|
<el-select v-model="dateForm.quarter" |
||||
|
placeholder="请选择" |
||||
|
class="input-width" |
||||
|
clearable |
||||
|
@change="handleQuaterChange"> |
||||
|
<el-option v-for="item in quarterList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
|
||||
|
</el-form> |
||||
|
|
||||
|
<div class="m-row"> |
||||
|
<div class="m-row-2"> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">基础积分分值：</span> |
||||
|
<span>{{ dateForm.basePoint===0||dateForm.basePoint? dateForm.basePoint:'--'}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">基础积分选项：</span> |
||||
|
<span>{{ dateForm.baseOptionsShow }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-row-2"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">民主评议积分分值：</span> |
||||
|
<span>{{ dateForm.reviewPoint===0||dateForm.reviewPoint? dateForm.reviewPoint:'--'}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">民主评议积分选项：</span> |
||||
|
<span>{{dateForm.reviewOptionsShow}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-row-2"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">激励积分分值：</span> |
||||
|
<span>{{ dateForm.inspirePoint===0||dateForm.inspirePoint? dateForm.inspirePoint:'--'}}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">激励积分选项：</span> |
||||
|
<span>{{dateForm.inspireOptionsShow }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-row-2"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">警示扣分分值：</span> |
||||
|
<span>{{ dateForm.warnPoint===0||dateForm.warnPoint? dateForm.warnPoint:'--'}}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-3">警示扣分选项：</span> |
||||
|
<span>{{ dateForm.warnOptionsShow }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: { |
||||
|
partyId: { |
||||
|
type: String, |
||||
|
default: '' |
||||
|
}, |
||||
|
disabled: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
btnDisabled: false, |
||||
|
year: '', |
||||
|
quarter: '', |
||||
|
dateForm: { |
||||
|
partyMemberId: '', |
||||
|
year: '', |
||||
|
quarter: '', |
||||
|
basePoint: '', |
||||
|
baseOptions: [], |
||||
|
reviewPoint: '', |
||||
|
reviewOptions: [], |
||||
|
inspirePoint: '', |
||||
|
inspireOptions: [], |
||||
|
warnPoint: '', |
||||
|
warnOptions: [], |
||||
|
baseOptionsShow: '--', |
||||
|
reviewOptionsShow: '--', |
||||
|
inspireOptionsShow: '--', |
||||
|
warnOptionsShow: '--' |
||||
|
}, |
||||
|
rules: { |
||||
|
year: [{ required: true, message: '年度不能为空', trigger: 'blur' }], |
||||
|
quarter: [{ required: true, message: '季度不能为空', trigger: 'blur' }] |
||||
|
}, |
||||
|
formItemWd: '500px', |
||||
|
quarterList: [ |
||||
|
{ |
||||
|
label: '第一季度', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '第二季度', |
||||
|
value: '2' |
||||
|
}, |
||||
|
|
||||
|
{ |
||||
|
label: '第三季度', |
||||
|
value: '3' |
||||
|
}, |
||||
|
{ |
||||
|
label: '第四季度', |
||||
|
value: '4' |
||||
|
} |
||||
|
], |
||||
|
baseOptions: [ |
||||
|
{ |
||||
|
label: '参加三会一课', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '参加主题党日', |
||||
|
value: '2' |
||||
|
}, |
||||
|
|
||||
|
{ |
||||
|
label: '足额缴纳党费', |
||||
|
value: 3 |
||||
|
}, |
||||
|
{ |
||||
|
label: '积极参加学习培训', |
||||
|
value: '4' |
||||
|
}, |
||||
|
{ |
||||
|
label: '自觉执行党组织会议', |
||||
|
value: '5' |
||||
|
}, |
||||
|
{ |
||||
|
label: '严守党的政治纪律和政治规矩', |
||||
|
value: '6' |
||||
|
}, |
||||
|
], |
||||
|
jiliOptions: [ |
||||
|
{ |
||||
|
label: '发挥先锋模范作用', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '维护社会和谐稳定', |
||||
|
value: '2' |
||||
|
}, |
||||
|
|
||||
|
{ |
||||
|
label: '参与社会治理', |
||||
|
value: '3' |
||||
|
}, |
||||
|
{ |
||||
|
label: '联系服务群众', |
||||
|
value: '4' |
||||
|
} |
||||
|
], |
||||
|
jinshiOptions: [ |
||||
|
{ |
||||
|
label: '不服从党组织安排', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '不按时足额缴纳党费', |
||||
|
value: '2' |
||||
|
}, |
||||
|
|
||||
|
{ |
||||
|
label: '无故长期脱离组织管理', |
||||
|
value: '3' |
||||
|
}, |
||||
|
{ |
||||
|
label: '在工作中出现不良影响', |
||||
|
value: '4' |
||||
|
}, |
||||
|
{ |
||||
|
label: '违反党的纪律', |
||||
|
value: '5' |
||||
|
} |
||||
|
], |
||||
|
pyiOptions: [ |
||||
|
{ |
||||
|
label: '个人自评', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '党员互评', |
||||
|
value: '2' |
||||
|
}, |
||||
|
|
||||
|
{ |
||||
|
label: '民主测评', |
||||
|
value: '3' |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
partyId: { |
||||
|
handler (val) { |
||||
|
console.log('val------points', val) |
||||
|
if (val.length > 0) this.btnDisabled = false |
||||
|
else this.btnDisabled = true |
||||
|
}, |
||||
|
immediate: true |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
const w = document.getElementsByClassName('p-wr')[0] |
||||
|
this.formItemWd = w.clientWidth - 360 + 'px' |
||||
|
console.log('www----', w) |
||||
|
}, |
||||
|
methods: { |
||||
|
handleQuaterChange (val) { |
||||
|
if (this.dateForm.year) { |
||||
|
this.getInfo() |
||||
|
} |
||||
|
this.quarter = val |
||||
|
}, |
||||
|
handleYearChange (val) { |
||||
|
this.year = val |
||||
|
}, |
||||
|
|
||||
|
async getInfo () { |
||||
|
const params = { |
||||
|
year: this.dateForm.year, |
||||
|
quarter: this.dateForm.quarter, |
||||
|
partyMemberId: this.partyId |
||||
|
} |
||||
|
await this.$http |
||||
|
.post('/resi/partymember/icPartyMemberPoint/echoPartyMemberPoint', params) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} else { |
||||
|
this.dateForm.baseOptionsShow = '--' |
||||
|
this.dateForm.reviewOptionsShow = '--' |
||||
|
this.dateForm.inspireOptionsShow = '--' |
||||
|
this.dateForm.warnOptionsShow = '--' |
||||
|
|
||||
|
if (res.data.length > 0) { |
||||
|
let _info = res.data[0] |
||||
|
const info = { |
||||
|
..._info, |
||||
|
baseOptions: _info.baseOptions.length > 0 ? _info.baseOptions.split(',') : [], |
||||
|
reviewOptions: _info.reviewOptions.length > 0 ? _info.reviewOptions.split(',') : [], |
||||
|
inspireOptions: _info.inspireOptions.length > 0 ? _info.inspireOptions.split(',') : [], |
||||
|
warnOptions: _info.warnOptions.length > 0 ? _info.warnOptions.split(',') : [] |
||||
|
} |
||||
|
for (const n in info) { |
||||
|
this.dateForm[n] = info[n] |
||||
|
} |
||||
|
console.log('dateForm', this.dateForm) |
||||
|
|
||||
|
if (this.dateForm.baseOptions.length > 0) { |
||||
|
let array = [] |
||||
|
this.baseOptions.forEach(element => { |
||||
|
if (this.dateForm.baseOptions.indexOf(element.value) > -1) { |
||||
|
array.push(element.label) |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
this.dateForm.baseOptionsShow = array.join(',') |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
if (this.dateForm.reviewOptions.length > 0) { |
||||
|
let array = [] |
||||
|
this.pyiOptions.forEach(element => { |
||||
|
if (this.dateForm.reviewOptions.indexOf(element.value) > -1) { |
||||
|
array.push(element.label) |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
this.dateForm.reviewOptionsShow = array.join(',') |
||||
|
|
||||
|
} |
||||
|
|
||||
|
if (this.dateForm.inspireOptions.length > 0) { |
||||
|
let array = [] |
||||
|
this.jiliOptions.forEach(element => { |
||||
|
if (this.dateForm.inspireOptions.indexOf(element.value) > -1) { |
||||
|
array.push(element.label) |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
this.dateForm.inspireOptionsShow = array.join(',') |
||||
|
|
||||
|
} |
||||
|
|
||||
|
if (this.dateForm.warnOptions.length > 0) { |
||||
|
let array = [] |
||||
|
this.jinshiOptions.forEach(element => { |
||||
|
if (this.dateForm.warnOptions.indexOf(element.value) > -1) { |
||||
|
array.push(element.label) |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
this.dateForm.warnOptionsShow = array.join(',') |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} else { |
||||
|
this.$refs['ruleForm'].resetFields() |
||||
|
this.dateForm.quarter = this.quarter |
||||
|
this.dateForm.year = this.year |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
console.log('err', err) |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped > |
||||
|
@import "@/assets/scss/modules/management/detail-main.scss"; |
||||
|
</style> |
||||
|
<style lang="scss" scoped> |
||||
|
.flex-div { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.mb20 { |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
.mr10 { |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
.pdl74 { |
||||
|
padding-left: 74px; |
||||
|
} |
||||
|
.wd-wr { |
||||
|
/deep/ .el-form-item__content { |
||||
|
width: calc(100% - 140px); |
||||
|
} |
||||
|
|
||||
|
/deep/ .el-checkbox { |
||||
|
margin-right: 10px; |
||||
|
font-weight: 400; |
||||
|
// line-height: 20px; |
||||
|
.el-checkbox__label { |
||||
|
padding-left: 5px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.input-width { |
||||
|
width: 160px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,242 @@ |
|||||
|
<template> |
||||
|
<div class="dialog-h-content scroll-h pd0"> |
||||
|
<div class="div-tip">本模块主要为添加非本社区居住党员，本社区居住党员建议到居民信息页面添加</div> |
||||
|
|
||||
|
<div class="m-row"> |
||||
|
<div class="m-row-2"> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">所属党组织：</span> |
||||
|
<span>{{ info.sszb }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">党员中心户：</span> |
||||
|
<span>{{ info.isDyzxh==='1'?'是':'否' }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-row-2"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">姓名：</span> |
||||
|
<span>{{ info.name}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">免学习：</span> |
||||
|
<span>{{info.isMxx==='1'?'是':'否'}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-row-2"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">手机号：</span> |
||||
|
<span>{{ info.mobile?info.mobile:'--'}}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">职务：</span> |
||||
|
<span>{{info.partyZw?info.partyZw:'--' }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-row-2"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">身份证：</span> |
||||
|
<span>{{ info.idCard?info.idCard:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">文化程度：</span> |
||||
|
<span>{{ info.cultureName?info.cultureName:'--' }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-row-2"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">地址：</span> |
||||
|
<span>{{ info.address?info.address:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">入党时间：</span> |
||||
|
<span>{{ info.rdsj?info.rdsj:'--' }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-row-2"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">流动党员：</span> |
||||
|
<span>{{ info.isLd==='1'?'是':'否'}}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">流动党员号：</span> |
||||
|
<span>{{ info.ldzh?info.ldzh:'--' }}</span> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="m-row-2"> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">备注：</span> |
||||
|
<span>{{ info.remark? info.remark:'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="pdl40"> |
||||
|
<el-tabs v-model="activesName"> |
||||
|
<el-tab-pane label="量化积分" |
||||
|
name="first"> |
||||
|
<pointsDetail :partyId="partymenberid" /> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane label="缴费记录" |
||||
|
name="second"> |
||||
|
<record :partyId="partymenberid" |
||||
|
:disabled="disabled" /> |
||||
|
</el-tab-pane> |
||||
|
</el-tabs> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import pointsDetail from './cpts/pointsDetail.vue' |
||||
|
import record from './cpts/record.vue' |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
pointsDetail, |
||||
|
record |
||||
|
}, |
||||
|
props: { |
||||
|
partyList: { |
||||
|
type: Array, |
||||
|
default: () => [] |
||||
|
}, |
||||
|
info: { |
||||
|
type: Object, |
||||
|
default: () => { } |
||||
|
}, |
||||
|
disabled: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
|
||||
|
return { |
||||
|
activesName: 'first', |
||||
|
isAuto: false, |
||||
|
formItemWd: '100%', |
||||
|
partymenberid: '', |
||||
|
|
||||
|
|
||||
|
form: { |
||||
|
icResiUser: '', |
||||
|
name: '', |
||||
|
mobile: '', |
||||
|
idCard: '', |
||||
|
address: '', |
||||
|
rdsj: '', |
||||
|
sszb: '', |
||||
|
isLd: '0', |
||||
|
ldzh: '', |
||||
|
partyZw: '0', |
||||
|
isDyzxh: '0', |
||||
|
isMxx: '0', |
||||
|
culture: '', |
||||
|
remark: '' |
||||
|
}, |
||||
|
|
||||
|
partyOrgs: [] |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
info: { |
||||
|
handler (val) { |
||||
|
if (Object.keys(val).length > 0) { |
||||
|
this.form = { ...val } |
||||
|
if (val.icResiUserId || val.icResiUser) this.isAuto = true |
||||
|
console.log('val----------in', val) |
||||
|
console.log('isAuto----------in', this.isAuto) |
||||
|
this.partyOrgs = val.orgPids.split(':') |
||||
|
console.log('partyOrgs-----', this.partyOrgs) |
||||
|
this.partymenberid = val.id |
||||
|
} |
||||
|
}, |
||||
|
immediate: true |
||||
|
} |
||||
|
}, |
||||
|
created () { |
||||
|
|
||||
|
console.log('partyList', this.partyList) |
||||
|
}, |
||||
|
mounted () { |
||||
|
const w = document.getElementsByClassName('dialog-h-content')[0] |
||||
|
this.formItemWd = w.clientWidth + 'px' |
||||
|
}, |
||||
|
destroyed () { |
||||
|
// this.$refs['ruleForm'].resetFields() |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
async saveRecord (form) { |
||||
|
const params = { |
||||
|
...form, |
||||
|
partyMemberId: this.partymenberid |
||||
|
} |
||||
|
await this.$http |
||||
|
.post('/resi/partymember/icPartyMemberPoint/save', params) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} else { |
||||
|
this.$message.success('保存成功') |
||||
|
|
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
console.log('err', err) |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped > |
||||
|
@import "@/assets/scss/modules/management/detail-main.scss"; |
||||
|
</style> |
||||
|
<style lang="scss" scoped> |
||||
|
.input-width-textarea { |
||||
|
width: 400px; |
||||
|
} |
||||
|
.input-width { |
||||
|
width: 220px; |
||||
|
} |
||||
|
.flex-div { |
||||
|
display: flex; |
||||
|
// justify-content: space-between; |
||||
|
} |
||||
|
.wd50 { |
||||
|
width: 50%; |
||||
|
} |
||||
|
.pdl40 { |
||||
|
padding-left: 40px; |
||||
|
} |
||||
|
.pd0 { |
||||
|
padding: 0 !important; |
||||
|
} |
||||
|
.div-tip { |
||||
|
margin-left: 40px; |
||||
|
color: #f56c6c; |
||||
|
padding: 10px 0 5px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue