<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2024-11-08 11:00:30
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-12-26 16:35:38
|
* @FilePath: \bigScreen\src\views\companyInfo\index.vue
|
* @Description:
|
*
|
* Copyright (c) 2024 by shuishen, All Rights Reserved.
|
-->
|
<script setup>
|
import { computerCapacity } from "utils/turfPolygon.js"
|
import qyfw from "@/assets/json/qyfw"
|
import rightContainer from './components/rightContainer.vue'
|
import leftContainer from './components/leftContainer.vue'
|
import centerContainer from './components/centerContainer.vue' // 修改这里
|
import mainMenuVue from './components/mainMenu.vue'
|
import { onUnmounted } from "vue"
|
|
let buttonIndex = ref(1)
|
let data = reactive({
|
companyInfo: {}
|
})
|
|
let curCompanyWall = new DC.VectorLayer('curCompanyWall')
|
window.$viewer.addLayer(curCompanyWall)
|
|
data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
|
let curCompany = qyfw.features.find(item => item.properties.name == data.companyInfo.name)
|
|
if (curCompany) {
|
let wall = new DC.Wall(
|
curCompany.geometry.coordinates[0].map(d => [...d, 125].join(',')).join(';')
|
)
|
|
wall.setStyle({
|
material: new DC.WallTrailMaterialProperty({
|
color: window.$Cesium.Color.fromBytes(255, 255, 0, 180),
|
speed: 10
|
})
|
})
|
curCompanyWall.addOverlay(wall)
|
} else {
|
let lng = data.companyInfo.lng
|
let lat = data.companyInfo.lat
|
|
if (lng && lat) {
|
window.$viewer.zoomToPosition(new DC.Position(
|
lng,
|
lat,
|
400,
|
0,
|
-90,
|
0
|
), () => {
|
})
|
}
|
}
|
|
onMounted(() => {
|
window.$viewer && window.$viewer.flyTo(curCompanyWall)
|
})
|
|
onUnmounted(() => {
|
window.$viewer && window.$viewer.removeLayer(curCompanyWall)
|
curCompanyWall = null
|
})
|
|
const handleChildEvent = (data) => {
|
buttonIndex.value = data
|
// localStorage.setItem('buttonIndex', data);
|
|
}
|
</script>
|
|
<template>
|
<div class="container cur-page-container">
|
<div class="main-header">
|
<centerContainer :button-index="buttonIndex" @childEvent="handleChildEvent"></centerContainer>
|
</div>
|
<div class="main-container">
|
<left-container :button-index="buttonIndex"></left-container>
|
</div>
|
|
<div class="main-container" v-if="buttonIndex <= 2">
|
<right-container :button-index="buttonIndex"></right-container>
|
</div>
|
<main-menu-vue :button-index="buttonIndex" @childEvent="handleChildEvent"></main-menu-vue>
|
</div>
|
</template>
|
|
<style lang="scss" scoped>
|
.container {
|
position: absolute;
|
width: 100%;
|
height: 100%;
|
|
.main-header {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
position: absolute;
|
top: 0;
|
width: 100%;
|
height: 6vh;
|
pointer-events: auto;
|
}
|
|
.main-container {
|
position: absolute;
|
top: 80px;
|
left: 40px;
|
right: 40px;
|
bottom: 40px;
|
}
|
}
|
|
.cur-page-container {}
|
</style>
|
