提交

src/views/vent/monitorManager/alarmMonitor/common/gasParamter.vue

@@ -0,0 +1,99 @@
+<template>
+    <div class="gasParamter">
+        <a-table :columns="columns" :data-source="tableData" :pagination="false" :scroll="{ y: 700 }" class="tableW">
+            <template #bodyCell="{ column, text }">
+                <!-- <template v-if="column.dataIndex === 'name'">
+                    <a href="javascript:;">{{ text }}</a>
+                </template> -->
+            </template>
+        </a-table>
+        <div class="description">
+            ZWY300/355 : Z-泵站,W-瓦斯抽放,Y-移动式,270/300-流量(m³/min),355-功率(KW),抽放混合量160~230m³/min,抽放瓦斯浓度0.5~1.2%,抽放瓦斯量0.8~3m³/min。
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+let tableData = ref<any[]>([
+    { name: '相对瓦斯涌出量', value: '0.83m³/t', address: '二水平中部辅运大巷1860米', work: '42205综放面', code: 'ZWY270/355' },
+    { name: '综采最大涌出量', value: '3.16m³/min', address: '12煤组辅运大巷480米', work: '12上302综放面', code: 'ZWY300/355' },
+    { name: '掘进最大涌出量', value: '0.68m³/min', address: '12煤二盘区辅运大巷1280米', work: '12201综采面', code: 'ZWY300/355' },
+])
+
+let columns = reactive([
+    {
+        title: '瓦斯参数',
+        children: [
+            {
+                title: '瓦斯等级鉴定',
+                children: [
+                    {
+                        title: '绝对瓦斯涌出量',
+                        dataIndex: 'name',
+                        key: 'name',
+                        align: 'center',
+                    },
+                    {
+                        title: '29.92m³/min',
+                        dataIndex: 'value',
+                        key: 'value',
+                        align: 'center'
+                    },
+                ]
+            },
+            {
+                title: '瓦斯抽放',
+                children: [
+                    {
+                        title: '抽放泵站地点',
+                        dataIndex: 'address',
+                        key: 'address',
+
+                        align: 'center'
+                    },
+                    {
+                        title: '抽放工作面',
+                        dataIndex: 'work',
+                        key: 'work',
+
+                        align: 'center'
+                    },
+                    {
+                        title: '设备型号',
+                        dataIndex: 'code',
+                        key: 'code',
+
+                        align: 'center'
+                    },
+                ]
+            },
+
+
+        ],
+    },
+
+])
+
+</script>
+
+<style lang="less" scoped>
+.gasParamter {
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+
+    .tableW {
+        width: 100% !important;
+    }
+    .description{
+        margin: 10px;
+        color: #fff;
+    }
+}
+
+:deep(.zxm-table-thead > tr > th:last-child) {
+    border-right: 1px solid #91e9fe !important;
+}
+</style>