航站视图-预警报警标识

public/config.js

@@ -175,6 +175,7 @@ var DATACONTENT_ID = {
   internationalDepartureAirport: 1803525, // 国际出港航站
   arrivalAirport: 1803522, // 国内进港航站
   internationalArrivalAirport: 1803523, // 国际进港航站
+  warningRules: 18040, // 报警预警策略
   // 航班
   departureFlightInfo: 1803528, // 国内离港航班基础信息
   departureFlightWaybill: 1803513, // 国内离港航班运单

src/views/realTime/components/AirportView/index.vue

@@ -67,10 +67,10 @@
                   >已卸机总数：{{ tableDataCount.unloadCount }}</span
                 >
                 <!-- <span v-if="isDeparture" class="table-footer-count"
-                  >已起飞总数：{{ dealedCount }}</span
+                  >已起飞总数：{{ finishedCount }}</span
                 >
                 <span v-else class="table-footer-count"
-                  >已降落总数：{{ dealedCount }}</span
+                  >已降落总数：{{ finishedCount }}</span
                 > -->
               </div>
             </template>
@@ -102,6 +102,7 @@ import type {
 } from '../../type'
 import { useLoop } from '@/hooks/useLoop'
 import { useTableSettingsStore } from '@/store/tableSettings'
+import { useFlightState } from './useFlightState'
 
 const props = defineProps({
   name: {
@@ -122,6 +123,16 @@ const { tableColumns, tableData, getTableData } = useAirportTable(
   formData
 )
 
+const finishedCount = ref(0)
+const { warningRules, getWarningRules } = useFlightState(props.name, tableData, finishedCount)
+
+useLoop([getWarningRules, getTableData], 'airport', [formData])
+
+const countFlag = ref(true)
+const { tableColumnFormatter, tableDataFormatter } = useFormatter(countFlag)
+
+const UTCFlag = ref(true)
+
 const customRendererColumns = computed(() => [
   {
     key: 'rowNO',
@@ -135,7 +146,7 @@ const customRendererColumns = computed(() => [
   },
   ...tableColumns.value.map(column => ({
     ...column,
-    headerCellRenderer: ({column}: HeaderRenderProps) => (
+    headerCellRenderer: ({ column }: HeaderRenderProps) => (
       <TableHeaderCell
         v-model:filterValues={filterValueMap[column.columnName]}
         v-model:sortRule={sortRuleMap[column.columnName]}
@@ -168,27 +179,23 @@ const customRendererColumns = computed(() => [
   })),
 ])
 
-const countFlag = ref(true)
-const { tableColumnFormatter, tableDataFormatter } = useFormatter(countFlag)
-
-const UTCFlag = ref(true)
-
-useLoop([getTableData], 'airport', [formData])
 const { columnChecked } = useTableColumnSet(tableColumns)
 const { rowClassV2, cellClassV2 } = useTableStyle(props.name)
 const cellPropsGetter = params => ({
   class: cellClassV2(params),
 })
-const dealedCount = ref(0)
+
 const rowClass: RowClassGetter = params => {
   const { rowData, rowIndex } = params
   const classes: string[] = []
   if (rowData.hasTakenOff === 'Y' || rowData.hasLanded === 'Y') {
     classes.push('bg-gray')
     if (
-      ['planDepartureTime', 'planLandingTime'].some(key => sortRuleMap[key] === 'ascending') &&
-      dealedCount.value < tableData.value.length &&
-      rowIndex === dealedCount.value - 1
+      ['planDepartureTime', 'planLandingTime'].some(
+        key => sortRuleMap[key] === 'ascending'
+      ) &&
+      finishedCount.value < tableData.value.length &&
+      rowIndex === finishedCount.value - 1
     ) {
       classes.push('underline-red')
     }
@@ -328,46 +335,20 @@ const getPermission = (type?: string) => {
 }
 
 const hasSetTableScroll = ref(false)
-watch([() => formData.startDate, () => formData.endDate], ([startDate, endDate], [preStartDate, preEndDate]) => {
-  if (
-    startDate !== preStartDate ||
-    endDate !== preEndDate
-  ) {
-    hasSetTableScroll.value = false
-  }
-})
-watch(tableData, async rows => {
-  dealedCount.value = 0
-  const now = new Date().getTime()
-  rows.forEach((row, rowIndex) => {
-    if (props.name.includes('DepartureAirport') && typeof row.planDepartureTime === 'string') {
-      const departureTime = new Date(
-        row.planDepartureTime.replace('T', ' ')
-      ).getTime()
-      if (now >= departureTime) {
-        row.hasTakenOff = 'Y'
-        dealedCount.value++
-      } else {
-        row.hasTakenOff = 'N'
-      }
-    }
-    if (props.name.includes('ArrivalAirport') && typeof row.planLandingTime ==='string') {
-      const landingTime = new Date(
-        row.planLandingTime.replace('T', ' ')
-      ).getTime()
-      if (now >= landingTime) {
-        row.hasLanded = 'Y'
-        dealedCount.value++
-      } else {
-        row.hasLanded = 'N'
-      }
+watch(
+  [() => formData.startDate, () => formData.endDate],
+  ([startDate, endDate], [preStartDate, preEndDate]) => {
+    if (startDate !== preStartDate || endDate !== preEndDate) {
+      hasSetTableScroll.value = false
     }
-  })
-  if (hasSetTableScroll.value || !dealedCount.value) {
-    return
   }
+)
+watch(tableData, async () => {
   await nextTick()
-  tableRef.value?.scrollToRow(dealedCount.value - 1, 'start')
+  if (hasSetTableScroll.value || !finishedCount.value) {
+    return
+  }
+  tableRef.value?.scrollToRow(finishedCount.value - 1, 'start')
   hasSetTableScroll.value = true
 })
 

src/views/realTime/components/AirportView/useFlightState.ts

@@ -0,0 +1,134 @@
+import { Query } from '@/api/webApi'
+import { Ref } from 'vue'
+import { CommonData } from '~/common'
+
+export function useFlightState(
+  name: string,
+  tableData: Ref<CommonData[]>,
+  finishedCount: Ref<number>
+) {
+  const warningRules = ref<CommonData[]>([])
+  const getWarningRules = async () => {
+    try {
+      const {
+        code,
+        returnData: { listValues },
+        message,
+      } = await Query<CommonData>({
+        id: DATACONTENT_ID.warningRules,
+        dataContent: [],
+      })
+      if (Number(code) !== 0) {
+        throw new Error(message || '失败')
+      }
+      warningRules.value = listValues
+    } catch (error) {
+      console.error(error)
+    }
+  }
+
+  watch(tableData, data => {
+    finishedCount.value = 0
+    const now = Date.now()
+    data.forEach(row => {
+      if (
+        name.includes('DepartureAirport') &&
+        typeof row.planDepartureTime === 'string'
+      ) {
+        const departureTime = new Date(
+          row.planDepartureTime.replace('T', ' ')
+        ).getTime()
+        // 判断已起飞
+        if (now >= departureTime) {
+          row.hasTakenOff = 'Y'
+          finishedCount.value++
+        } else {
+          row.hasTakenOff = 'N'
+
+          // 未起飞的匹配预警报警策略
+          row.warningState = getWarningState(row)
+        }
+      }
+      if (
+        name.includes('ArrivalAirport') &&
+        typeof row.planLandingTime === 'string'
+      ) {
+        const landingTime = new Date(
+          row.planLandingTime.replace('T', ' ')
+        ).getTime()
+        // 判断已降落
+        if (now >= landingTime) {
+          row.hasLanded = 'Y'
+          finishedCount.value++
+        } else {
+          row.hasLanded = 'N'
+        }
+      }
+    })
+  })
+
+  const getWarningState = (flightData: CommonData) => {
+    let warningState = ''
+    if (
+      typeof flightData.planDepartureTime !== 'string' ||
+      typeof flightData.loadPlaneTime !== 'string'
+    ) {
+      return warningState
+    }
+
+    const now = Date.now()
+    const departureTime = new Date(
+      flightData.planDepartureTime.replace('T', ' ')
+    ).getTime()
+    const loadTime = new Date(
+      flightData.loadPlaneTime.replace('T', ' ')
+    ).getTime()
+    const duration = departureTime - loadTime
+
+    warningRules.value.some(
+      ({
+        startDate,
+        endDate,
+        IATACode,
+        flightNO,
+        warningDuration,
+        alarmDuration,
+      }) => {
+        let startTime = 0,
+          endTime = 0
+        if (typeof startDate === 'string') {
+          startTime = new Date(startDate.replace('T', ' ')).getTime()
+        }
+        if (typeof endDate === 'string') {
+          endTime = new Date(endDate.replace('T', ' ')).getTime()
+        }
+        // 排除不在生效期内或是航司、航班号不匹配的策略
+        if ((startTime && startTime > now) || (endTime && endTime < now)) {
+          return false
+        }
+        if (IATACode && IATACode !== flightData.IATACode) {
+          return false
+        }
+        if (flightNO && flightNO !== flightData.flightNO) {
+          return false
+        }
+        if (typeof alarmDuration === 'number' && duration < alarmDuration) {
+          warningState = 'alarm'
+          return true
+        }
+        if (typeof warningDuration === 'number' && duration < warningDuration) {
+          warningState = 'warning'
+          return true
+        }
+        return false
+      }
+    )
+
+    return warningState
+  }
+
+  return {
+    warningRules,
+    getWarningRules,
+  }
+}

src/views/realTime/hooks/useTableStyle.ts

@@ -99,6 +99,14 @@ export function useTableStyle(tableName?: string) {
         classes.push('cell-alarm')
       }
     }
+    if (column.dataKey === 'loadPlaneTime') {
+      if (rowData['warningState'] === 'alarm') {
+        classes.push('cell-alarm')
+      }
+      if (rowData['warningState'] === 'warning') {
+        classes.push('cell-warning')
+      }
+    }
     return classes.join(' ')
   }