<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2023-03-10 15:27:59
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-11-27 16:15:34
|
* @FilePath: \bigScreen\src\views\survey\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'
|
import { useRouterStore } from 'store/router'
|
const store = useRouterStore()
|
|
onMounted(() => {
|
|
store.setLoadSub(false)
|
|
})
|
</script>
|
|
<template>
|
<div class="left-container">
|
<div class="data box h0 flex-1 flex f-d-c">
|
<title-box>
|
<template #titleName>
|
救援队伍统计
|
</template>
|
</title-box>
|
<div class="content-box">
|
<data-content></data-content>
|
</div>
|
</div>
|
|
<div class="unit box h0 flex-1">
|
<title-box>
|
<template #titleName>
|
应急空间统计
|
</template>
|
</title-box>
|
<div class="content-box">
|
<unit-content></unit-content>
|
</div>
|
</div>
|
|
<div class="fire box h0 flex-1">
|
<title-box>
|
<template #titleName>
|
风险源统计
|
</template>
|
</title-box>
|
<div class="content-box">
|
<fire-content></fire-content>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<style lang="scss" scoped></style>
|
