Merge branch 'test1' of sckj/mz-cloud into master

ruoyi-web/src/api/home.js

@@ -184,3 +184,50 @@ export function login(username, password, code, uuid) {
   })
 }
 
+// 适老化改造申请
+export function retrofitApply(data) {
+  return request({
+    url: '/portal/lrslhgz',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
+}
+
+// 适老化改造申请结果查询
+export function getRetrofitApplyResult(query) {
+  return request({
+    url: '/portal/lrslhgz/list',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    params: query
+  })
+}
+
+// 预约养老机构
+export function orderOrg(data) {
+  return request({
+    url: '/portal/lrjgyy',
+    headers: {
+      isToken: false
+    },
+    method: 'post',
+    data: data
+  })
+}
+
+// 养老机构预约结果查询
+export function getOrderOrgResult(query) {
+  return request({
+    url: '/portal/lrjgyy/list',
+    headers: {
+      isToken: false
+    },
+    method: 'get',
+    params: query
+  })
+}

ruoyi-web/src/router/index.js

@@ -60,6 +60,12 @@ const router = createRouter({
           name: 'slhgzsq',
           meta: { title: '适老化改造申请' }
         },
+        {
+          path: 'slhgzsq/sqzltx',
+          component: () => import('../views/slhgzsq/sqzltx/index.vue'),
+          name: 'slhSqzltx',
+          meta: { title: '填写申请资料' }
+        },
         {
           path: 'ylgw',
           component: () => import('../views/ylgw/index.vue'),
@@ -111,7 +117,7 @@ const router = createRouter({
         {
           path: 'rzyljgsq/sqzltx',
           component: () => import('../views/rzyljgsq/sqzltx/index.vue'),
-          name: 'sqzltx',
+          name: 'yljgSqzltx',
           meta: { title: '填写申请资料' }
         },
         {

ruoyi-web/src/views/rzyljgsq/index.vue

@@ -10,7 +10,8 @@
         </el-breadcrumb>
       </div>
       <div class="bread_right">
-        <el-button class="apply" type="danger" @click="apply">立即申请</el-button>
+        <el-button type="danger" @click="orderOrg">机构预约</el-button>
+        <el-button type="danger" @click="search">查询结果</el-button>
       </div>
     </div>
     <div class="center_box">
@@ -56,10 +57,12 @@
                   </div>
                 </template>
                 <div>
-                  如果您选择了外区（非户籍区）的养老机构，需要提供人户分离证明。 （温馨提示：如果您的居住地址与户籍地址一致，则不需要提供人户分离证明 引用《上海市人民政府关于印发《上海市户籍人户分离人员居住登记办法》的通知》中第九条“本市户籍人户分离人员办理居住登记时，应当提供以下材料：
+                  如果您选择了外区（非户籍区）的养老机构，需要提供人户分离证明。 （温馨提示：如果您的居住地址与户籍地址一致，则不需要提供人户分离证明
+                  引用《上海市人民政府关于印发《上海市户籍人户分离人员居住登记办法》的通知》中第九条“本市户籍人户分离人员办理居住登记时，应当提供以下材料：
                   （一）《本市户籍人户分离人员居住登记申请表》 （二）本人居民身份证、《居民户口簿》、《个人户口卡》或加盖单位人事（或保卫）部门印章的《集体户口个人信息页》复印件等有效身份证明
                   （三）居住房屋产权证明、租用公房凭证、由房屋行政管理部门出具的房屋租赁登记备案证明或单位人事（或保卫）部门出具的集体宿舍证明
-                  本市户籍人户分离人员申请办理居住登记时提供的各类材料应当真实有效，对弄虚作假的不予办理登记。能够通过数据互认共享获取的材料，不得要求本市户籍人户分离人员申请办理居住登记时重复提供。” 文件详情可点击 前往了解
+                  本市户籍人户分离人员申请办理居住登记时提供的各类材料应当真实有效，对弄虚作假的不予办理登记。能够通过数据互认共享获取的材料，不得要求本市户籍人户分离人员申请办理居住登记时重复提供。” 文件详情可点击
+                  前往了解
                 </div>
               </el-collapse-item>
             </el-collapse>
@@ -71,23 +74,100 @@
         </el-tabs>
       </div>
     </div>
+    <el-dialog v-model="showSearch" title="查询结果" @close="resetDialog" append-to-body :lock-scroll="false">
+      <el-form class="searchForm" ref="formRef" :model="form" :rules="rules" size="large" :inline="true">
+        <el-form-item label="姓名" label-width="80px" prop="xm">
+          <el-input v-model="form.xm" placeholder="请输入姓名" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="身份证号码" label-width="100px" prop="zjhm">
+          <el-input v-model="form.zjhm" placeholder="请输入身份证号码" maxlength="18" clearable></el-input>
+        </el-form-item>
+        <el-form-item class="btn-group">
+          <el-button class="submitBtn" type="danger" @click="onSubmit(formRef)">查 询</el-button>
+          <el-button class="submitBtn" type="danger" plain @click="resetForm(formRef)">重 置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table class="result" v-if="showResult === 1" :data="searchResult">
+        <el-table-column label="预约人姓名" align="center" prop="xm" />
+        <el-table-column label="预约人身份证号码" align="center" prop="zjhm" width="200" />
+        <!-- <el-table-column label="预约时间" align="center" prop="jgmc" /> -->
+        <el-table-column label="预约机构" align="center" prop="jgmc" width="200" />
+        <el-table-column label="预约状态" align="center" prop="yyzt" />
+      </el-table>
+      <div class="noResult" v-else-if="showResult === 0">暂无查询结果</div>
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
-import {ref} from 'vue'
-import {useRouter} from 'vue-router'
+import { reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { getOrderOrgResult } from '@/api/home'
 
 let router = useRouter()
-const handleClick = () => {}
+const handleClick = () => { }
 const activeName = ref('1')
 const tabActive = ref('first')
 const src = new URL('../../assets/images/zxsq/waitingStepsSmall.00f899e2.png', import.meta.url).href
 const srcList = ref([new URL('../../assets/images/zxsq/waitingStepsSmall.00f899e2.png', import.meta.url).href])
-const apply = () => {router.push('rzyljgsq/sqzltx')}
+
+// 查询结果弹出框是否显示
+const showSearch = ref(false)
+// 是否查询到数据
+const showResult = ref()
+// 表格数据
+const searchResult = ref([])
+
+// 机构预约按钮
+const orderOrg = () => router.push('rzyljgsq/sqzltx')
+// 查询结果按钮
+const search = () => showSearch.value = true
+
+// 查询结果表单相关
+const formRef = ref()
+const form = reactive({
+  xm: '夏洛',
+  zjhm: '220123194808291226',
+})
+const rules = reactive({
+  xm: [
+    { required: true, message: '请输入老人姓名', trigger: 'blur' },
+  ],
+  zjhm: [
+    { required: true, message: '请输入老人身份证号码', trigger: 'blur' },
+  ],
+})
+async function onSubmit(formEl) {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      getOrderOrgResult(form).then((res) => {
+        console.log(res);
+        if (res.rows.length > 0) {
+          showResult.value = 1
+          searchResult.value = res.rows
+          console.log(res.rows);
+        } else {
+          showResult.value = 0
+        }
+      })
+    } else {
+      console.log('submit error', fields);
+    }
+  })
+}
+function resetForm(formEl) {
+  if (!formEl) return
+  formEl.resetFields()
+}
+
+// 关闭dialog时的回调
+function resetDialog(){
+  showResult.value = ''
+}
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .main_box2 {
   background: #ffffff;
   border: 1px solid #dedede;
@@ -145,12 +225,14 @@ const apply = () => {router.push('rzyljgsq/sqzltx')}
   font-weight: 600;
   color: #bf242a;
 }
+
 .shoufengqinBox {
   width: 80%;
   height: 464px;
   margin: 40px auto;
   border: 1px solid #e6e6e6;
 }
+
 :deep(.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item) {
   width: 457px;
   height: 40px;
@@ -160,36 +242,70 @@ const apply = () => {router.push('rzyljgsq/sqzltx')}
   font-weight: 600;
   background-color: #fcd3d3;
 }
+
 :deep(.el-tabs--card > .el-tabs__header .el-tabs__item.is-active) {
   border-bottom-color: #c53131;
 }
+
 :deep(.el-collapse-item__header) {
   background-color: #fcd3d3;
   margin-bottom: 5px;
   color: #c83f43;
 }
+
 .el-collapse {
   width: 98%;
   margin: 0 auto;
 }
+
 .el-collapse-item__content div {
   text-align: start;
   color: #c0292e;
   margin-left: 10px;
 }
+
 .el-collapse-item__content div a {
   color: #004893;
 }
+
 .el-tab-pane img {
   width: 90%;
 }
+
 .collapse-title {
   display: flex;
   justify-content: center;
   align-items: center;
   color: #c0292e;
 }
+
 .collapse-title span {
   margin-left: 10px;
 }
+
+.searchForm {
+  :deep(.el-form-item) {
+    width: 45%;
+  }
+
+  .btn-group {
+    margin: 0 auto;
+    width: 100%;
+
+    :deep(.el-form-item__content) {
+      justify-content: center;
+    }
+  }
+}
+
+.result {
+  margin: 25px 0;
+}
+
+.noResult {
+  font-size: 18px;
+  text-align: center;
+  color: #c0292e;
+  margin: 25px 0;
+}
 </style>

ruoyi-web/src/views/rzyljgsq/sqzltx/index.vue

@@ -12,57 +12,71 @@
       </div>
     </div>
     <div class="center_box">
-      <el-form ref="formRef" class="applyForm" model="form" :rules="rules" label-width="165px" size="large" status-icon>
-        <el-form-item label="入住老年人姓名" prop="name">
-          <el-input v-model="form.name" placeholder="请输入入住老年人姓名" clearable></el-input>
+      <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-input>
         </el-form-item>
-        <el-form-item label="入住老年人身份证号码" prop="idNumber">
-          <el-input v-model="form.idNumber" placeholder="请输入入住老年人身份证号码" clearable></el-input>
+        <el-form-item label="老人身份证号码" prop="zjhm">
+          <el-input v-model="form.zjhm" placeholder="请输入老人身份证号码" clearable></el-input>
         </el-form-item>
-        <el-form-item label="填写人手机号码" prop="phoneNumber">
-          <el-input v-model="form.phoneNumber" placeholder="请输入填写人手机号码" clearable></el-input>
+        <el-form-item label="联系方式" prop="yyLrRzyddh">
+          <el-input v-model="form.yyLrRzyddh" placeholder="请输入手机号码" clearable></el-input>
         </el-form-item>
-        <el-form-item label="养老机构选择" prop="organization">
-          <el-input class="yljg-ipt" v-model="form.organization" placeholder="请选择养老机构" clearable></el-input>
-          <el-button type="danger">选 择</el-button>
+        <el-form-item label="养老机构选择" prop="yyLrYljg">
+          <el-input v-model="form.yyLrYljg" placeholder="请选择养老机构" clearable></el-input>
+          <!-- <el-button type="danger">选 择</el-button> -->
+          <!-- <el-cascader placeholder="请选择养老机构" clearable></el-cascader> -->
         </el-form-item>
-        <el-form-item label="">
-          <el-button class="submitBtn" type="danger" @click="onSubmit(formRef)">提 交</el-button>
+        <el-form-item label="老人居住地址所在行政区划" prop="lrjzdzxzqh">
+          <el-input v-model="form.lrjzdzxzqh" placeholder="请选择老人居住地址所在行政区划" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="居住地址描述" prop="lrjzdz">
+          <el-input v-model="form.lrjzdz" placeholder="请输入老人居住地址" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <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>
   <!-- 选择养老机构弹出框 -->
-  <el-dialog v-model="showOrg" append-to-body></el-dialog>
+  <!-- <el-dialog v-model="showOrg" append-to-body></el-dialog> -->
 </template>
   
   
 <script setup>
 import { reactive, ref } from 'vue'
-// import type { FormInstance, FormRules } from 'element-plus'
+import { orderOrg } from '@/api/home'
 
-const showOrg = ref(false)
+// const showOrg = ref(false)
+const loading = ref(false)
 const formRef = ref()
 // 表单数据
 const form = reactive({
-  name: '',
-  idNumber: '',
-  phoneNumber: '',
-  organization: '',
+  xm: '夏洛', // 姓名
+  zjhm: '220123194808291226', // 证件号码
+  lrjzdzxzqh: '220102001001', // 居住地行政区划
+  lrjzdz: '前进大街1000号', // 居住地址
+  yyLrRzyddh: '15578176756',  // 联系方式
+  yyLrYljg: '03bc8c3afc1c233a6fd07483193a0014',  // 选择机构
 })
 // 表单校验规则
 const rules = reactive({
-  name: [
+  xm: [
     { required: true, message: '请输入老人姓名', trigger: 'blur' },
   ],
-  idNumber: [
+  zjhm: [
     { required: true, message: '请输入老人身份证号码', trigger: 'blur' },
     { max: 18, message: '身份证号码不能超过18位', trigger: 'blur' },
   ],
-  phoneNumber: [
+  lrjzdzxzqh: [
+    { required: true, message: '请输入老人居住地址', trigger: 'blur' },
+  ],
+  yyLrRzyddh: [
     { required: true, message: '请输入填报人手机号码', trigger: 'blur' },
   ],
-  organization: [
+  yyLrYljg: [
     { required: true, message: '请选择机构', trigger: 'blur' },
   ],
 })
@@ -70,11 +84,15 @@ const rules = reactive({
 async function onSubmit(formEl) {
   if (!formEl) return
   await formEl.validate((valid, fields) => {
-    console.log(valid);
+    loading.value = true
     if (valid) {
-      console.log('submit!')
+      orderOrg(form).then((res) => {
+        console.log(res);
+        alert('提交成功')
+      }).finally(() => loading.value = false)
     } else {
-      console.log('error submit!', fields)
+      alert('提交失败', fields)
+      loading.value = false
     }
   })
 }
@@ -138,10 +156,10 @@ async function onSubmit(formEl) {
       width: 100%;
     }
 
-    .yljg-ipt {
-      width: 72%;
-      margin-right: 6%;
-    }
+    // .yljg-ipt {
+    //   width: 72%;
+    //   margin-right: 6%;
+    // }
 
     .submitBtn {
       width: 100%;

ruoyi-web/src/views/slhgzsq/index.vue

@@ -6,9 +6,13 @@
         <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><span class="red">适老龄化申请改造</span></el-breadcrumb-item>
+          <el-breadcrumb-item><span class="red">适老化改造申请</span></el-breadcrumb-item>
         </el-breadcrumb>
       </div>
+      <div class="bread_right">
+        <el-button type="danger" @click="apply">立即申请</el-button>
+        <el-button type="danger" @click="search">查询结果</el-button>
+      </div>
     </div>
     <div class="center_box">
       <div class="sqdxTitle">
@@ -33,12 +37,64 @@
         <img class="sqlc" src="@/assets/images/slhsqgz/liucheng_6.a34e44d3.png" alt="" />
       </div>
     </div>
+    <el-dialog v-model="showSearch" title="查询结果" append-to-body :lock-scroll="false">
+      <el-form class="searchForm" ref="formRef" :model="form" :rules="rules" size="large" :inline="true">
+        <el-form-item label="姓名" label-width="100px" prop="name">
+          <el-input v-model="form.name" placeholder="请输入申请人姓名" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="手机号" label-width="120px" prop="idNumber">
+          <el-input v-model="form.idNumber" placeholder="请输入申请人手机号" maxlength="11" clearable></el-input>
+        </el-form-item>
+        <el-form-item class="btn-group">
+          <el-button class="submitBtn" type="danger" @click="onSubmit(formRef)">查 询</el-button>
+          <el-button class="submitBtn" type="danger" plain @click="resetForm(formRef)">重 置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
-<script setup></script>
+<script setup>
+import { reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+let router = useRouter()
+
+// 查询结果弹出框是否显示
+const showSearch = ref(false)
+// 立即申请按钮
+const apply = () => router.push('slhgzsq/sqzltx')
+// 查询结果按钮
+const search = () => showSearch.value = true
+
+// 查询结果表单相关
+const formRef = ref()
+const form = reactive({})
+const rules = reactive({
+  name: [
+    { required: true, message: '请输入申请人姓名', trigger: 'blur' },
+  ],
+  idNumber: [
+    { required: true, message: '请输入申请人手机号', trigger: 'blur' }
+  ],
+})
+async function onSubmit(formEl) {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      console.log('submit');
+    } else {
+      console.log('submit error', fields);
+    }
+  })
+}
+function resetForm(formEl) {
+  if (!formEl) return
+  formEl.resetFields()
+}
+</script>
 
-<style scoped>
+<style lang="scss" scoped>
 .main_box2 {
   background: #ffffff;
   border: 1px solid #dedede;
@@ -99,4 +155,19 @@
 .sqlc {
   width: 90%;
 }
+
+.searchForm {
+  :deep(.el-form-item) {
+    width: 45%;
+  }
+
+  .btn-group {
+    margin: 0 auto;
+    width: 100%;
+
+    :deep(.el-form-item__content) {
+      justify-content: center;
+    }
+  }
+}
 </style>

ruoyi-web/src/views/slhgzsq/sqzltx/index.vue

@@ -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>