修改项目基本结构

胡思旗

2023-08-28 e4fde8d21725b25f8a25fc6dbb0a1e4f6c1efe28

修改项目基本结构

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

@@ -7,12 +7,23 @@
            <div class="map">
                <Map />
            </div>
            <div class="media-wrapper" v-if="root.$route.name === ERouterName.MEDIA">
                <MediaPanel />
            </div>
            <div class="task-wrapper" v-if="root.$route.name === ERouterName.TASK">
                <TaskPanel />
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import Map from '/@/components/cesiumMap/cesium.vue'
import MediaPanel from '/@/components/MediaPanel.vue'
import TaskPanel from '/@/components/task/TaskPanel.vue'
import { EBizCode, ERouterName } from '/@/types'
import { getRoot } from '/@/root'
const root = getRoot()
</script>

<style scoped lang="scss">
@@ -26,17 +37,28 @@
        width: 335px;
        min-height: 100vh;
        background-color: black;
        color:$text-white-basic;
        color: $text-white-basic;
    }

    .right_content {
        position: relative;
        flex:1;
        flex: 1;

        .map {
            width: 100%;
            height: 100%;
        }

        .media-wrapper,
        .task-wrapper {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 100;
            background: #f6f8fa;
        }
    }
}
</style>