add:对接设备告警 对接设备告警 设备类型 设备名称 设备点位

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

@@ -4,36 +4,48 @@
       <a-tab-pane key="1" tab="通知管理">
         <ns-view-list-table v-bind="notificationConfig" ref="mainRef">
           <template #bodyCell="{ record, column }">
-            <template v-if="column.dataIndex === 'isUse'">
+            <template v-if="column.dataIndex === 'enableRules'">
               <a-switch
-                v-model:checked="record.isUse"
+                :checked="record.enableRules === 1 ? true : false"
                 :class="{
-                  'blue-background': record.isUse,
-                  'grey-background': !record.isUse,
+                  'blue-background': record.enableRules === 1 ? true : false,
+                  'grey-background': record.enableRules === 1 ? false : true,
                 }"
-                @click="clickSwitch({ isUse: record.isUse, record: record })" />
+                @change="clickSwitch({ enableRules: record.enableRules, record: record })" />
             </template>
           </template>
         </ns-view-list-table>
+        <!-- 联系方式 -->
       </a-tab-pane>
       <a-tab-pane key="2" tab="设备告警" force-render>
-        <ns-view-list-table v-show="equipmentAlarm" class="table" v-bind="equipmentAlarmConfig">
+        <ns-view-list-table
+          v-show="equipmentAlarm"
+          ref="mainRefEquipmentAlarm"
+          class="table"
+          v-bind="equipmentAlarmConfig">
           <template #bodyCell="{ record, column }">
-            <template v-if="column.dataIndex === 'isUse'">
+            <template v-if="column.dataIndex === 'enableRules'">
               <a-switch
-                v-model:checked="record.isUse"
+                :checked="record.enableRules === 1 ? true : false"
                 :class="{
-                  'blue-background': record.isUse,
-                  'grey-background': !record.isUse,
+                  'blue-background': record.enableRules === 1 ? true : false,
+                  'grey-background': record.enableRules === 1 ? false : true,
                 }"
-                @click="clickSwitch({ isUse: record.isUse, record: record })" />
+                @change="clickSwitch({ enableRules: record.enableRules, record: record })" />
+            </template>
+            <template v-if="column.dataIndex === 'monitor'">
+              {{
+                record?.monitorTime && record?.monitorTimeUnit
+                  ? record?.monitorTime + record?.monitorTimeUnit
+                  : '-'
+              }}
             </template>
           </template>
         </ns-view-list-table>
         <a-button
           v-if="!equipmentAlarm"
           type="primary"
-          style="position: absolute; right: 130px; z-index: 99; top: 75px"
+          style="position: absolute; right: 130px; z-index: 99; top: 80px; height: 30px"
           @click="backequipmentAlarm"
           >返回</a-button
         >
@@ -43,7 +55,34 @@
         <configureDeviceAlarms v-show="!equipmentAlarm" ref="configureDeviceAlarms" />
       </a-tab-pane>
       <a-tab-pane key="3" tab="能源告警">
-        <energyAlarm class="full-height" />
+        <ns-view-list-table
+          v-bind="energyAlarmConfig"
+          v-show="energyAlarm"
+          ref="mainEnergyAlarmConfig"
+          class="table">
+          <template #bodyCell="{ record, column }">
+            <template v-if="column.dataIndex === 'enableRules'">
+              <a-switch
+                :checked="record.enableRules === 1 ? true : false"
+                :class="{
+                  'blue-background': record.enableRules === 1 ? true : false,
+                  'grey-background': record.enableRules === 1 ? false : true,
+                }"
+                @click="clickSwitch({ 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"
+          @click="backenergyAlarm"
+          >返回</a-button
+        >
+        <!-- 新增 或 编辑 能源告警 -->
+        <editeEnergyAlarm ref="editeEnergyAlarm" @editObject="editObject" />
+        <!-- 配置能源告警-->
+        <configureEnergyAlarms v-show="!energyAlarm" ref="configureEnergyAlarms" />
       </a-tab-pane>
     </a-tabs>
   </div>
@@ -51,22 +90,47 @@
 <script lang="ts">
   import { notificationtableConfig } from './ts/notificationManagementConfig';
   import { equipmentAlarmTableConfig } from './ts/equipmentAlarmConfig';
-  import { ref } from 'vue';
-  import energyAlarm from './components/energyAlarm.vue';
+  import { energyAlarmConfigs } from './ts/energyAlarmConfig';
+  import { ref, createVNode } from 'vue';
+  import { http } from '/nerv-lib/util';
+  import { NsMessage, NsModal } from '/nerv-lib/component';
   import editeEquipmentAlarm from './equipmentAlarm/editeEquipmentAlarm.vue';
+  import editeEnergyAlarm from './energyAlarm/editeEnergyAlarm.vue';
+  import configureEnergyAlarms from './energyAlarm/configureEnergyAlarms.vue';
   import configureDeviceAlarms from './equipmentAlarm/configureDeviceAlarms.vue';
+  import { deviceAlarms } from '/@/api/alarmSettings/deviceAlarms';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+
   export default {
     name: 'AlarmSettings',
-    components: { energyAlarm, editeEquipmentAlarm, configureDeviceAlarms },
+    components: {
+      editeEquipmentAlarm,
+      configureDeviceAlarms,
+      configureEnergyAlarms,
+      editeEnergyAlarm,
+    },
     setup() {
       const mainRef = ref();
+      const mainRefEquipmentAlarm = ref();
+      const mainEnergyAlarmConfig = ref();
       const editEquipmentAlarm = ref();
+      const editeEnergyAlarm = ref();
       const configureDeviceAlarms = ref();
+      const configureEnergyAlarms = ref();
       const equipmentAlarm = ref(true);
-      const notificationConfig = notificationtableConfig(null, null, null);
+      const energyAlarm = ref(true);
+      const notificationConfig = notificationtableConfig(null, mainEnergyAlarmConfig, null);
+      //能源告警配置
+      const energyAlarmConfig = energyAlarmConfigs(
+        editeEnergyAlarm,
+        mainRefEquipmentAlarm,
+        energyAlarm,
+        configureEnergyAlarms,
+      );
+      //设备告警配置
       const equipmentAlarmConfig = equipmentAlarmTableConfig(
         editEquipmentAlarm,
-        null,
+        mainRefEquipmentAlarm,
         equipmentAlarm,
         configureDeviceAlarms,
       );
@@ -78,27 +142,52 @@
         equipmentAlarm.value = !equipmentAlarm.value;
         configureDeviceAlarms.value.show = false;
       };
+      const backenergyAlarm = () => {
+        energyAlarm.value = !energyAlarm.value;
+        configureEnergyAlarms.value.show = false;
+      };
       const clickSwitch = (data: any) => {
-        console.log(data, '数据');
-        mainRef.value?.nsTableRef.reload();
+        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();
+              });
+          },
+        });
       };
       // 编辑或添加成功 刷新列表
       const editObject = () => {
-        console.log('添加成功 刷新列表');
-        mainRef.value?.nsTableRef.reload();
+        mainRefEquipmentAlarm.value?.nsTableRef.reload();
         // console.log(newList.value.formFinish, '数据');
       };
       return {
         callback,
         notificationConfig,
+        energyAlarmConfig,
         equipmentAlarmConfig,
         editObject,
         clickSwitch,
         editEquipmentAlarm,
+        editeEnergyAlarm,
         configureDeviceAlarms,
+        configureEnergyAlarms,
         equipmentAlarm,
+        energyAlarm,
         backequipmentAlarm,
+        backenergyAlarm,
         mainRef,
+        mainRefEquipmentAlarm,
+        mainEnergyAlarmConfig,
       };
     },
   };