联调实时数据页面

src/views/pqs/harmonicMonitoring/monitoringPoint/online/xiebopingpu/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="指标">
@@ -10,10 +11,13 @@
                     <el-radio-button :label="1">谐波电流幅值</el-radio-button>
                 </el-radio-group>
             </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>
+    
         <vxe-table :data="analysisData" v-bind="defaultAttribute">
             <vxe-column field="name" title="指标" width="140px"></vxe-column>
             <vxe-column
@@ -35,7 +39,13 @@ import MyEchart from '@/components/echarts/MyEchart.vue'
 import { useMonitoringPoint } from '@/stores/monitoringPoint'
 import { getHarmInHarmData } from '@/api/harmonic-boot/inHarm'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
-
+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)
@@ -107,6 +117,7 @@ const init = () => {
         })
     })
 }
+provide('tableStore', tableStore)
 onMounted(() => {
     init()
 })