联调实时数据页面

src/components/table/header/index.vue

@@ -48,7 +48,7 @@ import { mainHeight } from '@/utils/layout'
 import { useDictData } from '@/stores/dictData'
 import { Search, RefreshLeft } from '@element-plus/icons-vue'
 import { defineProps } from 'vue'
-
+const emit = defineEmits(['selectChange',])
 const tableStore = inject('tableStore') as TableStore
 const tableHeader = ref()
 const datePickerRef = ref()
@@ -139,20 +139,17 @@ onUnmounted(() => {
 })
 
 const handlerHeight = () => {
+    tableStore.table.publicHeight + tableHeader.value.offsetHeight + (tableStore.showPage ? 58 : 0) + 20
     tableStore.table.height = mainHeight(
         tableStore.table.publicHeight + tableHeader.value.offsetHeight + (tableStore.showPage ? 58 : 0) + 20
     ).height as string
 }
 const computedSearchRow = () => {
-
 if (!headerForm.value.$el) return
-
-
 // 清空headerFormSecond.value.$el下的元素
 while (headerFormSecond.value.$el.firstChild) {
     headerForm.value.$el.appendChild(headerFormSecond.value.$el.firstChild)
 }
-
 // 获取第一行放了几个表单
 const elFormItem = headerForm.value.$el.querySelectorAll('.el-form-item')
 
@@ -160,10 +157,10 @@ const elFormItem = headerForm.value.$el.querySelectorAll('.el-form-item')
 let width = 0
 for (let i = 0; i < elFormItem.length; i++) {
     width += elFormItem[i].offsetWidth + 32
+
     if (width > headerForm.value.$el.offsetWidth) {
         headerFormSecond.value.$el.appendChild(elFormItem[i])
     }
-      
 }
 
 // 判断是否需要折叠
@@ -177,6 +174,7 @@ if (headerFormSecond.value.$el.scrollHeight > 0) {
 const showSelect = ref(false)
 const showSelectChange = () => {
     showSelect.value = !showSelect.value
+    emit('selectChange', showSelect.value)
 }
 const onComSearch = async () => {
     if (props.datePicker && timeAll.value) {
@@ -205,7 +203,7 @@ const onExport = () => {
     tableStore.onTableAction('export', { showAllFlag: true })
 }
 
-defineExpose({ onComSearch, areaRef, setDatePicker, setTheDate, datePickerRef, showSelectChange })
+defineExpose({ onComSearch, areaRef, setDatePicker, setTheDate, datePickerRef, showSelectChange,computedSearchRow })
 </script>
 
 <style scoped lang="scss">