feat(BUG 534 533): 添加身份证远程查询功能
- 在 AppInsuranceAudit 和 AppLoanAudit 组件中集成 AiIdcardRemote 组件 - 实现身份证信息查询和自动填充功能 - 优化用户信息获取逻辑,提高用户体验
This commit is contained in:
		| @@ -1,6 +1,7 @@ | ||||
| <script> | ||||
| import {mapState} from "vuex" | ||||
| import AiEartagPicker from "@project/xumu/components/AiEartagPicker.vue"; | ||||
| import AiIdcardRemote from "@project/xumu/components/AiIdcardRemote.vue"; | ||||
|  | ||||
| const columns = [ | ||||
|   {label: "序号", type: "index"}, | ||||
| @@ -10,7 +11,7 @@ const columns = [ | ||||
| ] | ||||
| export default { | ||||
|   name: "iaAdd", | ||||
|   components: {AiEartagPicker}, | ||||
|   components: {AiIdcardRemote, AiEartagPicker}, | ||||
|   props: { | ||||
|     instance: Function, | ||||
|     permissions: Function, | ||||
| @@ -47,7 +48,7 @@ export default { | ||||
|     }, | ||||
|     getDetail() { | ||||
|       const {id} = this.$route.query | ||||
|       return id && this.instance.post("/api/insurance/apply/getInfo", null, {params: {id}}).then(res => { | ||||
|       return id ? this.instance.post("/api/insurance/apply/getInfo", null, {params: {id}}).then(res => { | ||||
|         if (res?.data) { | ||||
|           const detail = res.data | ||||
|           detail.detailList = detail.detailList || [] | ||||
| @@ -55,12 +56,13 @@ export default { | ||||
|           picture = JSON.parse(picture) | ||||
|           return this.detail = {...detail, ...picture} | ||||
|         } | ||||
|       }) | ||||
|       }) : Promise.resolve() | ||||
|     }, | ||||
|     getCompanies() { | ||||
|       this.instance.post("/api/insurance/apply/getCompany").then(res => { | ||||
|         if (res?.data) { | ||||
|           this.companyList = res.data | ||||
|           this.$set(this.detail, "companyId", res.data?.[0]?.id) | ||||
|         } | ||||
|       }) | ||||
|     }, | ||||
| @@ -96,11 +98,19 @@ export default { | ||||
|           } | ||||
|         }) | ||||
|       }) | ||||
|     }, | ||||
|     getRemoteInfo(userId) { | ||||
|       userId && this.instance.post("/api/siteUser/querySiteByUserId", null, { | ||||
|         params: {userId} | ||||
|       }).then(res => { | ||||
|         if (res?.data) { | ||||
|           this.$set(this.detail, "farmId", res.data?.[0]?.id) | ||||
|         } | ||||
|       }) | ||||
|     } | ||||
|   }, | ||||
|   created() { | ||||
|     this.getCompanies() | ||||
|     this.getDetail() | ||||
|     this.getDetail().finally(() => this.getCompanies()) | ||||
|   } | ||||
| } | ||||
| </script> | ||||
| @@ -110,12 +120,15 @@ export default { | ||||
|     <el-form size="small" label-width="120px" :model="detail" ref="detail"> | ||||
|       <ai-card title="基础信息"> | ||||
|         <div class="grid"> | ||||
|           <el-form-item label="养殖户" class="row"> | ||||
|             <ai-idcard-remote :instance="instance" @enter="getRemoteInfo"/> | ||||
|           </el-form-item> | ||||
|           <el-form-item label="养殖场" prop="farmId" :rules="{required:isAdd||isEdit,message:'请选择 养殖场'}"> | ||||
|             <ai-select v-if="isAdd||isEdit" v-model="detail.farmId" :instance="instance" :action="`/api/siteUser/querySiteByUserId?userId=${userinfo.id}`" :prop="{label:'name'}"/> | ||||
|             <b v-else v-text="detail.farmName"/> | ||||
|           </el-form-item> | ||||
|           <el-form-item label="承保公司" prop="companyId" :rules="{required:isAdd||isEdit,message:'请选择 承保公司'}"> | ||||
|             <ai-select v-if="isAdd||isEdit" v-model="detail.companyId" :select-list="companyList" :prop="{label:'name'}"/> | ||||
|             <ai-select v-if="isAdd||isEdit" v-model="detail.companyId" :select-list="companyList" :prop="{label:'name'}" readonly/> | ||||
|             <b v-else v-text="detail.companyName"/> | ||||
|           </el-form-item> | ||||
|           <el-form-item label="保险产品" prop="productType" :rules="{required:isAdd||isEdit,message:'请选择 保险产品'}"> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user