重复定时和连续执行

guoshilong

2023-11-13 54849757852f6ab40eb17afbd03d1d839b60a38d

 src/pages/page-web/projects/project_list/index.vue

@@ -1,11 +1,12 @@
<template>
    <div class="project_list">
        <div class="left_content">
        <div :class="[isHidden? 'w50' : 'left_content']">
            <router-view />
        </div>
        <div class="right_content">
            <div class="map">
                <Map />
                <!-- <Map /> -->
                <GMap />
            </div>
            <div class="media-wrapper" v-if="root.$route.name === ERouterName.MEDIA">
                <MediaPanel />
@@ -13,16 +14,26 @@
            <div class="task-wrapper" v-if="root.$route.name === ERouterName.TASK">
                <TaskPanel />
            </div>
            <div class="device-wrapper" v-if="root.$route.name === ERouterName.IMPLEMENT">
                <Devices />
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import Map from '/@/components/cesiumMap/cesium.vue'
// import Map from '/@/components/cesiumMap/cesium.vue'
import GMap from '/@/components/GMap.vue'
import MediaPanel from '/@/components/MediaPanel.vue'
import TaskPanel from '/@/components/task/TaskPanel.vue'
import Devices from '/@/pages/page-web/projects/devices.vue'
import { EBizCode, ERouterName } from '/@/types'
import { getRoot } from '/@/root'
const route = useRoute()
const isHidden = computed(() => {
  const flag = !!route.meta?.hidden
  return flag
})
const root = getRoot()
</script>

@@ -32,12 +43,17 @@
    transition: width 0.2s ease;
    height: 100%;
    width: 100%;

    .left_content {
        width: 335px;
        min-height: 100vh;
    .w50 {
        width: 50px;
        max-height: 100vh;
        background-color: black;
        color: $text-white-basic;
        color: $text-white-basic !important;
    }
    .left_content {
        width: 370px;
        max-height: 100vh;
        background-color: black;
        color: $text-white-basic !important;
    }

    .right_content {
@@ -50,6 +66,7 @@
        }

        .media-wrapper,
        .device-wrapper,
        .task-wrapper {
            position: absolute;
            top: 0;