|
|
@@ -0,0 +1,91 @@
|
|
|
+<template>
|
|
|
+ <el-container>
|
|
|
+ <el-header style="height: 35px; margin-top: 10px">
|
|
|
+ <el-input size="mini" style="width: 160px" placeholder="请输入姓名（必填）" clearable v-model="psnName"></el-input>
|
|
|
+ <el-input size="mini" style="width: 220px" placeholder="请输入身份证号（必填）" clearable v-model="socialNo"></el-input>
|
|
|
+ <el-divider direction="vertical"></el-divider>
|
|
|
+ <el-button size="mini" icon="el-icon-search" type="primary" @click="execQuery">查询</el-button>
|
|
|
+ </el-header>
|
|
|
+ <el-main>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <el-tag size="mini" type="info">基本信息</el-tag>
|
|
|
+ <el-descriptions :column="4" size="mini" border>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template #label> 人员编号 </template>
|
|
|
+ {{ psnInfo.psnNo }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template #label> 证件类型 </template>
|
|
|
+ {{ psnInfo.psnCertTypeName }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template #label>证件号码 </template>
|
|
|
+ {{ psnInfo.certno }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template #label> 人员姓名 </template>
|
|
|
+ {{ psnInfo.psnName }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template #label> 性别 </template>
|
|
|
+ {{ psnInfo.gendName }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template #label> 民族 </template>
|
|
|
+ {{ psnInfo.natyName }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template #label> 出生日期 </template>
|
|
|
+ {{ psnInfo.brdy }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template #label> 年龄 </template>
|
|
|
+ {{ psnInfo.age }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <el-tag size="mini" type="info">参保信息</el-tag>
|
|
|
+ <el-table :data="psnInfo.insuinfo">
|
|
|
+ <el-table-column label="余额" prop="balc"></el-table-column>
|
|
|
+ <el-table-column label="险种类型" prop="insutypeName"></el-table-column>
|
|
|
+ <el-table-column label="人员类别" prop="psnTypeName"></el-table-column>
|
|
|
+ <el-table-column label="参保状态" prop="psnInsuStasName"></el-table-column>
|
|
|
+ <el-table-column label="个人参保日期" prop="psnInsuDate"></el-table-column>
|
|
|
+ <el-table-column label="暂停参保日期" prop="pausInsuDate"></el-table-column>
|
|
|
+ <el-table-column label="公务员标志" prop="cvlservFlagName"></el-table-column>
|
|
|
+ <el-table-column label="参保地医保区划" prop="insuplcAdmdvs"></el-table-column>
|
|
|
+ <el-table-column label="参保地名称" prop="insuplcAdmdvsName"></el-table-column>
|
|
|
+ <el-table-column label="单位名称" prop="empName"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { ref } from 'vue-demi'
|
|
|
+import { obtainBasicPersonInfo } from '@/api/medical-insurance/si-query'
|
|
|
+export default {
|
|
|
+ setup() {
|
|
|
+ const psnName = ref('张大林')
|
|
|
+ const socialNo = ref('433015195105151017')
|
|
|
+ const psnInfo = ref({ insuinfo: [] })
|
|
|
+ const execQuery = () => {
|
|
|
+ const param = {
|
|
|
+ name: psnName.value,
|
|
|
+ socialNo: socialNo.value,
|
|
|
+ onlyQry: 1,
|
|
|
+ }
|
|
|
+ obtainBasicPersonInfo(param).then((res) => {
|
|
|
+ console.log(res)
|
|
|
+ psnInfo.value = res
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ psnName,
|
|
|
+ socialNo,
|
|
|
+ psnInfo,
|
|
|
+ execQuery,
|
|
|
+ }
|
|
|
+ },
|
|
|
+}
|
|
|
+</script>
|
