From 07ccde9f59d770f410ddb8b256365af2caea6b6e Mon Sep 17 00:00:00 2001
From: sjl <1716605279@qq.com>
Date: Wed, 6 Nov 2024 21:07:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/TimeControl/index.vue |  2 +-
 frontend/src/views/machine/device/index.vue   | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/TimeControl/index.vue b/frontend/src/components/TimeControl/index.vue
index 827a3cc..aa5a2b8 100644
--- a/frontend/src/components/TimeControl/index.vue
+++ b/frontend/src/components/TimeControl/index.vue
@@ -66,7 +66,7 @@
 
 
 <script setup lang="ts">
-    import {  ref ,onMounted, defineProps, defineEmits } from 'vue';
+import {  ref ,onMounted, defineProps, defineEmits } from 'vue';
  
  // 定义时间单位的类型
 interface TimeUnit {
diff --git a/frontend/src/views/machine/device/index.vue b/frontend/src/views/machine/device/index.vue
index b76fa0a..176466e 100644
--- a/frontend/src/views/machine/device/index.vue
+++ b/frontend/src/views/machine/device/index.vue
@@ -3,6 +3,7 @@
       <ProTable
         ref='proTable'
         :columns='columns'
+        :init-param="initParam"
          :request-api='getPqDevList'
      >
         <!-- :requestApi="getRoleList" -->
@@ -49,6 +50,7 @@
 const includedUnits = ['日', '周', '月', '自定义']; // 可以根据需要包含的单位
 const excludedUnits = ['季度','年']; // 要排除的单位
 const defaultUnits = '日'; // 默认的单位
+
   // 表格配置项
   const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
     { type: 'selection', fixed: 'left', width: 70 },
@@ -100,6 +102,7 @@ const defaultUnits = '日'; // 默认的单位
             include={includedUnits} 
             exclude={excludedUnits} 
             default={defaultUnits} 
+            onUpdate-dates={handleDateChange}
             />
           </div>
         )
@@ -109,6 +112,15 @@ const defaultUnits = '日'; // 默认的单位
     { prop: 'operation', label: '操作', fixed: 'right', width: 200 },
   ])
   
+
+
+
+  // 处理日期变化的回调函数
+const handleDateChange = (startDate: Date, endDate: Date) => {
+  console.log('Start Date:', startDate)
+  console.log('End Date:', endDate)
+  // 这里可以添加更多的逻辑处理
+}
   // 打开 drawer(新增、编辑)
   const openDialog = (titleType: string, row: Partial<Device.ResPqDev> = {}) => {
     devicePopup.value?.open(titleType, row)