turf引入 图片静态资源引入 增加污染物处理菜单 风险源、企业分布上图样式调整 企业详情初始化定位调整

shuishen

2024-11-09 cdc5d53cb0f338685bf9e5d4d78b02d6c8867d9b

 src/views/space/components/rightContainer.vue

@@ -2,85 +2,49 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-03-10 15:27:59
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-10-26 14:49:05
 * @FilePath: \bigScreen\src\views\survey\components\rightContainer.vue
 * @LastEditTime: 2024-11-08 15:49:02
 * @FilePath: \bigScreen\src\views\space\components\leftContainer.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'
import dataContent from './box/dataContent.vue'
import unitContent from './box/unitContent.vue'
import fireContent from './box/fireContent.vue'
</script>

<template>
  <div class="right-container">
    <div class="fire-source box">
    <div class="data box h0 flex-1">
      <title-box>
        <template #titleName>
          火警事件来源
          应急空间信息
        </template>
      </title-box>
      <fire-source></fire-source>
      <div class="content-box">
        <data-content></data-content>
      </div>
    </div>

    <div class="occur-statistics box">
    <!-- <div class="unit box">
      <title-box>
        <template #titleName>
          易发区统计
          入住单位统计
        </template>
      </title-box>
      <fire-trend></fire-trend>
      <unit-content></unit-content>
    </div>

    <div class="fire-trend box">
    <div class="fire box">
      <title-box>
        <template #titleName>
          火警上报趋势
          实时火警事件
        </template>
      </title-box>
      <occur-statistics></occur-statistics>
    </div>
      <fire-content></fire-content>
    </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;

  .box {
    margin-top: 20px;

    .header {
      height: 32px;
      background: url(/img/bg/sub-title.png) no-repeat;
    }
  }

  .fire-source {
    flex: 3;
  }

  .occur-statistics {
    flex: 3;
  }

  .fire-trend {
    flex: 4;
  }

  .box:first-child {
    margin-top: 0;
  }
}
</style>
<style lang="scss" scoped></style>