feat: 添加告警信息导出功能，并优化历史告警页面

src/views/faultManage/active-alarm/index.vue

@@ -14,6 +14,7 @@ import {
   showPass,
   getPass,
   exportAll,
+  exportAlarm,
 } from '@/api/faultManage/actAlarm';
 import useI18n from '@/hooks/useI18n';
 import useNeInfoStore from '@/store/modules/neinfo';
@@ -730,6 +731,38 @@ function fnModalCancel() {
   modalState.helpShowView = false;
 }
 
+/**列表导出 */
+function fnExportList() {
+  if (modalState.confirmLoading) return;
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: t('views.faultManage.activeAlarm.exportTip'),
+    onOk() {
+      const hide = message.loading(t('common.loading'), 0);
+      const querys = toRaw(queryParams);
+      exportAlarm(querys)
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: t('common.operateOk'),
+              duration: 3,
+            });
+            saveAs(res.data, `active_alarm_export_${Date.now()}.xlsx`);
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              duration: 3,
+            });
+          }
+        })
+        .finally(() => {
+          hide();
+          modalState.confirmLoading = false;
+        });
+    },
+  });
+}
+
 /**查询列表, pageNum初始页数 */
 function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
@@ -934,6 +967,11 @@ onMounted(() => {
             {{ t('views.faultManage.activeAlarm.syncMyself') }}
           </a-button>
 
+          <a-button type="primary" @click.prevent="fnShowSet()" v-if="false">
+            <template #icon> <SettingOutlined /> </template>
+            {{ t('views.faultManage.activeAlarm.disPlayFilfter') }}
+          </a-button>
+
           <a-button
             type="primary"
             danger
@@ -946,19 +984,9 @@ onMounted(() => {
             {{ t('views.faultManage.activeAlarm.clear') }}
           </a-button>
 
-          <a-button type="primary" @click.prevent="fnShowSet()" v-if="false">
-            <template #icon> <SettingOutlined /> </template>
-            {{ t('views.faultManage.activeAlarm.disPlayFilfter') }}
-          </a-button>
-
-          <a-button
-            type="primary"
-            @click.prevent="fnExportAll()"
-            :disabled="tableState.data.length <= 0"
-            v-if="false"
-          >
-            <template #icon> <export-outlined /> </template>
-            {{ t('views.faultManage.activeAlarm.exportAll') }}
+          <a-button type="dashed" @click.prevent="fnExportList()">
+            <template #icon><ExportOutlined /></template>
+            {{ t('common.export') }}
           </a-button>
         </a-space>
       </template>

src/views/faultManage/history-alarm/index.vue

@@ -7,11 +7,11 @@ import { SizeType } from 'ant-design-vue/es/config-provider';
 import { MenuInfo } from 'ant-design-vue/es/menu/src/interface';
 import { ColumnsType } from 'ant-design-vue/es/table';
 import {
-  listAct,
   updateConfirm,
   cancelConfirm,
   exportAll,
 } from '@/api/faultManage/historyAlarm';
+import { listAct, exportAlarm } from '@/api/faultManage/actAlarm';
 import useI18n from '@/hooks/useI18n';
 import useDictStore from '@/store/modules/dict';
 import useNeInfoStore from '@/store/modules/neinfo';
@@ -59,9 +59,6 @@ let rangePickerPresets = ref([
   },
 ]);
 
-/**表格字段列排序 */
-let tableColumnsDnd = ref<ColumnsType>([]);
-
 /**查询参数 */
 let queryParams = reactive({
   alarmStatus: 0,
@@ -144,7 +141,7 @@ let tableState: TabeStateType = reactive({
 });
 
 /**表格字段列 */
-let tableColumns: ColumnsType = [
+let tableColumns = ref<ColumnsType>([
   {
     title: t('views.faultManage.activeAlarm.alarmType'),
     dataIndex: 'alarmType',
@@ -241,7 +238,10 @@ let tableColumns: ColumnsType = [
     fixed: 'right',
     width: 100,
   },
-];
+]);
+
+/**表格字段列排序 */
+let tableColumnsDnd = ref<ColumnsType>([]);
 
 /**表格分页器参数 */
 let tablePagination = reactive({
@@ -466,7 +466,7 @@ function mapKeysWithReduce(data: any[], titleMapping: Record<string, string>) {
 function fnExportAll() {
   Modal.confirm({
     title: 'Tip',
-    content: t('views.faultManage.historyAlarm.exportSure'),
+    content: t('views.faultManage.activeAlarm.exportSure'),
     onOk() {
       const key = 'exportAlarmHis';
       message.loading({ content: t('common.loading'), key });
@@ -543,6 +543,38 @@ function fnModalCancel() {
   modalState.openByShowSet = false;
 }
 
+/**列表导出 */
+function fnExportList() {
+  if (modalState.confirmLoading) return;
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: t('views.faultManage.activeAlarm.exportTip'),
+    onOk() {
+      const hide = message.loading(t('common.loading'), 0);
+      const querys = toRaw(queryParams);
+      exportAlarm(querys)
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: t('common.operateOk'),
+              duration: 3,
+            });
+            saveAs(res.data, `history_alarm_export_${Date.now()}.xlsx`);
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              duration: 3,
+            });
+          }
+        })
+        .finally(() => {
+          hide();
+          modalState.confirmLoading = false;
+        });
+    },
+  });
+}
+
 /**查询列表, pageNum初始页数 */
 function fnGetList(pageNum?: number) {
   if (tableState.loading) return;
@@ -712,11 +744,17 @@ onMounted(() => {
     <a-card :bordered="false" :body-style="{ padding: '0px' }">
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
-        <a-space :size="8" align="center" v-if="false">
+        <a-space :size="8" align="center">
+          <a-button type="dashed" @click.prevent="fnExportList()">
+            <template #icon><ExportOutlined /></template>
+            {{ t('common.export') }}
+          </a-button>
+
           <a-button
             type="primary"
             @click.prevent="fnCancelConfirm()"
             :disabled="state.selectedRowKeys.length <= 0"
+            v-if="false"
           >
             <template #icon>
               <CloseOutlined />
@@ -727,6 +765,7 @@ onMounted(() => {
             type="primary"
             @click.prevent="fnExportAll()"
             :disabled="tableState.data.length <= 0"
+            v-if="false"
           >
             <template #icon> <export-outlined /> </template>
             {{ t('views.faultManage.activeAlarm.exportAll') }}
@@ -796,28 +835,28 @@ onMounted(() => {
         :scroll="{ x: tableColumns.length * 150, y: 'calc(100vh - 480px)' }"
       >
         <template #bodyCell="{ column, record }">
-          <template v-if="column.key === 'origSeverity'">
+          <template v-if="column?.key === 'origSeverity'">
             <DictTag
               :options="dict.activeAlarmSeverity"
               :value="record.origSeverity"
             />
           </template>
-          <template v-if="column.key === 'alarmType'">
+          <template v-if="column?.key === 'alarmType'">
             <DictTag
               :options="dict.activeAlarmType"
               :value="record.alarmType"
             />
           </template>
-          <template v-if="column.key === 'clearType'">
+          <template v-if="column?.key === 'clearType'">
             <DictTag
               :options="dict.activeClearType"
               :value="record.clearType"
             />
           </template>
-          <template v-if="column.key === 'ackState'">
+          <template v-if="column?.key === 'ackState'">
             <DictTag :options="dict.activeAckState" :value="record.ackState" />
           </template>
-          <template v-if="column.key === 'id'">
+          <template v-if="column?.key === 'id'">
             <a-space :size="8" align="center">
               <a-tooltip>
                 <template #title>{{ t('common.viewText') }}</template>