|
|
@ -2,42 +2,56 @@ |
|
|
|
<!-- <el-card shadow="never" class="aui-card--fill"> --> |
|
|
|
<div class="mod-rent__rentDeath resi-container"> |
|
|
|
<el-card ref="searchCard" class="search-card"> |
|
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
|
<el-form |
|
|
|
:inline="true" |
|
|
|
:model="dataForm" |
|
|
|
@keyup.enter.native="getDataList()" |
|
|
|
label-width="100px" |
|
|
|
> |
|
|
|
<el-form-item prop="mySelectOrg" label="所属党组织"> |
|
|
|
<el-cascader |
|
|
|
style="width: 300px" |
|
|
|
v-model="mySelectOrg" |
|
|
|
:options="orgList" |
|
|
|
placeholder="请选择党组织" |
|
|
|
:props="{ checkStrictly: true, label: 'partyOrgName', value: 'id', children: 'children' }" |
|
|
|
:props="{ |
|
|
|
checkStrictly: true, |
|
|
|
label: 'partyOrgName', |
|
|
|
value: 'id', |
|
|
|
children: 'children' |
|
|
|
}" |
|
|
|
@change="handleChangeOrg" |
|
|
|
clearable /> |
|
|
|
clearable |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="姓名" |
|
|
|
prop="name"> |
|
|
|
<el-input v-model="dataForm.name" |
|
|
|
<el-form-item label="姓名" prop="name"> |
|
|
|
<el-input |
|
|
|
v-model="dataForm.name" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入姓名"> |
|
|
|
placeholder="请输入姓名" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手机" |
|
|
|
prop="mobile"> |
|
|
|
<el-input v-model="dataForm.mobile" |
|
|
|
<el-form-item label="手机" prop="mobile"> |
|
|
|
<el-input |
|
|
|
v-model="dataForm.mobile" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入手机"> |
|
|
|
placeholder="请输入手机" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证" |
|
|
|
prop="idCard"> |
|
|
|
<el-input v-model="dataForm.idCard" |
|
|
|
<el-form-item label="身份证" prop="idCard"> |
|
|
|
<el-input |
|
|
|
v-model="dataForm.idCard" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入身份证"> |
|
|
|
placeholder="请输入身份证" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<br /> |
|
|
@ -46,36 +60,112 @@ |
|
|
|
v-model="dataForm.year" |
|
|
|
type="year" |
|
|
|
placeholder="选择年" |
|
|
|
value-format="yyyy"> |
|
|
|
value-format="yyyy" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button @click="getDataList()" size="small">{{ $t('query') }}</el-button> |
|
|
|
<el-button |
|
|
|
class="diy-button--search" |
|
|
|
@click="getDataList()" |
|
|
|
size="small" |
|
|
|
>{{ $t('query') }}</el-button |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button class="diy-button--reset" size="small" @click="resetForm">重置</el-button> |
|
|
|
<el-button class="diy-button--reset" size="small" @click="resetForm" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
<el-card class="resi-card-table"> |
|
|
|
<el-table class="resi-table" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
|
|
|
<el-table |
|
|
|
class="resi-table" |
|
|
|
v-loading="dataListLoading" |
|
|
|
:data="dataList" |
|
|
|
border |
|
|
|
@selection-change="dataListSelectionChangeHandle" |
|
|
|
style="width: 100%" |
|
|
|
:height="tableHeight" |
|
|
|
> |
|
|
|
<!--<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>--> |
|
|
|
<el-table-column label="序号" header-align="center" align="center" width="50px"> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="50px" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.$index + 1 }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="year" label="年度" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="partyOrg" label="所属党组织" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="idCard" label="身份证" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="totalScore" label="总分" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="basePoint" label="基础积分分值" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="reviewPoint" label="民主评议积分分值" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="inspirePoint" label="激励积分分值" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="warnPoint" label="警示扣分分值" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column prop="remark" label="备注" header-align="center" align="center"></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="year" |
|
|
|
label="年度" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="partyOrg" |
|
|
|
label="所属党组织" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="name" |
|
|
|
label="姓名" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="idCard" |
|
|
|
label="身份证" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="mobile" |
|
|
|
label="手机号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="totalScore" |
|
|
|
label="总分" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="basePoint" |
|
|
|
label="基础积分分值" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="reviewPoint" |
|
|
|
label="民主评议积分分值" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="inspirePoint" |
|
|
|
label="激励积分分值" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="warnPoint" |
|
|
|
label="警示扣分分值" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="remark" |
|
|
|
label="备注" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
></el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-pagination |
|
|
|
:current-page="page" |
|
|
@ -84,7 +174,8 @@ |
|
|
|
:total="total" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
@size-change="pageSizeChangeHandle" |
|
|
|
@current-change="pageCurrentChangeHandle"> |
|
|
|
@current-change="pageCurrentChangeHandle" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
@ -93,6 +184,7 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import mixinViewModule from '@/mixins/view-module' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
export default { |
|
|
|
mixins: [mixinViewModule], |
|
|
|
data() { |
|
|
@ -103,6 +195,7 @@ |
|
|
|
}, |
|
|
|
mySelectOrg: '', |
|
|
|
orgList: [], |
|
|
|
searchH: 0, |
|
|
|
dataForm: { |
|
|
|
id: '', |
|
|
|
orgId: '', |
|
|
@ -113,9 +206,23 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapGetters(['clientHeight', 'iframeHeight']), |
|
|
|
tableHeight() { |
|
|
|
const h = this.clientHeight - this.searchH - 230 + this.iframeHeigh |
|
|
|
const _h = this.clientHeight - 230 - this.searchH |
|
|
|
return this.$store.state.inIframe ? h : _h |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getOrgList() |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.$nextTick(() => { |
|
|
|
this.searchH = this.$refs.searchCard.$el.offsetHeight |
|
|
|
console.log('tableHeight', this.tableHeight) |
|
|
|
}) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
resetForm(formName) { |
|
|
|
for (const n in this.dataForm) { |
|
|
@ -136,12 +243,17 @@ |
|
|
|
}, |
|
|
|
// 获取党组织列表 |
|
|
|
getOrgList() { |
|
|
|
return this.$http.get('/resi/partymember/icPartyOrg/getTreelist', {params: {agencyId: localStorage.getItem('agencyId')}}).then(({data: res}) => { |
|
|
|
return this.$http |
|
|
|
.get('/resi/partymember/icPartyOrg/getTreelist', { |
|
|
|
params: { agencyId: localStorage.getItem('agencyId') } |
|
|
|
}) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} |
|
|
|
this.orgList = res.data |
|
|
|
}).catch(() => {}) |
|
|
|
}) |
|
|
|
.catch(() => {}) |
|
|
|
}, |
|
|
|
// 党组织选中事件 |
|
|
|
handleChangeOrg(e) { |
|
|
@ -150,12 +262,12 @@ |
|
|
|
} else { |
|
|
|
this.dataForm.orgId = '' |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
|
@import '@/assets/scss/buttonstyle.scss'; |
|
|
|
|
|
|
|
.resi-container .resi-card-table { |
|
|
|
::v-deep .el-table th { |
|
|
@ -179,7 +291,6 @@ |
|
|
|
.form-wr { |
|
|
|
.input-width { |
|
|
|
width: 260px; |
|
|
|
|
|
|
|
} |
|
|
|
.input-width-textarea { |
|
|
|
width: 500px; |
|
|
|