From a3c6e3a5177b15021dad5788688294b1d863717a Mon Sep 17 00:00:00 2001 From: longyvfengyun <496960745@qq.com> Date: 星期四, 06 七月 2023 16:19:36 +0800 Subject: [PATCH] 内容修改 --- src/views/home/index.vue | 31 +++++++++++++++++++++++++++---- 1 files changed, 27 insertions(+), 4 deletions(-) diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 051d1eb..2e42cc5 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -4,6 +4,9 @@ import slideMenu from "@/views/mainLayout/js/slideMenu"; import homeContentModule from "@/views/home/js/homeContentModule"; import homeInfoModule from "@/views/home/js/homeInfoModule"; +import homeDetailModule from "@/views/home/js/homeDetailModule"; +import HomeDetail from "@/views/home/components/homeDetail.vue"; +import {ElMessage} from "element-plus"; const isShowMapPin = ref(true); @@ -19,6 +22,19 @@ } = homeContentModule(); const {homeInfo} = homeInfoModule(); +const {getHomeDetailInfo} = homeDetailModule(); +const homeItemDialog = ref(false); +const homeDetailInfo = ref({}); +const handleClick = (info)=>{ + let rs = getHomeDetailInfo(info.num); + if(rs.code === 1) { + homeDetailInfo.value = rs.data; + homeItemDialog.value = true; + }else { + ElMessage(rs.msg); + } + +} watch(isCollapse, ()=>{ isShowMapPin.value = false; @@ -51,11 +67,18 @@ :c-width="cWidth" :c-height="cHeight" :d-width="dWidth" :d-height="dHeight" :x="item.pos.x" :y="item.pos.y" - :info="item.info"></map-pin> - <div class="card-box-list"> - - </div> + :info="item.info" @click="handleClick"></map-pin> + <el-dialog + v-model="homeItemDialog" + title="鏈烘埧璇︽儏" + width="auto" + class="center-dialog" + modal-class="high-level-dialog" + align-center> + <home-detail :info="homeDetailInfo"></home-detail> + </el-dialog> </div> + </template> <style scoped> -- Gitblit v1.9.1