Browse Source

党员管理样式

feature
mk 2 years ago
parent
commit
e8695dfeae
  1. 188
      src/views/modules/base/residentManagement/subsistenceAllowance/addForm.vue
  2. 53
      src/views/modules/base/residentManagement/subsistenceAllowance/subsistenceAllowance.vue
  3. 18
      src/views/modules/communityParty/members/create.vue
  4. 176
      src/views/modules/communityParty/members/detail.vue
  5. 36
      src/views/modules/communityParty/members/memberList.vue
  6. 307
      src/views/modules/communityParty/members/update.vue

188
src/views/modules/base/residentManagement/subsistenceAllowance/addForm.vue

@ -131,7 +131,7 @@
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">民族: </span>
<span>{{ nationName || "--" }}</span>
<span>{{ formData.nationName || "--" }}</span>
</div>
<el-form-item label-width="100px" label="民族" v-else>
<el-select v-model="formData.nation" clearable>
@ -187,7 +187,8 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="info-prop" v-if="formType == 'detail'">
@ -203,92 +204,41 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">残疾类别: </span>
<span>{{ formData.disabilityCategoryName || "--" }}</span>
</div>
<el-form-item label-width="100px" label="残疾类别" v-else>
<el-select v-model="formData.disabilityCategoryCode" clearable>
<el-option
v-for="item in dicts.disability_category_code"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">残疾级别: </span>
<span>{{ formData.disabilityLevelName || "--" }}</span>
</div>
<el-form-item label-width="100px" label="残疾级别" v-else>
<el-select v-model="formData.disabilityLevel" clearable>
<el-option
v-for="item in dicts.disability_level"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">银行卡号: </span>
<span>{{ formData.bankAccount || "--" }}</span>
</div>
<el-form-item label-width="100px" label="银行卡号" v-else>
<el-input
v-model="formData.bankAccount"
placeholder="请输入"
clearable
></el-input>
</el-form-item>
</el-col>
<el-row>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">残疾证号: </span>
<span>{{ formData.disabilityNum || "--" }}</span>
</div>
<el-form-item label-width="100px" label="残疾证号" v-else>
<el-input
v-model="formData.disabilityNum"
placeholder="请输入"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">低保: </span>
<span>{{ formData.subsistenceAllowanceFlag?formData.subsistenceAllowanceFlag=='1'?'是':formData.subsistenceAllowanceFlag=='0'?'否':'--':'--' }}</span
>
</div>
<el-form-item label-width="100px" label="低保" v-else>
<el-select v-model="formData.subsistenceAllowanceFlag" clearable>
<el-option
v-for="item in binaryOptionList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-row>
<el-row>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">退休金额: </span>
<span>{{ formData.retirementAmount || "--" }}</span>
</div>
<el-form-item label-width="100px" label="退休金额" v-else>
<el-input
v-model="formData.retirementAmount"
placeholder="请输入"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">退休金额: </span>
<span>{{ formData.retirementAmount || "--" }}</span>
</div>
<el-form-item label-width="100px" label="退休金额" v-else>
<el-input
v-model="formData.retirementAmount"
placeholder="请输入"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">月收入: </span>
@ -302,35 +252,52 @@
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">联系人: </span>
<span>{{ formData.contactName || "--" }}</span>
<span class="info-title-2">工作单位: </span>
<span>{{ formData.workUnit || "--" }}</span>
</div>
<el-form-item label-width="100px" label="联系人" v-else>
<el-form-item label-width="100px" label="工作单位" v-else>
<el-input
v-model="formData.contactName"
v-model="formData.workUnit"
placeholder="请输入"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">联系电话: </span>
<span>{{ formData.contactMobile || "--" }}</span>
<span class="info-title-2">职业: </span>
<span>{{ formData.occupation || "--" }}</span>
</div>
<el-form-item label-width="100px" label="联系电话" v-else>
<el-form-item label-width="100px" label="职业" v-else>
<el-input
v-model="formData.contactMobile"
v-model="formData.occupation"
placeholder="请输入"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="info-prop" v-if="formType == 'detail'">
<span class="info-title-2">离退休时间: </span>
<span>{{formData.retireTime||'--'}}</span>
</div>
<el-form-item label-width="100px" label="离退休时间" v-else>
<el-date-picker
v-model="formData.retireTime"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期"
style="width: 202px"
clearable
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
@ -387,26 +354,27 @@
data() {
return {
btnDisable: false,
formData: {
name: "",
mobile: "",
idType: "",
idType: null,
idNum: "",
birthday: "",
mobile: "",
gender: "",
nation: "",
localResidenceFlag: null,
placeOfDomicile: "",
currentResidence: "",
disabilityCategoryCode: "",
disabilityLevel: "",
disabilityNum: "",
subsistenceAllowanceFlag: null,
retirementAmount: null,
monthIncome: null,
contactName: "",
contactMobile: "",
bankAccount: "",
retirementAmount: "",
monthIncome: "",
workUnit: null,
occupation: "",
retireTime: "",
remark: "",
},
agencyId: this.$store.state.user.agencyId,
},
genderList,
binaryOptionList,
dataRule: {
@ -447,7 +415,7 @@
await this.getDetail(this.scopeId);
},
async getDetail(categorizedResiId) {
const url = `/governance/commonDemand/detail/${categorizedResiId}`;
const url = `/actual/base/resiCategorized/subsistenceAllowance/detail/${categorizedResiId}`;
const { data, code, msg } = await requestGet(url);
if (code === 0) {
console.log(data);
@ -463,8 +431,8 @@
}
const url =
this.formType === "edit"
? ""
: "";
? "/actual/base/resiCategorized/subsistenceAllowance/update"
: "/actual/base/resiCategorized/subsistenceAllowance/create";
const { data, code, msg } = await requestPost(url, this.formData);
if (code === 0) {

53
src/views/modules/base/residentManagement/subsistenceAllowance/subsistenceAllowance.vue

@ -244,37 +244,39 @@
</template>
</el-table-column>
<el-table-column
prop="localResidenceFlagName"
prop="nationName"
align="center"
width="100"
label="本地户籍"
label="民族"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="currentResidence"
prop="bankAccount"
align="center"
width="100"
label="居住地址"
label="银行卡号"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="disabilityCategoryName"
prop="currentResidence"
align="center"
width="100"
label="残疾类别"
label="居住地址"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
prop="disabilityCategoryName"
prop="remark"
align="center"
width="100"
label="残疾级别"
label="备注"
:show-overflow-tooltip="true"
>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
@ -380,20 +382,20 @@
genderList,
binaryOptionList,
formData: {
name: "刘备",
mobile: "174744645454",
gender: "1",
idNum: "37024545454544545",
localResidenceFlag: "1",
currentResidence: "青岛市市北区时代国际广场",
name: "",
mobile: "",
gender: "",
idNum: "",
localResidenceFlag: "",
currentResidence: "",
disabilityCategoryCode: "",
disabilityLevel: "",
disabilityNum: "12345678",
subsistenceAllowanceFlag: "1",
monthIncome: 2000,
contactName: "关羽",
contactMobile: "12345678",
remark: "ipsum nostrud adipisicing",
disabilityNum: "",
subsistenceAllowanceFlag: "",
monthIncome: null,
contactName: "",
contactMobile: "",
remark: "",
},
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
@ -553,7 +555,12 @@
},
//
async handleEdit(row) {},
async handleEdit(row) {
this.showAdd = true;
this.$nextTick(() => {
this.$refs.ref_add_form.initForm("edit", row);
});
},
//
handleClose() {
this.formType = "";
@ -587,7 +594,7 @@
},
//
async cancelFuwu(id) {
const url = "";
const url = "/actual/base/resiCategorized/subsistenceAllowance/deleteBatch";
const { data, code, msg } = await requestPost(url, id);
if (code === 0) {
this.$message.success("取消成功!");
@ -599,7 +606,7 @@
//
async getTableData() {
this.tableLoading = true;
const url = "";
const url = "/actual/base/resiCategorized/subsistenceAllowance/page";
const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, {

18
src/views/modules/communityParty/members/create.vue

@ -294,13 +294,12 @@
</div>
<!--<el-button @click="handleDlgClose">取消</el-button>-->
<div class="div_btn">
<el-button size="small" @click="handleDlgClose"> </el-button>
<el-button
size="small"
type="primary"
@click="handleSubmitCreate"
> </el-button
>
<el-button size="small" @click="handleDlgClose"> </el-button>
<el-button
size="small"
type="primary"
@click="handleSubmitCreate"
> </el-button>
</div>
</div>
</template>
@ -538,6 +537,11 @@ export default {
},
},
props: {
source: {
//manage visiual
type: String,
default: "manage",
},
}
}
</script>

176
src/views/modules/communityParty/members/detail.vue

@ -1,24 +1,23 @@
<template>
<el-dialog :visible="visible"
:title="'新增党员'"
:close-on-click-modal="false"
:close-on-press-escape="true"
@close="handleDlgClose">
<el-form class="form"
<div>
<div
class="dialog-h-content scroll-h"
:class="{ 'visiual-form': source === 'visiual' }"
>
<el-form class="form"
:model="dataForm"
:rules="dataRule"
ref="dataForm"
@keyup.enter.native=""
:label-width="'130px'">
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<el-form-item prop="partyOrgId"
label="所属党组织">
label="所属党组织" class="wd-wr">
<el-cascader
style="width: 300px"
v-model="dataForm.partyOrgId"
style="width: 202px"
clearable
disabled
:show-all-levels="false"
@ -29,10 +28,10 @@
</el-col>
<el-col :span="12">
<el-form-item prop="name"
label="党员姓名">
label="党员姓名" class="wd-wr">
<el-input
v-model="dataForm.name"
style="width: 300px"
style="width: 202px"
clearable
disabled
placeholder="请输入党员姓名"
@ -41,13 +40,13 @@
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<el-form-item prop="mobile"
label="联系电话">
label="联系电话" class="wd-wr">
<el-input
v-model="dataForm.mobile"
style="width: 300px"
style="width: 202px"
clearable
disabled
placeholder="请输入联系电话"
@ -56,10 +55,10 @@
</el-col>
<el-col :span="12">
<el-form-item prop="idCard"
label="身份证号">
label="身份证号" class="wd-wr">
<el-input
v-model="dataForm.idCard"
style="width: 300px"
style="width: 202px"
clearable
disabled
placeholder="请输入身份证号"
@ -68,14 +67,14 @@
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<el-form-item prop="birthday"
label="出生日期">
label="出生日期" class="wd-wr">
<el-date-picker
v-model="dataForm.birthday"
value-format="yyyy-MM-dd"
style="width: 300px"
style="width: 202px"
type="date"
disabled
placeholder="选择日期">
@ -85,10 +84,11 @@
<el-col :span="12">
<!--1 2 0未知-->
<el-form-item prop="gender"
label="性别">
<el-select v-model="dataForm.gender" placeholder="性别" style="width: 300px" disabled>
label="性别" class="wd-wr">
<el-select v-model="dataForm.gender" placeholder="性别" disabled>
<el-option
v-for="item in genderOptions"
style="width: 202px"
:key="item.value"
:label="item.label"
:value="item.value">
@ -98,13 +98,14 @@
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--民族-->
<el-form-item prop="nation" label="民族">
<el-select v-model="dataForm.nation" placeholder="请选择" style="width: 300px" disabled>
<el-form-item prop="nation" label="民族" class="wd-wr">
<el-select v-model="dataForm.nation" placeholder="请选择" disabled>
<el-option v-for="n in nationOptions"
:key="n.value"
style="width: 202px"
:value="n.value"
:label="n.label">
</el-option>
@ -113,8 +114,9 @@
</el-col>
<el-col :span="12">
<!--本地户籍-->
<el-form-item prop="localResidenceFlag" label="本地户籍">
<el-select v-model="dataForm.localResidenceFlag" placeholder="请选择" style="width: 300px" disabled>
<el-form-item prop="localResidenceFlag" label="本地户籍" class="wd-wr">
<el-select v-model="dataForm.localResidenceFlag" placeholder="请选择" style="width: 202px" disabled>
<el-option v-for="n in localResidenceFlagOptions"
:key="n.value"
:value="n.value"
@ -125,30 +127,30 @@
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<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%" disabled>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="24">
<!--居住地址-->
<el-form-item prop="jzAddress" label="居住地址" style="width: 100%" >
<el-form-item prop="jzAddress" label="居住地址" style="width: 100%" class="wd-wr">
<el-input v-model="dataForm.jzAddress" disabled>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--文化程度-->
<el-form-item prop="cultureLevel" label="文化程度">
<el-select v-model="dataForm.cultureLevel" placeholder="请选择" style="width: 300px" disabled>
<el-form-item prop="cultureLevel" label="文化程度" class="wd-wr">
<el-select v-model="dataForm.cultureLevel" placeholder="请选择" style="width: 202px" disabled>
<el-option v-for="e in cultureLevelOptions"
:key="e.value"
:value="e.value"
@ -159,8 +161,8 @@
<el-col :span="12">
<!--党组织职务-->
<el-form-item prop="partyJob" label="党组织职务">
<el-select v-model="dataForm.partyJob" placeholder="请选择" style="width: 300px" disabled>
<el-form-item prop="partyJob" label="党组织职务" class="wd-wr">
<el-select v-model="dataForm.partyJob" placeholder="请选择" style="width: 202px" disabled>
<el-option v-for="e in partyJobOptions"
:key="e.value"
:value="e.value"
@ -170,10 +172,10 @@
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<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" disabled>
</el-input>
</el-form-item>
@ -181,13 +183,13 @@
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--入党日期-->
<el-form-item prop="joinTime" label="入党日期" style="width: 100%">
<el-form-item prop="joinTime" label="入党日期" class="wd-wr">
<el-date-picker
v-model="dataForm.joinTime"
style="width: 300px"
style="width: 202px"
value-format="yyyy-MM-dd"
type="date"
disabled
@ -198,11 +200,11 @@
<el-col :span="12">
<!--positiveTime-->
<el-form-item prop="positiveTime" label="转正日期" style="width: 100%">
<el-form-item prop="positiveTime" label="转正日期" class="wd-wr">
<el-date-picker
v-model="dataForm.positiveTime"
value-format="yyyy-MM-dd"
style="width: 300px"
style="width: 202px"
type="date"
disabled
placeholder="选择日期">
@ -211,24 +213,27 @@
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<!--党员中心户-->
<el-form-item prop="centerFlag" label="党员中心户" style="width: 100%">
<el-select v-model="dataForm.centerFlag" placeholder="请选择" style="width: 300px" disabled>
<el-col :span="24">
<el-form-item prop="centerFlag" label="党员中心户" class="wd-wr">
<el-select v-model="dataForm.centerFlag" placeholder="请选择" disabled>
<el-option v-for="e in centerFlagOptions"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--流动党员-->
<el-form-item prop="flowFlag" label="流动党员">
<el-select v-model="dataForm.flowFlag" placeholder="请选择" style="width: 300px" disabled>
<el-form-item prop="flowFlag" label="流动党员" class="wd-wr">
<el-select v-model="dataForm.flowFlag" placeholder="请选择" disabled>
<el-option v-for="e in flowFlagOptions"
style="width: 202px"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
@ -238,18 +243,20 @@
<el-col :span="12">
<!--流动党员证号-->
<el-form-item prop="flowActNum" label="流动党员证号">
<el-input v-model="dataForm.flowActNum" disabled></el-input>
<el-form-item prop="flowActNum" label="流动党员证号" class="wd-wr">
<el-input v-model="dataForm.flowActNum" style="width: 202px" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--免学习-->
<el-form-item prop="studyNotNeed" label="免学习">
<el-select v-model="dataForm.studyNotNeed" placeholder="请选择" style="width: 300px" disabled>
<el-form-item prop="studyNotNeed" label="免学习" class="wd-wr">
<el-select v-model="dataForm.studyNotNeed" placeholder="请选择" disabled>
<el-option v-for="e in studyNotNeedOptions"
style="width: 202px"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
@ -259,9 +266,10 @@
<el-col :span="12">
<!--是否退休-->
<el-form-item prop="retiredFlag" label="是否退休">
<el-select v-model="dataForm.retiredFlag" placeholder="请选择" style="width: 300px" disabled>
<el-form-item prop="retiredFlag" label="是否退休" class="wd-wr">
<el-select v-model="dataForm.retiredFlag" placeholder="请选择" disabled>
<el-option v-for="e in retiredFlagOptions"
style="width: 202px"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
@ -270,21 +278,22 @@
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--入党时所在党支部-->
<el-form-item prop="joinBranchName" label="入党时所在党支部">
<el-input v-model="dataForm.joinBranchName" disabled></el-input>
<el-form-item prop="joinBranchName" label="入党时所在党支部" class="wd-wr">
<el-input v-model="dataForm.joinBranchName" style="width: 202px" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<!--组织关系转入社区时间-->
<el-form-item prop="joinCommunityTime" label="组织关系转入社区时间" style="width: 100%">
<el-form-item prop="joinCommunityTime" label="组织关系转入社区时间" class="wd-wr">
<el-date-picker
v-model="dataForm.joinCommunityTime"
value-format="yyyy-MM-dd"
style="width: 300px"
style="width: 202px"
type="date"
disabled
placeholder="选择日期">
@ -293,21 +302,27 @@
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<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" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template slot="footer">
</div>
<!--<el-button @click="handleDlgClose">取消</el-button>-->
<el-button type="primary" @click="handleSubmitCreate">确定</el-button>
<el-button type="primary" @click="handleDlgClose">取消</el-button>
</template>
</el-dialog>
<div class="div_btn">
<el-button size="small" @click="handleDlgClose"> </el-button>
<el-button
size="small"
type="primary"
@click="handleSubmitCreate"
> </el-button>
</div>
</div>
</template>
<script>
@ -318,7 +333,6 @@ export default {
data () {
return {
epmetResultResolver: null,
visible: false,
partyOrgTree: [], //
genderOptions: [{ 'label': '男', 'value': '1' }, { 'label': '女', 'value': '2' }, { 'label': '未知', 'value': '0' }],
nationOptions: [], //
@ -383,7 +397,7 @@ export default {
*/
handleDlgClose () {
this.resetForm();//
this.visible = false;
this.$emit('handleDlgClose')
},
/**
@ -461,7 +475,7 @@ export default {
* 初始化方法
*/
init (partymemberId) {
this.visible = true
console.log(partymemberId);
//
this.handleLoadPartyOrgTreeRoot()
@ -553,17 +567,25 @@ export default {
},
},
props: {
// visible: {
// defult: false,
// type: Boolean
// }
source: {
//manage visiual
type: String,
default: "manage",
},
}
}
</script>
<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";
@import "@/assets/scss/modules/management/detail-main.scss";
.wd-wr {
width: 100%;
/deep/ .el-form-item__content {
width: calc(100% - 148px);
}
}
.item_width_1 {
width: 560px;

36
src/views/modules/communityParty/members/memberList.vue

@ -282,17 +282,29 @@
:visible.sync="detailDlgShow"
:close-on-click-modal="false"
:close-on-press-escape="false"
title="新增党员"
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" @handleDlgClose="handleDlgClose"></Detail>
</el-dialog>
<el-dialog
v-if="updateDlgShow"
:visible.sync="updateDlgShow"
:close-on-click-modal="false"
:close-on-press-escape="false"
title="编辑"
:modal-append-to-body="false"
width="720px"
top="5vh"
class="dialog-h"
@closed="updateDlgShow = false"
>
<Update ref="update" @finishUpdate="search" @handleDlgClose="handleDlgClose"></Update>
</el-dialog>
<Update ref="update" @finishUpdate="search"></Update>
<PayRecord ref="payRecord" ></PayRecord>
<Points ref="pmPoints" ></Points>
</div>
@ -493,7 +505,9 @@ export default {
*/
handleCreateBtnClick () {
this.createDlgShow = true
this.$refs['create'].init()
this.$nextTick(()=>{
this.$refs['create'].init()
})
},
/**
@ -501,16 +515,24 @@ export default {
*/
handleDetailBtnClick(row) {
this.detailDlgShow = true;
this.$nextTick(()=>{
this.$refs['detail'].init(row.id);
})
},
handleDlgClose(){
this.createDlgShow = false;
this.detailDlgShow = false;
this.updateDlgShow = false;
},
/**
* 更新按钮点击
* @param row
*/
handleUpdateBtnClick(row) {
this.updateDlgShow = true;
this.$refs['update'].init(row.id);
this.$nextTick(()=>{
this.$refs['update'].init(row.id);
})
},
/**

307
src/views/modules/communityParty/members/update.vue

@ -1,304 +1,228 @@
<template>
<el-dialog :visible="visible"
:title="'新增党员'"
:close-on-click-modal="false"
:close-on-press-escape="true"
@close="handleDlgClose">
<el-form class="form"
:model="dataForm"
:rules="dataRule"
ref="dataForm"
@keyup.enter.native=""
:label-width="'130px'">
<el-row :gutter="5">
<div>
<div class="dialog-h-content scroll-h" :class="{ 'visiual-form': source === 'visiual' }">
<el-form class="form" :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native=""
:label-width="'100px'">
<el-row >
<el-col :span="12">
<el-form-item prop="partyOrgId"
label="所属党组织">
<el-cascader
style="width: 300px"
v-model="dataForm.partyOrgId"
clearable
@change="handlePartyOrgCascadarChange"
:props="partyOrgTreeCascadarProps"
:options="partyOrgTree"></el-cascader>
</el-form-item>
<el-form-item prop="partyOrgId" label="所属党组织" class="wd-wr">
<el-cascader
v-model="dataForm.partyOrgId" clearable
@change="handlePartyOrgCascadarChange" :props="partyOrgTreeCascadarProps"
:options="partyOrgTree"></el-cascader>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="name"
label="党员姓名">
<el-input
v-model="dataForm.name"
style="width: 300px"
clearable
placeholder="请输入党员姓名"
></el-input>
</el-form-item>
<el-form-item prop="name" label="党员姓名" class="wd-wr">
<el-input v-model="dataForm.name"
clearable placeholder="请输入党员姓名"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
</el-row>
<el-row >
<el-col :span="12">
<el-form-item prop="mobile"
label="联系电话">
<el-input
v-model="dataForm.mobile"
style="width: 300px"
clearable
placeholder="请输入联系电话"
></el-input>
<el-form-item prop="mobile" label="联系电话" class="wd-wr">
<el-input v-model="dataForm.mobile" style="width: 202px" clearable placeholder="请输入联系电话"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="idCard"
label="身份证号">
<el-input
v-model="dataForm.idCard"
style="width: 300px"
clearable
placeholder="请输入身份证号"
></el-input>
<el-form-item prop="idCard" label="身份证号" class="wd-wr">
<el-input v-model="dataForm.idCard" style="width: 202px" clearable placeholder="请输入身份证号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<el-form-item prop="birthday"
label="出生日期">
<el-date-picker
v-model="dataForm.birthday"
value-format="yyyy-MM-dd"
style="width: 300px"
type="date"
placeholder="选择日期">
<el-form-item prop="birthday" label="出生日期" class="wd-wr">
<el-date-picker v-model="dataForm.birthday" value-format="yyyy-MM-dd" style="width: 202px" type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<!--1 2 0未知-->
<el-form-item prop="gender"
label="性别">
<el-select v-model="dataForm.gender" placeholder="性别" style="width: 300px" >
<el-option
v-for="item in genderOptions"
:key="item.value"
:label="item.label"
:value="item.value">
<el-form-item prop="gender" label="性别" class="wd-wr">
<el-select v-model="dataForm.gender" placeholder="性别" style="width: 202px">
<el-option v-for="item in genderOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--民族-->
<el-form-item prop="nation" label="民族">
<el-select v-model="dataForm.nation" placeholder="请选择" style="width: 300px" >
<el-option v-for="n in nationOptions"
:key="n.value"
:value="n.value"
:label="n.label">
<el-form-item prop="nation" label="民族" class="wd-wr">
<el-select v-model="dataForm.nation" placeholder="请选择" style="width: 202px">
<el-option v-for="n in nationOptions" :key="n.value" :value="n.value" :label="n.label">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<!--本地户籍-->
<el-form-item prop="localResidenceFlag" label="本地户籍">
<el-select v-model="dataForm.localResidenceFlag" placeholder="请选择" style="width: 300px" >
<el-option v-for="n in localResidenceFlagOptions"
:key="n.value"
:value="n.value"
:label="n.label">
<el-form-item prop="localResidenceFlag" label="本地户籍" class="wd-wr">
<el-select v-model="dataForm.localResidenceFlag" placeholder="请选择" style="width: 202px">
<el-option v-for="n in localResidenceFlagOptions" :key="n.value" :value="n.value" :label="n.label">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="24">
<!--户籍地址-->
<el-form-item prop="hjAddress" label="户籍地址">
<el-input v-model="dataForm.hjAddress" style="width: 100%" >
<el-form-item prop="hjAddress" label="户籍地址" class="wd-wr">
<el-input v-model="dataForm.hjAddress" style="width: 100%" placeholder="请输入">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="24">
<!--居住地址-->
<el-form-item prop="jzAddress" label="居住地址" style="width: 100%" >
<el-input v-model="dataForm.jzAddress" >
<el-form-item prop="jzAddress" label="居住地址" class="wd-wr">
<el-input v-model="dataForm.jzAddress" placeholder="请输入">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--文化程度-->
<el-form-item prop="cultureLevel" label="文化程度">
<el-select v-model="dataForm.cultureLevel" placeholder="请选择" style="width: 300px" >
<el-option v-for="e in cultureLevelOptions"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
<el-form-item prop="cultureLevel" label="文化程度" class="wd-wr">
<el-select v-model="dataForm.cultureLevel" placeholder="请选择" style="width: 202px">
<el-option v-for="e in cultureLevelOptions" :key="e.value" :value="e.value" :label="e.label"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<!--党组织职务-->
<el-form-item prop="partyJob" label="党组织职务">
<el-select v-model="dataForm.partyJob" placeholder="请选择" style="width: 300px" >
<el-option v-for="e in partyJobOptions"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
<el-form-item prop="partyJob" label="党组织职务" class="wd-wr">
<el-select v-model="dataForm.partyJob" placeholder="请选择" style="width: 202px">
<el-option v-for="e in partyJobOptions" :key="e.value" :value="e.value" :label="e.label"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="24">
<!--工作职责-->
<el-form-item prop="duty" label="工作职责" style="width: 100%">
<el-input v-model="dataForm.duty" >
<el-form-item prop="duty" label="工作职责" class="wd-wr">
<el-input v-model="dataForm.duty" placeholder="请输入">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--入党日期-->
<el-form-item prop="joinTime" label="入党日期" style="width: 100%">
<el-date-picker
v-model="dataForm.joinTime"
style="width: 300px"
value-format="yyyy-MM-dd"
type="date"
placeholder="选择日期">
<el-form-item prop="joinTime" label="入党日期" class="wd-wr">
<el-date-picker v-model="dataForm.joinTime" style="width: 202px" value-format="yyyy-MM-dd" type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<!--positiveTime-->
<el-form-item prop="positiveTime" label="转正日期" style="width: 100%">
<el-date-picker
v-model="dataForm.positiveTime"
value-format="yyyy-MM-dd"
style="width: 300px"
type="date"
placeholder="选择日期">
<el-form-item prop="positiveTime" label="转正日期" class="wd-wr">
<el-date-picker v-model="dataForm.positiveTime" value-format="yyyy-MM-dd" style="width: 202px" type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<!--党员中心户-->
<el-form-item prop="centerFlag" label="党员中心户" style="width: 100%">
<el-select v-model="dataForm.centerFlag" placeholder="请选择" style="width: 300px" >
<el-option v-for="e in centerFlagOptions"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
<el-form-item prop="centerFlag" label="党员中心户" class="wd-wr">
<el-select v-model="dataForm.centerFlag" placeholder="请选择" style="width: 202px">
<el-option v-for="e in centerFlagOptions" :key="e.value" :value="e.value" :label="e.label"></el-option>
</el-select>
</el-form-item>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--流动党员-->
<el-form-item prop="flowFlag" label="流动党员">
<el-select v-model="dataForm.flowFlag" placeholder="请选择" style="width: 300px" >
<el-option v-for="e in flowFlagOptions"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
<el-form-item prop="flowFlag" label="流动党员" class="wd-wr">
<el-select v-model="dataForm.flowFlag" placeholder="请选择" style="width: 202px">
<el-option v-for="e in flowFlagOptions" :key="e.value" :value="e.value" :label="e.label"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<!--流动党员证号-->
<el-form-item prop="flowActNum" label="流动党员证号">
<el-input v-model="dataForm.flowActNum" ></el-input>
<el-form-item prop="flowActNum" label="流动党员证号" class="wd-wr">
<el-input v-model="dataForm.flowActNum" style="width: 202px;" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--免学习-->
<el-form-item prop="studyNotNeed" label="免学习">
<el-select v-model="dataForm.studyNotNeed" placeholder="请选择" style="width: 300px" >
<el-option v-for="e in studyNotNeedOptions"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
<el-form-item prop="studyNotNeed" label="免学习" class="wd-wr">
<el-select v-model="dataForm.studyNotNeed" placeholder="请选择" style="width: 202px">
<el-option v-for="e in studyNotNeedOptions" :key="e.value" :value="e.value" :label="e.label"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<!--是否退休-->
<el-form-item prop="retiredFlag" label="是否退休">
<el-select v-model="dataForm.retiredFlag" placeholder="请选择" style="width: 300px" >
<el-option v-for="e in retiredFlagOptions"
:key="e.value"
:value="e.value"
:label="e.label"></el-option>
<el-form-item prop="retiredFlag" label="是否退休" class="wd-wr">
<el-select v-model="dataForm.retiredFlag" placeholder="请选择" style="width: 202px">
<el-option v-for="e in retiredFlagOptions" :key="e.value" :value="e.value" :label="e.label"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="12">
<!--入党时所在党支部-->
<el-form-item prop="joinBranchName" label="入党时所在党支部">
<el-input v-model="dataForm.joinBranchName" ></el-input>
<el-form-item prop="joinBranchName" label="入党时所在党支部" class="wd-wr">
<el-input v-model="dataForm.joinBranchName" placeholder="请选择"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<!--组织关系转入社区时间-->
<el-form-item prop="joinCommunityTime" label="组织关系转入社区时间" style="width: 100%">
<el-date-picker
v-model="dataForm.joinCommunityTime"
value-format="yyyy-MM-dd"
style="width: 300px"
type="date"
placeholder="选择日期">
<el-form-item prop="joinCommunityTime" label="组织关系转入社区时间" class="wd-wr">
<el-date-picker v-model="dataForm.joinCommunityTime" value-format="yyyy-MM-dd" style="width: 202px"
type="date" placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="5">
<el-row >
<el-col :span="24">
<!--备注-->
<el-form-item prop="remark" label="备注">
<el-input v-model="dataForm.remark" ></el-input>
<el-form-item prop="remark" label="备注" class="wd-wr">
<el-input v-model="dataForm.remark" placeholder="请选择"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template slot="footer">
<!--<el-button @click="handleDlgClose">取消</el-button>-->
</div>
<div class="div_btn">
<el-button size="small" @click="handleDlgClose">取消</el-button>
<el-button type="primary" @click="handleSubmitUpdate">确定</el-button>
<el-button type="primary" @click="handleDlgClose">取消</el-button>
</template>
</el-dialog>
</div>
</div>
</template>
<script>
@ -306,10 +230,9 @@ import { requestGet, requestPost } from '@/js/dai/request'
import { EpmetResultResolver } from '@/js/epmet-result-resolver'
export default {
data () {
data() {
return {
epmetResultResolver: null,
visible: false,
partyOrgTree: [], //
genderOptions: [{ 'label': '男', 'value': '1' }, { 'label': '女', 'value': '2' }, { 'label': '未知', 'value': '0' }],
nationOptions: [], //
@ -359,7 +282,7 @@ export default {
}
}
},
mounted () {
mounted() {
this.epmetResultResolver = new EpmetResultResolver(this);
// dataForm
// this.dataFormClear = Object.create(this.dataForm);
@ -372,15 +295,15 @@ export default {
/**
* 对话框关闭事件
*/
handleDlgClose () {
handleDlgClose() {
this.resetForm();//
this.visible = false;
this.$emit('handleDlgClose')
},
/**
* 加载树根
*/
async handleLoadPartyOrgTreeRoot () {
async handleLoadPartyOrgTreeRoot() {
let url = '/actual/base/party/org/listPartyOrgTreeRoot4Select'
let rst = await requestGet(url, { depth: 8 })
@ -403,7 +326,7 @@ export default {
* 组织树加载下一级
* @returns {Promise<void>}
*/
async handleNextOrgTreeClick (node, resolve) {
async handleNextOrgTreeClick(node, resolve) {
// if (node.level === 1) {
// // loadPartyOrgTreeRoot121
@ -426,7 +349,7 @@ export default {
/**
* 提交更新动作
*/
async handleSubmitUpdate () {
async handleSubmitUpdate() {
this.$refs.dataForm.validate(async (success) => {
if (success) {
let rst = await requestPost("/actual/base/party/member/update", this.dataForm);
@ -434,7 +357,7 @@ export default {
this.$message.success('提交成功');
this.handleDlgClose();
this.$emit("finishUpdate");
}).parse(rst);
}).parse(rst);
}
});
},
@ -452,8 +375,7 @@ export default {
/**
* 初始化方法
*/
init (partymemberId) {
this.visible = true
init(partymemberId) {
//
this.handleLoadPartyOrgTreeRoot()
@ -469,7 +391,7 @@ export default {
/**
* 加载民族列表
*/
async loadNations () {
async loadNations() {
let url = '/sys/dict/data/nation'
let rst = await requestPost(url, {})
this.epmetResultResolver.success((data) => {
@ -481,7 +403,7 @@ export default {
* 文化程度
* @returns {Promise<void>}
*/
async loadCultureLevelOptions () {
async loadCultureLevelOptions() {
let url = '/sys/dict/data/education'
let rst = await requestPost(url, {})
this.epmetResultResolver.success((data) => {
@ -490,7 +412,7 @@ export default {
},
//
async loadPartyJobOptions () {
async loadPartyJobOptions() {
let url = '/sys/dict/data/dictlist'
let rst = await requestPost(url, { 'dictType': 'party_job' })
this.epmetResultResolver.success((data) => {
@ -527,7 +449,7 @@ export default {
},
computed: {
dataRule () {
dataRule() {
return {
partyOrgId: [
{ required: true, message: '请选择党组织', trigger: 'blur' },
@ -545,17 +467,26 @@ export default {
},
},
props: {
// visible: {
// defult: false,
// type: Boolean
// }
source: {
//manage visiual
type: String,
default: "manage",
},
}
}
</script>
<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";
@import "@/assets/scss/modules/management/detail-main.scss";
.wd-wr {
width: 100%;
/deep/ .el-form-item__content {
width: calc(100% - 148px);
}
}
.item_width_1 {
width: 560px;
@ -586,7 +517,7 @@ export default {
border: 1px solid #d9d9d9;
border-radius: 5px;
> p {
>p {
margin: 0;
}
}

Loading…
Cancel
Save