diff --git a/src/views/perfManage/kpiCReport/index.vue b/src/views/perfManage/kpiCReport/index.vue
index 1a5ca6dc..5bf53feb 100644
--- a/src/views/perfManage/kpiCReport/index.vue
+++ b/src/views/perfManage/kpiCReport/index.vue
@@ -81,17 +81,13 @@ let neCascaderOptions = ref<Record<string, any>[]>([]);
 let queryRangePicker = ref<[string, string]>(['', '']);
 
 /**时间选择 */
-let ranges = ref<Record<string, [Dayjs, Dayjs]>>({
-  [t('views.perfManage.customTarget.sixHoursAgo')]: [
-    dayjs().subtract(6, 'hours'),
-    dayjs(),
-  ],
-  [t('views.perfManage.customTarget.threeHoursAgo')]: [
-    dayjs().subtract(3, 'hours'),
-    dayjs(),
-  ],
-  [t('views.monitor.monitor.today')]: [dayjs().startOf('day'), dayjs()],
-});
+const ranges = ref([
+  {label:t('views.perfManage.customTarget.sixHoursAgo'),value:[dayjs().subtract(6, 'hours'),
+      dayjs(),]},
+  {label:t('views.perfManage.customTarget.threeHoursAgo'),value:[dayjs().subtract(3, 'hours'),
+      dayjs(),]},
+  {label:t('views.monitor.monitor.today'),value:[dayjs().startOf('day'), dayjs()]},
+])
 
 /**表格字段列 */
 let tableColumns = ref<any[]>([]);
@@ -794,7 +790,7 @@ onBeforeUnmount(() => {
                 :show-time="{ format: 'HH:mm:ss' }"
                 format="YYYY-MM-DD HH:mm:ss"
                 value-format="x"
-                :ranges="ranges"
+                :presets="ranges"
                 style="width: 100%"
               ></a-range-picker>
             </a-form-item>