修改 测试bug

src/components/table/header/index.vue

@@ -2,22 +2,23 @@
     <div ref="tableHeader" class="cn-table-header">
         <div class="table-header ba-scroll-style">
             <el-form
-                style="flex: 1; height: 32px; margin-right: 20px"
+                style="flex: 1; height: 34px; margin-right: 20px; display: flex; flex-wrap: wrap"
                 ref="headerForm"
                 @submit.prevent=""
                 @keyup.enter="onComSearch"
                 label-position="left"
                 :inline="true"
             >
+                <el-form-item label="日期" v-if="datePicker" style="grid-column: span 2; max-width: 570px">
+                    <DatePicker ref="datePickerRef" :nextFlag="nextFlag" :theCurrentTime="theCurrentTime"></DatePicker>
+                </el-form-item>
+
                 <el-form-item label="区域" v-if="area">
                     <Area ref="areaRef" v-model="tableStore.table.params.deptIndex" />
                 </el-form-item>
-                <el-form-item label="日期" v-if="datePicker" style="grid-column: span 2; max-width: unset">
-                    <DatePicker ref="datePickerRef"></DatePicker>
-                </el-form-item>
                 <slot name="select"></slot>
             </el-form>
-            <template v-if="$slots.select || datePicker">
+            <template v-if="$slots.select || datePicker || showSearch">
                 <el-button type="primary" @click="showSelectChange" v-if="showUnfoldButton">
                     <Icon size="14" name="el-icon-ArrowUp" style="color: #fff" v-if="showSelect" />
                     <Icon size="14" name="el-icon-ArrowDown" style="color: #fff" v-else />
@@ -46,6 +47,7 @@ import Area from '@/components/form/area/index.vue'
 import { mainHeight } from '@/utils/layout'
 import { useDictData } from '@/stores/dictData'
 import { Search, RefreshLeft } from '@element-plus/icons-vue'
+import { defineProps } from 'vue'
 
 const tableStore = inject('tableStore') as TableStore
 const tableHeader = ref()
@@ -59,12 +61,16 @@ interface Props {
     datePicker?: boolean
     area?: boolean
     showSearch?: boolean
+    nextFlag?: boolean //控制时间是否可以往后推
+    theCurrentTime?: boolean //控制时间前3天展示上个月时间
 }
 
 const props = withDefaults(defineProps<Props>(), {
     datePicker: false,
     area: false,
-    showSearch: true
+    showSearch: true,
+    nextFlag: false,
+    theCurrentTime: false
 })
 // 动态计算table高度
 const resizeObserver = new ResizeObserver(entries => {
@@ -151,19 +157,19 @@ const onComSearch = async () => {
 
     await tableStore.onTableAction('search', {})
 }
-const onResetForm = () => {
-    //时间重置成默认值
-    datePickerRef.value?.timeChange(3)
-    tableStore.onTableAction('reset', {})
-}
 const setDatePicker = (list: any) => {
     datePickerRef.value.setTimeOptions(list)
 }
+const onResetForm = () => {
+    //时间重置成默认值
+    datePickerRef.value?.setInterval(3)
+    tableStore.onTableAction('reset', {})
+}
 const setInterval = (val: any) => {
     datePickerRef.value.setInterval(val)
 }
 
-defineExpose({ onComSearch, areaRef, setDatePicker, setInterval, datePickerRef })
+defineExpose({ onComSearch, areaRef, setDatePicker, setInterval, datePickerRef, showSelectChange})
 </script>
 
 <style scoped lang="scss">