[Feat 0000]搭建预警分析-漏风状态判定页面、内外压差分析页面

public/js/global.js

@@ -176,7 +176,32 @@ const __STATIC_ROUTES__ = [
         redirect: undefined,
         path: '/warningAnalysis',
         component: 'LAYOUT',
-        children: [],
+        children: [
+            {
+                path: '/warningAnalysis/airLeak-status',
+                component: 'dashboard/warningAnalysis/airLeakStatus',
+                meta: {
+                    keepAlive: true,
+                    internalOrExternal: false,
+                    icon: '',
+                    componentName: 'index',
+                    title: '漏风分析',
+                },
+                name: 'warningAnalysis-airLeak-status',
+            },
+            {
+                path: '/warningAnalysis/pressureDiff-analysis',
+                component: 'dashboard/warningAnalysis/pressureDiffAnalysis',
+                meta: {
+                    keepAlive: true,
+                    internalOrExternal: false,
+                    icon: '',
+                    componentName: 'index',
+                    title: '内外压差变化分析',
+                },
+                name: 'warningAnalysis-/pressureDiff-analysis',
+            },
+        ],
         meta: {
             keepAlive: false,
             internalOrExternal: false,

src/components/Configurable/detail/MiniBoard.vue

@@ -113,6 +113,7 @@
     --image-board-bg-A-5: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-A-5.png');
     --image-board-bg-B: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-B.png');
     --image-board-bg-D: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-D.png');
+    --image-board-bg-E: url('/@/assets/images/sealedGoaf/configurable/miniBoard/board-bg-E.png');
     height: 50px;
     line-height: 25px;
     width: 130px;
@@ -273,4 +274,23 @@
     padding-bottom: 8px;
   }
 
+  .mini-board_E {
+    width: 310px;
+    height: 40px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 18px 0 20px;
+    color: #676869;
+    background-image: var(--image-board-bg-E);
+    background-size: 100% 100%;
+  }
+  .mini-board__label_E {
+    font-size: 16px;
+  }
+  .mini-board__value_E {
+    // width: 55px;
+    font-size: 20px;
+  }
+
 </style>

src/components/Configurable/types.ts

@@ -138,6 +138,7 @@ export interface ModuleDataBoard extends ReadFrom {
     | 'B'
     | 'C'
     | 'D'
+    | 'E'
   /** 展示牌布局，决定是 label 部分在上方或是 value 在上方 */
   layout: 'val-top' | 'label-top' | 'new-top' | 'new1-top' | 'new2-top' | 'new3-top';
   /** 核心配置，每个展示牌对应一项 */

src/views/dashboard/warningAnalysis/airLeakStatus/airLeakStatus.data.ts

@@ -0,0 +1,276 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { TreeItem } from '/@/components/Tree/index';
+
+
+export const boardData = [
+  {
+    label: '存在风险情况数量',
+    value: '10',
+  },
+  {
+    label: '闭内气体涌出',
+    value: '27',
+  },
+  {
+    label: '闭外气体涌出',
+    value: '27',
+  },
+]
+// 实时数据相关
+export const columns: BasicColumn[] = [
+  {
+    title: '序号',
+    dataIndex: 'orderNo',
+  },
+  {
+    title: '区域',
+    dataIndex: 'enforcement',
+  },
+  {
+    title: '煤矿名称',
+    dataIndex: 'mineName',
+  },
+  {
+    title: '密闭名称',
+    dataIndex: 'sealedName',
+  },
+  {
+    title: '所属煤层',
+    dataIndex: 'coalSeam',
+  },
+  {
+    title: '自燃倾向性',
+    dataIndex: 'riskLevel',
+  },
+  {
+    title: '密闭内压力',
+    dataIndex: 'interPressure',
+  },
+  {
+    title: '密闭外压力',
+    dataIndex: 'outerPressure',
+  },
+  {
+    title: '是否漏风',
+    dataIndex: 'leakage',
+  },
+  {
+    title: '风险分析',
+    dataIndex: 'explosionHazard',
+  },
+  {
+    title: '预警时间',
+    dataIndex: 'alertTime',
+  },
+  {
+    title: '是否解决',
+    dataIndex: 'isResolved'
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'mineName',
+    label: '所属执法处',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '执法一处', value: '0' },
+        { label: '执法二处', value: '1' },
+        { label: '执法三处', value: '2' },
+      ],
+    },
+    colProps: { span: 6 },
+  },
+  {
+    field: 'mineName',
+    label: '所属区域',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '执法一处', value: '0' },
+        { label: '执法二处', value: '1' },
+        { label: '执法三处', value: '2' },
+      ],
+    },
+    colProps: { span: 6 },
+  },
+  {
+    field: 'mineName',
+    label: '煤矿名称',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'mineNameAbbr',
+    label: '煤矿简称',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'productStatus',
+    label: '生产状态',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '拟建矿井', value: '0' },
+        { label: '正常生产矿井', value: '1' },
+        { label: '长期停产矿井', value: '2' },
+      ],
+    },
+    colProps: { span: 6 },
+  },
+  {
+    field: 'riskLevel',
+    label: '自燃情况',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: 'Ⅰ类容易自燃', value: '0' },
+        { label: 'Ⅱ类自燃', value: '1' },
+        { label: 'Ⅲ类不易自燃', value: '2' },
+      ],
+    },
+    colProps: { span: 6 },
+  },
+];
+
+export const minesData = [
+  {
+    orderNo: 101, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-11-17 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+  {
+    orderNo: 102, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-11-17 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+  {
+    orderNo: 103, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-11-17 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+]
+
+
+export const historicalMinesData = [
+  {
+    orderNo: 101, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-12-22 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+  {
+    orderNo: 102, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-12-22 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+  {
+    orderNo: 103, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-12-22 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+]

src/views/dashboard/warningAnalysis/airLeakStatus/index.vue

@@ -0,0 +1,145 @@
+<template>
+  <div class="monitoring-page">
+    <!-- 新增Tabs组件区分实时/历史数据 -->
+    <Tabs v-model:activeKey="activeTab" type="card" style="margin-bottom: 16px;">
+      <TabPane tab="实时监测" key="realtime">
+        <div class="board-info">
+          <div :key="index" v-for="(item, index) in boardData" class="board-item">
+            <MiniBoard 
+              type="E"
+              :label="item.label"
+              :value="item.value"
+              layout="label-top"
+            />
+          </div>
+        </div>
+        <!-- 实时数据表格 -->
+        <BasicTable @register="registerRealtimeTable" :scroll="{ x: 'max-content' }">
+          <template #action="{ record }">
+            <div class="action-buttons">
+              <button @click="openModal(record, 'realtime')" class="action-btn">
+                <img src="@/assets/images/common/icon-details.svg" class="action-icon" />
+              </button>
+            </div>
+          </template>
+        </BasicTable>
+      </TabPane>
+      
+      <TabPane tab="历史数据" key="history">
+        <!-- 历史数据表格 -->
+        <BasicTable @register="registerHistoryTable" :scroll="{ x: 'max-content' }">
+          <template #action="{ record }">
+            <div class="action-buttons">
+              <button @click="openModal(record, 'history')" class="action-btn">
+                <img src="@/assets/images/common/icon-details.svg" class="action-icon" />
+              </button>
+            </div>
+          </template>
+        </BasicTable>
+      </TabPane>
+    </Tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { BasicTable, useTable } from '/@/components/Table';
+import { Tabs, TabPane } from 'ant-design-vue';
+import MiniBoard from '/@/components/Configurable/detail/MiniBoard.vue';
+// 引入模拟数据
+import { boardData, columns, searchFormSchema, minesData , historicalMinesData  } from './airLeakStatus.data';
+
+// 激活的Tab页签
+const activeTab = ref('realtime');
+
+// 注册实时数据表格
+const [registerRealtimeTable] = useTable({
+  dataSource: minesData,
+  columns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema,
+    showAdvancedButton: false,
+  },
+  pagination: false,
+  striped: false,
+  useSearchForm: true,
+  bordered: true,
+  showIndexColumn: false,
+  canResize: false,
+  actionColumn: {
+    width: 60,
+    title: '操作',
+    dataIndex: 'action',
+    slots: { customRender: 'action' },
+    fixed: undefined,
+  },
+});
+
+// 注册历史数据表格
+const [registerHistoryTable] = useTable({
+  dataSource: historicalMinesData,
+  columns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema,
+    showAdvancedButton: false,
+  },
+  pagination: false,
+  striped: false,
+  useSearchForm: true,
+  bordered: true,
+  showIndexColumn: false,
+  canResize: false,
+  actionColumn: {
+    width: 60,
+    title: '操作',
+    dataIndex: 'action',
+    slots: { customRender: 'action' },
+    fixed: undefined,
+  },
+});
+
+// 弹窗引用
+const realtimeModalRef = ref(null);
+const historyModalRef = ref(null);
+
+// 打开弹窗方法（区分实时/历史）
+const openModal = (record, type) => {
+  if (type === 'realtime') {
+    // 可向实时弹窗传递当前记录数据
+    realtimeModalRef.value?.showModal(record);
+  } else {
+    // 可向历史弹窗传递当前记录数据
+    historyModalRef.value?.showModal(record);
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.monitoring-page {
+  padding: 16px;
+}
+.board-info {
+  display: flex;
+  padding: 10px;
+  background-color: #fff;
+  margin: 0 10px;
+  gap: 10px;
+  box-sizing: border-box;
+}
+.board-item {
+  flex: 1;
+  box-sizing: border-box;
+}
+.action-btn {
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  padding: 4px;
+}
+.action-icon {
+  width: 16px;
+  height: 16px;
+}
+</style>

src/views/dashboard/warningAnalysis/pressureDiffAnalysis/index.vue

@@ -0,0 +1,148 @@
+<template>
+  <div class="monitoring-page">
+    <!-- 新增Tabs组件区分实时/历史数据 -->
+    <Tabs v-model:activeKey="activeTab" type="card" style="margin-bottom: 16px;">
+      <TabPane tab="实时监测" key="realtime">
+        <div class="board-info">
+          <MiniBoard
+            :key="index" v-for="(item, index) in boardData"  
+            type="A"
+            :label="item.label"
+            :value="item.value"
+            layout="label-top"
+            class="board-item"
+          />
+        </div>
+        <!-- 实时数据表格 -->
+        <BasicTable @register="registerRealtimeTable" :scroll="{ x: 'max-content' }">
+          <template #action="{ record }">
+            <div class="action-buttons">
+              <button @click="openModal(record, 'realtime')" class="action-btn">
+                <img src="@/assets/images/common/icon-details.svg" class="action-icon" />
+              </button>
+            </div>
+          </template>
+        </BasicTable>
+      </TabPane>
+      
+      <TabPane tab="历史数据" key="history">
+        <!-- 历史数据表格 -->
+        <BasicTable @register="registerHistoryTable" :scroll="{ x: 'max-content' }">
+          <template #action="{ record }">
+            <div class="action-buttons">
+              <button @click="openModal(record, 'history')" class="action-btn">
+                <img src="@/assets/images/common/icon-details.svg" class="action-icon" />
+              </button>
+            </div>
+          </template>
+        </BasicTable>
+      </TabPane>
+    </Tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { BasicTable, useTable } from '/@/components/Table';
+import { Tabs, TabPane } from 'ant-design-vue';
+import MiniBoard from '/@/components/Configurable/detail/MiniBoard.vue';
+// 引入模拟数据
+import { boardData, columns, searchFormSchema, minesData , historicalMinesData  } from './pressureDiffAnalysis.data';
+
+// 激活的Tab页签
+const activeTab = ref('realtime');
+
+// 注册实时数据表格
+const [registerRealtimeTable] = useTable({
+  dataSource: minesData,
+  columns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema,
+    showAdvancedButton: false,
+  },
+  pagination: false,
+  striped: false,
+  useSearchForm: true,
+  bordered: true,
+  showIndexColumn: false,
+  canResize: false,
+  actionColumn: {
+    width: 60,
+    title: '操作',
+    dataIndex: 'action',
+    slots: { customRender: 'action' },
+    fixed: undefined,
+  },
+});
+
+// 注册历史数据表格
+const [registerHistoryTable] = useTable({
+  dataSource: historicalMinesData,
+  columns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema,
+    showAdvancedButton: false,
+  },
+  pagination: false,
+  striped: false,
+  useSearchForm: true,
+  bordered: true,
+  showIndexColumn: false,
+  canResize: false,
+  actionColumn: {
+    width: 60,
+    title: '操作',
+    dataIndex: 'action',
+    slots: { customRender: 'action' },
+    fixed: undefined,
+  },
+});
+
+// 弹窗引用
+const realtimeModalRef = ref(null);
+const historyModalRef = ref(null);
+
+// 打开弹窗方法（区分实时/历史）
+const openModal = (record, type) => {
+  if (type === 'realtime') {
+    // 可向实时弹窗传递当前记录数据
+    realtimeModalRef.value?.showModal(record);
+  } else {
+    // 可向历史弹窗传递当前记录数据
+    historyModalRef.value?.showModal(record);
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.monitoring-page {
+  padding: 16px;
+}
+.board-info {
+  display: grid;
+  grid-template-columns: repeat(5, auto); /* 3列：改5则为5列 */
+  gap: auto;
+  justify-content: start;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+  background-color: #fff;
+  padding: 10px;
+  margin: 0 10px;
+  gap: 100px;
+}
+.board-item {
+  box-sizing: border-box;
+}
+.action-btn {
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  padding: 4px;
+}
+.action-icon {
+  width: 16px;
+  height: 16px;
+}
+</style>

src/views/dashboard/warningAnalysis/pressureDiffAnalysis/pressureDiffAnalysis.data.ts

@@ -0,0 +1,283 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { TreeItem } from '/@/components/Tree/index';
+
+
+export const boardData = [
+  {
+    label: '存在风险情况数量',
+    value: '10',
+  },
+  {
+    label: '低风险',
+    value: '27',
+  },
+  {
+    label: '一般风险',
+    value: '27',
+  },
+  {
+    label: '较高风险',
+    value: '27',
+  },
+  {
+    label: '高风险',
+    value: '27',
+  },
+]
+// 实时数据相关
+export const columns: BasicColumn[] = [
+  {
+    title: '序号',
+    dataIndex: 'orderNo',
+  },
+  {
+    title: '区域',
+    dataIndex: 'enforcement',
+  },
+  {
+    title: '煤矿名称',
+    dataIndex: 'mineName',
+  },
+  {
+    title: '密闭名称',
+    dataIndex: 'sealedName',
+  },
+  {
+    title: '所属煤层',
+    dataIndex: 'coalSeam',
+  },
+  {
+    title: '自燃倾向性',
+    dataIndex: 'riskLevel',
+  },
+  {
+    title: '密闭内压力',
+    dataIndex: 'interPressure',
+  },
+  {
+    title: '密闭外压力',
+    dataIndex: 'outerPressure',
+  },
+  {
+    title: '是否漏风',
+    dataIndex: 'leakage',
+  },
+  {
+    title: '风险分析',
+    dataIndex: 'explosionHazard',
+  },
+  {
+    title: '预警时间',
+    dataIndex: 'alertTime',
+  },
+  {
+    title: '是否解决',
+    dataIndex: 'isResolved'
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'mineName',
+    label: '所属执法处',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '执法一处', value: '0' },
+        { label: '执法二处', value: '1' },
+        { label: '执法三处', value: '2' },
+      ],
+    },
+    colProps: { span: 6 },
+  },
+  {
+    field: 'mineName',
+    label: '所属区域',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '执法一处', value: '0' },
+        { label: '执法二处', value: '1' },
+        { label: '执法三处', value: '2' },
+      ],
+    },
+    colProps: { span: 6 },
+  },
+  {
+    field: 'mineName',
+    label: '煤矿名称',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'mineNameAbbr',
+    label: '煤矿简称',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'productStatus',
+    label: '生产状态',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '拟建矿井', value: '0' },
+        { label: '正常生产矿井', value: '1' },
+        { label: '长期停产矿井', value: '2' },
+      ],
+    },
+    colProps: { span: 6 },
+  },
+  {
+    field: 'riskLevel',
+    label: '自燃情况',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: 'Ⅰ类容易自燃', value: '0' },
+        { label: 'Ⅱ类自燃', value: '1' },
+        { label: 'Ⅲ类不易自燃', value: '2' },
+      ],
+    },
+    colProps: { span: 6 },
+  },
+];
+
+export const minesData = [
+  {
+    orderNo: 101, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-11-17 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+  {
+    orderNo: 102, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-11-17 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+  {
+    orderNo: 103, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-11-17 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+]
+
+export const historicalMinesData = [
+  {
+    orderNo: 101, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-12-22 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+  {
+    orderNo: 102, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-12-22 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+  {
+    orderNo: 103, // 序号
+    enforcement: '执法一处', // 区域
+    mineName: '神木市三江', // 煤矿名称
+    sealedName: '采空区密闭', // 密闭名称
+    coalSeam: 'XX煤层', // 所属煤层
+    riskLevel: 'Ⅰ类容易自燃', // 自燃倾向性（与搜索框选项label一致）
+    COVal: 24, // CO浓度(ppm)
+    CH4Val: 0, // CH4浓度(%)
+    C2H2Val: 0, // C2H2浓度(ppm)
+    O2Val: 20, // O2浓度(%)
+    temperature: 35, // 温度(℃)
+    pressureDiff: 50, // 压差(Pa)
+    leakage: '气体涌出', // 是否漏风
+    fireHazard: '低风险', // 自然发火隐患
+    unsealing: '不可启封', // 密闭启封判定
+    explosionHazard: '低风险', // 爆炸危险性
+    updateTime: '2025-12-22 15:00:40', // 更新时间
+    alertTime: '2025-11-17 15:00:40',
+    interPressure: '10',
+    outerPressure: '20',
+  },
+]