报警统计添加处理状态

src/api/AlertMock.ts

@@ -102,6 +102,7 @@ export interface IReportParams {
   alertTypes?: string[];
   beginDateTime?: string;
   endDateTime?: string;
+  alertStatus?: number;
 }
 
 interface IReportRes {

src/components/alarm/alarmStatistics.vue

@@ -18,8 +18,8 @@
       binary-state-sort
       virtual-scroll
     >
-      <template v-slot:top-right>
+      <template v-slot:top>
-        <q-form ref="myForm" @submit="onRequest">
+        <q-form ref="myForm" @submit="onRequest" style="width: 100%">
           <div class="q-gutter-md row justify-center items-start">
             <q-input
               dense
@@ -171,6 +171,16 @@
               label="类型"
               style="width: 200px"
             />
+            <q-select
+              dense
+              v-model="filter.alertStatus"
+              :options="alertStatusOptions"
+              emit-value
+              map-options
+              options-dense
+              label="处理状态"
+              style="width: 100px"
+            />
             <q-btn color="primary" label="查询" type="submit" />
           </div>
         </q-form>
@@ -192,7 +202,7 @@ import { IReportParams, recordAlarmReport } from 'src/api/AlertMock';
 import { showAlertTypeData, saveAlertTypeData } from './alarmInfoEnum';
 
 const $q = useQuasar();
-const dialogWidth = window.screen.width * 0.5;
+const dialogWidth = window.screen.width * 0.6;
 const dialogHeight = window.screen.height * 0.5;
 
 const columnDefs: QTableColumn[] = [
@@ -242,6 +252,7 @@ const filter = reactive<Ifilter>({
   lineId: 3,
   beginDateTime: '',
   endDateTime: '',
+  alertStatus: 3,
 });
 const loading = ref(false);
 const pagination = ref({
@@ -267,6 +278,9 @@ function onRequest() {
         if (filter.endDateTime) {
           Object.assign(params, { endDateTime: filter.endDateTime });
         }
+        if (filter.alertStatus != 3) {
+          Object.assign(params, { alertStatus: filter.alertStatus });
+        }
         const response = await recordAlarmReport(filter.lineId, params);
 
         pagination.value.rowsNumber = response.length;
@@ -337,4 +351,12 @@ function timeRangeValidation() {
   errorMessageEndTime.value = '';
   return true;
 }
+
+const alertStatusOptions = [
+  { label: '全部', value: 3 },
+  { label: '未处理', value: -1 },
+  { label: '误报', value: 0 },
+  { label: '确认', value: 1 },
+  { label: '人工接警', value: 2 },
+];
 </script>