272 lines
8.7 KiB
Vue
272 lines
8.7 KiB
Vue
<template>
|
||
<div style="display: flex;align-items: center;justify-content: center">
|
||
<el-form :model="formData" ref="form" :rules="formRules" v-loading="loading" label-width="100px"
|
||
style="width: 1000px">
|
||
|
||
<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.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-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">-->
|
||
<!-- <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" disabled></el-input>-->
|
||
<!-- </el-form-item>-->
|
||
<!-- </el-col>-->
|
||
<!-- </el-row>-->
|
||
|
||
</div>
|
||
|
||
<div v-else-if="welfare_member&&['3','4','5','6','8'].includes(formData.type)">
|
||
<el-form-item prop="updateWelfareMember" label="是否同时取消享受福利" label-width="170px">
|
||
<el-switch
|
||
v-model="formData.updateWelfareMember"
|
||
active-color="#13ce66"
|
||
inactive-color="#ff4949">
|
||
</el-switch>
|
||
<span style="color: red">   温馨提醒：此操作将取消该教工正式会员资格</span>
|
||
</el-form-item>
|
||
</div>
|
||
|
||
<div v-else-if="welfare_member&&['2','7'].includes(formData.type)">
|
||
<el-form-item prop="updateWelfareMember" label="是否同时享受福利" label-width="170px">
|
||
<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>
|
||
</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']}],
|
||
currentUnitId: [{required: true, message: '必选', trigger: ['blur', 'change']}],
|
||
currentThreeUnitId: [{required: true, message: '请选择新三级单位', trigger: 'change'}]
|
||
},
|
||
|
||
unitOptions: [],
|
||
threeUnits: []
|
||
|
||
}
|
||
},
|
||
watch: {
|
||
userid(val) {
|
||
this.flush()
|
||
}
|
||
},
|
||
methods: {
|
||
typeChange() {
|
||
this.$set(this.formData, "updateWelfareMember", ['2', '3', '4', '5', '6', '7', '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)
|
||
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,
|
||
auditTime: moment().format('YYYY-MM-DD'),
|
||
notes: null
|
||
}
|
||
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
|
||
}
|
||
}
|
||
},
|
||
created() {
|
||
this.getUnits()
|
||
this.flush()
|
||
// getUnits(null).then(res => this.unitOptions = res)
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.is-flex {
|
||
display: flex;
|
||
}
|
||
|
||
.is-flex .el-form-item {
|
||
width: 50%;
|
||
}
|
||
</style> |