柳塔-瓦斯日报表分析提交

src/views/vent/gas/gasReportInspect/gasReportInspect.data.ts

@@ -10,7 +10,7 @@ export const columnsType: BasicColumn[] = [
         title: '检测地点',
         dataIndex: 'jcdd',
         key: 'jcdd',
-        width:260,
+        width: 260,
         align: 'center',
     },
     {
@@ -25,21 +25,21 @@ export const columnsType: BasicColumn[] = [
         key: 'o2',
         align: 'center',
     },
-   
+
     {
         title: 'CO(ppm)',
         dataIndex: 'co',
         key: 'co',
         align: 'center',
     },
-    
+
     {
         title: 'CO₂(%)',
         dataIndex: 'co2',
         key: 'co2',
         align: 'center',
     },
-  
+
     {
         title: 'CH₄(%)',
         dataIndex: 'ch4',
@@ -51,7 +51,7 @@ export const columnsType: BasicColumn[] = [
         dataIndex: 'checkPerson',
         key: 'checkPerson',
         align: 'center',
-    },  
+    },
     // {
     //     title: '检查时间',
     //     dataIndex: 'checkTime',
@@ -71,9 +71,9 @@ export const columnBd: BasicColumn[] = [
         title: '监测地点',
         dataIndex: 'jcdd',
         key: 'jcdd',
-        width:260,
+        width: 260,
         align: 'center',
-    }, 
+    },
     {
         title: 'CH₄(%)',
         dataIndex: 'ch4',
@@ -99,9 +99,9 @@ export const columnSgt: BasicColumn[] = [
         title: '监测地点',
         dataIndex: 'jcdd',
         key: 'jcdd',
-        width:260,
+        width: 260,
         align: 'center',
-    }, 
+    },
     {
         title: 'CH₄(%)',
         dataIndex: 'ch4',
@@ -137,7 +137,7 @@ export const columnSgt: BasicColumn[] = [
         dataIndex: 'checkPerson',
         key: 'checkPerson',
         align: 'center',
-    },  
+    },
 ];
 //寸草塔二矿
 export const columnCctr: BasicColumn[] = [
@@ -151,9 +151,9 @@ export const columnCctr: BasicColumn[] = [
         title: '监测地点',
         dataIndex: 'jcdd',
         key: 'jcdd',
-        width:260,
+        width: 260,
         align: 'center',
-    }, 
+    },
     {
         title: 'CH₄(%)',
         dataIndex: 'ch4',
@@ -198,34 +198,34 @@ export const columnCct: BasicColumn[] = [
         dataIndex: 'jcdd',
         key: 'jcdd',
         align: 'center',
-    }, 
+    },
     {
         title: '检查次数',
         dataIndex: 'checkNum',
         key: 'checkNum',
         align: 'center',
-    }, 
+    },
     {
         title: '检查时间',
         dataIndex: 'jcsj',
         key: 'jcsj',
         align: 'center',
-    }, 
+    },
     {
         title: 'CH₄(%)',
-        children:[
+        children: [
             {
                 title: '光瓦测量值(%)',
                 dataIndex: 'ch4gw',
                 key: 'ch4gw',
                 align: 'center',
-            }, 
+            },
             {
                 title: '便携仪/传感器测量值(%)',
                 dataIndex: 'ch4bxy',
                 key: 'ch4bxy',
                 align: 'center',
-            }, 
+            },
         ]
     },
     {
@@ -257,7 +257,7 @@ export const columnCct: BasicColumn[] = [
         dataIndex: 'checkPerson',
         key: 'checkPerson',
         align: 'center',
-    },  
+    },
 ];
 //乌兰木伦
 export const columnWlml: BasicColumn[] = [
@@ -271,9 +271,9 @@ export const columnWlml: BasicColumn[] = [
         title: '检查地点',
         dataIndex: 'jcdd',
         key: 'jcdd',
-        width:260,
+        width: 260,
         align: 'center',
-    }, 
+    },
     {
         title: 'CH₄(%)',
         dataIndex: 'ch4',
@@ -309,7 +309,94 @@ export const columnWlml: BasicColumn[] = [
         dataIndex: 'checkPerson',
         key: 'checkPerson',
         align: 'center',
-    },  
+    },
+];
+//柳塔
+export const columnLt: BasicColumn[] = [
+    {
+        title: '序号',
+        width: 60,
+        align: 'center',
+        customRender: ({ index }: { index: number }) => `${index + 1}`
+    },
+    {
+        title: '检查地点',
+        dataIndex: 'jcdd',
+        key: 'jcdd',
+        width: 260,
+        align: 'center',
+    },
+    {
+        title: '三班最大值',
+        children:[
+            {
+                title: '检查时间',
+                dataIndex: 'ch4CheckTime',
+                key: 'ch4CheckTime',
+                align: 'center',
+            },
+            {
+                title: 'CH₄(%)',
+                dataIndex: 'ch4',
+                key: 'ch4',
+                align: 'center',
+            },
+            {
+                title: '检查时间',
+                dataIndex: 'co2CheckTime',
+                key: 'co2CheckTime',
+                align: 'center',
+            },
+            {
+                title: 'CO₂(%)',
+                dataIndex: 'co2',
+                key: 'co2',
+                align: 'center',
+            },
+            {
+                title: '检查时间',
+                dataIndex: 'coCheckTime',
+                key: 'coCheckTime',
+                align: 'center',
+            },
+            {
+                title: 'CO(ppm)',
+                dataIndex: 'co',
+                key: 'co',
+                align: 'center',
+            },
+            {
+                title: '检查时间',
+                dataIndex: 'tCheckTime',
+                key: 'tCheckTime',
+                align: 'center',
+            },
+            {
+                title: 'T(°C)',
+                dataIndex: 't',
+                key: 't',
+                align: 'center',
+            },
+        ]
+    },
+    {
+        title: '三班最小值',
+        children:[
+            {
+                title: '检查时间',
+                dataIndex: 'o2CheckTime',
+                key: 'o2CheckTime',
+                align: 'center',
+            },
+            {
+                title: 'O₂(%)',
+                dataIndex: 'o2',
+                key: 'o2',
+                align: 'center',
+            },
+        ]
+    },
+
 ];
 //榆家梁
 export const columnYjl: BasicColumn[] = [
@@ -323,9 +410,9 @@ export const columnYjl: BasicColumn[] = [
         title: '监测地点',
         dataIndex: 'jcdd',
         key: 'jcdd',
-        width:260,
+        width: 260,
         align: 'center',
-    }, 
+    },
     {
         title: 'CH₄(%)',
         dataIndex: 'ch4',
@@ -361,7 +448,7 @@ export const columnYjl: BasicColumn[] = [
         dataIndex: 'checkPerson',
         key: 'checkPerson',
         align: 'center',
-    },  
+    },
 ];
 //补连塔
 export const columnBlt: BasicColumn[] = [
@@ -375,12 +462,12 @@ export const columnBlt: BasicColumn[] = [
         title: '监测地点',
         dataIndex: 'jcdd',
         key: 'jcdd',
-        width:260,
+        width: 260,
         align: 'center',
     },
     {
         title: 'CH₄(%)',
-        children:[
+        children: [
             {
                 title: '传感器显示值',
                 dataIndex: 'ch4cgq',
@@ -401,7 +488,7 @@ export const columnBlt: BasicColumn[] = [
             },
         ]
     },
-     
+
     {
         title: 'CO₂(%)',
         dataIndex: 'co2',
@@ -431,8 +518,8 @@ export const columnBlt: BasicColumn[] = [
         dataIndex: 'checkPerson',
         key: 'checkPerson',
         align: 'center',
-    },  
-  
+    },
+
 ];
 export const columnsGas1: BasicColumn[] = [
     {
@@ -445,7 +532,7 @@ export const columnsGas1: BasicColumn[] = [
         title: '监测地点',
         dataIndex: 'jcdd',
         key: 'jcdd',
-        width:180,
+        width: 180,
         align: 'center',
     },
     {
@@ -555,7 +642,7 @@ export const columnsGas1: BasicColumn[] = [
         ]
 
     },
-    
+
 ];
 
 export const columnsGas2: BasicColumn[] = [
@@ -569,13 +656,13 @@ export const columnsGas2: BasicColumn[] = [
         title: '监测地点',
         dataIndex: 'jcdd',
         key: 'jcdd',
-        width:130,
+        width: 130,
         align: 'center',
     },
     {
         title: '煤层',
         dataIndex: 'mc',
-        width:80,
+        width: 80,
         key: 'mc',
         align: 'center',
     },
@@ -598,7 +685,7 @@ export const columnsGas2: BasicColumn[] = [
                 title: 'CO(ppm)',
                 dataIndex: 'coNight',
                 key: 'coNight',
-                width:80,
+                width: 80,
                 align: 'center',
             },
             {
@@ -640,7 +727,7 @@ export const columnsGas2: BasicColumn[] = [
                 title: 'CO(ppm)',
                 dataIndex: 'coEarly',
                 key: 'coEarly',
-                width:80,
+                width: 80,
                 align: 'center',
             },
             {
@@ -683,7 +770,7 @@ export const columnsGas2: BasicColumn[] = [
                 title: 'CO(ppm)',
                 dataIndex: 'coNoon',
                 key: 'coNoon',
-                width:80,
+                width: 80,
                 align: 'center',
             },
             {
@@ -707,5 +794,5 @@ export const columnsGas2: BasicColumn[] = [
         ]
 
     },
-    
+
 ];

src/views/vent/gas/gasReportInspect/index-lt.vue

@@ -0,0 +1,149 @@
+<template>
+    <div class="index-time">
+        <div class="content">
+            <div class="left-box">
+                <!-- 左侧树菜单 -->
+                <!-- <div class="card-toggle">
+                    <div :class="gasType == 'gasDayNight' ? 'card-item1' : 'card-item'"
+                        @click="handlerToggle('gasDayNight')">夜班</div>
+                    <div :class="gasType == 'gasDayEarly' ? 'card-item1' : 'card-item'"
+                        @click="handlerToggle('gasDayEarly')">早班</div>
+                    <div :class="gasType == 'gasDayNoon' ? 'card-item1' : 'card-item'"
+                        @click="handlerToggle('gasDayNoon')">中班</div>
+                </div> -->
+                <div v-if="listArr.length != 0" class="card-file">
+                    <fileSystem :selected="selected" :list="listArr" :draggable="true" @on-click="onClick">
+                        <template #icon="{ item }">
+                            <template v-if="item.isFolder">
+                                <SvgIcon v-if="item.isexpanded" size="18" name="file-open" />
+                                <SvgIcon v-else size="18" name="file-close" />
+                            </template>
+                            <treeIcon class="iconfont" :title="item.title" v-else />
+                        </template>
+                    </fileSystem>
+                </div>
+            </div>
+            <div class="right-box">
+                <a-table :columns="columns" size="small" :data-source="tableData" :scroll="{ y: 754 }" class="tableW"
+                    :pagination="false"></a-table>
+            </div>
+        </div>
+    </div>1
+</template>
+
+<script setup lang="ts">
+import { ref, nextTick, reactive, onMounted } from 'vue';
+import fileSystem from './comment/common/cameraTree.vue';
+import { SvgIcon } from '/@/components/Icon';
+import treeIcon from './comment/common/Icon/treeIcon.vue';
+import { columnLt } from './gasReportInspect.data';
+import { queryReportList } from './gasReportInspect.api';
+
+let gasType = ref('gasDay')
+//左侧菜单列表
+let listArr = reactive<any[]>([]);
+//lxh 当前选中树节点
+let selected = reactive<any>({
+    id: null,
+    pid: null,
+    title: '',
+    isFolder: false,
+});
+let columns =columnLt
+let tableData = ref<any[]>([])
+let tableList = ref<any[]>([])
+// let handlerToggle = (param) => {
+//     gasType.value = param
+//     getTreeList({ type: gasType.value })
+// }
+//获取左侧菜单树
+async function getTreeList(param) {
+    listArr.length = 0
+    const res = await queryReportList({ pageNo: 1, pageSize: 100, ...param })
+    tableList.value = res.records || []
+    selected.id = tableList.value[0].id;
+    selected.pid = tableList.value[0].pid;
+    selected.title = tableList.value[0].title;
+    selected.isFolder = tableList.value[0].isFolder;
+    selected.ppid = tableList.value[0].ppid
+    if (tableList.value && tableList.value.length != 0) {
+        tableList.value.forEach(el => {
+            listArr.push({
+                id: el.id,
+                pid: null,
+                title: el.fileName,
+                isFolder: true,
+            })
+        })
+    }
+    tableData.value = JSON.parse(tableList.value[0].content)
+}
+//点击目录
+function onClick(node) {
+    selected.id = node.id;
+    selected.pid = node.pid;
+    selected.title = node.title;
+    selected.isFolder = node.isFolder;
+    selected.ppid = node.ppid
+    tableData.value = JSON.parse(tableList.value.filter(v => v.id == selected.id)[0].content)
+};
+
+onMounted(() => {
+    getTreeList({ type: gasType.value })
+})
+</script>
+
+<style lang="less" scoped>
+.index-time {
+    width: 100%;
+    height: 100%;
+    position: relative;
+
+    .content {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: flex-start;
+        position: relative;
+
+        // z-index: 999;
+        .left-box {
+            width: 15%;
+            height: 100%;
+            padding: 20px;
+            border: 1px solid #99e8ff66;
+            background: #27546e1a;
+            box-shadow: 0px 0px 20px 7px rgba(145, 233, 254, 0.7) inset;
+            -moz-box-shadow: 0px 0px 20px 7px rgba(145, 233, 254, 0.7) inset;
+            -webkit-box-shadow: 0px 0px 50px 1px rgb(149 235 255 / 5%) inset;
+            overflow-y: auto;
+
+            .card-file {
+                height: 100%;
+                overflow-y: auto;
+            }
+
+            // lxh
+            .iconfont {
+                color: #fff;
+                font-size: 12px;
+                margin-left: 5px;
+            }
+        }
+
+        .right-box {
+            width: 85%;
+            height: 100%;
+            padding: 0px 0px 0px 15px;
+            box-sizing: border-box;
+        }
+    }
+}
+
+::v-deep .zxm-table-thead>tr>th:last-child,
+.zxm-table-thead .zxm-table-column-title:last-child {
+    border-right: 1px solid #91e9fe !important;
+}
+</style>

src/views/vent/gas/gasReportInspect/index.vue

@@ -12,6 +12,7 @@ import { ref, reactive, onMounted } from 'vue';
 import { useGlobSetting } from '/@/hooks/setting';
 import indexTime from './index-time.vue'
 import indexType from './index-type.vue'
+import indexLt from './index-lt.vue'
 import customHeader from '/@/components/vent/customHeader.vue';
 let currentComponent = ref<any>('')//当前加载组件
 
@@ -21,11 +22,8 @@ let getInit = () => {
         case 'sdmtjtbetmk'://布尔台
             currentComponent.value = indexType
             break;
-        case 'sdmtjtswmk'://上湾
-            currentComponent.value = indexTime
-            break;
-        case 'sdmtjtdltmk'://大柳塔
-            currentComponent.value = indexTime
+        case 'sdmtjtltmk'://柳塔
+            currentComponent.value = indexLt
             break;
         default:
             currentComponent.value = indexTime