From 43300d2007f6a9e5470fe1610e5305d2e3573577 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Mon, 24 Jun 2024 13:54:57 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BA=A2=E8=89=B2=E7=A7=BB=E9=A3=8E=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E5=9B=BE=E7=89=87=E6=88=96=E8=80=85VR,=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E5=88=87=E6=8D=A2=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/store/modules/dialog.js                       | 15 +++++++++++----
 .../next/screen-content-left/hsyf-left/index.vue  | 14 ++++++++++----
 .../next/screen-content-map/cpt/hsyf-iframe.vue   | 15 +++++++++------
 3 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/src/store/modules/dialog.js b/src/store/modules/dialog.js
index 57407ea..f129c89 100644
--- a/src/store/modules/dialog.js
+++ b/src/store/modules/dialog.js
@@ -36,8 +36,8 @@ export default {
     szyfTalents: false,
     viewPdf: false,
     dyfcId: null,
-    yzfcId: null
-
+    yzfcId: null,
+    vrImg:false
   },
   mutations: {
     set_yfcj (state, visible) {
@@ -152,7 +152,10 @@ export default {
     },
     set_hsyf_djType (state, value) {
       state.djType = value
-    }
+    },
+    set_hsyf_vr_img(state, value) {
+      state.vrImg = value
+    },
   },
   actions: {
     SET_YFCJ (context, visible) {
@@ -268,6 +271,9 @@ export default {
     SET_GSXQ_ID (context, val) {
       context.commit('set_gsxq_id', val)
     },
+    SET_HSYF_VR_IMG(context, val){
+      context.commit('set_hsyf_vr_img', val)
+    },
     // 确保当前只能显示最近点击的弹窗
     showGlobalDialog (context, type) {
       context.commit('set_yfcj', false)
@@ -403,6 +409,7 @@ export default {
     dyfcId: state => state.dyfcId,
     yzfcId: state => state.yzfcId,
     szyfTalents: state => state.szyfTalents,
-    gsxq: state => state.gsxq
+    gsxq: state => state.gsxq,
+    vrImg:state => state.vrImg,
   }
 }
diff --git a/src/views/next/screen-content-left/hsyf-left/index.vue b/src/views/next/screen-content-left/hsyf-left/index.vue
index 6c50fb2..521f832 100644
--- a/src/views/next/screen-content-left/hsyf-left/index.vue
+++ b/src/views/next/screen-content-left/hsyf-left/index.vue
@@ -112,7 +112,7 @@
       <screen-title-red>
         <div slot="left" class="screen-title-left">微网格</div>
       </screen-title-red>
-      <div class="card-item-tag">
+      <div class="card-item-tag" @click="handelClickSwitch">
         <div class="wwgCenter">
           <div class="wwgCenterZhuan"></div>
           <div class="wwgCenterWjx"></div>
@@ -401,7 +401,7 @@ export default {
   },
   beforeDestroy () {},
   methods: {
-    // ...mapGetters(['hsyfCompany']),
+   
     ...mapActions({
       // set_garden: 'SET_GARDEN',
       set_organization: 'SET_ORGANIZATION',
@@ -414,8 +414,12 @@ export default {
       set_dyzxh_committee: 'SET_DYZXH_COMMITTEE',
       set_dangyuan_committee: 'SET_DANGYUAN_COMMITTEE',
       set_hsyf_attractions: 'SET_HSYF_ATTRACTIONS',
-      set_hsyf_jzfw: 'SET_HSYF_JZFW'
+      set_hsyf_jzfw: 'SET_HSYF_JZFW',
+      set_hsyf_vr_img: 'SET_HSYF_VR_IMG'
     }),
+    handelClickSwitch(){
+      this.set_hsyf_vr_img(!this.vrImg)
+    },
     getData () {
       partyOrgCategoryAndQuantity().then((res) => {
         this.zzjsValues = res.data
@@ -516,7 +520,9 @@ export default {
     }
   },
   components: {},
-  computed: {},
+  computed: {
+    ...mapGetters(['vrImg'])
+  },
   watch: {}
 }
 </script>
diff --git a/src/views/next/screen-content-map/cpt/hsyf-iframe.vue b/src/views/next/screen-content-map/cpt/hsyf-iframe.vue
index ce8f628..848d76f 100644
--- a/src/views/next/screen-content-map/cpt/hsyf-iframe.vue
+++ b/src/views/next/screen-content-map/cpt/hsyf-iframe.vue
@@ -9,14 +9,15 @@
 -->
 <template>
   <div style="width: 100%; height: 100%;">
-    <div class='bg_img'>
-      <iframe src="https://quanjingtong.cn/t/h3qde4mz8ly" frameborder="no" width="100%" height="100%" id="myIframe">
-      </iframe>
+    <iframe  v-if="vrImg" src="https://quanjingtong.cn/t/h3qde4mz8ly" frameborder="no" width="100%" height="100%" id="myIframe">
+    </iframe>
+    <div class='bg_img' v-else>
     </div>
   </div>
 </template>
 
 <script>
+import { mapGetters} from 'vuex'
 export default {
   data() {
     return {}
@@ -41,15 +42,17 @@ export default {
     }
   },
   components: {},
-  computed: {},
+  computed: {
+    ...mapGetters(['vrImg'])
+  },
   watch: {}
 }
 </script>
 
 <style lang="scss" scoped>
 .bg_img {
-  // background: url('~@/assets/images/map/hsyf.jpg');
-  // background-size: 100% 100%;
+  background: url('~@/assets/images/map/hsyf.jpg');
+  background-size: 100% 100%;
   width: 100%;
   height: 100%;
   display: flex;