From 8cd477314dba76f5e9b8aa8310b3c6cf9180a65d Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Sat, 20 Jan 2024 09:46:45 +0800
Subject: [PATCH] 社区商业详情弹窗
---
src/components/map/components/businessDataPopup.vue | 23 ++++++++++++++++++++++-
1 files changed, 22 insertions(+), 1 deletions(-)
diff --git a/src/components/map/components/businessDataPopup.vue b/src/components/map/components/businessDataPopup.vue
index 7d48f4d..a9adc99 100644
--- a/src/components/map/components/businessDataPopup.vue
+++ b/src/components/map/components/businessDataPopup.vue
@@ -23,7 +23,7 @@
<div class="arrow-rb"></div>
<div class="label-wrap">
<div class="title">
- 商业信息
+ 商业信息<span class="details-link" @click="goDetail">详情>>></span>
<div class="close" @click="closePopup" title="关闭"></div>
</div>
<div class="label-content">
@@ -63,19 +63,24 @@
</div>
</div>
</div>
+ <businessDetailDialog ref="businessDetailDialog" :popupTile="popupTile"></businessDetailDialog>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
+import businessDetailDialog from "@/components/dialog/businessDetailDialog"
export default {
name: 'businessDataPopup',
inject: ["getWidth", 'userInfo'],
+ components: { businessDetailDialog },
+
data () {
return {
+ popupTile: '详情信息',
scaleDomFlag: false
}
},
@@ -99,6 +104,10 @@
methods: {
closePopup () {
this.$store.commit('SET_BUSINESSDATAPOPUP', false)
+ },
+
+ goDetail () {
+ this.$refs.businessDetailDialog.initOpen()
},
}
}
@@ -306,6 +315,18 @@
height: 36px;
line-height: 36px;
+ .details-link {
+ color: #6185e9;
+ cursor: pointer;
+ line-height: 24px;
+ margin-left: 50px;
+ }
+
+ .details-link:hover {
+ // color: #fff;
+ border-bottom: 1px solid #3760cf;
+ }
+
.details-btn {
position: absolute;
top: 0;
--
Gitblit v1.9.3