联调实时数据页面

src/views/pqs/harmonicMonitoring/monitoringPoint/online/yunxingzhuangtai/index.vue

@@ -1,7 +1,8 @@
 <template>
     <div style="display: flex; flex-direction: column; height: 100%">
-        <el-form :inline="true">
-            <el-form-item label="日期">
+        <TableHeader ref="TableHeaderRef" :showSearch="false" >
+            <template v-slot:select>
+                <el-form-item label="日期">
                 <DatePicker ref="datePickerRef"></DatePicker>
             </el-form-item>
             <el-form-item label="对比">
@@ -14,10 +15,12 @@
                     />
                 </el-select>
             </el-form-item>
-            <el-form-item>
+            </template>
+            <template v-slot:operation>
                 <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
+            </template>
+        </TableHeader>
+       
         <div style="flex: 1; display: flex; overflow: hidden" class="mt10" v-loading="loading">
             <div style="flex: 1">
                 <my-echart :options="options1" />
@@ -35,7 +38,13 @@ import MyEchart from '@/components/echarts/MyEchart.vue'
 import { useMonitoringPoint } from '@/stores/monitoringPoint'
 import { getProbabilityDistribution } from '@/api/event-boot/monitor'
 import { getRunInfoData, getComFlagInfoData } from '@/api/device-boot/communicate'
-
+import TableHeader from '@/components/table/header/index.vue'
+import TableStore from '@/utils/tableStore'
+const tableStore = new TableStore({
+    url: '',
+    method: 'POST',
+    column: []
+})
 const datePickerRef = ref()
 const monitoringPoint = useMonitoringPoint()
 const loading = ref(true)
@@ -173,5 +182,6 @@ const handlerOptions2 = (data: any) => {
         ]
     }
 }
+provide('tableStore', tableStore)
 </script>
 <style></style>