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

党员新增样式

feature
mk 2 years ago
parent
544b480d4c
commit
0089f6e00c
2 changed files with 99 additions and 109 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. 176
      src/views/modules/communityParty/members/create.vue
  2. 32
      src/views/modules/communityParty/members/memberList.vue

176
src/views/modules/communityParty/members/create.vue
View File

@ -1,18 +1,18 @@
<template> <template>
<el-dialog :visible="visible" <div>
:title="'新增党员'" <div
:close-on-click-modal="false" class="dialog-h-content scroll-h"
:close-on-press-escape="true" :class="{ 'visiual-form': source === 'visiual' }"
@close="handleDlgClose"> >
<el-form class="div_form"
<el-form class="form"
:model="dataForm" :model="dataForm"
:rules="dataRule" :rules="dataRule"
ref="dataForm" ref="dataForm"
@keyup.enter.native="" @keyup.enter.native=""
:inline="true"
:label-width="$i18n.locale === 'en-US' ? '120px' : '100px'"> :label-width="$i18n.locale === 'en-US' ? '120px' : '100px'">
<el-row :gutter="5"> <el-row >
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="partyOrgId" <el-form-item prop="partyOrgId"
label="所属党组织"> label="所属党组织">
@ -29,7 +29,7 @@
label="党员姓名"> label="党员姓名">
<el-input <el-input
v-model="dataForm.name" v-model="dataForm.name"
style="width: 300px"
clearable clearable
placeholder="请输入党员姓名" placeholder="请输入党员姓名"
></el-input> ></el-input>
@ -37,13 +37,12 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="mobile" <el-form-item prop="mobile"
label="联系电话"> label="联系电话">
<el-input <el-input
v-model="dataForm.mobile" v-model="dataForm.mobile"
style="width: 300px"
clearable clearable
placeholder="请输入联系电话" placeholder="请输入联系电话"
></el-input> ></el-input>
@ -54,7 +53,7 @@
label="身份证号"> label="身份证号">
<el-input <el-input
v-model="dataForm.idCard" v-model="dataForm.idCard"
style="width: 300px"
clearable clearable
placeholder="请输入身份证号" placeholder="请输入身份证号"
></el-input> ></el-input>
@ -62,14 +61,14 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="birthday" <el-form-item prop="birthday"
label="出生日期"> label="出生日期">
<el-date-picker <el-date-picker
v-model="dataForm.birthday" v-model="dataForm.birthday"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 300px" style="width: 202px"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期">
</el-date-picker> </el-date-picker>
@ -79,7 +78,7 @@
<!--1男 2女 0未知--> <!--1男 2女 0未知-->
<el-form-item prop="gender" <el-form-item prop="gender"
label="性别"> label="性别">
<el-select v-model="dataForm.gender" placeholder="性别" style="width: 300px"> <el-select v-model="dataForm.gender" placeholder="性别" >
<el-option <el-option
v-for="item in genderOptions" v-for="item in genderOptions"
:key="item.value" :key="item.value"
@ -91,11 +90,11 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="12"> <el-col :span="12">
<!--民族--> <!--民族-->
<el-form-item prop="nation" label="民族"> <el-form-item prop="nation" label="民族">
<el-select v-model="dataForm.nation" placeholder="请选择" style="width: 300px"> <el-select v-model="dataForm.nation" placeholder="请选择" >
<el-option v-for="n in nationOptions" <el-option v-for="n in nationOptions"
:key="n.value" :key="n.value"
:value="n.value" :value="n.value"
@ -107,7 +106,7 @@
<el-col :span="12"> <el-col :span="12">
<!--本地户籍--> <!--本地户籍-->
<el-form-item prop="localResidenceFlag" label="本地户籍"> <el-form-item prop="localResidenceFlag" label="本地户籍">
<el-select v-model="dataForm.localResidenceFlag" placeholder="请选择" style="width: 300px"> <el-select v-model="dataForm.localResidenceFlag" placeholder="请选择" >
<el-option v-for="n in localResidenceFlagOptions" <el-option v-for="n in localResidenceFlagOptions"
:key="n.value" :key="n.value"
:value="n.value" :value="n.value"
@ -118,30 +117,30 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="24"> <el-col :span="24">
<!--户籍地址--> <!--户籍地址-->
<el-form-item prop="hjAddress" label="户籍地址"> <el-form-item prop="hjAddress" label="户籍地址" class="wd-wr">
<el-input v-model="dataForm.hjAddress" style="width: 100%"> <el-input v-model="dataForm.hjAddress" placeholder="请输入">
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="24"> <el-col :span="24">
<!--居住地址--> <!--居住地址-->
<el-form-item prop="jzAddress" label="居住地址" style="width: 100%"> <el-form-item prop="jzAddress" label="居住地址" class="wd-wr">
<el-input v-model="dataForm.jzAddress"> <el-input v-model="dataForm.jzAddress" placeholder="请输入">
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="12"> <el-col :span="12">
<!--文化程度--> <!--文化程度-->
<el-form-item prop="cultureLevel" label="文化程度"> <el-form-item prop="cultureLevel" label="文化程度">
<el-select v-model="dataForm.cultureLevel" placeholder="请选择" style="width: 300px"> <el-select v-model="dataForm.cultureLevel" placeholder="请选择" >
<el-option v-for="e in cultureLevelOptions" <el-option v-for="e in cultureLevelOptions"
:key="e.value" :key="e.value"
:value="e.value" :value="e.value"
@ -153,7 +152,7 @@
<el-col :span="12"> <el-col :span="12">
<!--党组织职务--> <!--党组织职务-->
<el-form-item prop="partyJob" label="党组织职务"> <el-form-item prop="partyJob" label="党组织职务">
<el-select v-model="dataForm.partyJob" placeholder="请选择" style="width: 300px"> <el-select v-model="dataForm.partyJob" placeholder="请选择" >
<el-option v-for="e in partyJobOptions" <el-option v-for="e in partyJobOptions"
:key="e.value" :key="e.value"
:value="e.value" :value="e.value"
@ -163,24 +162,24 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="24"> <el-col :span="24">
<!--工作职责--> <!--工作职责-->
<el-form-item prop="duty" label="工作职责" style="width: 100%"> <el-form-item prop="duty" label="工作职责" class="wd-wr">
<el-input v-model="dataForm.duty"> <el-input v-model="dataForm.duty" placeholder="请输入">
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="12"> <el-col :span="12">
<!--入党日期--> <!--入党日期-->
<el-form-item prop="joinTime" label="入党日期" style="width: 100%"> <el-form-item prop="joinTime" label="入党日期" style="width: 100%">
<el-date-picker <el-date-picker
v-model="dataForm.joinTime" v-model="dataForm.joinTime"
style="width: 300px" style="width: 202px"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期">
@ -194,7 +193,7 @@
<el-date-picker <el-date-picker
v-model="dataForm.positiveTime" v-model="dataForm.positiveTime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 300px" style="width: 202px"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期">
</el-date-picker> </el-date-picker>
@ -202,10 +201,10 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<!--党员中心户--> <!--党员中心户-->
<el-form-item prop="centerFlag" label="党员中心户" style="width: 100%"> <el-form-item prop="centerFlag" label="党员中心户" style="width: 100%">
<el-select v-model="dataForm.centerFlag" placeholder="请选择" style="width: 300px"> <el-select v-model="dataForm.centerFlag" placeholder="请选择" >
<el-option v-for="e in centerFlagOptions" <el-option v-for="e in centerFlagOptions"
:key="e.value" :key="e.value"
:value="e.value" :value="e.value"
@ -214,11 +213,11 @@
</el-form-item> </el-form-item>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="12"> <el-col :span="12">
<!--流动党员--> <!--流动党员-->
<el-form-item prop="flowFlag" label="流动党员"> <el-form-item prop="flowFlag" label="流动党员">
<el-select v-model="dataForm.flowFlag" placeholder="请选择" style="width: 300px"> <el-select v-model="dataForm.flowFlag" placeholder="请选择" >
<el-option v-for="e in flowFlagOptions" <el-option v-for="e in flowFlagOptions"
:key="e.value" :key="e.value"
:value="e.value" :value="e.value"
@ -229,17 +228,17 @@
<el-col :span="12"> <el-col :span="12">
<!--流动党员证号--> <!--流动党员证号-->
<el-form-item prop="flowActNum" label="流动党员证号"> <el-form-item prop="flowActNum" label="流动党员证号" class="wd-wr">
<el-input v-model="dataForm.flowActNum"></el-input> <el-input v-model="dataForm.flowActNum" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="12"> <el-col :span="12">
<!--免学习--> <!--免学习-->
<el-form-item prop="studyNotNeed" label="免学习"> <el-form-item prop="studyNotNeed" label="免学习">
<el-select v-model="dataForm.studyNotNeed" placeholder="请选择" style="width: 300px"> <el-select v-model="dataForm.studyNotNeed" placeholder="请选择" >
<el-option v-for="e in studyNotNeedOptions" <el-option v-for="e in studyNotNeedOptions"
:key="e.value" :key="e.value"
:value="e.value" :value="e.value"
@ -251,7 +250,7 @@
<el-col :span="12"> <el-col :span="12">
<!--是否退休--> <!--是否退休-->
<el-form-item prop="retiredFlag" label="是否退休"> <el-form-item prop="retiredFlag" label="是否退休">
<el-select v-model="dataForm.retiredFlag" placeholder="请选择" style="width: 300px"> <el-select v-model="dataForm.retiredFlag" placeholder="请选择" >
<el-option v-for="e in retiredFlagOptions" <el-option v-for="e in retiredFlagOptions"
:key="e.value" :key="e.value"
:value="e.value" :value="e.value"
@ -261,11 +260,11 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="12"> <el-col :span="12">
<!--入党时所在党支部--> <!--入党时所在党支部-->
<el-form-item prop="joinBranchName" label="入党时所在党支部"> <el-form-item prop="joinBranchName" label="入党时所在党支部" class="wd-wr">
<el-input v-model="dataForm.joinBranchName"></el-input> <el-input v-model="dataForm.joinBranchName" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -275,7 +274,7 @@
<el-date-picker <el-date-picker
v-model="dataForm.joinCommunityTime" v-model="dataForm.joinCommunityTime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 300px" style="width: 202px"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期">
</el-date-picker> </el-date-picker>
@ -283,21 +282,27 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="5"> <el-row >
<el-col :span="24"> <el-col :span="24">
<!--备注--> <!--备注-->
<el-form-item prop="remark" label="备注"> <el-form-item prop="remark" label="备注" class="wd-wr">
<el-input v-model="dataForm.remark"></el-input> <el-input v-model="dataForm.remark" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<template slot="footer"> </div>
<!--<el-button @click="handleDlgClose">取消</el-button>--> <!--<el-button @click="handleDlgClose">取消</el-button>-->
<el-button type="primary" @click="handleSubmitCreate">确定</el-button> <div class="div_btn">
<el-button type="primary" @click="handleDlgClose">取消</el-button> <el-button size="small" @click="handleDlgClose">取 消</el-button>
</template> <el-button
</el-dialog> size="small"
type="primary"
@click="handleSubmitCreate"
>确 定</el-button
>
</div>
</div>
</template> </template>
<script> <script>
@ -308,7 +313,6 @@ export default {
data () { data () {
return { return {
epmetResultResolver: null, epmetResultResolver: null,
visible: false,
partyOrgTree: [], // 党组织数 partyOrgTree: [], // 党组织数
genderOptions: [{ 'label': '男', 'value': 1 }, { 'label': '女', 'value': 2 }, { 'label': '未知', 'value': 0 }], genderOptions: [{ 'label': '男', 'value': 1 }, { 'label': '女', 'value': 2 }, { 'label': '未知', 'value': 0 }],
nationOptions: [], // 民族 nationOptions: [], // 民族
@ -376,7 +380,7 @@ export default {
*/ */
handleDlgClose () { handleDlgClose () {
this.resetForm();// 重置表单 this.resetForm();// 重置表单
this.visible = false; this.$emit('handelCreateClose')
}, },
/** /**
@ -455,7 +459,6 @@ export default {
* 初始化方法 * 初始化方法
*/ */
init () { init () {
this.visible = true
// 加载党组织树 // 加载党组织树
this.handleLoadPartyOrgTreeRoot() this.handleLoadPartyOrgTreeRoot()
@ -535,62 +538,19 @@ export default {
}, },
}, },
props: { props: {
// visible: {
// defult: false,
// type: Boolean
// }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/visual/communityManageForm.scss"; @import "@/assets/scss/modules/management/form-main.scss";
@import "@/assets/scss/modules/visual/a_customize.scss";
.item_width_1 { @import "@/assets/scss/modules/management/detail-main.scss";
width: 560px;
.wd-wr {
/deep/ .tox .tox-dialog { width: 100%;
z-index: 20000; /deep/ .el-form-item__content {
} width: calc(100% - 148px);
}
.div_map {
position: relative;
}
.div_searchmap {
z-index: 5000;
position: absolute;
top: 5px;
left: 5px;
}
.tinymce_view {
height: 400px;
overflow: auto;
}
.text_p {
margin: 0;
padding: 0 10px;
border: 1px solid #d9d9d9;
border-radius: 5px;
> p {
margin: 0;
} }
} }
.el-row {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
.el-col {
border-radius: 4px;
}
</style> </style>

32
src/views/modules/communityParty/members/memberList.vue
View File

@ -263,8 +263,35 @@
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
<Create ref="create" @finishUpdate="search"></Create> <el-dialog
v-if="createDlgShow"
:visible.sync="createDlgShow"
:close-on-click-modal="false"
:close-on-press-escape="false"
title="新增党员"
:modal-append-to-body="false"
width="720px"
top="5vh"
class="dialog-h"
@closed="createDlgShow = false"
>
<Create ref="create" @finishUpdate="search" @handelCreateClose="handelCreateClose"></Create>
</el-dialog>
<el-dialog
v-if="detailDlgShow"
:visible.sync="detailDlgShow"
:close-on-click-modal="false"
:close-on-press-escape="false"
title="新增党员"
:modal-append-to-body="false"
width="720px"
top="5vh"
class="dialog-h"
@closed="detailDlgShow = false"
>
<Detail ref="detail" @finishUpdate="search"></Detail> <Detail ref="detail" @finishUpdate="search"></Detail>
</el-dialog>
<Update ref="update" @finishUpdate="search"></Update> <Update ref="update" @finishUpdate="search"></Update>
<PayRecord ref="payRecord" ></PayRecord> <PayRecord ref="payRecord" ></PayRecord>
<Points ref="pmPoints" ></Points> <Points ref="pmPoints" ></Points>
@ -373,6 +400,9 @@ export default {
methods: { methods: {
/** ● ==================事件================ **/ /** ● ==================事件================ **/
handelCreateClose(){
this.createDlgShow =false
},
handleMultiSelect(selectedRows) { handleMultiSelect(selectedRows) {
this.multiSelectedRows = selectedRows; this.multiSelectedRows = selectedRows;

Write Preview
Loading…
Cancel
Save