审计列表

src/components/table/header/index.vue

@@ -4,6 +4,9 @@
         <div class='table-com-search' v-if='showSelect'>
             <el-form @submit.prevent='' @keyup.enter='onComSearch' label-position='left' :inline='true'>
                 <slot name='select'></slot>
+                <el-form-item label='日期' v-if='datePicker'>
+                    <DatePicker v-model='date' @change='dateChange'></DatePicker>
+                </el-form-item>
                 <el-form-item>
                     <el-button @click='onComSearch' type='primary'>查询</el-button>
                     <el-button @click='onResetForm'>重置</el-button>
@@ -28,17 +31,25 @@
 <script setup lang='ts'>
 import { inject, ref } from 'vue'
 import type TableStore from '@/utils/tableStore'
+import DatePicker from '@/components/datePicker/index.vue'
 
 const tableStore = inject('tableStore') as TableStore
+const date = ref([window.XEUtils.toDateString(new Date(), 'yyyy-MM-dd'), window.XEUtils.toDateString(new Date(), 'yyyy-MM-dd')])
 
 interface Props {
     // 默认展开
     showSelect?: boolean
+    datePicker?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
-    showSelect: false
+    showSelect: true,
+    datePicker: false
 })
+if (props.datePicker) {
+    tableStore.table.params.searchBeginTime = date.value[0]
+    tableStore.table.params.searchEndTime = date.value[1]
+}
 const showSelect = ref(props.showSelect)
 const showSelectChange = () => {
     showSelect.value = !showSelect.value
@@ -49,6 +60,10 @@ const onComSearch = () => {
 const onResetForm = () => {
     tableStore.onTableAction('reset', {})
 }
+const dateChange = () => {
+    tableStore.table.params.searchBeginTime = date.value[0]
+    tableStore.table.params.searchEndTime = date.value[1]
+}
 </script>
 
 <style scoped lang='scss'>