<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2023-03-10 15:27:59
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-11-01 10:42:13
|
* @FilePath: \bigScreen\src\views\survey\components\rightContainer.vue
|
* @Description:
|
*
|
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
|
-->
|
<script setup>
|
import fireSource from './box/fireSource.vue'
|
import fireTrend from './box/fireTrend.vue'
|
// import occurStatistics from './box/occurStatistics.vue'
|
// import publicContent from './box/publicContent.vue'
|
</script>
|
|
<template>
|
<div class="right-container">
|
<div class="h0 fire-source box">
|
<title-box>
|
<template #titleName>
|
园区简介
|
</template>
|
</title-box>
|
<fire-source></fire-source>
|
</div>
|
|
<!-- <div class="fire-trend box">
|
<title-box>
|
<template #titleName>
|
火警上报趋势
|
</template>
|
</title-box>
|
<occur-statistics></occur-statistics>
|
</div> -->
|
|
|
<div class="h0 occur-statistics box">
|
<title-box>
|
<template #titleName>
|
企业名录
|
</template>
|
</title-box>
|
<fire-trend></fire-trend>
|
</div>
|
|
|
</div>
|
</template>
|
|
<style lang="scss" scoped>
|
.right-container {
|
display: flex;
|
flex-direction: column;
|
padding: 20px;
|
position: absolute;
|
top: 0;
|
right: 0;
|
width: 440px;
|
height: 100%;
|
pointer-events: auto;
|
|
.fire-source {
|
flex: 3;
|
}
|
|
.occur-statistics {
|
flex: 2;
|
}
|
}
|
</style>
|
