This commit is contained in:
姚宇浩 2024-08-09 13:35:29 +08:00
parent aea590e4c0
commit ed388d1573
1 changed files with 73 additions and 217 deletions

View File

@ -93,13 +93,13 @@
</div> </div>
</div> </div>
<div class="person-side"> <div class="person-side">
<div v-if="rightList.length < 1"> <div >
<div class="my-label"> <div class="my-label">
<div class="my-label-title">{{ tableType.title }}</div> <div class="my-label-title">{{ pdT }}</div>
</div> </div>
<div class="my-table"> <div class="my-table">
<el-table <el-table
:data="data" :data="tableType.data"
border border
style="width: 100%" style="width: 100%"
max-height="500" max-height="500"
@ -134,128 +134,27 @@
:total="pagination.total" :total="pagination.total"
prev-text="上一页" prev-text="上一页"
next-text="下一页" next-text="下一页"
v-model:current-page="pagination.currentPage" v-model:current-page="pagination.current"
@current-change="handlePaginationYL" @current-change="handlePagination"
/> />
</div> </div>
</div> </div>
<div v-else> <div >
<div class="my-label"> <div class="my-label">
<div class="my-label-title">基本信息</div> <div class="my-label-title">{{ pdT }}</div>
</div> </div>
<div class="my-info"> <div class="my-info">
<div class="my-info-item"> <div
<div class="my-info-label">&emsp;&emsp;</div> class="my-info-item"
<div class="my-info-content"> v-for="(item, index) in tableType.columns"
<p>{{ baseInfo.nm || baseInfo.xm }}</p> >
</div> <div class="my-info-label">{{ item.label }}</div>
</div> <div class="my-info-content" v-if="rightList?.length != 0">
<div class="my-info-item"> <p>{{ pd(item.label, rightList[item.property]) }}</p>
<div class="my-info-label">证件类型</div>
<div class="my-info-content">
<p>{{ baseInfo.zjlx || "身份证" }}</p>
</div>
</div>
<div class="my-info-item">
<div class="my-info-label">证件号码</div>
<div class="my-info-content">
<p>******************</p>
<!-- <p>{{ baseInfo.identNo }}</p> -->
</div>
</div>
<div class="my-info-item">
<div class="my-info-label">政治面貌</div>
<div class="my-info-content">
<p>{{ baseInfo.zzmm || "" }}</p>
</div>
</div>
<div class="my-info-item">
<div class="my-info-label">居住状态</div>
<div class="my-info-content">
<p v-if="baseInfo.jzzt == 1">居住</p>
<p v-else-if="baseInfo.jzzt == 0">未居住</p>
<p v-else></p>
</div>
</div>
<div class="my-info-item">
<div class="my-info-label">&emsp;&emsp;</div>
<div class="my-info-content">
<p>{{ baseInfo.ethnic }}</p>
</div>
</div>
<div class="my-info-item">
<div class="my-info-label">&emsp;&emsp;</div>
<div class="my-info-content">
<p>{{ baseInfo.gender }}</p>
</div>
</div>
<div class="my-info-item">
<div class="my-info-label">户口登记地</div>
<div class="my-info-content">
<p>{{ baseInfo.domicAddr || baseInfo.dz }}</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="my-label">
<div class="my-label-title">医疗金发放情况</div>
</div> -->
<!-- <div class="my-table">
<el-table
:data="data1"
border
style="width: 100%"
max-height="250"
:header-cell-style="{
border: 'none',
height: '60px',
fontSize: '18px',
color: '#fff',
}"
:row-style="{
letterSpacing: '1px',
fontSize: '16px',
height: '50px',
backgroundColor: 'rgba(31, 63, 113, 1)',
color: '#fff',
}"
>
<el-table-column
prop="type"
label="医疗类型"
width="115"
align="center"
/>
<el-table-column
prop="date"
label="使用日期"
width="115"
align="center"
/>
<el-table-column
prop="sum"
label="使用金额"
width="115"
align="center"
/>
<el-table-column
prop="sum"
label="详情"
width="135"
align="center"
/>
</el-table>
<el-pagination
background
layout="prev, pager, next"
:page-size="pagination1.pageSize"
:total="pagination1.total"
prev-text="上一页"
next-text="下一页"
v-model:current-page="pagination1.currentPage"
@current-change="handlePaginationYLJ"
/>
</div> -->
</div> </div>
</div> </div>
<Dialog <Dialog
@ -272,7 +171,7 @@
</template> </template>
<script setup> <script setup>
import { reactive, ref, onMounted, watch } from "vue"; import { reactive, ref, onMounted, watch, computed } from "vue";
import Dialog from "@/view/dialog/dialog.vue"; import Dialog from "@/view/dialog/dialog.vue";
import { useRouter, useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import http from "@/utils/request.js"; import http from "@/utils/request.js";
@ -444,43 +343,7 @@ const pagination = reactive({
total: 50, total: 50,
showTotal: 0, showTotal: 0,
}); });
const handleTableChange = (pagination) => {
console.log(pagination);
};
const baseInfo = ref({}); const baseInfo = ref({});
//
const data1 = ref([
{
type: "职工医疗",
date: "2023/12",
sum: "500",
info: "人民医院******",
},
{
type: "职工医疗",
date: "2023/12",
sum: "500",
info: "人民医院******",
},
{
type: "职工医疗",
date: "2023/12",
sum: "500",
info: "人民医院******",
},
{
type: "职工医疗",
date: "2023/12",
sum: "500",
info: "人民医院******",
},
]);
const pagination1 = reactive({
current: 1,
pageSize: 5,
total: 50,
showTotal: 0,
});
const dialogShow = ref(false); const dialogShow = ref(false);
const tableType = reactive({ const tableType = reactive({
url: "", url: "",
@ -517,10 +380,6 @@ const columnsList = reactive({
label: "火化日期", label: "火化日期",
property: "hhrq", property: "hhrq",
}, },
{
label: "身份证号码",
property: "identNo",
},
{ {
label: "死亡日期", label: "死亡日期",
property: "swrq", property: "swrq",
@ -530,10 +389,6 @@ const columnsList = reactive({
学习: { 学习: {
url: "/api/ggfwyth/ysyzt/getRyxxxx", url: "/api/ggfwyth/ysyzt/getRyxxxx",
column: [ column: [
{
label: "身份证号码",
property: "identNo",
},
{ {
label: "学校", label: "学校",
property: "xx", property: "xx",
@ -547,10 +402,6 @@ const columnsList = reactive({
工作: { 工作: {
url: "/api/ggfwyth/ysyzt/getRygzxx", url: "/api/ggfwyth/ysyzt/getRygzxx",
column: [ column: [
{
label: "身份证号码",
property: "identNo",
},
{ {
label: "工作单位", label: "工作单位",
property: "gzdw", property: "gzdw",
@ -564,10 +415,6 @@ const columnsList = reactive({
出生: { 出生: {
url: "/api/ggfwyth/ysyzt/getRycsxx", url: "/api/ggfwyth/ysyzt/getRycsxx",
column: [ column: [
{
label: "身份证号码",
property: "identNo",
},
{ {
label: "出生地点", label: "出生地点",
property: "birthPlace", property: "birthPlace",
@ -581,10 +428,6 @@ const columnsList = reactive({
置业: { 置业: {
url: "/api/ggfwyth/ysyzt/getRyzyxx", url: "/api/ggfwyth/ysyzt/getRyzyxx",
column: [ column: [
{
label: "身份证号码",
property: "identNo",
},
{ {
label: "车牌号码", label: "车牌号码",
property: "cphm", property: "cphm",
@ -626,10 +469,6 @@ const columnsList = reactive({
退休养老: { 退休养老: {
url: "/api/ggfwyth/ysyzt/getRyylxxList", url: "/api/ggfwyth/ysyzt/getRyylxxList",
column: [ column: [
{
label: "身份证号码",
property: "identNo",
},
{ {
label: "养老金发放金额", label: "养老金发放金额",
property: "yljffje", property: "yljffje",
@ -647,10 +486,6 @@ const columnsList = reactive({
综合: { 综合: {
url: "/api/ggfwyth/ysyzt/getRyzhxx", url: "/api/ggfwyth/ysyzt/getRyzhxx",
column: [ column: [
// {
//   label: "",
//   property: "identNo",
// },
{ {
label: "医疗保险类型", label: "医疗保险类型",
property: "ylbxlx", property: "ylbxlx",
@ -666,6 +501,37 @@ const columnsList = reactive({
], ],
}, },
}); });
//title
const pdT = computed(() => {
if (tableType.title == "综合") {
return "医疗金发放情况";
} else if (tableType.title == "退休养老") {
return "养老金发放情况";
} else {
return tableType.title;
}
});
//
const pd = computed(() => {
return (name, type) => {
if (name == "医疗保险类型") {
if (type == "0") {
return "城乡居民基本医疗保险";
} else {
return "职工基本医疗保险";
}
} else if (name == "养老金类型") {
if (type == "0") {
return "城乡居民养老金";
} else {
return "职工养老金";
}
} else {
return type;
}
};
});
// //
const onClickTag = (item) => { const onClickTag = (item) => {
tableType.title = item.name; tableType.title = item.name;
@ -677,7 +543,7 @@ const onClickTag2 = (name) => {
tableType.title = name; tableType.title = name;
tableType.url = columnsList[name].url; tableType.url = columnsList[name].url;
tableType.columns = columnsList[name].column; tableType.columns = columnsList[name].column;
getTable(tableType.url); getTable(tableType.url, true);
}; };
const paginationDialog = reactive({ const paginationDialog = reactive({
current: 1, current: 1,
@ -689,40 +555,45 @@ const paginationDialog = reactive({
const rightType = ref(0); const rightType = ref(0);
// //
const rightList = ref([]); const rightList = ref([]);
// //
const getTable = (url) => { const getTable = (url, csh) => {
http http
.get(url, { .get(url, {
identNo: identNo.value, identNo: identNo.value,
current: paginationDialog.current, current: pagination.current,
size: paginationDialog.pageSize, size: pagination.pageSize,
}) })
.then((res) => { .then((res) => {
if (res.code == 200) { if (res.code == 200) {
tableType.data = res.data; tableType.data = res.data;
if (tableType.data?.length > 1) { if (csh) {
rightType.value = 1; if (tableType.data?.length > 1) {
} else { rightType.value = 1;
if (tableType.data == null) {
rightList.value = [];
} else { } else {
rightList.value = tableType.data[0]; if (tableType.data == null || tableType.data.length == 0) {
rightList.value.length = 0;
} else {
rightList.value = tableType.data[0];
}
rightType.value = 0;
} }
rightType.value = 0;
} }
console.log(rightType.value); console.log(rightType.value);
} }
}); });
}; };
const close = (pagination) => {
const close = () => {
dialogShow.value = false; dialogShow.value = false;
}; };
// //
const handlePaginationYLJ = (pagination) => {}; const handlePagination = (currentPage) => {
// pagination.current = currentPage;
const handlePaginationYL = (pagination) => {}; getTable(tableType.url, false);
};
// //
const handlePaginationDialog = (pagination) => { const handlePaginationDialog = (currentPage) => {
// dialogShow.value = false; // dialogShow.value = false;
}; };
// //
@ -784,20 +655,7 @@ const getData = (identNo) => {
// } // }
// }); // });
// }; // };
const getYlj = () => {
http
.get("/api/ggfwyth/ysyzt/getRyylxxList", {
identNo: identNo.value,
current: pagination.current,
size: pagination.pageSize,
})
.then((res) => {
if (res.code == 200) {
data.value = res.data;
// tableType.total=res.data.total;
}
});
};
const back = () => { const back = () => {
if (jump.value == "detail") { if (jump.value == "detail") {
router.back(); router.back();
@ -810,7 +668,6 @@ watch(
(newValue, oldValue) => { (newValue, oldValue) => {
identNo.value = props.message.identNo; identNo.value = props.message.identNo;
getData(props.message.identNo); getData(props.message.identNo);
getYlj();
onClickTag2("出生"); onClickTag2("出生");
jump.value = "map"; jump.value = "map";
} }
@ -821,9 +678,8 @@ onMounted(() => {
baseInfo.value.dz = routers.query.dz; baseInfo.value.dz = routers.query.dz;
baseInfo.value.identNo = routers.query.identNo; baseInfo.value.identNo = routers.query.identNo;
jump.value = "detail"; jump.value = "detail";
// getData("3"); getData("3");
// identNo.value="3" identNo.value = "3";
getYlj();
onClickTag2("出生"); onClickTag2("出生");
} else { } else {
jump.value = "map"; jump.value = "map";
@ -1002,7 +858,7 @@ onMounted(() => {
.my-info-label { .my-info-label {
position: relative; position: relative;
min-width: 80px; min-width: 40px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 18px; font-size: 18px;