perf: 优化接口调用历史，按钮切换未高亮

@@ -28,6 +28,8 @@
 
   const timeRange = ref('week');
 
+  const customTimeRange = ref('');
+
   const timeRangeList = ref([
     {
       label: `1${t('home.index.timeUnit.hour')}`,
@@ -123,6 +125,7 @@
   });
 
   const handleTimeRangeChange = (e: any) => {
+    customTimeRange.value = '';
     emits('emitTimeRange', e.target.value, false, {});
     watchClientWidth();
   };
@@ -131,6 +134,11 @@
     customDate.value = val as unknown as any;
   };
 
+  const handleOpenChange = () => {
+    timeRange.value = '';
+    customTimeRange.value = 'custom';
+  };
+
   const handleDateOk = (range: RangePickerValue) => {
     if (!range.length) return;
     const [startTs, endTs] = range;
@@ -150,6 +158,7 @@
       <DatePicker.RangePicker
         style="width: 4.675rem"
         @calendarChange="handleCalendarChange"
+        @openChange="handleOpenChange"
         size="small"
         @ok="handleDateOk"
         v-model:value="customDate"
@@ -157,9 +166,11 @@
           defaultValue: [dateUtil('00:00:00', 'HH:mm:ss'), dateUtil('23:59:59', 'HH:mm:ss')],
         }"
       >
-        <a-radio-button :value="t('home.index.timeUnit.custom')">
-          {{ t('home.index.timeUnit.custom') }}
-        </a-radio-button>
+        <a-radio-group v-model:value="customTimeRange" button-style="solid">
+          <a-radio-button value="custom">
+            {{ t('home.index.timeUnit.custom') }}
+          </a-radio-button>
+        </a-radio-group>
       </DatePicker.RangePicker>
       <a-radio-group @change="handleTimeRangeChange" v-model:value="timeRange" button-style="solid">
         <template v-for="(timeItem, index) in timeRangeList" :key="timeItem.value">