fix: queries continue running after page unmounted

src/components/device-alarm-detail-modal.vue

@@ -1,11 +1,10 @@
-`
 <script setup lang="ts">
 import type { Station } from '@/apis/domains';
 import type { NdmDeviceAlarmLogResultVO } from '@/apis/models';
 import { ndmDeviceAlarmLogDefaultExportByTemplate } from '@/apis/requests';
 import type { StationAlarms } from '@/composables/query/alarm/use-line-alarms-query';
 import { JAVA_INTEGER_MAX_VALUE } from '@/constants';
-import { DeviceType, DeviceTypeName, type DeviceTypeCode } from '@/enums/device-type';
+import { DeviceType, DeviceTypeName, type DeviceTypeVal } from '@/enums/device-type';
 import { useQueryControlStore } from '@/stores/query-control';
 import { downloadByData } from '@/utils/download';
 import { useMutation } from '@tanstack/vue-query';
@@ -61,7 +60,7 @@ const tableColumns: DataTableColumns<NdmDeviceAlarmLogResultVO> = [
     title: '设备类型',
     key: 'deviceType',
     render: (rowData) => {
-      return DeviceTypeName[(rowData.deviceType ?? DeviceType.Camera) as DeviceTypeCode];
+      return DeviceTypeName[(rowData.deviceType ?? DeviceType.Camera) as DeviceTypeVal];
     },
     filterMultiple: true,
     filterOptions: Object.values(DeviceType).map((deviceType) => ({ label: DeviceTypeName[deviceType], value: deviceType })),