|
@@ -0,0 +1,203 @@
|
|
|
+<template>
|
|
|
+ <div class="main_box2">
|
|
|
+ <div class="bread">
|
|
|
+ <div class="bread_left">
|
|
|
+ <div class="gray">您现在所在位置:</div>
|
|
|
+ <el-breadcrumb separator=">>">
|
|
|
+ <el-breadcrumb-item :to="{ path: '/home' }"><span class="gray">首页</span></el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item :to="{ path: '/zxsq' }"><span class="gray">个人申报</span></el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item :to="{ path: '/slhgzsq' }"><span class="gray">适老化改造申请</span></el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item><span class="red">申请资料填写</span></el-breadcrumb-item>
|
|
|
+ </el-breadcrumb>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="center_box">
|
|
|
+ <el-form ref="formRef" class="applyForm" :model="form" :rules="rules" label-width="191px" size="large">
|
|
|
+ <el-form-item label="改造对象姓名" prop="xm">
|
|
|
+ <el-input v-model="form.xm" placeholder="请输入改造对象姓名" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="改造对象联系电话" prop="lxdh">
|
|
|
+ <el-input v-model="form.lxdh" placeholder="请输入改造对象联系电话" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否特殊困难老年人" prop="isTsknlr">
|
|
|
+ <el-radio-group v-model="form.isTsknlr">
|
|
|
+ <el-radio :label="1">是</el-radio>
|
|
|
+ <el-radio :label="0">否</el-radio>
|
|
|
+ <!-- <el-radio v-for="dict in dict.type.CZ035" :key="dict.value" :label="dict.value">{{dict.label}}
|
|
|
+ </el-radio> -->
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="改造资金" prop="gzzj">
|
|
|
+ <el-input v-model="form.gzzj" type="number" placeholder="请输入改造资金" clearable></el-input>
|
|
|
+ <!-- <number placeholder="请输入改造资金" v-model="form.gzzj" :min="0" :max="10000000000" :precision="2" /> -->
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="其中财政补助资金" prop="czbtzjQt">
|
|
|
+ <el-input v-model="form.czbtzjQt" type="number" placeholder="请输入财政补助资金" clearable></el-input>
|
|
|
+ <!-- <number placeholder="其中财政补助资金" v-model="form.czbtzjQt" :min="0" :max="10000000000" :precision="2" /> -->
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="改造住房地址" prop="zfdz">
|
|
|
+ <el-input v-model="form.zfdz" placeholder="请输入财政补助资金" clearable></el-input>
|
|
|
+ <!-- <RegionCascaderSelect v-model="form.zfdz" style="width: 100%"></RegionCascaderSelect> -->
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="详细地址" prop="xxdz">
|
|
|
+ <el-input v-model="form.xxdz" type="textarea" maxlength="400" show-word-limit placeholder="请输入详细地址" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="改造对象身份" prop="sfdm">
|
|
|
+ <el-radio-group v-model="form.sfdm">
|
|
|
+ <el-radio :label="1">是</el-radio>
|
|
|
+ <el-radio :label="0">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <!-- <el-radio-group v-model="form.sfdm" @change="changeQT(form.sfdm,'99','sfQt')">
|
|
|
+ <el-radio v-for="dict in dict.type.CH048" :key="dict.value" :label="dict.value">{{dict.label}}
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group> -->
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="其他身份" prop="sfQt" v-if="form.sfdm=='99'">
|
|
|
+ <el-input v-model="form.sfQt" placeholder="请输入其他身份" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="改造内容" prop="gznr">
|
|
|
+ <el-checkbox-group v-model="form.gznr" @change="changeQTS(form.gznr,'99','gznrQt')">
|
|
|
+ <el-checkbox v-for="dict in dict.type.CH049" :key="dict.value" :label="dict.value">
|
|
|
+ {{dict.label}}
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="其他改造内容" prop="gznrQt" v-if="ifQTS(form.gznr,'99')">
|
|
|
+ <el-input v-model="form.gznrQt" placeholder="请输入其他改造内容" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="填报人姓名" prop="tbrXm">
|
|
|
+ <el-input v-model="form.tbrXm" placeholder="请输入填报人姓名" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="填报人手机号码" prop="tbrSjhm">
|
|
|
+ <el-input v-model="form.tbrSjhm" placeholder="请输入填报人手机号码" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="相关材料" prop="xgcl">
|
|
|
+ <file-upload v-model="form.xgcl" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="">
|
|
|
+ <el-button v-loading="loading" element-loading-background="rgba(255, 255, 255, 0.3)" class="submitBtn"
|
|
|
+ type="danger" @click="onSubmit(formRef)">提 交</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+
|
|
|
+<script setup>
|
|
|
+import { reactive, ref } from 'vue'
|
|
|
+
|
|
|
+const loading = ref(false)
|
|
|
+const formRef = ref()
|
|
|
+// 表单数据
|
|
|
+const form = reactive({
|
|
|
+ name: '',
|
|
|
+ idNumber: '',
|
|
|
+ szxzqh: '',
|
|
|
+ address: '',
|
|
|
+ phoneNumber: '',
|
|
|
+ organization: '',
|
|
|
+})
|
|
|
+// 表单校验规则
|
|
|
+const rules = reactive({
|
|
|
+ name: [
|
|
|
+ { required: true, message: '请输入老人姓名', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ idNumber: [
|
|
|
+ { required: true, message: '请输入老人身份证号码', trigger: 'blur' },
|
|
|
+ { max: 18, message: '身份证号码不能超过18位', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ szxzqh: [
|
|
|
+ { required: true, message: '请输入老人居住地址', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ phoneNumber: [
|
|
|
+ { required: true, message: '请输入填报人手机号码', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ organization: [
|
|
|
+ { required: true, message: '请选择机构', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+})
|
|
|
+
|
|
|
+async function onSubmit(formEl) {
|
|
|
+ if (!formEl) return
|
|
|
+ await formEl.validate((valid, fields) => {
|
|
|
+ loading.value = true
|
|
|
+ if (valid) {
|
|
|
+
|
|
|
+ loading.value = false
|
|
|
+ } else {
|
|
|
+ loading.value = false
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.main_box2 {
|
|
|
+ background: #ffffff;
|
|
|
+ border: 1px solid #dedede;
|
|
|
+}
|
|
|
+
|
|
|
+.bread {
|
|
|
+ height: 58px;
|
|
|
+ border-bottom: 1px solid #dedede;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.bread_left {
|
|
|
+ display: flex;
|
|
|
+ margin-left: 34px;
|
|
|
+}
|
|
|
+
|
|
|
+.gray {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+:deep(.el-breadcrumb) {
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: unset;
|
|
|
+}
|
|
|
+
|
|
|
+.red {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #b80100;
|
|
|
+}
|
|
|
+
|
|
|
+.bread_right {
|
|
|
+ margin-right: 12px;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.center_box {
|
|
|
+ min-height: 457px;
|
|
|
+ margin: 25px;
|
|
|
+ text-align: center;
|
|
|
+ background-image: url('@/assets/images/zxsq/background.png');
|
|
|
+ background-size: 100%;
|
|
|
+
|
|
|
+ .applyForm {
|
|
|
+ width: 43%;
|
|
|
+ margin: 0 auto;
|
|
|
+
|
|
|
+ :deep(.el-cascader--large) {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ // .yljg-ipt {
|
|
|
+ // width: 72%;
|
|
|
+ // margin-right: 6%;
|
|
|
+ // }
|
|
|
+
|
|
|
+ .submitBtn {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|