吉安感知网项目-前端
罗广辉
2026-01-08 48e30e3f34ce90ee855b7f631f37064599b6ec27
applications/drone-command/src/views/recordManage/alarmRecords/alarmRecords.vue
@@ -32,6 +32,9 @@
            </el-col>
         </el-row>
      </el-form>
      <div>
         <el-button type="primary" @click="exportFile" :loading="exportLoading">导出</el-button>
      </div>
      <el-table v-loading="loading" :data="list">
         <el-table-column type="index" width="60" label="序号" />
@@ -46,7 +49,7 @@
               {{ getDeviceTypeName(row.droneType) }}
            </template>
         </el-table-column>
         <el-table-column prop="deviceCode" label="设备编码"/>
         <el-table-column prop="deviceCode" label="设备编码" />
         <el-table-column label="设备状态">
            <template v-slot="{ row }">
               {{ getDeviceStatus(row) }}
@@ -75,8 +78,9 @@
<script setup>
import { computed, onMounted, ref } from 'vue'
import { getDictionaryByCode } from '@/api/system/dictbiz'
import { fwDroneAlarmRecordPageApi } from './fwDroneAlarmRecord'
import { exportFwDroneAlarmRecordApi, fwDroneAlarmRecordPageApi } from './fwDroneAlarmRecord'
import FormDiaLog from './FormDiaLog.vue'
import { blobDownload } from '@ztzf/utils'
const initSearchParams = () => ({
   droneName: '', // 无人机名称
@@ -94,6 +98,7 @@
const dictObj = ref({
   deviceType: [],
})
const exportLoading = ref(false)
const deviceTypeMap = computed(() => {
   const map = new Map()
   dictObj.value.deviceType.forEach(item => {
@@ -132,6 +137,17 @@
   dialogRef.value?.open({ mode: 'view', row: { ...row } })
}
function exportFile() {
   exportLoading.value = true
   exportFwDroneAlarmRecordApi()
      .then(res => {
         blobDownload(res)
      })
      .finally(() => {
         exportLoading.value = false
      })
}
function getDeviceStatus(row) {
   return row.deviceStatus ?? row.status ?? '-'
}