预警管控-提交最新

src/views/vent/monitorManager/alarmMonitor/common.data.ts

@@ -32,8 +32,8 @@ export const componentName = {
   fireWork: markRaw(defineAsyncComponent(() => import('./common/fireWork.vue'))),
   closeWall: markRaw(defineAsyncComponent(() => import('./common/closeWall.vue'))),
   mainWell: markRaw(defineAsyncComponent(() => import('./common/mainWell.vue'))),
-  warnTargetFireBrt: markRaw(defineAsyncComponent(() => import('./common/warnTargetFire-brt.vue'))),
-  warnTargetFireBd: markRaw(defineAsyncComponent(() => import('./common/warnTargetFire-bd.vue'))),
+  warnFireBrt: markRaw(defineAsyncComponent(() => import('./common/warnFire-brt.vue'))),
+  warnFireBd: markRaw(defineAsyncComponent(() => import('./common/warnFire-bd.vue'))),
 };
 //顶部区域数据
 export const topList = [

src/views/vent/monitorManager/alarmMonitor/common/warnFire-bd.vue

@@ -0,0 +1,108 @@
+<template>
+    <div class="warnTargetFire-brt">
+        <div class="top-area">
+            <a-table :columns="columns" :data-source="tableData" bordered :pagination="false" :scroll="{ y: 298 }">
+                <template #bodyCell="{ column, text }">
+                    <template v-if="column.dataIndex === 'name'">
+                        <a href="javascript:;">{{ text }}</a>
+                    </template>
+                </template>
+            </a-table>
+        </div>
+        <div class="bot-area">
+            <warnZb :widthV="widthV" :heightV="heightV" :coordDw="coordDw" :widthCanvas="widthCanvas"
+                :heightCanvas="heightCanvas"></warnZb>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+
+import { ref, reactive,watch } from 'vue'
+import warnZb from './warnZb.vue'
+
+let props=defineProps({
+    tableList:{
+        type:Array,
+        default:()=>{
+            return []
+        }
+    }
+})
+let widthV = ref('80%')
+let heightV = ref('80%')
+let coordDw = ref<any[]>([50, 94])
+let widthCanvas = ref(1240)
+let heightCanvas = ref(267)
+let tableData = ref<any[]>([])
+
+let columns = reactive([
+    {
+        title: '序号',
+        dataIndex: '',
+        key: 'rowIndex',
+        width: 80,
+        align: 'center',
+        customRender: ({ index }) => {
+            return `${index + 1}`;
+        },
+    },
+    {
+        title: '预警等级',
+        dataIndex: 'yjdj',
+        align: 'center',
+    },
+    {
+        title: '煤自燃阶段',
+        dataIndex: 'zrjd',
+        align: 'center',
+    },
+    {
+        title: '指标气体',
+        align: 'center',
+        dataIndex: 'zbqt',
+    },
+    {
+        title: '指标气体浓度范围',
+        align: 'center',
+        dataIndex: 'ndfw',
+    },
+    {
+        title: '温度',
+        align: 'center',
+        dataIndex: 'wd',
+    },
+])
+
+watch(()=>props.tableList,(newV)=>{
+    console.log('111')
+    tableData.value=newV
+},{immediate:true, deep:true})
+
+</script>
+
+<style lang="less" scoped>
+.warnTargetFire-brt {
+    width: 100%;
+    height: 100%;
+    margin: 15px 0px 0px 0px;
+    padding: 20px;
+    // background: url('../../../../../assets//images/fire/border.png') no-repeat center;
+    // background-size: 100% 100%;
+    box-sizing: border-box;
+
+    .top-area {
+        height: 55%;
+        margin-bottom: 15px;
+        background: url('../../../../../assets/images/fire/bj1.png') no-repeat center;
+        background-size: 100% 100%;
+    }
+
+    .bot-area {
+        height: calc(45% - 15px);
+        background: url('../../../../../assets/images/fire/bj1.png') no-repeat center;
+        background-size: 100% 100%;
+
+    }
+}
+</style>

src/views/vent/monitorManager/alarmMonitor/common/warnFire-brt.vue

@@ -0,0 +1,107 @@
+<template>
+    <div class="warnTargetFire-brt">
+        <div class="top-area">
+            <a-table :columns="columns" :data-source="tableData" bordered :pagination="false" :scroll="{ y: 298 }">
+                <template #bodyCell="{ column, text }">
+                    <template v-if="column.dataIndex === 'name'">
+                        <a href="javascript:;">{{ text }}</a>
+                    </template>
+                </template>
+            </a-table>
+        </div>
+        <div class="bot-area">
+            <warnZb :widthV="widthV" :heightV="heightV" :coordDw="coordDw" :widthCanvas="widthCanvas"
+                :heightCanvas="heightCanvas"></warnZb>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive,watch } from 'vue'
+import warnZb from './warnZb.vue'
+let props=defineProps({
+    tableList:{
+        type:Array,
+        default:()=>{
+            return []
+        }
+    }
+})
+
+let widthV = ref('80%')
+let heightV = ref('80%')
+let coordDw = ref<any[]>([50, 94])
+let widthCanvas = ref(1240)
+let heightCanvas = ref(267)
+let tableData = ref<any[]>([])
+
+let columns = reactive([
+    {
+        title: '序号',
+        dataIndex: '',
+        key: 'rowIndex',
+        width: 80,
+        align: 'center',
+        customRender: ({ index }) => {
+            return `${index + 1}`;
+        },
+    },
+    {
+        title: '预警等级',
+        dataIndex: 'level',
+        align: 'center',
+    },
+    {
+        title: '煤自燃阶段',
+        dataIndex: 'alarmName',
+        align: 'center',
+    },
+    {
+        title: '指标气体',
+        align: 'center',
+        dataIndex: 'alarmInfo',
+    },
+    {
+        title: '指标气体浓度范围',
+        align: 'center',
+        dataIndex: 'alarmdes',
+    },
+    {
+        title: '温度',
+        align: 'center',
+        dataIndex: 'temperature',
+    },
+])
+
+watch(()=>props.tableList,(newV,oldV)=>{
+    if(newV.length!=0){
+        tableData.value=newV
+    }
+},{immediate:true,deep:true})
+
+</script>
+
+<style lang="less" scoped>
+.warnTargetFire-brt {
+    width: 100%;
+    height: 100%;
+    margin: 15px 0px 0px 0px;
+    padding: 20px;
+    // background: url('../../../../../assets//images/fire/border.png') no-repeat center;
+    // background-size: 100% 100%;
+    box-sizing: border-box;
+
+    .top-area {
+        height: 55%;
+        margin-bottom: 15px;
+        background: url('../../../../../assets/images/fire/bj1.png') no-repeat center;
+        background-size: 100% 100%;
+    }
+
+    .bot-area {
+        height: calc(45% - 15px);
+        background: url('../../../../../assets/images/fire/bj1.png') no-repeat center;
+        background-size: 100% 100%;
+
+    }
+}
+</style>

src/views/vent/monitorManager/alarmMonitor/warn/fireWarn.vue

@@ -200,13 +200,13 @@ function loadZb() {
     const { sysOrgCode } = useGlobSetting();
     switch (sysOrgCode) {
         case 'sdmtjtbdmk': // 宝德
-            currentLoad.value = 'warnTargetFireBd';
+            currentLoad.value = 'warnFireBd';
             return currentLoad.value;
         case 'sdmtjtbetmk': // 布尔台
-            currentLoad.value = 'warnTargetFireBrt';
+            currentLoad.value = 'warnFireBrt';
             return currentLoad.value;
         default:
-            currentLoad.value = 'warnTargetFireBrt';
+            currentLoad.value = 'warnFireBrt';
             return currentLoad.value;
     }
 }