园区概况跳转企业详情处理

shuishen

2024-11-06 4afab589ea612470d96642107cf0f210da814841

 src/views/layout/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:24
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-01 20:00:52
 * @LastEditTime: 2024-11-06 11:05:46
 * @FilePath: \bigScreen\src\views\layout\index.vue
 * @Description: 
 * 
@@ -13,23 +13,30 @@
    <map-container ref="MapContainer">
      <template #content>
        <div v-if="showContent" class="main-content" id="MainContent">
          <div class="main-header">
            <div class="title">吉水化工园区“一园一策一图”VR平台</div>

            <div class="login-out" @click="signOut">
              <img :src="loginOutBg" class="img" />
              <span>退出</span>
            </div>
          </div>

          <div class="main-container">
            <!-- 地图区域 -->
            <router-view ref="target-name"></router-view>
          </div>

          <main-search></main-search>
          <main-tool></main-tool>
          <main-menu></main-menu>

          <div v-if="!showSubLayout" class="w100 h100">
            <div class="main-header">
              <div class="title">吉水化工园区“一园一策一图”VR平台</div>

              <div class="login-out" @click="signOut">
                <img :src="loginOutBg" class="img" />
                <span>退出</span>
              </div>
            </div>

            <div class="main-container">
              <!-- 地图区域 -->
              <router-view></router-view>
            </div>

            <main-menu></main-menu>
          </div>

          <div v-if="showSubLayout" class="w100 h100">
            <router-view></router-view>
          </div>
        </div>
      </template>
    </map-container>
@@ -48,16 +55,25 @@
import { useLogin } from 'store/login'
const loginStore = useLogin()
import { useMap } from 'store/map'
import { useRouterStore } from 'store/router'
const store = useMap()
const storeRouter = useRouterStore()
const showContent = ref(false)
const showSubLayout = ref(false)

// 监听createB的变化  
watch(
  () => store.loadMap,
  (newValue) => {
    if (newValue) {
  [
    () => store.loadMap,
    () => storeRouter.loadSub,
  ],
  ([newLoadMap, newLoadSub]) => {
    if (newLoadMap) {
      showContent.value = true
    }

    console.log(newLoadSub, 5555)
    showSubLayout.value = newLoadSub
  },
  { immediate: true } // 设置immediate为true以便在组件挂载时立即检查createB的值  
)