add:配置设备告警对接接口 对接告警配置 里面的数据来源 设备节点

hx-ai-intelligent/src/view/alarmManagement/alarmSettings/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <a-tabs default-active-key="1" @change="callback">
+    <a-tabs default-active-key="1">
       <a-tab-pane key="1" tab="通知管理">
         <ns-view-list-table v-bind="notificationConfig" ref="mainRef">
           <template #bodyCell="{ record, column }">
@@ -11,11 +11,14 @@
                   'blue-background': record.enableRules === 1 ? true : false,
                   'grey-background': record.enableRules === 1 ? false : true,
                 }"
-                @change="clickSwitch({ enableRules: record.enableRules, record: record })" />
+                @change="
+                  clickSwitch({ type: 1, enableRules: record.enableRules, record: record })
+                " />
             </template>
           </template>
         </ns-view-list-table>
         <!-- 联系方式 -->
+        <notificationManagement ref="notificationManagements" @editObject="editObject" />
       </a-tab-pane>
       <a-tab-pane key="2" tab="设备告警" force-render>
         <ns-view-list-table
@@ -31,12 +34,14 @@
                   'blue-background': record.enableRules === 1 ? true : false,
                   'grey-background': record.enableRules === 1 ? false : true,
                 }"
-                @change="clickSwitch({ enableRules: record.enableRules, record: record })" />
+                @change="
+                  clickSwitch({ type: 2, enableRules: record.enableRules, record: record })
+                " />
             </template>
             <template v-if="column.dataIndex === 'monitor'">
               {{
                 record?.monitorTime && record?.monitorTimeUnit
-                  ? record?.monitorTime + record?.monitorTimeUnit
+                  ? record?.monitorTime + '' + record?.monitorTimeUnit
                   : '-'
               }}
             </template>
@@ -45,7 +50,7 @@
         <a-button
           v-if="!equipmentAlarm"
           type="primary"
-          style="position: absolute; right: 130px; z-index: 99; top: 80px; height: 30px"
+          style="position: absolute; right: 130px; z-index: 3; top: 80px; height: 30px"
           @click="backequipmentAlarm"
           >返回</a-button
         >
@@ -68,19 +73,21 @@
                   'blue-background': record.enableRules === 1 ? true : false,
                   'grey-background': record.enableRules === 1 ? false : true,
                 }"
-                @click="clickSwitch({ enableRules: record.enableRules, record: record })" />
+                @click="
+                  clickSwitch({ type: 2, enableRules: record.enableRules, record: record })
+                " />
             </template>
           </template>
         </ns-view-list-table>
         <a-button
           v-if="!energyAlarm"
           type="primary"
-          style="position: absolute; right: 130px; z-index: 99; top: 80px; height: 30px"
+          style="position: absolute; right: 130px; z-index: 3; top: 80px; height: 30px"
           @click="backenergyAlarm"
           >返回</a-button
         >
         <!-- 新增 或 编辑 能源告警 -->
-        <editeEnergyAlarm ref="editeEnergyAlarm" @editObject="editObject" />
+        <editeEnergyAlarm ref="editeEnergyAlarm" @editObject="editeEnergyAlarmInfo" />
         <!-- 配置能源告警-->
         <configureEnergyAlarms v-show="!energyAlarm" ref="configureEnergyAlarms" />
       </a-tab-pane>
@@ -96,6 +103,7 @@
   import { NsMessage, NsModal } from '/nerv-lib/component';
   import editeEquipmentAlarm from './equipmentAlarm/editeEquipmentAlarm.vue';
   import editeEnergyAlarm from './energyAlarm/editeEnergyAlarm.vue';
+  import notificationManagement from './notificationManagement/index.vue';
   import configureEnergyAlarms from './energyAlarm/configureEnergyAlarms.vue';
   import configureDeviceAlarms from './equipmentAlarm/configureDeviceAlarms.vue';
   import { deviceAlarms } from '/@/api/alarmSettings/deviceAlarms';
@@ -107,6 +115,7 @@
       editeEquipmentAlarm,
       configureDeviceAlarms,
       configureEnergyAlarms,
+      notificationManagement,
       editeEnergyAlarm,
     },
     setup() {
@@ -114,12 +123,13 @@
       const mainRefEquipmentAlarm = ref();
       const mainEnergyAlarmConfig = ref();
       const editEquipmentAlarm = ref();
+      const notificationManagements = ref();
       const editeEnergyAlarm = ref();
       const configureDeviceAlarms = ref();
       const configureEnergyAlarms = ref();
       const equipmentAlarm = ref(true);
       const energyAlarm = ref(true);
-      const notificationConfig = notificationtableConfig(null, mainEnergyAlarmConfig, null);
+      const notificationConfig = notificationtableConfig(notificationManagements);
       //能源告警配置
       const energyAlarmConfig = energyAlarmConfigs(
         editeEnergyAlarm,
@@ -134,9 +144,6 @@
         equipmentAlarm,
         configureDeviceAlarms,
       );
-      const callback = (key: any) => {
-        console.log(key);
-      };
       //返回设备告警
       const backequipmentAlarm = () => {
         equipmentAlarm.value = !equipmentAlarm.value;
@@ -147,38 +154,68 @@
         configureEnergyAlarms.value.show = false;
       };
       const clickSwitch = (data: any) => {
-        console.log(data.record.enableRules === 1 ? '关闭' : '启用');
         NsModal.confirm({
           title: '启用状态',
           icon: createVNode(ExclamationCircleOutlined),
           content: '确定' + (data.record.enableRules === 1 ? '关闭' : '启用') + '吗?',
           onOk: () => {
-            http
-              .post(deviceAlarms.addOrUpNewData, {
-                id: data.record.id,
-                enableRules: data.record.enableRules === 1 ? 0 : 1,
-              })
-              .then(() => {
-                NsMessage.success('操作成功');
-                mainRefEquipmentAlarm.value?.nsTableRef.reload();
-              });
+            if (data.type === 1) {
+              //通知方式
+              http
+                .post(deviceAlarms.addOrUpNewData, {
+                  id: data.record.id,
+                  enableRules: data.record.enableRules === 1 ? 0 : 1,
+                })
+                .then(() => {
+                  NsMessage.success('操作成功');
+                  mainRef.value?.nsTableRef.reload();
+                });
+            }
+            //设备告警
+            if (data.type === 2) {
+              http
+                .post(deviceAlarms.addOrUpNewData, {
+                  id: data.record.id,
+                  enableRules: data.record.enableRules === 1 ? 0 : 1,
+                })
+                .then(() => {
+                  NsMessage.success('操作成功');
+                  mainRefEquipmentAlarm.value?.nsTableRef.reload();
+                });
+            }
+            //能源告警
+            if (data.type === 3) {
+              http
+                .post(deviceAlarms.addOrUpNewData, {
+                  id: data.record.id,
+                  enableRules: data.record.enableRules === 1 ? 0 : 1,
+                })
+                .then(() => {
+                  NsMessage.success('操作成功');
+                  mainEnergyAlarmConfig.value?.nsTableRef.reload();
+                });
+            }
           },
         });
       };
-      // 编辑或添加成功 刷新列表
+      // 设备告警 编辑或添加成功 刷新列表
       const editObject = () => {
         mainRefEquipmentAlarm.value?.nsTableRef.reload();
-        // console.log(newList.value.formFinish, '数据');
+      };
+      // 能源告警 编辑或添加成功 刷新列表
+      const editeEnergyAlarmInfo = () => {
+        mainEnergyAlarmConfig.value?.nsTableRef.reload();
       };
       return {
-        callback,
         notificationConfig,
         energyAlarmConfig,
         equipmentAlarmConfig,
         editObject,
+        editeEnergyAlarm,
         clickSwitch,
         editEquipmentAlarm,
-        editeEnergyAlarm,
+        notificationManagements,
+        editeEnergyAlarmInfo,
         configureDeviceAlarms,
         configureEnergyAlarms,
         equipmentAlarm,