From 50bc0f9396acd99a71f5ff6c56f1f7b97cbcf186 Mon Sep 17 00:00:00 2001
From: sjl <1716605279@qq.com>
Date: Mon, 22 Sep 2025 13:34:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=97=B6=E9=97=B4=E6=8E=A7?=
 =?UTF-8?q?=E4=BB=B6=E5=B8=A6=E6=97=B6=E5=88=86=E7=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/form/datePicker/time.vue       | 606 ++++++++++++++++++
 .../govern/reportCore/statisticsWx/index.vue  |  12 +-
 2 files changed, 614 insertions(+), 4 deletions(-)
 create mode 100644 src/components/form/datePicker/time.vue

diff --git a/src/components/form/datePicker/time.vue b/src/components/form/datePicker/time.vue
new file mode 100644
index 0000000..4443e85
--- /dev/null
+++ b/src/components/form/datePicker/time.vue
@@ -0,0 +1,606 @@
+<template>
+    <div style="width: 680px">
+        <el-select v-model.trim="interval" style="min-width: 90px; width: 90px; margin-right: 10px"
+            @change="timeChange">
+            <el-option v-for="item in timeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+
+        <el-date-picker v-model.trim="timeValue" type="datetimerange" :disabled="disabledPicker"
+            style="width: 360px; margin-right: 10px" unlink-panels :clearable="false" range-separator="至"
+            start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" 
+            :shortcuts="shortcuts" />
+        <el-button :disabled="backDisabled" type="primary" :icon="DArrowLeft" @click="preClick"></el-button>
+        <el-button type="primary" :icon="VideoPause" @click="nowTime">当前</el-button>
+        <el-button :disabled="preDisabled" type="primary" :icon="DArrowRight" @click="next"></el-button>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { DArrowLeft, VideoPause, DArrowRight } from '@element-plus/icons-vue'
+import { ref, onMounted } from 'vue'
+
+interface Props {
+    nextFlag?: boolean
+    theCurrentTime?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    nextFlag: false,
+    theCurrentTime: true
+})
+
+const interval = ref(3)
+const timeFlag = ref(1)
+const count = ref(0)
+const disabledPicker = ref(true)
+const timeValue = ref()
+const backDisabled = ref(false)
+const preDisabled = ref(true)
+const timeOptions: any = ref([
+    { label: '年份', value: 1 },
+    { label: '季度', value: 2 },
+    { label: '月份', value: 3 },
+    { label: '周', value: 4 },
+    { label: '自定义', value: 5 }
+])
+
+// 添加格式化时间显示的函数
+const formatDateTimeDisplay = (date: Date) => {
+    const year = date.getFullYear()
+    const month = String(date.getMonth() + 1).padStart(2, '0')
+    const day = String(date.getDate()).padStart(2, '0')
+    const hours = String(date.getHours()).padStart(2, '0')
+    const minutes = String(date.getMinutes()).padStart(2, '0')
+    const seconds = String(date.getSeconds()).padStart(2, '0')
+    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+}
+
+const shortcuts = [
+    {
+        text: '最近一周',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
+            // 设置开始时间为当天的00:00:00
+            start.setHours(0, 0, 0, 0)
+            // 设置结束时间为当天的23:59:59
+            end.setHours(23, 59, 59, 999)
+            return [start, end]
+        }
+    },
+    {
+        text: '最近一个月',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
+            // 设置开始时间为当天的00:00:00
+            start.setHours(0, 0, 0, 0)
+            // 设置结束时间为当天的23:59:59
+            end.setHours(23, 59, 59, 999)
+            return [start, end]
+        }
+    },
+    {
+        text: '最近3个月',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
+            // 设置开始时间为当天的00:00:00
+            start.setHours(0, 0, 0, 0)
+            // 设置结束时间为当天的23:59:59
+            end.setHours(23, 59, 59, 999)
+            return [start, end]
+        }
+    }
+]
+
+onMounted(() => {
+    timeChange(3)
+})
+
+// 选择时间范围
+const timeChange = (e: number) => {
+    backDisabled.value = false
+    preDisabled.value = true
+    count.value = 0
+    
+    if (e == 1) {
+        disabledPicker.value = true
+        timeValue.value = [setTime(1), setTime()]
+    } else if (e == 2) {
+        disabledPicker.value = true
+        timeValue.value = [setTime(2), setTime()]
+    } else if (e == 3) {
+        disabledPicker.value = true
+        timeValue.value = [setTime(3), setTime()]
+    } else if (e == 4) {
+        let year = parseInt(setTime().substring(0, 4))
+        let month = parseInt(setTime().substring(5, 7))
+        let date = parseInt(setTime().substring(8, 10))
+
+        var start = new Date(year, month - 1, date)
+        var dayOfWeek = start.getDay() == 0 ? 7 : start.getDay() - 1 // 如果为周日，则置为7天
+
+        disabledPicker.value = true
+        timeValue.value = [setTime(0, dayOfWeek), setTime(0, -6 + dayOfWeek)]
+    } else if (e == 5) {
+        disabledPicker.value = false
+        backDisabled.value = true
+        preDisabled.value = true
+        timeValue.value = [setTime(), setTime()]
+    }
+    
+    if (e == 1 || e == 2) {
+        timeFlag.value = 0
+    } else {
+        timeFlag.value = 1
+    }
+    
+    // 添加时分秒
+    if (timeValue.value && timeValue.value.length === 2) {
+        if (e != 5) { // 非自定义时间
+            // 开始时间设置为00:00:00
+            if (timeValue.value[0] && typeof timeValue.value[0] === 'string' && timeValue.value[0].length === 10) {
+                timeValue.value[0] += ' 00:00:00'
+            } else if (timeValue.value[0] instanceof Date) {
+                timeValue.value[0].setHours(0, 0, 0, 0)
+            }
+            
+            // 结束时间设置为23:59:59
+            if (timeValue.value[1] && typeof timeValue.value[1] === 'string' && timeValue.value[1].length === 10) {
+                timeValue.value[1] += ' 23:59:59'
+            } else if (timeValue.value[1] instanceof Date) {
+                timeValue.value[1].setHours(23, 59, 59, 999)
+            }
+        }
+    }
+}
+
+// 当前
+const nowTime = () => {
+    timeChange(interval.value)
+}
+
+// 上一个
+const preClick = () => {
+    preDisabled.value = false
+    let startTime = timeValue.value[0]
+    let endTime = timeValue.value[1]
+    let year = parseInt(startTime.substring(0, 4))
+    let month = parseInt(startTime.substring(5, 7))
+    let date = parseInt(startTime.substring(8, 10))
+    
+    //按月
+    if (interval.value == 3) {
+        // 换年份
+        if (month == 1) {
+            year = year - 1
+            startTime = year + '-12-01 00:00:00'
+            endTime = year + '-12-31 23:59:59'
+        } else if (month <= 10) {
+            month = month - 1
+            startTime = year + '-0' + month + '-01 00:00:00'
+            let day = getDays(year, month)
+            endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+        } else {
+            month = month - 1
+            startTime = year + '-' + month + '-01 00:00:00'
+            let day = getDays(year, month)
+            endTime = year + '-' + month + '-' + day + ' 23:59:59'
+        }
+        //按周
+    } else if (interval.value == 4) {
+        //根据开始时间推
+        let start = new Date(year, month - 1, date)
+        start.setDate(start.getDate() - 7)
+        startTime = formatTime(start) + ' 00:00:00'
+        var end = new Date(start)
+        end.setDate(start.getDate() + 6)
+        endTime = formatTime(end) + ' 23:59:59'
+        //按季度
+    } else if (interval.value == 2) {
+        // 换年份
+        if (month == 1) {
+            year = year - 1
+            startTime = year + '-10-01 00:00:00'
+            endTime = year + '-12-31 23:59:59'
+        } else {
+            // 还是本年
+            month = month - 3
+            startTime = year + '-0' + month + '-01 00:00:00'
+            month = month + 2
+            var day = getDays(year, month)
+            endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+        }
+        //自定义
+    } else if (interval.value == 1) {
+        year = year - 1
+        startTime = year + '-01-01 00:00:00'
+        endTime = year + '-12-31 23:59:59'
+    }
+    
+    timeValue.value = [startTime, endTime]
+}
+
+//下一个
+const next = () => {
+    //向后
+    let startTime = timeValue.value[0]
+    let endTime = timeValue.value[1]
+    let year = parseInt(startTime.substring(0, 4))
+    let month = parseInt(startTime.substring(5, 7))
+    let date = parseInt(startTime.substring(8, 10))
+    var now = new Date()
+    // 获取当前年份
+    var presentY = now.getFullYear()
+    // 获取当前月份
+    var presentM = now.getMonth() + 1
+    // 获取当前日期
+    var presentD = now.getDate()
+    
+    if (interval.value == 3) {
+        if (month == 12) {
+            year = year + 1
+
+            // 年份进位后，大于当前的年份，是不科学的
+            if (presentY < year && !props.nextFlag) {
+                startTime = presentY + '-12-01 00:00:00'
+                if (presentD < 10) {
+                    endTime = presentY + '-12' + '-0' + presentD + ' 23:59:59'
+                } else {
+                    endTime = presentY + '-12' + '-' + presentD + ' 23:59:59'
+                }
+                // 年份进位后，等于当前的年份
+            } else if (presentY == year) {
+                startTime = year + '-01-01 00:00:00'
+                if (presentM > 1) {
+                    endTime = year + '-01-31 23:59:59'
+                } else {
+                    if (presentD < 10) {
+                        endTime = year + '-01' + '-0' + presentD + ' 23:59:59'
+                    } else {
+                        endTime = year + '-01' + '-' + presentD + ' 23:59:59'
+                    }
+                }
+                // 年份进位后，依旧小于当前的年份
+            } else {
+                startTime = year + '-01-01 00:00:00'
+                endTime = year + '-01-31 23:59:59'
+            }
+        } else {
+            month = month + 1
+            // 年份等于当前年份
+            if (presentY == year) {
+                // 月份超过当前月份，是不科学的
+                if (month >= presentM && !props.nextFlag) {
+                    if (presentM < 10) {
+                        startTime = year + '-0' + presentM + '-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    } else {
+                        startTime = year + '-' + presentM + '-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    }
+                } else {
+                    if (month < 10) {
+                        startTime = year + '-0' + month + '-01 00:00:00'
+                        var day = getDays(year, month)
+                        endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+                    } else {
+                        startTime = year + '-' + month + '-01 00:00:00'
+                        var day = getDays(year, month)
+                        endTime = year + '-' + month + '-' + day + ' 23:59:59'
+                    }
+                }
+                // 年份小于当前的年份
+            } else {
+                if (month < 10) {
+                    startTime = year + '-0' + month + '-01 00:00:00'
+                    var day = getDays(year, month)
+                    endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+                } else {
+                    startTime = year + '-' + month + '-01 00:00:00'
+                    var day = getDays(year, month)
+                    endTime = year + '-' + month + '-' + day + ' 23:59:59'
+                }
+            }
+        }
+    } else if (interval.value == 2) {
+        // 前进需要年份进位
+        if (month == 10) {
+            year = year + 1
+            // 年份进位后大于当前年份是不科学的
+            if (year > presentY && !props.nextFlag) {
+                startTime = presentY + '-10-01 00:00:00'
+                if (presentD < 10) {
+                    endTime = year + '-' + presentM + '-0' + presentD + ' 23:59:59'
+                } else {
+                    endTime = year + '-' + presentM + '-' + presentD + ' 23:59:59'
+                }
+            } else if (year == presentY) {
+                startTime = year + '-01-01 00:00:00'
+                // 当前月份大约3月份
+                if (presentM > 3) {
+                    endTime = year + '-03-31 23:59:59'
+                } else {
+                    // 当前月份也在第一季度里
+                    if (presentD < 10) {
+                        endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                    } else {
+                        endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                    }
+                }
+            } else {
+                startTime = year + '-01-01 00:00:00'
+                endTime = year + '-03-31 23:59:59'
+            }
+        } else {
+            month = month + 3
+            // 季度进位后，超过当前月份是不科学的
+            if (year == presentY && !props.nextFlag) {
+                if (month >= presentM) {
+                    // 当季度进位后大于当前月，以当前月的时间显示季度
+                    if (presentM > 0 && presentM < 4) {
+                        // 第一季度
+                        startTime = year + '-01-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    } else if (presentM > 3 && presentM < 7) {
+                        // 第二季度
+                        startTime = year + '-04-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    } else if (presentM > 6 && presentM < 10) {
+                        // 第三季度
+                        startTime = year + '-07-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    } else {
+                        // 第四季度
+                        startTime = year + '-10-01 00:00:00'
+                        if (presentD < 10) {
+                            endTime = year + '-' + presentM + '-0' + presentD + ' 23:59:59'
+                        } else {
+                            endTime = year + '-' + presentM + '-' + presentD + ' 23:59:59'
+                        }
+                    }
+                } else {
+                    if (month == 10) {
+                        startTime = year + '-' + month + '-01 00:00:00'
+                    } else {
+                        startTime = year + '-0' + month + '-01 00:00:00'
+                    }
+                    month = month + 2
+                    if (month >= presentM) {
+                        endTime = NowgetEndTime() + ' 23:59:59'
+                    } else {
+                        var day = getDays(year, month)
+                        endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+                    }
+                }
+            } else {
+                if (month == 10) {
+                    startTime = year + '-' + month + '-01 00:00:00'
+                    month = month + 2
+                    var day = getDays(year, month)
+                    endTime = year + '-' + month + '-' + day + ' 23:59:59'
+                } else {
+                    startTime = year + '-0' + month + '-01 00:00:00'
+                    month = month + 2
+                    var day = getDays(year, month)
+                    endTime = year + '-0' + month + '-' + day + ' 23:59:59'
+                }
+            }
+        }
+    } else if (interval.value == 5) {
+        // 自定义时间保持原样
+    } else if (interval.value == 4) {
+        //根据开始时间推
+        var start = new Date(year, month - 1, date)
+        start.setDate(start.getDate() + 7)
+        startTime = formatTime(start) + ' 00:00:00'
+        var end = new Date(start)
+        end.setDate(start.getDate() + 6)
+        endTime = formatTime(end) + ' 23:59:59'
+    } else {
+        year = year + 1
+        // 年份进位后大于当前年份，是不科学的
+        if (year >= presentY && !props.nextFlag) {
+            startTime = presentY + '-01-01 00:00:00'
+            if (presentM < 10) {
+                if (presentD < 10) {
+                    endTime = presentY + '-0' + presentM + '-0' + presentD + ' 23:59:59'
+                } else {
+                    endTime = presentY + '-0' + presentM + '-' + presentD + ' 23:59:59'
+                }
+            } else {
+                if (presentD < 10) {
+                    endTime = presentY + '-' + presentM + '-0' + presentD + ' 23:59:59'
+                } else {
+                    endTime = presentY + '-' + presentM + '-' + presentD + ' 23:59:59'
+                }
+            }
+        } else {
+            startTime = year + '-01-01 00:00:00'
+            endTime = year + '-12-31 23:59:59'
+        }
+    }
+    
+    if (!props.nextFlag) {
+        if (new Date(endTime).getTime() >= new Date().setHours(0, 0, 0, 0)) {
+            preDisabled.value = true
+        }
+    }
+
+    timeValue.value = [startTime, endTime]
+}
+
+const setTime = (flag = 0, e = 0) => {
+    let dd = window.XEUtils.toDateString(new Date().getTime() - e * 3600 * 1000 * 24, 'dd')
+    let data = ''
+
+    if ((dd < 2 || dd == 0) && interval.value != 4 && !props.theCurrentTime) {
+        data = window.XEUtils.toDateString(new Date().getTime() - (e + dd) * 3600 * 1000 * 24, 'yyyy-MM-dd')
+    } else {
+        data = window.XEUtils.toDateString(new Date().getTime() - e * 3600 * 1000 * 24, 'yyyy-MM-dd')
+    }
+
+    if (flag == 1) {
+        data = data.slice(0, 5) + '01-01'
+    } else if (flag == 2) {
+        let quarter = parseInt(data.slice(5, 7))
+        if (0 < quarter && quarter <= 3) {
+            data = data.slice(0, 5) + '01-01'
+        } else if (3 < quarter && quarter <= 6) {
+            data = data.slice(0, 5) + '04-01'
+        } else if (6 < quarter && quarter <= 9) {
+            data = data.slice(0, 5) + '07-01'
+        } else {
+            data = data.slice(0, 5) + '10-01'
+        }
+    }
+    if (flag == 3) {
+        data = data.slice(0, 8) + '01'
+    }
+
+    return data
+}
+
+// 获取月份的天数
+const getDays = (year: any, month: any) => {
+    let max = new Date(year, month, 0).getDate()
+    return max
+}
+
+// 时间格式化
+const formatTime = (time: any) => {
+    return (
+        time.getFullYear() +
+        '-' +
+        (time.getMonth() + 1 < 10 ? '0' : '') +
+        (time.getMonth() + 1) +
+        '-' +
+        (time.getDate() < 10 ? '0' : '') +
+        time.getDate()
+    )
+}
+
+const NowgetEndTime = () => {
+    let now = new Date()
+    let sep = '-'
+    let year = now.getFullYear()
+    let month: any = now.getMonth() + 1
+    if (month < 10) {
+        month = '0' + month
+    }
+    let date: any = now.getDate()
+    if (date < 10) {
+        date = '0' + date
+    }
+
+    // 拼接当前的日期
+    let endTime = year + sep + month + sep + date
+    return endTime
+}
+
+const setTimeOptions = (list: any) => {
+    timeOptions.value = list
+}
+
+const setInterval = (value: any) => {
+    interval.value = value
+    timeChange(value)
+}
+
+// 获取时间范围的同比
+function getYearOnYear(startDate: string, endDate: string): [string, string] {
+    const startYearAgo = new Date(startDate)
+    startYearAgo.setFullYear(startYearAgo.getFullYear() - 1)
+
+    const endYearAgo = new Date(endDate)
+    endYearAgo.setFullYear(endYearAgo.getFullYear() - 1)
+
+    return [formatDate(startYearAgo), formatDate(endYearAgo)]
+}
+
+// 获取时间范围的环比
+function getMonthOnMonth(startDate: string, endDate: string): [string, string] {
+    const start = new Date(startDate)
+    const end = new Date(endDate)
+
+    const diffTime = end.getTime() - start.getTime() + 60 * 60 * 24 * 1000 // 计算时间差
+    const startMonthAgo = new Date(start)
+    startMonthAgo.setTime(startMonthAgo.getTime() - diffTime) // 将开始时间向前推移相同的时间差
+
+    const endMonthAgo = new Date(start)
+    endMonthAgo.setDate(start.getDate() - 1) // 结束时间是开始时间的前一天
+
+    return [formatDate(startMonthAgo), formatDate(endMonthAgo)]
+}
+
+// 格式化日期为 YYYY-MM-DD
+function formatDate(date: Date): string {
+    const year = date.getFullYear()
+    const month = String(date.getMonth() + 1).padStart(2, '0')
+    const day = String(date.getDate()).padStart(2, '0')
+    return `${year}-${month}-${day}`
+}
+
+defineExpose({ 
+    timeValue, 
+    interval, 
+    timeFlag, 
+    setTimeOptions, 
+    setInterval, 
+    getYearOnYear, 
+    getMonthOnMonth, 
+    timeChange,
+    formatDateTimeDisplay // 暴露格式化函数
+})
+</script>
+
+<style scoped>
+.demo-date-picker {
+    display: flex;
+    width: 100%;
+    padding: 0;
+    flex-wrap: wrap;
+}
+
+.demo-date-picker .block {
+    padding: 30px 0;
+    text-align: center;
+    border-right: solid 1px var(--el-border-color);
+    flex: 1;
+}
+
+.demo-date-picker .block:last-child {
+    border-right: none;
+}
+
+.demo-date-picker .demonstration {
+    display: block;
+    color: var(--el-text-color-secondary);
+    font-size: 14px;
+    margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/govern/reportCore/statisticsWx/index.vue b/src/views/govern/reportCore/statisticsWx/index.vue
index c96ef90..3300437 100644
--- a/src/views/govern/reportCore/statisticsWx/index.vue
+++ b/src/views/govern/reportCore/statisticsWx/index.vue
@@ -7,8 +7,11 @@
                 </pointTreeWx>
             </pane>
             <pane :size="(100 - size)" style="background: #fff" :style="height">
-                <TableHeader ref="TableHeaderRef" datePicker :showReset="false">
+                <TableHeader ref="TableHeaderRef" :showReset="false">
                     <template v-slot:select>
+                         <el-form-item label="时间:">
+                            <DatePicker ref="datePickerRef"></DatePicker>
+                        </el-form-item>
                         <el-form-item label="模板策略">
                             <el-select v-model.trim="Template" @change="changetype" placeholder="请选择模版" value-key="id">
                                 <el-option v-for="item in templatePolicy" :key="item.id" :label="item.name"
@@ -40,6 +43,7 @@ import { mainHeight } from '@/utils/layout'
 import { getTemplateByDept } from '@/api/harmonic-boot/luckyexcel'
 import { exportExcel } from '@/views/system/reportForms/export.js'
 import 'splitpanes/dist/splitpanes.css'
+import DatePicker from '@/components/form/datePicker/time.vue'
 import { Splitpanes, Pane } from 'splitpanes'
 // import data from './123.json'
 defineOptions({
@@ -52,7 +56,7 @@ const TableHeaderRef = ref()
 const dotList: any = ref({})
 const Template: any = ref({})
 const reportForm: any = ref('')
-
+const datePickerRef = ref()
 const templatePolicy: any = ref([])
 
 const tableStore = new TableStore({
@@ -62,8 +66,8 @@ const tableStore = new TableStore({
     beforeSearchFun: () => {
         tableStore.table.params.tempId = Template.value.id
         tableStore.table.params.lineId = dotList.value.id
-        tableStore.table.params.startTime  = tableStore.table.params.startTime + ' 00:00:00'
-        tableStore.table.params.endTime = tableStore.table.params.endTime + ' 23:59:59'
+        tableStore.table.params.startTime  = datePickerRef.value.timeValue[0],
+        tableStore.table.params.endTime = datePickerRef.value.timeValue[1],
         delete tableStore.table.params.searchBeginTime
         delete tableStore.table.params.searchEndTime
         delete tableStore.table.params.timeFlag