Files
zhgh_hmc/src/main/resources/static/components/zgfw/rxdj/rxdjEdit.vue
T
2024-11-29 09:03:59 +08:00

252 lines
8.7 KiB
Vue

<template>
<div>
<el-dialog
title="校工会修改"
top="50px"
:visible.sync="dialogVisible"
width="70%">
<el-form :model="AddFormData"
:rules="rules"
ref="AddForm"
class="applyForm"
label-width="0">
<el-descriptions border class="descriptions-form">
<el-descriptions-item label="登记类型" :span="3">
<el-form-item label-width="0" prop="dj_djlx"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-radio-group v-model="AddFormData.dj_djlx" size="small">
<el-radio v-for="item in currentYearSchoolPlans"
:key="item.id"
:label="item.bmlx"
:disabled="!item.bmkqzt"
border>
<span v-if="item.bmlx==1">
幼儿园({{ item.bmkssj + '' + item.bmjssj }})
</span>
<span v-else-if="item.bmlx==2">
小学({{ item.bmkssj + '' + item.bmjssj }})
</span>
</el-radio>
</el-radio-group>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="青年教职工姓名">
<el-form-item label-width="0" prop="dj_xm">
<el-input clearable v-model="AddFormData.dj_xm"
disabled
placeholder="青年教职工姓名"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="职称">
<el-form-item label-width="0" prop="dj_zc"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-input clearable v-model="AddFormData.dj_zc"
placeholder="职称"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="学历"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-form-item label-width="0" prop="dj_xl">
<el-input clearable v-model="AddFormData.dj_xl"
placeholder="学历"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="青年教职工家庭住址" :span="3">
<el-form-item label-width="0" prop="dj_jtzz"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-input v-model="AddFormData.dj_jtzz" max="50"
placeholder="请填写家庭住址"
></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="户口所在地" :span="3">
<el-form-item label-width="0" prop="dj_hjszd"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-input v-model="AddFormData.dj_hjszd" max="50"
placeholder="请填写户口所在地"
></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="户口所在地派出所" :span="3">
<el-form-item label-width="0" prop="dj_hjssxq"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-input v-model="AddFormData.dj_hjssxq" max="50"
placeholder="请填写户口所在地派出所"
></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="联系电话">
<el-form-item label-width="0" prop="dj_iphone"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-input v-model="AddFormData.dj_iphone" max="11"
placeholder="请填写联系电话"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="是否集体户">
<el-form-item label-width="0" prop="isCollectiveHouseholds"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-radio-group v-model="AddFormData.isCollectiveHouseholds" size="small">
<el-radio :label="true" border></el-radio>
<el-radio :label="false" border></el-radio>
</el-radio-group>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item></el-descriptions-item>
<el-descriptions-item label="子女姓名">
<el-form-item label-width="0" prop="dj_znname"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-input v-model="AddFormData.dj_znname" max="30"
placeholder="请填写子女姓名"
></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="子女性别">
<el-form-item label-width="0" prop="dj_znsex"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-radio-group v-model="AddFormData.dj_znsex" size="small">
<el-radio label="男" border></el-radio>
<el-radio label="女" border></el-radio>
</el-radio-group>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="子女出生年月">
<el-form-item label-width="0" prop="dj_znzsny"
:rules="[{required:true,message:'必填',trigger:['change','blur']}]">
<el-date-picker v-model="AddFormData.dj_znzsny"
placeholder="请选择子女出生年月"
value-format="yyyy-MM-dd"
></el-date-picker>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="备注">
<el-form-item label-width="0" prop="dj_babz">
<el-input v-model="AddFormData.dj_babz" placeholder="备注"
max="200"></el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</el-form>
<span slot="footer" class="dialog-footer">
<el-row type="flex" justify="end" class="mt20">
<el-button type="" @click="dialogVisible=false">
关闭
</el-button>
<el-button type="primary" @click="adminSave">
保存
</el-button>
</el-row>
</span>
</el-dialog>
</div>
</template>
<script>
module.exports = {
name: "rxdjEdit",
dicts: ['childrenSchoolRegisterType'],
data() {
return {
id: null,
sqxxOptions: [],
dj_znzsny_placeholder: "",
planstatus: {dj_znzsny: null},
AddFormData: {
csfile: [],
hkfile: []
},
rules: {},
loading: false,
userList: {},
hkfile: [],
csfile: [],
qmkffile: [],
znnameOptions: [],
currentYearSchoolPlans: [],
dialogVisible: false
}
},
computed: {
typeStatus() {
if (this.AddFormData.dj_djlx) {
return this.currentYearSchoolPlans.find(v => v.bmlx === this.AddFormData.dj_djlx)
}
return null
}
},
methods: {
async open(id) {
const {code, msg, data} = await $.post('/platform/zgfw/rxdjsq/findOne', {id})
if (code === 0) {
this.AddFormData = data
this.dialogVisible = true
}
},
async adminSave() {
const {code, msg, data} = await $.post('/platform/zgfw/rxdj/sh/adminSave', {
info: JSON.stringify(this.AddFormData)
})
if (code === 0) {
this.$message.success(msg)
this.dialogVisible = false
} else {
this.$message.error(msg)
}
}
},
async created() {
$.get('/platform/zgfw/rxdjsq/schoolPlans').then(resp => {
if (resp.code === 0) {
this.currentYearSchoolPlans = resp.data
}
})
},
}
</script>
<style scoped>
.applyForm .el-row--flex .el-form-item {
flex: auto;
}
.descriptions-form .el-form-item {
margin-bottom: 0;
}
.disabled-group .el-radio {
pointer-events: none;
}
.nowrap-select-tag .el-select__tags {
flex-wrap: nowrap;
overflow: hidden;
}
.required-form-item::before {
content: '*';
color: #f56c6c;
margin-right: 3px;
}
.el-descriptions-item__label {
min-width: 180px;
}
.applyForm .el-table__empty-block {
background: unset;
min-height: 60px;
}
</style>