feat: 设备告警记录页面添加告警恢复状态和确认状态筛选

src/pages/alarm/alarm-log-page.vue

@@ -37,6 +37,8 @@ interface SearchFields extends PageQueryExtra<NdmDeviceAlarmLog> {
   alarmType_in: string[];
   faultLevel_in: string[];
   alarmDate: [number, number];
+  alarmCategory: string;
+  alarmConfirm: string;
 }
 
 const route = useRoute();
@@ -105,6 +107,8 @@ const searchFields = ref<SearchFields>({
   alarmType_in: [],
   faultLevel_in: [],
   alarmDate: [dayjs().startOf('date').valueOf(), dayjs().endOf('date').valueOf()],
+  alarmCategory: '',
+  alarmConfirm: '',
 });
 const resetSearchFields = () => {
   searchFields.value = {
@@ -114,6 +118,8 @@ const resetSearchFields = () => {
     alarmType_in: [],
     faultLevel_in: [],
     alarmDate: [dayjs().startOf('date').valueOf(), dayjs().endOf('date').valueOf()],
+    alarmCategory: '',
+    alarmConfirm: '',
   };
 };
 const getExtraFields = (): PageQueryExtra<NdmDeviceAlarmLog> => {
@@ -225,7 +231,10 @@ const { mutate: getTableData, isPending: tableLoading } = useMutation({
 
     const res = await pageDeviceAlarmLogApi(
       {
-        model: {},
+        model: {
+          alarmCategory: searchFields.value.alarmCategory || undefined,
+          alarmConfirm: searchFields.value.alarmConfirm || undefined,
+        },
         extra: getExtraFields(),
         current: pagination.page ?? 1,
         size: pagination.pageSize ?? DEFAULT_PAGE_SIZE,
@@ -333,6 +342,28 @@ onBeforeUnmount(() => {
         <NFormItemGi span="1" label="告警级别" label-placement="left">
           <NSelect multiple clearable placeholder="请选择告警级别" v-model:value="searchFields.faultLevel_in" :options="faultLevelSelectOptions" />
         </NFormItemGi>
+        <NFormItemGi span="1" label="恢复状态" label-placement="left">
+          <NSelect
+            clearable
+            placeholder="请选择恢复状态"
+            v-model:value="searchFields.alarmCategory"
+            :options="[
+              { label: '未恢复', value: '1' },
+              { label: '已恢复', value: '2' },
+            ]"
+          />
+        </NFormItemGi>
+        <NFormItemGi span="1" label="确认状态" label-placement="left">
+          <NSelect
+            clearable
+            placeholder="请选择确认状态"
+            v-model:value="searchFields.alarmConfirm"
+            :options="[
+              { label: '未确认', value: '2' },
+              { label: '已确认', value: '1' },
+            ]"
+          />
+        </NFormItemGi>
         <NFormItemGi span="1" label="告警时间" label-placement="left">
           <NDatePicker v-model:value="searchFields.alarmDate" type="datetimerange" />
         </NFormItemGi>