225 lines
10 KiB
HTML
225 lines
10 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
<div id="app" v-cloak>
|
|
|
|
<guava>
|
|
<el-card class="box-card">
|
|
<template #header>
|
|
<h3 style="color: #1867b0">信息填报</h3>
|
|
</template>
|
|
<div>
|
|
|
|
<el-form :model="formData" :rules="rules" ref="addForm" label-width="150px">
|
|
<el-row gutter="60">
|
|
<vi-title title="子女信息"></vi-title>
|
|
<el-col :span="12">
|
|
<el-form-item label="子女姓名" prop="dj_znname">
|
|
<el-input clearable v-model="formData.dj_znname"
|
|
placeholder="请填写子女姓名"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="性别" prop="dj_znsex">
|
|
<el-select clearable v-model="formData.dj_znsex"
|
|
style="width: 100%" placeholder="请选择性别">
|
|
<el-option value="男" label="男"></el-option>
|
|
<el-option value="女" label="女"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="出生日期" prop="dj_znzsny">
|
|
<el-date-picker
|
|
style="width: 100%"
|
|
v-model="formData.dj_znzsny"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="请选择出生日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="学生类型" prop="dj_djlx">
|
|
<el-select clearable v-model="formData.dj_djlx"
|
|
placeholder="学生类型" style="width: 100%">
|
|
<el-option :value="1" label="幼儿园"></el-option>
|
|
<el-option :value="2" label="小学"></el-option>
|
|
<el-option :value="3" label="初中"></el-option>
|
|
<el-option :value="4" label="高中"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="就读年级" prop="dj_jdxx">
|
|
<el-select clearable v-model="formData.dj_jdxx"
|
|
placeholder="就读年级" style="width: 100%">
|
|
<el-option :value="x.value" :label="x.value"
|
|
v-for="x in xxOption.filter(v=>v.type===formData.dj_djlx)"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="身体健康状态" prop="dj_stjkzk">
|
|
<el-input clearable v-model="formData.dj_stjkzk"
|
|
placeholder="请填写身体健康状态"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
|
|
</el-row>
|
|
<vi-title title="教职工信息"></vi-title>
|
|
|
|
<el-row gutter="30">
|
|
<el-col :span="12">
|
|
<el-form-item label="教职工姓名" prop="dj_jzgid">
|
|
<el-select
|
|
style="width: 100%"
|
|
v-model="formData.dj_jzgid"
|
|
filterable
|
|
remote
|
|
readonly
|
|
disabled
|
|
reserve-keyword
|
|
placeholder="请输入工号或者姓名查找"
|
|
:remote-method="queryUser"
|
|
:loading="loading">
|
|
<el-option
|
|
v-for="item in userList"
|
|
:key="item.id"
|
|
:label="item.username"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="工号">
|
|
<el-input v-model="formData.dj_gzh" readonly></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="手机号码" prop="dj_iphone">
|
|
<el-input clearable v-model="formData.dj_iphone"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="所在单位">
|
|
<el-input clearable v-model="formData.dj_szdw"
|
|
readonly></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="三代家庭成员信息" prop="dj_sdjtxx">
|
|
<el-input clearable v-model="formData.dj_sdjtxx" type="textarea"
|
|
rows="4"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
|
|
</el-form>
|
|
<div style="float: right;margin: 20px 0">
|
|
<el-button type="primary" @click="doAdd" v-loading="loading">保 存
|
|
</el-button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</el-card>
|
|
</guava>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [initTableMixins],
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
userList: {},
|
|
xxOption: [
|
|
{value: "幼儿园", type: 1},
|
|
{value: "一年级", type: 2},
|
|
{value: "二年级", type: 2},
|
|
{value: "三年级", type: 2},
|
|
{value: "四年级", type: 2},
|
|
{value: "五年级", type: 2},
|
|
{value: "六年级", type: 2},
|
|
{value: "七年级", type: 3},
|
|
{value: "八年级", type: 3},
|
|
{value: "九年级", type: 3},
|
|
{value: "高一", type: 4},
|
|
{value: "高二", type: 4},
|
|
{value: "高三", type: 4},
|
|
],
|
|
rules: {
|
|
dj_djlx: [{required: true, message: '请选择填报类型', trigger: ['change', 'blur']}],
|
|
dj_znname: [{required: true, message: '请输入子女姓名', trigger: ['change', 'blur']}],
|
|
dj_znsex: [{required: true, message: '请选择性别', trigger: ['change', 'blur']}],
|
|
dj_znzsny: [{required: true, message: '请选择出生日期', trigger: ['change', 'blur']}],
|
|
dj_jdxx: [{required: true, message: '请选择就读学校', trigger: ['change', 'blur']}],
|
|
dj_iphone: [{required: true, message: '请输入手机号码', trigger: ['change', 'blur']}],
|
|
}
|
|
|
|
}
|
|
},
|
|
components: {},
|
|
methods: {
|
|
async doAdd() {
|
|
await this.$refs['addForm'].validate()
|
|
this.loading = true
|
|
this.formData.applyType = 'znxx'
|
|
const resp = await $.post(loc() + "/doAdd", this.formData)
|
|
if (resp.code === 0) {
|
|
if (this.$refs["addForm"])
|
|
this.$refs["addForm"].resetFields();
|
|
this.notifySuccess(resp.msg)
|
|
sublime.jumpPagePjax("/platform/zgfw/znxx/manage")
|
|
} else {
|
|
this.notifyError(resp.msg)
|
|
}
|
|
this.loading = false
|
|
},
|
|
async queryUser(keywords) {
|
|
if (keywords !== '') {
|
|
this.loading = true
|
|
const data = await queryUserById(keywords)
|
|
this.loading = false
|
|
this.userList = data
|
|
} else {
|
|
this.userList = []
|
|
}
|
|
},
|
|
async init() {
|
|
await this.queryUser(this.formData.dj_jzgid ? this.formData.dj_jzgid : "${@shiro.getPrincipalProperty('id')}")
|
|
if (this.userList && this.userList.length > 0) {
|
|
const user = this.userList[0]
|
|
this.$set(this.formData, "dj_jzgid", user.id)
|
|
if (!this.formData.dj_id) {
|
|
this.$set(this.formData, 'dj_gzh', user.loginname)
|
|
this.$set(this.formData, 'dj_iphone', user.mobile)
|
|
this.$set(this.formData, 'dj_szdw', user.unitname)
|
|
}
|
|
|
|
}
|
|
},
|
|
async findOne(id) {
|
|
const resp = await $.post(loc() + "/findOne", {id})
|
|
if (resp.code === 0) {
|
|
this.formData = resp.data
|
|
}
|
|
},
|
|
},
|
|
async created() {
|
|
const id = GetQueryString("id")
|
|
if (id) this.findOne(id)
|
|
await this.init()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |