<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2023-03-10 15:27:59
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-10-25 18:43:23
|
* @FilePath: \bigScreen\src\views\statistics\components\leftContainer.vue
|
* @Description:
|
*
|
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
|
-->
|
<script setup>
|
import dataContent from './box/dataContent.vue'
|
import unitContent from './box/unitContent.vue'
|
import fireContent from './box/fireContent.vue'
|
|
let state = defineProps({
|
buttonIndex: {
|
type: Number,
|
default: 1
|
}
|
})
|
|
</script>
|
|
<template>
|
<div class="left-container">
|
|
<div class="unit box" v-if="state.buttonIndex == 3">
|
<title-box>
|
<template #titleName>
|
<!-- 应急空间 -->
|
</template>
|
</title-box>
|
<unit-content></unit-content>
|
</div>
|
|
<div class="data box" v-if="state.buttonIndex == 4">
|
<title-box>
|
<template #titleName>
|
<!-- 三道防线 -->
|
</template>
|
</title-box>
|
<data-content></data-content>
|
</div>
|
|
|
|
<!-- <div class="fire box">
|
<title-box>
|
<template #titleName>
|
实时火警事件
|
</template>
|
</title-box>
|
<fire-content></fire-content>
|
</div> -->
|
</div>
|
</template>
|
|
<style lang="scss" scoped>
|
.left-container {
|
display: flex;
|
flex-direction: column;
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 100px;
|
height: 100%;
|
pointer-events: auto;
|
// background: rgba(28, 115, 195, 0.2);
|
}
|
</style>
|
