165 lines
6.1 KiB
HTML
165 lines
6.1 KiB
HTML
<!--#
|
|
layout("/mobile/platform.html"){
|
|
#-->
|
|
<style>
|
|
.van-field__control {
|
|
color: #8b8f95;
|
|
}
|
|
|
|
</style>
|
|
<div id="app" v-cloak>
|
|
<van-nav-bar title="填写困难帮扶申请" left-arrow placeholder fixed @click-left="history.back()"></van-nav-bar>
|
|
|
|
|
|
<van-form ref="addForm">
|
|
<van-cell-group>
|
|
|
|
<van-field readonly value="${@shiro.getPrincipalProperty('username')}" name="username" label="姓名"
|
|
input-align="right"></van-field>
|
|
|
|
<van-field readonly v-model="formData.sex" name="sex" label="性别"
|
|
input-align="right"></van-field>
|
|
|
|
<van-field readonly v-model="formData.sqsj" name="sqsj" label="申请时间"
|
|
input-align="right"></van-field>
|
|
|
|
<van-field v-model="formData.lxfs" name="lxfs" label="手机号" input-align="right"
|
|
:rules="[{ required:true, message: '请填写手机号' }]"></van-field>
|
|
|
|
|
|
<van-field v-model="formData.idcard" name="idcard" label="身份证号" input-align="right"
|
|
:rules="[{ required:true, message: '请填写身份证号' }]"></van-field>
|
|
|
|
<van-field readonly v-model="formData.birthday" name="user_age"
|
|
label="出生日期"
|
|
input-align="right"></van-field>
|
|
|
|
<van-field v-model="formData.yhmc" name="yhmc" label="开户银行" input-align="right"
|
|
:rules="[{ required:true, message: '请填写开户银行' }]"></van-field>
|
|
|
|
<van-field v-model="formData.yhkh" name="yhkh" label="银行卡号" input-align="right"
|
|
:rules="[{ required:true, message: '请填写银行卡号' }]"></van-field>
|
|
|
|
<van-field v-model="formData.jtrs" name="jtrs" label="家庭人数" input-align="right"
|
|
:rules="[{ required:true, message: '请填写家庭人数' }]"></van-field>
|
|
|
|
|
|
|
|
<van-field readonly v-if="formData.on_job" value="在职" label="在职状态" input-align="right"></van-field>
|
|
<van-field readonly v-else value="退休" label="在职状态" input-align="right"></van-field>
|
|
|
|
|
|
<van-field name="zyzkyy" label="主要致困原因" input-align="right"
|
|
:rules="[{ required: true, message: '请选择审核状态' }]">
|
|
<template #input>
|
|
<van-checkbox-group v-model="formData.zyzkyy" direction="horizontal">
|
|
<van-checkbox name="家庭收入低">家庭收入低</van-checkbox>
|
|
<van-checkbox name="因病致困">因病致困</van-checkbox>
|
|
<van-checkbox name="意外致困">意外致困</van-checkbox>
|
|
<van-checkbox name="子女上学">子女上学</van-checkbox>
|
|
|
|
</van-checkbox-group>
|
|
|
|
</template>
|
|
</van-field>
|
|
|
|
|
|
|
|
|
|
<van-field name="flag" label="有无低保" input-align="right"
|
|
:rules="[{ required: true, message: '请选择审核状态' }]">
|
|
<template #input>
|
|
<van-radio-group v-model="formData.flag" direction="horizontal">
|
|
<van-radio :name="1">有低保</van-radio>
|
|
<van-radio :name="2">无低保</van-radio>
|
|
</van-radio-group>
|
|
</template>
|
|
</van-field>
|
|
|
|
<van-field v-model="formData.zyzkyybz" name="zyzkyybz" label="致困原因备注" input-align="right"
|
|
rows="2" maxlength="200" type="textarea" show-word-limit></van-field>
|
|
|
|
|
|
|
|
</van-cell-group>
|
|
|
|
<div class="bottomDiv">
|
|
<van-button class="bottomBut" @click="onSubmit" round block type="info" color="#39acff">
|
|
提 交
|
|
</van-button>
|
|
</div>
|
|
</van-form>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
sign: "",
|
|
showSign: false,
|
|
ybOptions: ['统筹', '社保'],
|
|
zzyyOptions: ['家庭收入低','因病致困','意外致困','子女上学'],
|
|
subDis: false,
|
|
formData: {
|
|
jtfc: [],
|
|
jtcc: [],
|
|
},
|
|
pageForm: {
|
|
year: '',
|
|
searchName: "sqr.username",
|
|
searchKeyword: "",
|
|
pageNumber: 1,
|
|
pageSize: 10,
|
|
totalCount: 0,
|
|
pageOrderName: "",
|
|
pageOrderBy: ""
|
|
},
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
async onSubmit(){
|
|
var formData = Object.assign({}, this.formData)
|
|
formData.zyzkyy = JSON.stringify(formData.zyzkyy)
|
|
formData.jtfc = []
|
|
formData.jtcc = []
|
|
|
|
this.$toast.loading('提交中...')
|
|
const res = await $.post('/mobile/defficulAid/apply/doAdd', formData, (data) => {
|
|
if (data.code === 0) {
|
|
this.$toast.success('申请成功');
|
|
setTimeout(() => {
|
|
location.replace('/mobile/defficulAid/apply')
|
|
}, 1000)
|
|
} else {
|
|
this.$toast.fail('申请失败');
|
|
}
|
|
})
|
|
|
|
|
|
},
|
|
},
|
|
created() {
|
|
this.formData = {
|
|
birthday: '${@shiro.getPrincipalProperty("birthday")}',
|
|
lxfs: '${@shiro.getPrincipalProperty("mobile")}',
|
|
idcard: '${@shiro.getPrincipalProperty("idcard")}',
|
|
sex: '${@shiro.getPrincipalProperty("sex")}',
|
|
sqsj:new Date().toISOString().replace(/T.*/,' ')
|
|
}
|
|
const zzzt = '${@shiro.getPrincipalProperty("zzzt")}'
|
|
|
|
if (zzzt == '在职') {
|
|
this.$set(this.formData, "on_job", true)
|
|
} else if (zzzt == '退休') {
|
|
this.$set(this.formData, "on_job", false)
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |