Browse Source

党员信息

test
jiangyy 3 years ago
parent
commit
226f8d6e37
  1. 156
      src/views/modules/communityParty/members/crateForm.vue
  2. 217
      src/views/modules/partymember/lookMember.vue

156
src/views/modules/communityParty/members/crateForm.vue

@ -1,19 +1,27 @@
<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"
:model="form"
:inline="true"
:disabled="disabled"
:rules="rules"
ref="ruleForm"
class="form-wr"> 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">
<el-cascader v-model="form.sszb"
:options="partyList" :options="partyList"
:props="partyProps" :props="partyProps"
clearable clearable
class="input-width" class="input-width"
@change="handlePartyChange"></el-cascader> @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>
@ -21,10 +29,18 @@
</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,13 +48,25 @@
</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"
filterable
:disabled="disabled"
placeholder="请选择"
class="input-width"
clearable>
<el-option v-for="item in zwList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
@ -47,14 +75,26 @@
</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"
filterable
:disabled="disabled"
placeholder="请选择"
class="input-width"
clearable>
<el-option v-for="item in eduList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
@ -63,12 +103,19 @@
</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">
<el-date-picker v-model="form.rdsj"
:disabled="disabled" :disabled="disabled"
type="date" type="date"
class="input-width" class="input-width"
@ -80,39 +127,59 @@
</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>
@ -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>

217
src/views/modules/partymember/lookMember.vue

@ -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,29 +23,47 @@
: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
placeholder="请选择"
clearable>
<el-option v-for="item in zwList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
@ -62,15 +88,25 @@
<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="序号"
<el-table-column label="序号" type="index" align="center" width="50"> type="index"
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"
<el-table-column
prop="idCard"
label="身份证号" label="身份证号"
align="center" align="center"
min-width="180" min-width="180" />
/> <el-table-column prop="mobile"
<el-table-column
prop="mobile"
label="手机号" label="手机号"
align="center" align="center"
min-width="160" min-width="160" />
/> <el-table-column prop="rdsj"
<el-table-column
prop="rdsj"
label="入党时间" label="入党时间"
align="center" align="center"
min-width="160" min-width="160" />
/> <el-table-column prop="sszb"
<el-table-column
prop="sszb"
label="所属党组织" label="所属党组织"
align="center" align="center"
min-width="160" min-width="160" />
/> <el-table-column prop="ldzh"
<el-table-column
prop="ldzh"
label="流动党员证号" label="流动党员证号"
align="center" align="center"
min-width="160" min-width="160" />
/> <el-table-column prop="partyZw"
<el-table-column
prop="partyZw"
label="职务" label="职务"
align="center" align="center"
width="100" width="100" />
/> <el-table-column prop="address"
<el-table-column
prop="address"
label="地址" label="地址"
align="center" align="center"
show-overflow-tooltip show-overflow-tooltip
min-width="180" min-width="180" />
/> <el-table-column prop="isPay"
<el-table-column
prop="isPay"
label="是否缴费" label="是否缴费"
align="center" align="center"
width="100" width="100" />
/> <el-table-column prop="payDate"
<el-table-column
prop="payDate"
label="最近一次缴费时间" label="最近一次缴费时间"
align="center" align="center"
min-width="160" min-width="160" />
/> <el-table-column prop="culture"
<el-table-column
prop="culture"
label="文化程度" label="文化程度"
align="center" align="center"
width="100" width="100" />
/> <el-table-column prop="point"
<el-table-column
prop="point"
label="量化积分" label="量化积分"
align="center" align="center"
width="100" width="100" />
/> <el-table-column prop="activityPoint"
<el-table-column
prop="activityPoint"
label="活跃积分" label="活跃积分"
align="center" align="center"
width="100" width="100" />
/> <el-table-column prop="volunteerCategory"
<el-table-column
prop="volunteerCategory"
label="志愿者类别" label="志愿者类别"
align="center" align="center"
width="100" width="100" />
/> <el-table-column prop="remark"
<el-table-column
prop="remark"
label="备注" label="备注"
align="center" align="center"
min-width="180" min-width="180" />
/>
<!-- <template slot-scope="scope"> <!-- <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" class="btn-color-look">查看</el-button>
>查看</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" :info="detailInfo" :partyList="optionsG" <crate-form v-if="dialogVisible"
:info="detailInfo"
:partyList="optionsG"
:disabled="disabled" :disabled="disabled"
@saveBase="handleSearch" @cancle="handlerCancle" /> @saveBase="handleSearch"
@cancle="handlerCancle" />
</el-dialog> </el-dialog>
</div> </div>

Loading…
Cancel
Save