This commit is contained in:
姚宇浩 2024-08-06 11:22:49 +08:00
parent 4ad9d7b311
commit 1151df11d5
5 changed files with 68 additions and 29 deletions

BIN
src/assets/person/back.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 949 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -5,7 +5,17 @@
<img class="title" src="../assets/img_07.png" alt="" /> <img class="title" src="../assets/img_07.png" alt="" />
</div> --> </div> -->
<Header /> <Header />
<!-- <keep-alive include="首页地图">
<router-view /> <router-view />
</keep-alive> -->
<!-- <router-view v-slot="{ Component }">
<keep-alive>
<component :is="Component" />
</keep-alive>
</router-view> -->
<keep-alive :max="1" :include="['首页地图']">
<router-view />
</keep-alive>
</div> </div>
</div> </div>
</template> </template>
@ -22,8 +32,8 @@ watch(
() => routers.path, () => routers.path,
(newVal, oldVal) => { (newVal, oldVal) => {
nextTick(() => { nextTick(() => {
reset_font() reset_font();
}) });
} }
); );
const reset_font = () => { const reset_font = () => {
@ -31,7 +41,6 @@ const reset_font = () => {
let height = let height =
document.documentElement.clientHeight || document.body.clientHeight; document.documentElement.clientHeight || document.body.clientHeight;
document.querySelector("#m").style.transformOrigin = "top left"; document.querySelector("#m").style.transformOrigin = "top left";
document.querySelector("#m").style.transform = document.querySelector("#m").style.transform =
"scale(" + width / 1920 + "," + height / 1080 + ")"; "scale(" + width / 1920 + "," + height / 1080 + ")";
@ -39,17 +48,14 @@ const reset_font = () => {
document.querySelector(".header_content").style.transformOrigin = "top left"; document.querySelector(".header_content").style.transformOrigin = "top left";
document.querySelector(".header_content").style.transform = document.querySelector(".header_content").style.transform =
"scale(" + width / 1920 + "," + height / 1080 + ")"; "scale(" + width / 1920 + "," + height / 1080 + ")";
if ( if (document.querySelector(".left")) {
document.querySelector(".left")) {
document.querySelector(".left").style.transformOrigin = "bottom left"; document.querySelector(".left").style.transformOrigin = "bottom left";
document.querySelector(".left").style.transform = document.querySelector(".left").style.transform =
"scale(" + width / 1920 + "," + height / 1080 + ")"; "scale(" + width / 1920 + "," + height / 1080 + ")";
document.querySelector(".right").style.transformOrigin = "bottom right"; document.querySelector(".right").style.transformOrigin = "bottom right";
document.querySelector(".right").style.transform = document.querySelector(".right").style.transform =
"scale(" + width / 1920 + "," + height / 1080 + ")"; "scale(" + width / 1920 + "," + height / 1080 + ")";
} }
}; };
onMounted(() => { onMounted(() => {
reset_font(); reset_font();
@ -93,7 +99,6 @@ body {
overflow: hidden; overflow: hidden;
// position: absolute; // position: absolute;
z-index: -1; z-index: -1;
} }
#emap { #emap {

View File

@ -85,6 +85,10 @@
<div class="main-tag-item">身后事</div> <div class="main-tag-item">身后事</div>
<div class="main-tag-item">综合</div> <div class="main-tag-item">综合</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>
</div> </div>
<div class="person-side"> <div class="person-side">
<div class="my-label"> <div class="my-label">
@ -415,11 +419,11 @@ const getData = (nm, identNo) => {
{ {
type: res.data.yljlx, type: res.data.yljlx,
date: res.data.yljffrq, date: res.data.yljffrq,
sum:res.data.yljffje sum: res.data.yljffje,
} },
] ];
} else { } else {
data.value=[] data.value = [];
} }
// console.log(dataMyTag.myTag, 555); // console.log(dataMyTag.myTag, 555);
} }
@ -452,9 +456,12 @@ const getData = (nm, identNo) => {
// } // }
// }); // });
// }; // };
const back=()=>{
router.back()
}
onMounted(() => { onMounted(() => {
// console.log(routers.query); // console.log(routers.query);
if(routers.query.type == 'map'){ if (routers.query.type == "map") {
getData(routers.query.nm, routers.query.identNo); getData(routers.query.nm, routers.query.identNo);
} else { } else {
// getData2(routers.query.nm, routers.query.identNo); // getData2(routers.query.nm, routers.query.identNo);
@ -462,7 +469,6 @@ 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;
} }
}); });
</script> </script>
@ -766,4 +772,30 @@ onMounted(() => {
} }
} }
} }
.back {
box-sizing: border-box;
position: absolute;
width: 88px;
height: 36px;
top: 0px;
left: 30px;
background: url("../../assets/person/back_bg.png") no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
padding: 10px 16px;
z-index: 10;
cursor: pointer;
img {
width: 17px;
height: 16px;
}
p {
margin-left: 5px;
font-weight: 400;
font-size: 16px;
color: #b5eaff;
line-height: 22px;
}
}
</style> </style>

View File

@ -179,6 +179,7 @@ import {
defineProps, defineProps,
watch, watch,
nextTick, nextTick,
onActivated
} from "vue"; } from "vue";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import tools from "@/utils/tools"; import tools from "@/utils/tools";
@ -1752,6 +1753,7 @@ const open_detail = () => {
const close = () => { const close = () => {
dialogShow.value = false; dialogShow.value = false;
pagination.total = 100; pagination.total = 100;
pagination.currentPage=1;
}; };
// //
const handlePagination = (current) => { const handlePagination = (current) => {
@ -1766,7 +1768,7 @@ const handlePagination = (current) => {
} else { } else {
age = choose.value.person - 1; age = choose.value.person - 1;
} }
person_detail(); person_detail(age);
}; };
// //
const person_detail = (age) => { const person_detail = (age) => {