xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
闫世杰 2024-12-19 09:28:22 +08:00
parent 09a47cff5a
commit f60b16409a
1 changed files with 158 additions and 174 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
src/view/person/index.vue
View File

@ -74,17 +74,22 @@
v-for="item in dataMyTag.myTag" v-for="item in dataMyTag.myTag"
:key="item" :key="item"
@click="item.show ? onClickTag(item) : ''" @click="item.show ? onClickTag(item) : ''"
:class="item.show ? 'my-tag-item_active' : ''" :class="item.show ? 'my-tag-item_active' : ''">
>
<p> <p>
{{ item.name }} {{ item.name }}
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<div class="person-content">
<div class="back" @click="back()">
<img src="@/assets/person/back.png" alt="" />
<p>返回</p>
</div>
<div class="person-main"> <div class="person-main">
<div <div
v-for="(item, index) in dataMyTag.myTag1" v-for="(item, index) in dataMyTag.myTag1"
:key="index"
class="main-tag-item" class="main-tag-item"
:class="[ :class="[
item.name == '身后事' && !isShs item.name == '身后事' && !isShs
@ -92,20 +97,19 @@
: 'main-tag-item', : 'main-tag-item',
item.name == tableType.title ? 'main-tag-item_active' : '', item.name == tableType.title ? 'main-tag-item_active' : '',
]" ]"
@click="onClickTag2(item.name, item.label)" @click="onClickTag2(item.name, item.label)">
>
<span v-if="item.name == '退休养老'"> 退休<br />养老</span> <span v-if="item.name == '退休养老'"> 退休<br />养老</span>
<span v-else>{{ item.name }}</span> <span v-else>{{ item.name }}</span>
</div> </div>
<div class="person-main-person"></div> <div class="person-main-person"></div>
<div class="back" @click="back()">
<img src="@/assets/person/back.png" alt="" />
<p>返回</p>
</div>
<!-- v-if="dataMyTag.camera" --> <!-- v-if="dataMyTag.camera" -->
<div class="videoCamera" v-if="dataMyTag.camera" @click="openCamera()"> <div
class="videoCamera"
v-if="dataMyTag.camera"
@click="openCamera()">
<img src="@/assets/images/sxt_detail.png" alt="" /> <img src="@/assets/images/sxt_detail.png" alt="" />
</div> </div>
</div>
<div class="main_table"> <div class="main_table">
<el-table <el-table
v-loading="showFw" v-loading="showFw"
@ -125,16 +129,14 @@
height: '50px', height: '50px',
backgroundColor: 'rgba(31, 63, 113, 1)', backgroundColor: 'rgba(31, 63, 113, 1)',
color: '#fff', color: '#fff',
}" }">
>
<template v-for="item in tableMain.columns"> <template v-for="item in tableMain.columns">
<el-table-column <el-table-column
v-if="item.type == 'slot'" v-if="item.type == 'slot'"
:label="item.label" :label="item.label"
:prop="item.property" :prop="item.property"
:width="item.width" :width="item.width"
:align="item.align || 'left'" :align="item.align || 'left'">
>
<template #default="scope"> <template #default="scope">
<!-- 医疗保险类型 --> <!-- 医疗保险类型 -->
<div v-if="item.property == 'xs'"> <div v-if="item.property == 'xs'">
@ -148,12 +150,12 @@
:width="item.width" :width="item.width"
:prop="item.property" :prop="item.property"
:label="item.label" :label="item.label"
:align="item.align || 'left'" :align="item.align || 'left'" />
/>
</template> </template>
</el-table> </el-table>
</div> </div>
</div> </div>
<div class="person-side"> <div class="person-side">
<div v-if="dataMyTag.title == '医疗保险'"> <div v-if="dataMyTag.title == '医疗保险'">
<div> <div>
@ -178,14 +180,12 @@
height: '50px', height: '50px',
backgroundColor: 'rgba(31, 63, 113, 1)', backgroundColor: 'rgba(31, 63, 113, 1)',
color: '#fff', color: '#fff',
}" }">
>
<template v-for="item in tableType.columns"> <template v-for="item in tableType.columns">
<el-table-column <el-table-column
v-if="item.type == 'slot'" v-if="item.type == 'slot'"
:label="item.label" :label="item.label"
:prop="item.property" :prop="item.property">
>
<template #default="scope"> <template #default="scope">
<!-- 医疗保险类型 --> <!-- 医疗保险类型 -->
<div v-if="item.property == 'ylbxlx'"> <div v-if="item.property == 'ylbxlx'">
@ -200,8 +200,7 @@
v-else v-else
:width="item.width" :width="item.width"
:prop="item.property" :prop="item.property"
:label="item.label" :label="item.label" />
/>
</template> </template>
</el-table> </el-table>
<el-pagination <el-pagination
@ -212,8 +211,7 @@
prev-text="上一页" prev-text="上一页"
next-text="下一页" next-text="下一页"
v-model:current-page="pagination.current" v-model:current-page="pagination.current"
@current-change="handlePagination" @current-change="handlePagination" />
/>
</div> </div>
</div> </div>
<div> <div>
@ -238,14 +236,12 @@
height: '50px', height: '50px',
backgroundColor: 'rgba(31, 63, 113, 1)', backgroundColor: 'rgba(31, 63, 113, 1)',
color: '#fff', color: '#fff',
}" }">
>
<template v-for="item in dataMyTag.form.column"> <template v-for="item in dataMyTag.form.column">
<el-table-column <el-table-column
:width="item.width" :width="item.width"
:prop="item.property" :prop="item.property"
:label="item.label" :label="item.label" />
/>
</template> </template>
</el-table> </el-table>
<el-pagination <el-pagination
@ -256,8 +252,7 @@
prev-text="上一页" prev-text="上一页"
next-text="下一页" next-text="下一页"
v-model:current-page="zhpagination.current" v-model:current-page="zhpagination.current"
@current-change="handlePagination1" @current-change="handlePagination1" />
/>
</div> </div>
</div> </div>
<div> <div>
@ -282,14 +277,12 @@
height: '50px', height: '50px',
backgroundColor: 'rgba(31, 63, 113, 1)', backgroundColor: 'rgba(31, 63, 113, 1)',
color: '#fff', color: '#fff',
}" }">
>
<template v-for="item in dataMyTag.zfForm.column"> <template v-for="item in dataMyTag.zfForm.column">
<el-table-column <el-table-column
:width="item.width" :width="item.width"
:prop="item.property" :prop="item.property"
:label="item.label" :label="item.label" />
/>
</template> </template>
</el-table> </el-table>
<el-pagination <el-pagination
@ -300,8 +293,7 @@
prev-text="上一页" prev-text="上一页"
next-text="下一页" next-text="下一页"
v-model:current-page="zfpagination.current" v-model:current-page="zfpagination.current"
@current-change="handlePagination2" @current-change="handlePagination2" />
/>
</div> </div>
</div> </div>
</div> </div>
@ -327,14 +319,12 @@
height: '50px', height: '50px',
backgroundColor: 'rgba(31, 63, 113, 1)', backgroundColor: 'rgba(31, 63, 113, 1)',
color: '#fff', color: '#fff',
}" }">
>
<template v-for="item in tableType.columns"> <template v-for="item in tableType.columns">
<el-table-column <el-table-column
v-if="item.type == 'slot'" v-if="item.type == 'slot'"
:label="item.label" :label="item.label"
:prop="item.property" :prop="item.property">
>
<template #default="scope"> <template #default="scope">
<!-- 医疗保险类型 --> <!-- 医疗保险类型 -->
<div v-if="item.property == 'ylbxlx'"> <div v-if="item.property == 'ylbxlx'">
@ -357,8 +347,7 @@
v-else v-else
:width="item.width" :width="item.width"
:prop="item.property" :prop="item.property"
:label="item.label" :label="item.label" />
/>
</template> </template>
</el-table> </el-table>
<el-pagination <el-pagination
@ -369,8 +358,7 @@
prev-text="上一页" prev-text="上一页"
next-text="下一页" next-text="下一页"
v-model:current-page="pagination.current" v-model:current-page="pagination.current"
@current-change="handlePagination" @current-change="handlePagination" />
/>
</div> </div>
</div> </div>
<div v-else> <div v-else>
@ -380,8 +368,7 @@
<div class="my-info"> <div class="my-info">
<div <div
class="my-info-item" class="my-info-item"
v-if="dataMyTag.title == '学习' && baseInfo.eduPhase" v-if="dataMyTag.title == '学习' && baseInfo.eduPhase">
>
<div class="my-info-label" style="min-width: 40px">学历</div> <div class="my-info-label" style="min-width: 40px">学历</div>
<div class="my-info-content"> <div class="my-info-content">
<p>{{ baseInfo.eduPhase || "" }}</p> <p>{{ baseInfo.eduPhase || "" }}</p>
@ -389,8 +376,7 @@
</div> </div>
<div <div
class="my-info-item" class="my-info-item"
v-if="dataMyTag.title == '婚育' && baseInfo.maritalStatus" v-if="dataMyTag.title == '婚育' && baseInfo.maritalStatus">
>
<div class="my-info-label">婚姻状况</div> <div class="my-info-label">婚姻状况</div>
<div class="my-info-content"> <div class="my-info-content">
<p>{{ baseInfo.maritalStatus || "" }}</p> <p>{{ baseInfo.maritalStatus || "" }}</p>
@ -399,14 +385,12 @@
<div v-for="(item, index) in tableType.columns"> <div v-for="(item, index) in tableType.columns">
<div <div
class="my-info-item" class="my-info-item"
v-if="rightList?.length != 0 && item.show == true" v-if="rightList?.length != 0 && item.show == true">
>
<div <div
class="my-info-label" class="my-info-label"
:class=" :class="
item.label == '学校' || item.label == '班级' ? 'widu' : '' item.label == '学校' || item.label == '班级' ? 'widu' : ''
" ">
>
{{ item.label }} {{ item.label }}
</div> </div>
<div class="my-info-content"> <div class="my-info-content">
@ -432,8 +416,7 @@
:cameraShow="camerali.show" :cameraShow="camerali.show"
:hlsUriSsl="camerali.hlsUriSsl" :hlsUriSsl="camerali.hlsUriSsl"
:sxtnames="camerali.name" :sxtnames="camerali.name"
@close="close1" @close="close1">
>
</DialogCamera> </DialogCamera>
</div> </div>
</template> </template>
@ -1100,7 +1083,7 @@ const visitRecords = () => {
}); });
}; };
//获取服务内容 //获取服务内容
const getFw = async() => { const getFw = async () => {
await http await http
.get( .get(
`/api/ggfwyth/pg/fwjgqdxq?sfzhm=${routers.query.identNo}&xh=${routers.query.xh}` `/api/ggfwyth/pg/fwjgqdxq?sfzhm=${routers.query.identNo}&xh=${routers.query.xh}`
@ -1141,7 +1124,7 @@ const getFw = async() => {
}; };
const showFw = ref(true); const showFw = ref(true);
//获取服务内容(地图过来) //获取服务内容(地图过来)
const getFw2 = async(identNo) => { const getFw2 = async (identNo) => {
await http.get(`/api/ggfwyth/ysyzt/fwxq?sfzhm=${identNo}`).then((res) => { await http.get(`/api/ggfwyth/ysyzt/fwxq?sfzhm=${identNo}`).then((res) => {
if (res.code == 200) { if (res.code == 200) {
// tableType.data = res.data; // tableType.data = res.data;
@ -1168,7 +1151,6 @@ const getFw2 = async(identNo) => {
tableMain.data.push(obj); tableMain.data.push(obj);
}); });
} }
} else { } else {
ElMessage.warning({ ElMessage.warning({
message: res.message, message: res.message,
@ -1228,7 +1210,6 @@ watch(
jump.value = "map"; jump.value = "map";
getshs(); getshs();
getFw2(props.message.identNo); getFw2(props.message.identNo);
} }
); );
onMounted(() => { onMounted(() => {
@ -1243,7 +1224,6 @@ onMounted(() => {
onClickTag2("出生", "出生"); onClickTag2("出生", "出生");
getshs(); getshs();
getFw(); getFw();
} else { } else {
jump.value = "map"; jump.value = "map";
} }
@ -1308,11 +1288,14 @@ onMounted(() => {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
} }
} }
.person-content {
.person-main {
flex: content;
position: relative; position: relative;
flex: auto;
min-width: 300px;
.person-main {
width: 100%;
height: 100%; height: 100%;
position: relative;
.main-tag-item { .main-tag-item {
background: url("../../assets/person/tag.png") no-repeat; background: url("../../assets/person/tag.png") no-repeat;
@ -1422,13 +1405,14 @@ onMounted(() => {
background-size: 100% 100%; background-size: 100% 100%;
z-index: 3; z-index: 3;
} }
}
.main_table { .main_table {
box-sizing: border-box; box-sizing: border-box;
padding: 15px; padding: 15px;
opacity: 0.85; opacity: 0.85;
z-index: 5; z-index: 5;
position: absolute; position: absolute;
bottom: -30px; bottom: 56px;
left: 90px; left: 90px;
width: 600px; width: 600px;
height: 250px; height: 250px;