first commit
This commit is contained in:
@@ -0,0 +1,215 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<van-nav-bar
|
||||
@click-left="history.go(-1)"
|
||||
fixed
|
||||
left-arrow
|
||||
placeholder
|
||||
title="信息填报"
|
||||
></van-nav-bar>
|
||||
<van-form ref="addForm" :show-error-message="false" input-align="right">
|
||||
<van-cell-group inset class="mt10">
|
||||
|
||||
|
||||
<van-field name="dj_znname" v-model="formData.dj_znname" label="子女姓名"
|
||||
required
|
||||
placeholder="请输入子女姓名"
|
||||
:rules="[{ required: true, message: '请填写子女姓名' }]"></van-field>
|
||||
|
||||
<van-field name="dj_znsex" v-model="formData.dj_znsex" label="性 别"
|
||||
required
|
||||
readonly
|
||||
placeholder="请选择性别"
|
||||
@click="znsexShow = true"
|
||||
:rules="[{ required: true, message: '请选择性别' }]"></van-field>
|
||||
<van-action-sheet v-model="znsexShow" :actions="znsexActions"
|
||||
cancel-text="取消"
|
||||
@cancel="znsexShow=false"
|
||||
@select="(val)=>{$set(formData,'dj_znsex',val.name);znsexShow=false}"></van-action-sheet>
|
||||
|
||||
<van-field name="dj_znzsny" v-model="formData.dj_znzsny" label="出生日期"
|
||||
required
|
||||
readonly
|
||||
placeholder="请选择出生日期"
|
||||
@click="znzsnyShow = true"
|
||||
:rules="[{ required: true, message: '请选择出生日期' }]"></van-field>
|
||||
<van-popup v-model="znzsnyShow" position="bottom" :style="{ height: '50%' }">
|
||||
<van-datetime-picker
|
||||
v-model="currentDate"
|
||||
type="date"
|
||||
title="选择年月日"
|
||||
:min-date="minDate"
|
||||
:max-date="maxDate"
|
||||
cancel-button-text="关闭"
|
||||
@confirm="znzsnyConfirm"
|
||||
@cancel="znzsnyShow=false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
|
||||
<van-field name="dj_djlx_name" v-model="formData.dj_djlx_name" label="学生类型"
|
||||
required
|
||||
readonly
|
||||
placeholder="请选择学生类型"
|
||||
@click="djlxShow = true"
|
||||
:rules="[{ required: true, message: '请选择学生类型' }]"></van-field>
|
||||
<van-action-sheet v-model="djlxShow" :actions="djlxActions"
|
||||
cancel-text="取消"
|
||||
@cancel="djlxShow=false"
|
||||
@select="djlxOnSelect"></van-action-sheet>
|
||||
|
||||
|
||||
<van-field name="dj_jdxx" v-model="formData.dj_jdxx" label="就读年级"
|
||||
required
|
||||
readonly
|
||||
placeholder="请选择就读年级"
|
||||
@click="jdxxShow = true"
|
||||
:rules="[{ required: true, message: '请选择就读年级' }]"></van-field>
|
||||
<van-action-sheet v-model="jdxxShow"
|
||||
:actions="jdxxActions.filter(v=>v.type===formData.dj_djlx)"
|
||||
cancel-text="取消"
|
||||
@cancel="jdxxShow=false"
|
||||
@select="(val)=>{$set(formData,'dj_jdxx',val.name);jdxxShow=false}"></van-action-sheet>
|
||||
|
||||
|
||||
<van-field name="dj_stjkzk" v-model="formData.dj_stjkzk" label="身体健康状态"
|
||||
rows="2"
|
||||
autosize
|
||||
type="textarea"
|
||||
placeholder="请输入身体健康状态"></van-field>
|
||||
|
||||
<van-field name="username" v-model="formData.username" label="教职工姓名"
|
||||
required
|
||||
readonly></van-field>
|
||||
|
||||
<van-field name="dj_gzh" v-model="formData.dj_gzh" label="教职工工号"
|
||||
required
|
||||
readonly></van-field>
|
||||
|
||||
<van-field name="dj_iphone" v-model="formData.dj_iphone" label="手机号码"
|
||||
required
|
||||
placeholder="请输入手机号码"
|
||||
:rules="[{ required: true, message: '请输入手机号码' }]"></van-field>
|
||||
|
||||
<van-field name="dj_szdw" v-model="formData.dj_szdw" label="所在单位"
|
||||
required
|
||||
readonly></van-field>
|
||||
|
||||
<van-field name="dj_sdjtxx" v-model="formData.dj_sdjtxx" label="三代家庭成员信息"
|
||||
rows="2"
|
||||
autosize
|
||||
type="textarea"
|
||||
placeholder="请输入三代家庭成员信息"></van-field>
|
||||
|
||||
</van-cell-group>
|
||||
</van-form>
|
||||
|
||||
<div style="margin: 20px 20px 10px 20px">
|
||||
<van-button @click="onSubmit()" style="border-radius: 10px" block type="info"
|
||||
:color="themeColor">
|
||||
提 交
|
||||
</van-button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [mobileMixins],
|
||||
data() {
|
||||
return {
|
||||
minDate: new Date(1989, 1, 1),
|
||||
maxDate: new Date(moment(new Date).format('YYYY-MM-DD')),
|
||||
currentDate: null,
|
||||
djlxActions: [
|
||||
{name: "幼儿园", value: 1},
|
||||
{name: "小学", value: 2},
|
||||
{name: "初中", value: 3},
|
||||
{name: "高中", value: 4},
|
||||
],
|
||||
znsexActions: [
|
||||
{name: "男"},
|
||||
{name: "女"},
|
||||
],
|
||||
jdxxActions: [
|
||||
{name: "幼儿园", type: 1},
|
||||
{name: "一年级", type: 2},
|
||||
{name: "二年级", type: 2},
|
||||
{name: "三年级", type: 2},
|
||||
{name: "四年级", type: 2},
|
||||
{name: "五年级", type: 2},
|
||||
{name: "六年级", type: 2},
|
||||
{name: "七年级", type: 3},
|
||||
{name: "八年级", type: 3},
|
||||
{name: "九年级", type: 3},
|
||||
{name: "高一", type: 4},
|
||||
{name: "高二", type: 4},
|
||||
{name: "高三", type: 4},
|
||||
],
|
||||
djlxShow: false,
|
||||
znsexShow: false,
|
||||
znzsnyShow: false,
|
||||
jdxxShow: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onSubmit() {
|
||||
this.$refs['addForm'].validate().then(async () => {
|
||||
this.$toast.loading('提交中...')
|
||||
const res = await $.post('/platform/zgfw/znxx/apply/doAdd', this.formData)
|
||||
if (res.code === 0) {
|
||||
this.$toast.success('填报成功');
|
||||
setTimeout(() => {
|
||||
window.history.go(-1)
|
||||
}, 1000)
|
||||
} else {
|
||||
this.$toast.fail('填报失败');
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
znzsnyConfirm(val) {
|
||||
this.$set(this.formData, "dj_znzsny", moment(val).format('YYYY-MM-DD'))
|
||||
this.znzsnyShow = false
|
||||
},
|
||||
djlxOnSelect(val) {
|
||||
this.$set(this.formData, "dj_djlx", val.value)
|
||||
this.$set(this.formData, "dj_djlx_name", val.name)
|
||||
this.djlxShow = false
|
||||
},
|
||||
init() {
|
||||
this.$set(this.formData, "dj_jzgid", "${@shiro.getPrincipalProperty('id')}")
|
||||
this.$set(this.formData, 'dj_gzh', "${@shiro.getPrincipalProperty('loginname')}")
|
||||
this.$set(this.formData, 'dj_iphone', "${@shiro.getPrincipalProperty('mobile')}")
|
||||
this.$set(this.formData, 'username', "${@shiro.getPrincipalProperty('username')}")
|
||||
this.$set(this.formData, 'dj_szdw', "${@shiro.getPrincipalProperty('unit').getName()}")
|
||||
},
|
||||
async findOne(id) {
|
||||
const resp = await $.post("/platform/zgfw/znxx/apply/findOne", {id})
|
||||
if (resp.code === 0) {
|
||||
this.formData = resp.data
|
||||
this.$set(this.formData, "dj_djlx_name", this.djlxActions.find(v => v.value === resp.data.dj_djlx).name)
|
||||
this.currentDate = new Date(resp.data.dj_znzsny)
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
async created() {
|
||||
const id = GetQueryString("id")
|
||||
id ? this.findOne(id) : this.init()
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user