|
@@ -12,21 +12,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="center_box">
|
|
|
- <el-form ref="formRef" class="applyForm" :model="form" :rules="rules" label-width="191px" size="large">
|
|
|
+ <el-form v-if="showForm" ref="formRef" class="applyForm" :model="form" :rules="rules" label-width="191px"
|
|
|
+ size="large" :inline="true">
|
|
|
<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" /> -->
|
|
@@ -36,33 +29,35 @@
|
|
|
<!-- <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>
|
|
|
+ <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-form-item label="是否特殊困难老年人" prop="isTsknlr">
|
|
|
+ <el-radio-group v-model="form.isTsknlr">
|
|
|
+ <el-radio v-for="dict in CZ035" :key="dict.value" :label="dict.value">{{dict.label}}
|
|
|
+ </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-form-item>
|
|
|
+ <el-form-item class="el-form-item1" label="改造对象身份" prop="sfdm">
|
|
|
+ <el-radio-group v-model="form.sfdm" @change="changeQT(form.sfdm,'99','sfQt')">
|
|
|
+ <el-radio v-for="dict in CH048" :key="dict.value" :label="dict.value">{{dict.label}}
|
|
|
</el-radio>
|
|
|
- </el-radio-group> -->
|
|
|
+ </el-radio-group>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="其他身份" prop="sfQt" v-if="form.sfdm=='99'">
|
|
|
+ <el-form-item class="el-form-item1" 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">
|
|
|
+ <el-form-item class="el-form-item1" label="改造内容" prop="gznr">
|
|
|
+ <el-checkbox-group v-model="form.gznr" @change="changeQT(form.gznr,'99','gznrQt')">
|
|
|
+ <el-checkbox v-for="dict in 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-form-item class="el-form-item1" 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">
|
|
@@ -71,60 +66,120 @@
|
|
|
<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 class="el-form-item1" label="相关材料" prop="xgcl">
|
|
|
+ <!-- <file-upload v-model="form.xgcl" /> -->
|
|
|
+ <FileUpload v-model="form.xgcl"></FileUpload>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="">
|
|
|
+ <el-form-item class="el-form-item1">
|
|
|
<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 v-else class="backInfo">您已成功提交申请<br /><span>页面即将自动返回上页...</span></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
-import { reactive, ref } from 'vue'
|
|
|
+import { getCurrentInstance, reactive, ref } from 'vue'
|
|
|
+import { useRouter } from 'vue-router'
|
|
|
+import { retrofitApply } from '@/api/home'
|
|
|
|
|
|
+let router = useRouter()
|
|
|
+let timer
|
|
|
+const { proxy } = getCurrentInstance()
|
|
|
+const { CZ035, CH048, CH049 } = proxy.useDict('CZ035', 'CH048', 'CH049')
|
|
|
const loading = ref(false)
|
|
|
const formRef = ref()
|
|
|
+const showForm = ref(true)
|
|
|
// 表单数据
|
|
|
const form = reactive({
|
|
|
- name: '',
|
|
|
- idNumber: '',
|
|
|
- szxzqh: '',
|
|
|
- address: '',
|
|
|
- phoneNumber: '',
|
|
|
- organization: '',
|
|
|
+ // xm: '夏洛',
|
|
|
+ // lxdh: '15512341234',
|
|
|
+ // isTsknlr: '1',
|
|
|
+ // gzzj: '10000',
|
|
|
+ // czbtzjQt: '5000',
|
|
|
+ // zfdz: '220102001001',
|
|
|
+ // xxdz: '详细地址',
|
|
|
+ // sfdm:'01',
|
|
|
+ // gznr:'03',
|
|
|
+ // tbrXm: '填报人',
|
|
|
+ // tbrSjhm: '15512341234',
|
|
|
})
|
|
|
-// 表单校验规则
|
|
|
+// 表单校验
|
|
|
const rules = reactive({
|
|
|
- name: [
|
|
|
- { required: true, message: '请输入老人姓名', trigger: 'blur' },
|
|
|
+ xm: [
|
|
|
+ { required: true, message: '改造对象姓名不能为空', trigger: 'blur' },
|
|
|
+ { max: 72, message: '改造对象姓名不能超过72个字符', trigger: 'blur' },
|
|
|
],
|
|
|
- idNumber: [
|
|
|
- { required: true, message: '请输入老人身份证号码', trigger: 'blur' },
|
|
|
- { max: 18, message: '身份证号码不能超过18位', trigger: 'blur' },
|
|
|
+ lxdh: [
|
|
|
+ { required: true, message: '改造对象联系电话不能为空', trigger: 'blur' },
|
|
|
],
|
|
|
- szxzqh: [
|
|
|
- { required: true, message: '请输入老人居住地址', trigger: 'blur' },
|
|
|
+ isTsknlr: [
|
|
|
+ { required: true, message: '是否特殊困难老年人不能为空', trigger: 'blur' }
|
|
|
],
|
|
|
- phoneNumber: [
|
|
|
- { required: true, message: '请输入填报人手机号码', trigger: 'blur' },
|
|
|
+ gzzj: [
|
|
|
+ { required: true, message: '改造资金不能为空', trigger: 'blur' }
|
|
|
],
|
|
|
- organization: [
|
|
|
- { required: true, message: '请选择机构', trigger: 'blur' },
|
|
|
+ czbtzjQt: [
|
|
|
+ { required: true, message: '其中财政补助资金不能为空', trigger: 'blur' }
|
|
|
],
|
|
|
+ zfdz: [
|
|
|
+ { required: true, message: '改造住房地址不能为空', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ xxdz: [
|
|
|
+ { required: true, message: '详细地址不能为空', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ sfdm: [
|
|
|
+ { required: true, message: '改造对象身份不能为空', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ sfQt: [
|
|
|
+ { required: true, message: '其他身份不能为空', trigger: 'blur' },
|
|
|
+ { max: 120, message: '其他身份不能超过120个字符', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ gznr: [
|
|
|
+ { required: true, message: '改造内容不能为空', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ gznrQt: [
|
|
|
+ { required: true, message: '其他改造内容不能为空', trigger: 'blur' },
|
|
|
+ { max: 120, message: '其他改造内容不能超过120个字符', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ tbrXm: [
|
|
|
+ { required: true, message: '填报人姓名不能为空', trigger: 'blur' },
|
|
|
+ { max: 72, message: '填报人姓名不能超过72个字符', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ tbrSjhm: [
|
|
|
+ { required: true, message: '填报人手机号码不能为空', trigger: 'blur' },
|
|
|
+ ]
|
|
|
})
|
|
|
|
|
|
+function changeQT(value, value2, value3) {
|
|
|
+ if (value != value2) {
|
|
|
+ this.form[value3] = "";
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function ifQTS(value, value2) {
|
|
|
+ if (value && value.indexOf(value2) !== -1) {
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ return false
|
|
|
+}
|
|
|
+
|
|
|
async function onSubmit(formEl) {
|
|
|
if (!formEl) return
|
|
|
await formEl.validate((valid, fields) => {
|
|
|
loading.value = true
|
|
|
if (valid) {
|
|
|
-
|
|
|
- loading.value = false
|
|
|
+ form.gznr = form.gznr.join(',')
|
|
|
+ retrofitApply(form).then((res) => {
|
|
|
+ console.log(res);
|
|
|
+ showForm.value = false
|
|
|
+ timer = setTimeout(() => router.push('/slhgzsq'), 2000)
|
|
|
+ }).finally(() => {
|
|
|
+ loading.value = false
|
|
|
+ })
|
|
|
} else {
|
|
|
loading.value = false
|
|
|
}
|
|
@@ -183,20 +238,39 @@ async function onSubmit(formEl) {
|
|
|
background-size: 100%;
|
|
|
|
|
|
.applyForm {
|
|
|
- width: 43%;
|
|
|
+ width: 90%;
|
|
|
margin: 0 auto;
|
|
|
+ text-align: left;
|
|
|
|
|
|
:deep(.el-cascader--large) {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
- // .yljg-ipt {
|
|
|
- // width: 72%;
|
|
|
- // margin-right: 6%;
|
|
|
- // }
|
|
|
+ :deep(.el-form-item) {
|
|
|
+ width: 45%;
|
|
|
+ }
|
|
|
|
|
|
- .submitBtn {
|
|
|
+ .el-form-item1 {
|
|
|
width: 100%;
|
|
|
+
|
|
|
+ .el-input {
|
|
|
+ width: 32.6%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .submitBtn {
|
|
|
+ width: 12%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .backInfo {
|
|
|
+ padding: 15% 0;
|
|
|
+ overflow: hidden;
|
|
|
+ color: #606266;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #b80100;
|
|
|
}
|
|
|
}
|
|
|
}
|