三级防控

linwe

2024-11-14 2722982ca96258c1d5ee9b4da223983f8f1f5175

三级防控

 src/assets/img/one.png

 src/assets/img/three.png

 src/assets/img/two.png

 src/views/pac/components/box/dataContent.vue

@@ -11,6 +11,10 @@
<script setup>
import { getList } from "@/api/space/space"
import { onUnmounted, reactive } from 'vue'

import { usePointStore } from 'store/usepoint'
const pointStore = usePointStore()

const resData = reactive({
    data: [{
        label: '一级防控',
@@ -20,17 +24,19 @@
    }, {
        label: '二级防控',
        value: '2',
        type: 1,
        type: 2,
        // remark: '雨污水排口一体化闸阀、车间收集池、雨污管阀'
    },
    {
        label: '三级防控',
        value: '3',
        type: 1,
        type: 3,
        // remark: '事故应急池、雨水收集池'
    }
    ]
})


const curSelect = ref('1')
let addTileLayers = {}
const handleCheckChange = (row) => {
@@ -91,6 +97,7 @@

const tabClick = (item) => {
    handleCheckChange(item)
    pointStore.updateSharedData(item.type)
    curSelect.value = item.value
}

@@ -103,6 +110,7 @@
})

onMounted(() => {
    pointStore.updateSharedData(1)
    tabClick(resData.data[0])
})


 src/views/pac/components/box/fireSource.vue

@@ -10,16 +10,107 @@
-->
<script setup>
import publicContent from './publicContent.vue'
import { getAssetsFile } from 'utils/utils'
const one = getAssetsFile('one.png', '/img')
const two = getAssetsFile('two.png', '/img')
const three = getAssetsFile('three.png', '/img')
import { usePointStore } from 'store/usepoint'
const pointStore = usePointStore()
const sharedData = computed(() => pointStore.sharedData);

let indexValue = ref(1)

watch(sharedData, (newValue) => {
    indexValue.value = newValue
    console.log(newValue, "************************************************")
});
</script>

<template>
    <public-content>
        <template #content>
            <div>
            <div class="content_box">
                <div v-if="indexValue == 1">
                    <div>
                        <!-- <img :src="one" alt=""> -->
                        <el-image :src="one" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2" :preview-src-list="[one]"
                            :initial-index="4" fit="cover">
                            <template #error>
                                <div class="image-slot">
                                    <el-icon><icon-picture /></el-icon>
                                </div>
                            </template>
                        </el-image>
                    </div>
                    <div class="content_text">
                        第一级应急防控体系，即事故废水不出企业，事故发生时，首先启动一级防控。关闭所有可能外溢事故污水的外排口，利用企业自身的围堰、应急池等环境应急防控设施，将污水控制在企业厂区内部。园区内所有企业均设置相应的事故应急池，企业雨水（清下水）排口设有监管部门控制的阀门。一旦发生物料泄漏及火灾等安全生产事故，相关企业快速断开雨水排口，联动打开事故应急池，将事故废水和消防尾水导入事故应急池。事故结束后，应急事故池中的废水进入厂区自身污水处理站处理，无污水处理站的企业按照监测结果进入园区污水处理厂处理。
                    </div>
                </div>

                <div v-if="indexValue == 2">
                    <div>
                        <!-- <img :src="two" alt=""> -->
                        <el-image :src="two" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2" :preview-src-list="[two]"
                            :initial-index="4" fit="cover">
                            <template #error>
                                <div class="image-slot">
                                    <el-icon><icon-picture /></el-icon>
                                </div>
                            </template>
                        </el-image>
                    </div>
                    <div class="content_text">
                        一级防控能力不足时，启动二级防控。通过专用管道或临时转输措施，与相邻企业应急池、园区公共应急池等互联互通，拦截处置事故污水。第二级应急防控体系，即事故废水不出园区，事故废水储存在园区公共应急池及园区内雨水管网公共空间内。
                    </div>

                    <div class="content_text">
                        （1）公共应急池的选址。建设园区公共应急池或利用园区内干枯河道、低洼地带等进行改造，并设置独立管网进行事故废水的收集和输送，保证每家企业内部应急池与公共应急池有效连通；在事故废水超过设计标准的情况下，也可有效利用雨水管网分段建设闸门井进行废水容纳。一旦园区内企业发生事故，且消防尾水过量超出企业自身防控能力时，开启园区公共应急池阀门，企业内部无法收纳的消防事故水将通过应急管网流入公共应急池，将事故废水控制在园区应急池内，不进入区内河道。事故结束后，对公共应急池内收纳的事故废水进行监测，若达标，则就近排入河道；若不达标，则分批次用槽车送入园区污水处理厂处理。
                    </div>

                    <div class="content_text">
                        （2）公共应急池容量设计。根据《化工园区事故应急设施（池）建设标准》（T/CPCIF 0049—2020）进行公共应急池设置，以化工集中区产生事故废水外排量最大的一个企业计算。
                    </div>
                </div>

                <div v-if="indexValue == 3">
                    <div>
                        <!-- <img :src="three" alt=""> -->
                        <el-image :src="three" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2" :preview-src-list="[three]"
                            :initial-index="4" fit="cover">
                            <template #error>
                                <div class="image-slot">
                                    <el-icon><icon-picture /></el-icon>
                                </div>
                            </template>
                        </el-image>
                    </div>
                    <div class="content_text">
                        事态进一步扩大，污水进入园区内水体，启动三级防控。利用化工集中区内的坑塘、河道、沟渠以及周边水系等，构建环境应急防控空间，对进出园区的水体实施封闭或分段管控。结合化工集中区区实际，确定事故废水通过雨污管网在进入赣江前有效拦截，当发生重大企业突发环境事故或危化品运输车辆侧翻等事故时，事故废水流入化工集中区内水体，立即关闭应急闸坝，污染河道使用移动闸截断污染团（带）；同时根据污染团（带）所在位置，就近闸断园区内部河道形成临时应急池，防止污染团从园区内水系进一步扩散至外环境。事故结束后，对临时应急空间内水质进行监测，若达标，则开启河道应急闸坝；若不达标，则将临时应急空间内污水由水泵将河水分批次送入公共应急池，进一步送园区污水处理厂处理。
                    </div>
                </div>

            </div>
        </template>
    </public-content>
</template>

<style lang="scss" scoped></style>
<style lang="scss" scoped>
.content_box {
    color: #fff;
    // overflow: scroll;
}

.content_box img {
    width: 100%;
}

.content_box .content_text {
    // 首行缩进
    text-indent: 2em;
    width: 100%;
    line-height: 25px;
    // 字间距
    letter-spacing: 2px;
    font-size: 16px;
}
</style>

 src/views/pac/components/box/publicContent.vue

@@ -14,7 +14,7 @@

<template>
  <div class="content">
    <slot></slot>
    <slot name="content"></slot>
  </div>
</template>


 src/views/pac/components/rightContainer.vue

@@ -17,14 +17,16 @@

<template>
  <div class="right-container">
    <!-- <div class="fire-source box">
    <div class="fire-source box">
      <title-box>
        <template #titleName>
          火警事件来源
          <!-- 一级防控 -->
          <!-- 二级防控 -->
          <!-- 三级防控 -->
        </template>
      </title-box>
      <fire-source></fire-source>
    </div> -->
    </div>

    <!-- <div class="occur-statistics box">
      <title-box>
@@ -57,7 +59,7 @@
  width: 440px;
  height: 100%;
  pointer-events: auto;
  background: none;
  // background: none;

  .box {
    margin-top: 20px;

 src/views/pac/index.vue

@@ -17,7 +17,7 @@
    <div class="container page-container">
        <left-container></left-container>

        <!-- <right-container></right-container> -->
        <right-container></right-container>
    </div>
</template>