会员
This commit is contained in:
Paidax
@@ -1,396 +1,411 @@
|
||||
<template>
|
||||
<div style="display: flex;align-items: center;justify-content: center">
|
||||
<el-form :model="formData" ref="form" :rules="formRules" v-loading="loading" label-width="170px"
|
||||
style="width: 1000px">
|
||||
<div style="display: flex;align-items: center;justify-content: center">
|
||||
<el-form :model="formData" ref="form" :rules="formRules" v-loading="loading" label-width="170px"
|
||||
style="width: 1000px">
|
||||
|
||||
<vi-title title="申请变更"></vi-title>
|
||||
<vi-title title="申请变更"></vi-title>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工  号">
|
||||
<el-input :value="formData.loginname" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="姓  名">
|
||||
<el-input :value="formData.username" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工  号">
|
||||
<el-input :value="formData.loginname" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="姓  名">
|
||||
<el-input :value="formData.username" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input :value="formData.unitname" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在工会">
|
||||
<el-input :value="formData.unionname"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在单位">
|
||||
<el-input :value="formData.unitname" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所在工会">
|
||||
<el-input :value="formData.unionname"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item label="变更时间">
|
||||
<el-input :value="formData.auditTime" disabled></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="type" label="变更类型">
|
||||
<!-- <dict-select v-model="formData.type" style="width: 100%" clearable placeholder="变更类型"-->
|
||||
<!-- code="MemberChangeType" @change="typeChange"></dict-select>-->
|
||||
<el-select v-model="formData.type" style="width: 100%" clearable placeholder="变更类型" @change="typeChange">
|
||||
<el-option v-for="item in userChangeTypeList" :label="item.name" :value="item.code" :key="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<!--异动-->
|
||||
<div v-if="formData.type==='1'">
|
||||
<el-form-item prop="type" label="新 单 位">
|
||||
<el-select v-model="formData.currentUnitId" style="width: 100%" filterable clearable
|
||||
@change="unitChange"
|
||||
placeholder="请选择单位">
|
||||
<el-option
|
||||
v-for="item in unitOptions"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="type" label="新 工 会">
|
||||
<el-input :value="formData.currentUnionName" disabled placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-row :gutter="20" v-if="isThreeUnit">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="新科室" prop="currentThreeUnitId">
|
||||
<el-select v-model="formData.currentThreeUnitId" clearable filterable
|
||||
placeholder="请选择新科室"
|
||||
@change="threeUnitChange"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in threeUnits"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-form-item label="变更时间">
|
||||
<el-input :value="formData.auditTime" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工会小组">
|
||||
<el-input :value="formData.currentUnionGroupName" disabled></el-input>
|
||||
|
||||
<el-form-item prop="type" label="变更类型">
|
||||
<!-- <dict-select v-model="formData.type" style="width: 100%" clearable placeholder="变更类型"-->
|
||||
<!-- code="MemberChangeType" @change="typeChange"></dict-select>-->
|
||||
<el-select v-model="formData.type" style="width: 100%" clearable placeholder="变更类型"
|
||||
@change="typeChange">
|
||||
<el-option v-for="item in userChangeTypeList" :label="item.name" :value="item.code"
|
||||
:key="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<div v-else-if="welfare_member&&['2'].includes(formData.type)">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateWelfareMember" label="福利会员">
|
||||
<el-radio-group v-model="formData.updateWelfareMember" size="small">
|
||||
<el-radio :label="true" border>享受福利</el-radio>
|
||||
<el-radio :label="false" border>不享受福利</el-radio>
|
||||
</el-radio-group>
|
||||
<!--异动-->
|
||||
<div v-if="formData.type==='1'">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="type" label="新单位">
|
||||
<el-select v-model="formData.currentUnitId" style="width: 100%" filterable clearable
|
||||
@change="unitChange"
|
||||
placeholder="请选择单位">
|
||||
<el-option
|
||||
v-for="item in unitOptions"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="type" label="新工会">
|
||||
<el-input :value="formData.currentUnionName" readonly placeholder="选择单位后自动填充"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" v-if="isThreeUnit">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="新科室" prop="currentThreeUnitId">
|
||||
<el-select v-model="formData.currentThreeUnitId" clearable filterable
|
||||
placeholder="请选择新科室"
|
||||
@change="threeUnitChange"
|
||||
style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in threeUnits"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工会小组">
|
||||
<el-input :value="formData.currentUnionGroupName" readonly placeholder="选择科室后自动填充"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<div v-else-if="welfare_member&&['2'].includes(formData.type)">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateWelfareMember" label="福利会员">
|
||||
<el-radio-group v-model="formData.updateWelfareMember" size="small">
|
||||
<el-radio :label="true" border>享受福利</el-radio>
|
||||
<el-radio :label="false" border>不享受福利</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateMember" label="工会会员">
|
||||
<el-radio-group v-model="formData.updateMember" size="small">
|
||||
<el-radio :label="true" border>成为会员</el-radio>
|
||||
<el-radio :label="false" border>不成为会员</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<div v-else-if="welfare_member&&['7'].includes(formData.type)">
|
||||
<el-form-item prop="updateWelfareMember" label="福利会员">
|
||||
<el-radio-group v-model="formData.updateWelfareMember" size="small">
|
||||
<el-radio :label="true" border>享受福利</el-radio>
|
||||
<el-radio :label="false" border>不享受福利</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-else-if="welfare_member&&['3','4','5','6','8'].includes(formData.type)">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateWelfareMember" label="福利会员">
|
||||
<el-radio-group v-model="formData.updateWelfareMember" size="small">
|
||||
<el-radio :label="true" border>保留享受福利</el-radio>
|
||||
<el-radio :label="false" border>取消享受福利</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateMember" label="工会会员">
|
||||
<el-radio-group v-model="formData.updateMember" size="small">
|
||||
<el-radio :label="true" border>保留会员资格</el-radio>
|
||||
<el-radio :label="false" border>取消会员资格</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="userState" label="原在职状态">
|
||||
<el-input v-model="formData.userState" readonly placeholder="原在职状态"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateUserState" label="是否改变在职状态" style="width: 100%">
|
||||
<dict-select v-model="formData.changeUserState" style="width: 100%" clearable
|
||||
placeholder="是否改变在职状态"
|
||||
code="userState"></dict-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="personType" label="原人员类型">
|
||||
<el-input v-model="formData.personType" readonly placeholder="原人员类型"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateUserState" label="是否改变人员类型" style="width: 100%">
|
||||
<dict-select v-model="formData.changePersonType" style="width: 100%" clearable
|
||||
placeholder="是否改变人员类型"
|
||||
code="UserType"></dict-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
|
||||
<div v-else-if="formData.type==='10'">
|
||||
<el-form-item prop="oldIdCard" label="原身份证号" style="width: 100%">
|
||||
<el-input v-model="formData.oldIdCard" readonly type="text"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="idCard" label="新的身份证号" style="width: 100%">
|
||||
<el-input v-model="formData.changeIdCard" placeholder="请输入新的身份证号" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-else-if="formData.type==='11'">
|
||||
<el-form-item prop="oldMobile" label="原手机号码" style="width: 100%">
|
||||
<el-input v-model="formData.oldMobile" readonly type="text"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="mobile" label="新的手机号码" style="width: 100%">
|
||||
<el-input v-model="formData.changeMobile" placeholder="请输入新的手机号码" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-else-if="formData.type==='12'">
|
||||
<el-form-item prop="oldEducation" label="原学历" style="width: 100%">
|
||||
<el-input v-model="formData.oldEducation" readonly type="text"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="education" label="新的学历" style="width: 100%">
|
||||
<dict-select v-model="formData.changeEducation" style="width: 100%" clearable
|
||||
placeholder="请选择新的学历"
|
||||
code="Education"></dict-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<!-- <div v-else-if="welfare_member&&['2','7'].includes(formData.type)">
|
||||
<el-form-item prop="updateWelfareMember" label="是否享受福利">
|
||||
<el-switch
|
||||
v-model="formData.updateWelfareMember"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#ff4949">
|
||||
</el-switch>
|
||||
<span style="color: red">   温馨提醒：此操作将该教工设为正式会员</span>
|
||||
</el-form-item>
|
||||
</div>-->
|
||||
|
||||
<el-form-item prop="remark" label="变化原因">
|
||||
<el-input v-model="formData.remark" placeholder="变化原因" type="textarea" :rows="4"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateMember" label="工会会员">
|
||||
<el-radio-group v-model="formData.updateMember" size="small">
|
||||
<el-radio :label="true" border>成为会员</el-radio>
|
||||
<el-radio :label="false" border>不成为会员</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<div v-else-if="welfare_member&&['7'].includes(formData.type)">
|
||||
<el-form-item prop="updateWelfareMember" label="福利会员">
|
||||
<el-radio-group v-model="formData.updateWelfareMember" size="small">
|
||||
<el-radio :label="true" border>享受福利</el-radio>
|
||||
<el-radio :label="false" border>不享受福利</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-else-if="welfare_member&&['3','4','5','6','8'].includes(formData.type)">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateWelfareMember" label="福利会员">
|
||||
<el-radio-group v-model="formData.updateWelfareMember" size="small">
|
||||
<el-radio :label="true" border>保留享受福利</el-radio>
|
||||
<el-radio :label="false" border>取消享受福利</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateMember" label="工会会员">
|
||||
<el-radio-group v-model="formData.updateMember" size="small">
|
||||
<el-radio :label="true" border>保留会员资格</el-radio>
|
||||
<el-radio :label="false" border>取消会员资格</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="userState" label="原在职状态">
|
||||
<el-input v-model="formData.userState" readonly placeholder="原在职状态"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateUserState" label="是否改变在职状态" style="width: 100%">
|
||||
<dict-select v-model="formData.changeUserState" style="width: 100%" clearable placeholder="是否改变在职状态"
|
||||
code="userState"></dict-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="personType" label="原人员类型">
|
||||
<el-input v-model="formData.personType" readonly placeholder="原人员类型"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="updateUserState" label="是否改变人员类型" style="width: 100%">
|
||||
<dict-select v-model="formData.changePersonType" style="width: 100%" clearable
|
||||
placeholder="是否改变人员类型"
|
||||
code="UserType"></dict-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
|
||||
<div v-else-if="formData.type==='10'">
|
||||
<el-form-item prop="oldIdCard" label="原身份证号" style="width: 100%">
|
||||
<el-input v-model="formData.oldIdCard" readonly type="text"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="idCard" label="新的身份证号" style="width: 100%">
|
||||
<el-input v-model="formData.changeIdCard" placeholder="请输入新的身份证号" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-else-if="formData.type==='11'">
|
||||
<el-form-item prop="oldMobile" label="原手机号码" style="width: 100%">
|
||||
<el-input v-model="formData.oldMobile" readonly type="text"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="mobile" label="新的手机号码" style="width: 100%">
|
||||
<el-input v-model="formData.changeMobile" placeholder="请输入新的手机号码" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-else-if="formData.type==='12'">
|
||||
<el-form-item prop="oldEducation" label="原学历" style="width: 100%">
|
||||
<el-input v-model="formData.oldEducation" readonly type="text"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="education" label="新的学历" style="width: 100%">
|
||||
<dict-select v-model="formData.changeEducation" style="width: 100%" clearable placeholder="请选择新的学历"
|
||||
code="Education"></dict-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<!-- <div v-else-if="welfare_member&&['2','7'].includes(formData.type)">
|
||||
<el-form-item prop="updateWelfareMember" label="是否享受福利">
|
||||
<el-switch
|
||||
v-model="formData.updateWelfareMember"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#ff4949">
|
||||
</el-switch>
|
||||
<span style="color: red">   温馨提醒：此操作将该教工设为正式会员</span>
|
||||
</el-form-item>
|
||||
</div>-->
|
||||
|
||||
<el-form-item prop="remark" label="变化原因">
|
||||
<el-input v-model="formData.remark" placeholder="变化原因" type="textarea" :rows="4"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-row style="display: flex;justify-content:flex-end;">
|
||||
<el-button @click="doSubmit" :loading="submitLoading" :disabled="disabled" type="primary">
|
||||
提交
|
||||
</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-row style="display: flex;justify-content:flex-end;">
|
||||
<el-button @click="doSubmit" :loading="submitLoading" :disabled="disabled" type="primary">
|
||||
提交
|
||||
</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components: {
|
||||
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.0'),
|
||||
},
|
||||
props: {
|
||||
userid: {type: String},
|
||||
welfare_member: {type: Boolean, default: true},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: true,
|
||||
disabled: false,
|
||||
submitLoading: false,
|
||||
|
||||
formData: {},
|
||||
formRules: {
|
||||
type: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
updateWelfareMember: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
updateMember: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
updateWelfare: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
currentUnitId: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
currentThreeUnitId: [{required: true, message: '请选择新三级单位', trigger: 'change'}],
|
||||
idCard: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
education: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
insertMember: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
|
||||
unitOptions: [],
|
||||
threeUnits: [],
|
||||
isThreeUnit: false,
|
||||
|
||||
userChangeTypeList:[],
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
userid(val) {
|
||||
this.flush()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
typeChange(val) {
|
||||
console.log(val)
|
||||
this.$set(this.formData, "updateWelfareMember", ['2','7'].includes(this.formData.type))
|
||||
this.$set(this.formData, "updateWelfareMember", !['3', '4', '5', '6', '8'].includes(this.formData.type))
|
||||
this.$set(this.formData, "updateMember", ['2'].includes(this.formData.type))
|
||||
this.$set(this.formData, "updateMember", !['3', '4', '5', '6', '8'].includes(this.formData.type))
|
||||
components: {
|
||||
'dict-select': httpVueLoader('/components/plugins/DictSelect.vue?v=1.0.0'),
|
||||
},
|
||||
async doSubmit() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitLoading = true
|
||||
this.$emit("submit", this.formData)
|
||||
props: {
|
||||
userid: {type: String},
|
||||
welfare_member: {type: Boolean, default: true},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: true,
|
||||
disabled: false,
|
||||
submitLoading: false,
|
||||
|
||||
formData: {},
|
||||
formRules: {
|
||||
type: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
updateWelfareMember: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
updateMember: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
updateWelfare: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
currentUnitId: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||||
currentThreeUnitId: [{required: true, message: '请选择新三级单位', trigger: 'change'}],
|
||||
idCard: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
education: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
insertMember: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
|
||||
unitOptions: [],
|
||||
threeUnits: [],
|
||||
isThreeUnit: false,
|
||||
|
||||
userChangeTypeList: [],
|
||||
}
|
||||
})
|
||||
},
|
||||
closeLoading() {
|
||||
this.submitLoading = false
|
||||
},
|
||||
|
||||
unitChange(v) {
|
||||
// const unit = this.unitOptions.find(x => x.id === v)
|
||||
// if (unit) {
|
||||
// this.formData.currentUnionId = unit.unionid
|
||||
// this.formData.currentUnionName = unit.unionname
|
||||
// } else {
|
||||
// this.formData.currentUnionId = ''
|
||||
// this.formData.currentUnionName = ''
|
||||
// }
|
||||
|
||||
this.$set(this.formData, 'currentThreeUnitId', null)
|
||||
this.$set(this.formData, 'currentUnionGroupName', null)
|
||||
this.threeUnits = []
|
||||
if (v) {
|
||||
this.getThreeUnits(v)
|
||||
}
|
||||
const unit = this.unitOptions.find(x => x.id === v)
|
||||
if (unit) {
|
||||
this.$set(this.formData, 'currentUnionId', unit.unionid)
|
||||
this.$set(this.formData, 'currentUnionName', unit.unionname)
|
||||
} else {
|
||||
this.$set(this.formData, 'currentUnionId', null)
|
||||
this.$set(this.formData, 'currentUnionName', null)
|
||||
}
|
||||
},
|
||||
|
||||
async getThreeUnits(val) {
|
||||
this.threeUnits = await threeUnitsByUnionGroupOrUnitId(val, null)
|
||||
},
|
||||
async threeUnitChange(val) {
|
||||
if (val) {
|
||||
const threeUnit = this.threeUnits.find(v => v.id === val)
|
||||
const groupName = threeUnit.groupname
|
||||
this.$set(this.formData, 'currentUnionGroupName', groupName)
|
||||
} else {
|
||||
this.$set(this.formData, 'currentUnionGroupName', null)
|
||||
}
|
||||
},
|
||||
|
||||
async flush() {
|
||||
this.loading = true
|
||||
this.disabled = false
|
||||
|
||||
if (!this.userid) {
|
||||
this.formData = {}
|
||||
this.loading = false
|
||||
this.disabled = true
|
||||
return
|
||||
}
|
||||
const resp = await $.get("/platform/member/common/userInfo", {userId: this.userid})
|
||||
if (resp.code === 0) {
|
||||
if (this.$refs["form"])
|
||||
this.$refs["form"].resetFields();
|
||||
|
||||
this.formData = {
|
||||
userId: resp.data.id,
|
||||
loginname: resp.data.loginname,
|
||||
username: resp.data.username,
|
||||
unitname: resp.data.unitname,
|
||||
unionname: resp.data.unionname,
|
||||
originUnitId: resp.data.unitid,
|
||||
originThreeUnitId: resp.data.threeUnitId,
|
||||
originUnionId: resp.data.unionid,
|
||||
userState: resp.data.userState,
|
||||
personType: resp.data.personType,
|
||||
auditTime: moment().format('YYYY-MM-DD'),
|
||||
notes: null,
|
||||
oldIdCard:resp.data.idcard,
|
||||
oldMobile:resp.data.mobile,
|
||||
oldEducation:resp.data.education
|
||||
watch: {
|
||||
userid(val) {
|
||||
this.flush()
|
||||
}
|
||||
this.disabled = false
|
||||
} else {
|
||||
this.disabled = true
|
||||
this.$notify.error({
|
||||
title: '错误',
|
||||
message: '获取用户信息失败'
|
||||
});
|
||||
}
|
||||
this.loading = false
|
||||
},
|
||||
async getUnits() {
|
||||
const resp = await $.post('/platform/member/change/mange/units')
|
||||
if (resp.code === 0) {
|
||||
this.unitOptions = resp.data
|
||||
}
|
||||
methods: {
|
||||
typeChange(val) {
|
||||
if (val == '1') {
|
||||
this.formData.updateWelfareMember = null
|
||||
this.formData.updateMember = null
|
||||
} else {
|
||||
this.$set(this.formData, "updateWelfareMember", ['2', '7'].includes(this.formData.type))
|
||||
this.$set(this.formData, "updateWelfareMember", !['3', '4', '5', '6', '8'].includes(this.formData.type))
|
||||
this.$set(this.formData, "updateMember", ['2'].includes(this.formData.type))
|
||||
this.$set(this.formData, "updateMember", !['3', '4', '5', '6', '8'].includes(this.formData.type))
|
||||
}
|
||||
},
|
||||
async doSubmit() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitLoading = true
|
||||
this.$emit("submit", this.formData)
|
||||
}
|
||||
})
|
||||
},
|
||||
closeLoading() {
|
||||
this.submitLoading = false
|
||||
},
|
||||
|
||||
unitChange(v) {
|
||||
// const unit = this.unitOptions.find(x => x.id === v)
|
||||
// if (unit) {
|
||||
// this.formData.currentUnionId = unit.unionid
|
||||
// this.formData.currentUnionName = unit.unionname
|
||||
// } else {
|
||||
// this.formData.currentUnionId = ''
|
||||
// this.formData.currentUnionName = ''
|
||||
// }
|
||||
this.$set(this.formData, 'currentThreeUnitId', null)
|
||||
this.$set(this.formData, 'currentUnionGroupName', null)
|
||||
this.threeUnits = []
|
||||
if (v) {
|
||||
this.getThreeUnits(v)
|
||||
}
|
||||
const unit = this.unitOptions.find(x => x.id === v)
|
||||
this.isThreeUnit = unit.unionname.includes("机关");
|
||||
if (unit) {
|
||||
this.$set(this.formData, 'currentUnionId', unit.unionid)
|
||||
this.$set(this.formData, 'currentUnionName', unit.unionname)
|
||||
} else {
|
||||
this.$set(this.formData, 'currentUnionId', null)
|
||||
this.$set(this.formData, 'currentUnionName', null)
|
||||
}
|
||||
},
|
||||
|
||||
async getThreeUnits(val) {
|
||||
this.threeUnits = await threeUnitsByUnionGroupOrUnitId(val, null)
|
||||
},
|
||||
async threeUnitChange(val) {
|
||||
if (val) {
|
||||
const threeUnit = this.threeUnits.find(v => v.id === val)
|
||||
const groupName = threeUnit.groupname
|
||||
this.$set(this.formData, 'currentUnionGroupName', groupName)
|
||||
} else {
|
||||
this.$set(this.formData, 'currentUnionGroupName', null)
|
||||
}
|
||||
},
|
||||
|
||||
async flush() {
|
||||
this.loading = true
|
||||
this.disabled = false
|
||||
|
||||
if (!this.userid) {
|
||||
this.formData = {}
|
||||
this.loading = false
|
||||
this.disabled = true
|
||||
return
|
||||
}
|
||||
const resp = await $.get("/platform/member/common/userInfo", {userId: this.userid})
|
||||
if (resp.code === 0) {
|
||||
if (this.$refs["form"])
|
||||
this.$refs["form"].resetFields();
|
||||
|
||||
this.formData = {
|
||||
userId: resp.data.id,
|
||||
loginname: resp.data.loginname,
|
||||
username: resp.data.username,
|
||||
unitname: resp.data.unitname,
|
||||
unionname: resp.data.unionname,
|
||||
originUnitId: resp.data.unitid,
|
||||
originThreeUnitId: resp.data.threeUnitId,
|
||||
originUnionId: resp.data.unionid,
|
||||
userState: resp.data.userState,
|
||||
personType: resp.data.personType,
|
||||
auditTime: moment().format('YYYY-MM-DD'),
|
||||
notes: null,
|
||||
oldIdCard: resp.data.idcard,
|
||||
oldMobile: resp.data.mobile,
|
||||
oldEducation: resp.data.education
|
||||
}
|
||||
this.disabled = false
|
||||
} else {
|
||||
this.disabled = true
|
||||
this.$notify.error({
|
||||
title: '错误',
|
||||
message: '获取用户信息失败'
|
||||
});
|
||||
}
|
||||
this.loading = false
|
||||
},
|
||||
async getUnits() {
|
||||
const resp = await $.post('/platform/member/change/mange/units')
|
||||
if (resp.code === 0) {
|
||||
this.unitOptions = resp.data
|
||||
}
|
||||
},
|
||||
async getUserChangeType() {
|
||||
const resp = await $.get('/platform/member/common/getUserChangType')
|
||||
if (resp.code === 0) {
|
||||
this.userChangeTypeList = resp.data
|
||||
}
|
||||
},
|
||||
},
|
||||
async getUserChangeType(){
|
||||
const resp = await $.get('/platform/member/common/getUserChangType')
|
||||
if (resp.code === 0){
|
||||
this.userChangeTypeList = resp.data
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.isThreeUnit = await getConfigKey('isThreeUnit') === 'true'
|
||||
await this.getUnits()
|
||||
await this.flush()
|
||||
await this.getUserChangeType()
|
||||
// getUnits(null).then(res => this.unitOptions = res)
|
||||
}
|
||||
async created() {
|
||||
// this.isThreeUnit = await getConfigKey('isThreeUnit') === 'true'
|
||||
// this.isThreeUnit = await getConfigKey('isThreeUnit') === 'true'
|
||||
await this.getUnits()
|
||||
await this.flush()
|
||||
await this.getUserChangeType()
|
||||
// getUnits(null).then(res => this.unitOptions = res)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.is-flex {
|
||||
display: flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.is-flex .el-form-item {
|
||||
width: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user