联调数据清洗页面 绘制终端运行评价页面

src/views/pqs/runManage/cleaning/components/alarmDetails.vue

@@ -1,10 +1,9 @@
 <template>
     <el-dialog draggable width="1300px" class="cn-operate-dialog" v-model="dialogVisible" :title="title">
         <div style="display: flex">
-            <el-tabs v-model="activeName" type="border-card" class="mr10" style="width: 450px">
-                <el-tab-pane label="告警监测点详情" name="first">
-                    <div :style="height">
-                        <vxe-table height="auto" :data="TableData" v-bind="defaultAttribute">
+            
+                    <div :style="height1" class="mr10" style="width: 450px">
+                        <vxe-table  height="auto" :data="TableData" v-bind="defaultAttribute">
                             <vxe-column type="seq" title="序号" width="60px"></vxe-column>
                             <vxe-column field="time" title="日期">
                                 <template #default="{ row }">
@@ -15,8 +14,7 @@
                             <vxe-column field="fz" title="告警时间(分钟)" width="80px"></vxe-column>
                         </vxe-table>
                     </div>
-                </el-tab-pane>
-            </el-tabs>
+        
             <el-tabs v-model="activeName" type="border-card" style="width: 820px">
                 <el-tab-pane :label="`变电站1 > 测试监测点1_告警指标详情`" name="first">
                     <div :style="height">
@@ -45,6 +43,7 @@ import { ElMessage } from 'element-plus'
 import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
 import { mainHeight } from '@/utils/layout'
 const dialogVisible = ref(false)
+const height1 = mainHeight(-110, 2)
 const height = mainHeight(10, 2)
 const title = ref('')
 const activeName = 'first'
@@ -162,7 +161,7 @@ const TableData1 = ref([
 ])
 
 const open = (data: anyObj) => {
-    title.value = data.name + '_告警详情展示'
+    title.value = data.targetName + '_告警详情展示'
     dialogVisible.value = true
 }