From ada3d9825fd48c8108fe6f22b60554e6458c72e3 Mon Sep 17 00:00:00 2001
From: fanluyan <754122931@qq.com>
Date: Tue, 28 May 2024 17:00:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=91=8A=E8=AD=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/api/index.js                        |  12 +
 src/views/alarmRules/components/addRules.vue  |   7 +-
 src/views/alarmRules/components/copyRules.vue | 306 ++++++++++++++++++
 src/views/alarmRules/index.vue                |  36 ++-
 src/views/homePage/arrester/index.vue         |   5 +
 src/views/homePage/clamp/index.vue            |   5 +
 .../homePage/oilChromatography/index.vue      |   5 +
 .../homePage/partialDischarges/index.vue      |   5 +
 src/views/homePage/sf6/index.vue              |   5 +
 src/views/homePage/warnMessage/index.vue      |  52 +--
 .../homePage/windingTemperature/index.vue     |   5 +
 11 files changed, 414 insertions(+), 29 deletions(-)
 create mode 100644 src/views/alarmRules/components/copyRules.vue

diff --git a/src/utils/api/index.js b/src/utils/api/index.js
index 4d07a1f5..e4af0b43 100644
--- a/src/utils/api/index.js
+++ b/src/utils/api/index.js
@@ -695,3 +695,15 @@ export function listComparatorApi(data) {
     },
   });
 }
+
+//告警信息
+export function warningListApi(data) {
+  return request({
+    url: "/warning/list",
+    method: "get",
+    params: data,
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
+    },
+  });
+}
diff --git a/src/views/alarmRules/components/addRules.vue b/src/views/alarmRules/components/addRules.vue
index 0001fd41..ae6c5957 100644
--- a/src/views/alarmRules/components/addRules.vue
+++ b/src/views/alarmRules/components/addRules.vue
@@ -7,7 +7,6 @@
       width="520px"
       :close-on-click-modal="false"
     >
-      {{ this.sensorId }}
       <el-form
         label-position="left"
         ref="formInfo"
@@ -130,9 +129,9 @@ export default {
       compareOptions: [], //比较器列表
       operatorValOptions: [], //比较符
       riskLevelOption: [
-        { id: 0, name: "高" },
+        { id: 2, name: "高" },
         { id: 1, name: "中" },
-        { id: 2, name: "低" },
+        { id: 0, name: "低" },
       ],
 
       rules: {
@@ -355,7 +354,7 @@ export default {
         thresholdL: "",
         thresholdR: "",
         riskLevelVal: 0, //风险等级
-        state: false,
+        state: 1,
       };
     },
   },
diff --git a/src/views/alarmRules/components/copyRules.vue b/src/views/alarmRules/components/copyRules.vue
new file mode 100644
index 00000000..aaec5fdc
--- /dev/null
+++ b/src/views/alarmRules/components/copyRules.vue
@@ -0,0 +1,306 @@
+<template>
+  <div class="copyrulesBox">
+    <el-dialog
+      class="rulesDialogBox"
+      :title="title"
+      :visible.sync="rulesDialogshow"
+      width="520px"
+      :close-on-click-modal="false"
+    >
+      <div class="copyBox" v-loading="deviceLoading">
+        <div class="rulesRow">
+          <el-descriptions size="mini" border v-if="rulesData">
+            <el-descriptions-item label="属性名称：">{{
+              rulesData.typePoint.fieldDesc
+            }}</el-descriptions-item>
+            <el-descriptions-item label="比较器">{{
+              rulesData.comparatorDesc
+            }}</el-descriptions-item>
+            <el-descriptions-item label="触发条件">{{
+              rulesData.operatorDesc
+            }}</el-descriptions-item>
+            <el-descriptions-item label="阈值">
+              {{ rulesData.threshold }}
+            </el-descriptions-item>
+            <el-descriptions-item label="状态">
+              <span v-if="rulesData.active == 0"
+                ><el-tag type="danger">停用</el-tag>
+              </span>
+              <span v-else> <el-tag type="success">启用</el-tag> </span>
+            </el-descriptions-item>
+
+            <el-descriptions-item label="告警等级"
+              ><span v-if="rulesData.level == 2"
+                ><el-tag type="danger">高</el-tag>
+              </span>
+              <span v-else-if="rulesData.level == 1">
+                <el-tag type="warning">中</el-tag>
+              </span>
+              <span v-else-if="rulesData.level == 0">
+                <el-tag type="info">低</el-tag>
+              </span></el-descriptions-item
+            >
+          </el-descriptions>
+        </div>
+        <el-checkbox
+          v-model="isAllSelected"
+          :indeterminate="isIndeterminate"
+          @change="handleAllCheck"
+          >全选</el-checkbox
+        >
+        <el-checkbox-group
+          v-model="selectedDeviceNames"
+          @change="handleDeviceCheck"
+        >
+          <el-checkbox
+            v-for="device in deviceList"
+            :key="device.id"
+            :label="device.name"
+            :disabled="device.id == sensorId"
+          ></el-checkbox>
+        </el-checkbox-group>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="hide">取 消</el-button>
+        <el-button type="primary" @click="submitForm()">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { monitoringListApi, AlarmRulesAddRules } from "@/utils/api/index";
+export default {
+  props: ["title", "typeId", "sensorId"],
+  data() {
+    return {
+      formInfo: {},
+      deviceLoading: false,
+      rulesDialogshow: false,
+      rulesData: "",
+      deviceList: [],
+      isAllSelected: false, // 控制全选/取消全选
+      selectedDeviceNames: [], // 选中设备的名称列表
+    };
+  },
+  computed: {
+    // 判断是否有设备被选中，并且不是全部选中
+    isIndeterminate() {
+      // 假设你有一个方法来获取当前已选中的设备名称数组
+      const selectedNames = this.selectedDeviceNames;
+      const enabledDevices = this.deviceList.filter(
+        (device) => device.id !== this.sensorId
+      );
+
+      // 如果没有选中任何设备，或者所有设备都已被选中，则不是中间状态
+      if (
+        selectedNames.length === 0 ||
+        selectedNames.length === enabledDevices.length
+      ) {
+        return false;
+      }
+
+      // 否则，检查是否有已禁用的设备，并只计算未禁用的设备
+      const enabledSelectedNames = enabledDevices
+        .map((device) => device.name)
+        .filter((name) => selectedNames.includes(name));
+
+      // 如果有选中的设备且数量小于未禁用的设备总数，则为中间状态
+      return (
+        enabledSelectedNames.length > 0 &&
+        enabledSelectedNames.length < enabledDevices.length
+      );
+    },
+  },
+  created() {},
+  mounted() {},
+  watch: {},
+  methods: {
+    //判断
+    getdataform(val) {
+      console.log(val);
+      this.rulesData = val;
+      if (val.operator == "BTW" || val.operator == "NTW") {
+        console.log("wossssssssss", val.active);
+        const thresholdValues = val.threshold.split(",");
+        this.formInfo = {
+          attribute: val.modevtypePointId,
+          compareVal: val.comparator, //比较器
+          operatorVal: val.operator, //比较符
+          thresholdL: thresholdValues[0],
+          thresholdR: thresholdValues[1],
+          riskLevelVal: val.level, //风险等级
+          state: val.active,
+        };
+        console.log(this.formInfo);
+      } else {
+        this.formInfo = {
+          attribute: val.modevtypePointId,
+          compareVal: val.comparator, //比较器
+          operatorVal: val.operator, //比较符
+          threshold: val.threshold, //阈值
+          riskLevelVal: val.level, //风险等级
+          state: val.active,
+        };
+      }
+    },
+    //根据typeId获取相同的
+    getNsensorList() {
+      this.deviceLoading = true;
+      monitoringListApi({ typeId: this.typeId, pageNum: 1, pageSize: 1000 })
+        .then((res) => {
+          console.log(res);
+          this.deviceLoading = false;
+          this.deviceList = res.data.content;
+        })
+        .catch((err) => {
+          console.log(err); //代码错误、请求失败捕获
+        });
+    },
+    // 处理全选/取消全选
+    handleAllCheck(val) {
+      // 过滤掉禁用的设备
+      const enabledDevices = this.deviceList.filter(
+        (device) => device.id !== this.sensorId
+      );
+      this.selectedDeviceNames = val
+        ? enabledDevices.map((device) => device.name)
+        : [];
+
+      // 更新全选状态
+      this.isAllSelected =
+        val && enabledDevices.length === this.selectedDeviceNames.length;
+
+      // 更新中间状态
+      this.isIndeterminate =
+        val &&
+        enabledDevices.length > 0 &&
+        enabledDevices.length !== this.selectedDeviceNames.length;
+    },
+
+    // 处理单个设备复选框的选中状态
+    handleDeviceCheck(value) {
+      // 过滤掉禁用的设备
+      const enabledDevices = this.deviceList.filter(
+        (device) => device.id !== this.sensorId
+      );
+
+      // 更新全选状态
+      this.isAllSelected =
+        enabledDevices.length === value.length &&
+        value.length ===
+          enabledDevices
+            .map((device) => device.name)
+            .filter((name) => value.includes(name)).length;
+
+      // 更新中间状态
+      this.isIndeterminate =
+        enabledDevices.length > 0 &&
+        value.length > 0 &&
+        value.length < enabledDevices.length;
+    },
+    submitForm() {
+      const selectedDevices = this.deviceList.filter((device) => {
+        return this.selectedDeviceNames.includes(device.name);
+      });
+      // 打印或处理选中设备
+      console.log(selectedDevices);
+      for (let i = 0; i < selectedDevices.length; i++) {
+        console.log(selectedDevices[i].id); // 打印选中设备的ID
+
+        let params = {};
+        if (
+          this.formInfo.operatorVal == "BTW" ||
+          this.formInfo.operatorVal == "NTW"
+        ) {
+          let thresholdVal = `${this.formInfo.thresholdL.trim()},${this.formInfo.thresholdR.trim()}`;
+          params = {
+            sensorId: selectedDevices[i].id, // 使用当前选中设备的ID
+            modevtypePointId: this.formInfo.attribute,
+            comparator: this.formInfo.compareVal,
+            operator: this.formInfo.operatorVal,
+            threshold: thresholdVal,
+            level: this.formInfo.riskLevelVal,
+            active: this.formInfo.state, // 启用
+          };
+        } else {
+          params = {
+            sensorId: selectedDevices[i].id, // 使用当前选中设备的ID
+            modevtypePointId: this.formInfo.attribute,
+            comparator: this.formInfo.compareVal,
+            operator: this.formInfo.operatorVal,
+            threshold: this.formInfo.threshold,
+            level: this.formInfo.riskLevelVal,
+            active: this.formInfo.state, // 启用
+          };
+        }
+
+        // 调用 AlarmRulesAddRules 函数，并传入当前设备的 params
+        AlarmRulesAddRules(params)
+          .then((res) => {
+            if (res.success) {
+              this.$message({
+                duration: 1500,
+                showClose: true,
+                message: "添加成功",
+                type: "success",
+              });
+              this.hide();
+              // 可能不需要在这里调用 this.hide() 和 this.$parent.getRules()，除非它们是对所有操作都有效的
+            } else {
+              this.$message({
+                duration: 1500,
+                showClose: true,
+                message: res.errorMsg,
+                type: "error",
+              });
+            }
+          })
+          .catch((err) => {
+            // 错误处理
+            console.error(err);
+            this.$message({
+              duration: 1500,
+              showClose: true,
+              message: "添加失败：" + (err.message || "未知错误"),
+              type: "error",
+            });
+          });
+      }
+    },
+
+    display() {
+      this.rulesDialogshow = true;
+      this.getNsensorList();
+    },
+    hide() {
+      this.rulesDialogshow = false;
+      this.deviceList = [];
+      this.selectedDeviceNames = [];
+    },
+  },
+};
+</script>
+<style lang="less">
+.copyrulesBox {
+  .rulesDialogBox {
+    .el-dialog__body {
+      padding: 10px 20px;
+    }
+    .copyBox {
+      height: 400px;
+      overflow: auto;
+      .rulesRow {
+        margin-bottom: 12px;
+      }
+      .el-checkbox-group {
+        display: flex;
+        flex-direction: column;
+        .el-checkbox {
+          height: 32px;
+          line-height: 32px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/alarmRules/index.vue b/src/views/alarmRules/index.vue
index f32c2894..68365e77 100644
--- a/src/views/alarmRules/index.vue
+++ b/src/views/alarmRules/index.vue
@@ -48,9 +48,9 @@
             <el-table-column prop="id" label="ID" width="50"> </el-table-column>
             <el-table-column prop="typePoint.fieldDesc" label="属性名称">
             </el-table-column>
-            <el-table-column prop="comparatorDesc" label="选择器">
+            <el-table-column prop="comparatorDesc" label="比较器">
             </el-table-column>
-            <el-table-column prop="operatorDesc" label="选择符">
+            <el-table-column prop="operatorDesc" label="触发条件">
             </el-table-column>
             <el-table-column prop="threshold" label="阈值"> </el-table-column>
             <el-table-column prop="active" label="状态">
@@ -63,18 +63,19 @@
             </el-table-column>
             <el-table-column prop="level" label="告警等级">
               <template slot-scope="scope">
-                <span v-if="scope.row.level == 0"
+                <span v-if="scope.row.level == 2"
                   ><el-tag type="danger">高</el-tag>
                 </span>
                 <span v-else-if="scope.row.level == 1">
                   <el-tag type="warning">中</el-tag>
                 </span>
-                <span v-else-if="scope.row.level == 2">
+                <span v-else-if="scope.row.level == 0">
                   <el-tag type="info">低</el-tag>
                 </span>
               </template>
             </el-table-column>
-
+            <el-table-column prop="lastDTime" label="最后数据时间">
+            </el-table-column>
             <el-table-column label="操作" class-name="editClass" width="260px">
               <template slot-scope="scope">
                 <el-link
@@ -84,7 +85,13 @@
                   icon="el-icon-document"
                   >编辑</el-link
                 >
-
+                <el-link
+                  type="primary"
+                  @click="handleCopyClick(scope.row)"
+                  size="small"
+                  icon="el-icon-document"
+                  >复制规则</el-link
+                >
                 <el-link
                   type="danger"
                   @click="handleDeleteClick(scope.row)"
@@ -107,11 +114,17 @@
       :modevtype="modevtypeVal"
       :sensorId="sensorIdVal"
     ></addRules>
+    <copyRules
+      ref="copyRulesRef"
+      :title="title"
+      :typeId="typeIdVal"
+      :sensorId="sensorIdVal"
+    ></copyRules>
   </div>
 </template>
 <script>
 import addRules from "./components/addRules";
-
+import copyRules from "./components/copyRules";
 import {
   getParamTreeApi,
   AlarmRulesListApi,
@@ -121,6 +134,7 @@ export default {
   name: "alarmRules",
   components: {
     addRules,
+    copyRules,
   },
   data() {
     return {
@@ -141,6 +155,7 @@ export default {
       rulesListLoading: false,
       title: "",
       sensorIdVal: "",
+      typeIdVal: "",
     };
   },
   watch: {},
@@ -179,6 +194,7 @@ export default {
       this.currentNodeKey = data.id;
       this.modevtypeVal = data.typeId;
       this.sensorIdVal = data.id;
+      this.typeIdVal = data.typeId;
       this.getRules();
     },
     //获取规则列表
@@ -208,6 +224,12 @@ export default {
       this.$refs.addRulesRef.display();
       this.$refs.addRulesRef.getdataform(data);
     },
+    //复制规则
+    handleCopyClick(data) {
+      this.title = "复制规则";
+      this.$refs.copyRulesRef.display();
+      this.$refs.copyRulesRef.getdataform(data);
+    },
     //删除规则
     handleDeleteClick(data) {
       this.$confirm("确定要删除该规则吗?", "提示", {
diff --git a/src/views/homePage/arrester/index.vue b/src/views/homePage/arrester/index.vue
index 6df7954f..d13cf31b 100644
--- a/src/views/homePage/arrester/index.vue
+++ b/src/views/homePage/arrester/index.vue
@@ -44,6 +44,11 @@ export default {
         "154,96,180",
         "234,124,204",
         "3,188,255",
+        "241,113,175",
+        "180,191,23",
+        "151,225,137",
+        "240,23,181",
+        "125,20,22",
       ],
       stime: "",
       eTime: "",
diff --git a/src/views/homePage/clamp/index.vue b/src/views/homePage/clamp/index.vue
index 9f754492..ebe7ba07 100644
--- a/src/views/homePage/clamp/index.vue
+++ b/src/views/homePage/clamp/index.vue
@@ -43,6 +43,11 @@ export default {
         "154,96,180",
         "234,124,204",
         "3,188,255",
+        "241,113,175",
+        "180,191,23",
+        "151,225,137",
+        "240,23,181",
+        "125,20,22",
       ],
       stime: "",
       eTime: "",
diff --git a/src/views/homePage/oilChromatography/index.vue b/src/views/homePage/oilChromatography/index.vue
index e9aeb17b..9aee1957 100644
--- a/src/views/homePage/oilChromatography/index.vue
+++ b/src/views/homePage/oilChromatography/index.vue
@@ -44,6 +44,11 @@ export default {
         "154,96,180",
         "234,124,204",
         "3,188,255",
+        "241,113,175",
+        "180,191,23",
+        "151,225,137",
+        "240,23,181",
+        "125,20,22",
       ],
       stime: "",
       eTime: "",
diff --git a/src/views/homePage/partialDischarges/index.vue b/src/views/homePage/partialDischarges/index.vue
index 7613a91b..0b88a851 100644
--- a/src/views/homePage/partialDischarges/index.vue
+++ b/src/views/homePage/partialDischarges/index.vue
@@ -74,6 +74,11 @@ export default {
         "154,96,180",
         "234,124,204",
         "3,188,255",
+        "241,113,175",
+        "180,191,23",
+        "151,225,137",
+        "240,23,181",
+        "125,20,22",
       ],
       stime: "",
       eTime: "",
diff --git a/src/views/homePage/sf6/index.vue b/src/views/homePage/sf6/index.vue
index a609b3ca..ab44ed04 100644
--- a/src/views/homePage/sf6/index.vue
+++ b/src/views/homePage/sf6/index.vue
@@ -43,6 +43,11 @@ export default {
         "154,96,180",
         "234,124,204",
         "3,188,255",
+        "241,113,175",
+        "180,191,23",
+        "151,225,137",
+        "240,23,181",
+        "125,20,22",
       ],
       stime: "",
       eTime: "",
diff --git a/src/views/homePage/warnMessage/index.vue b/src/views/homePage/warnMessage/index.vue
index bb6e2400..e8816bb8 100644
--- a/src/views/homePage/warnMessage/index.vue
+++ b/src/views/homePage/warnMessage/index.vue
@@ -15,9 +15,14 @@
       >
         <el-table-column align="center" prop="warnTime" label="报警时间">
         </el-table-column>
-        <el-table-column align="center" prop="deviceName" label="设备名称">
+        <el-table-column align="center" prop="sensorId" label="设备名称">
         </el-table-column>
-        <el-table-column align="center" prop="warnDesc" label="告警信息">
+        <el-table-column
+          align="center"
+          prop="warnDesc"
+          label="告警信息"
+          min-width="200"
+        >
           <template slot-scope="scope">
             <el-tooltip
               class="item"
@@ -29,29 +34,24 @@
             </el-tooltip>
           </template>
         </el-table-column>
-        <el-table-column align="center" prop="warningCount" label="告警次数">
-        </el-table-column>
-        <el-table-column align="center" prop="warningValue" label="当前值">
-        </el-table-column>
-        <el-table-column align="center" prop="threadval" label="告警阈值">
-        </el-table-column>
-        <el-table-column align="center" label="操作" width="120">
+        <el-table-column align="center" prop="warnLevel" label="告警等级">
           <template slot-scope="scope">
-            <el-button
-              @click.native.prevent="particulars(scope.$index, scope.row)"
-              type="text"
-              size="small"
-            >
-              查看详情
-            </el-button>
+            <span v-if="scope.row.warnLevel == 2">高 </span>
+            <span v-else-if="scope.row.warnLevel == 1"> 中 </span>
+            <span v-else-if="scope.row.warnLevel == 0"> 低 </span>
           </template>
         </el-table-column>
+        <el-table-column align="center" prop="warnValue" label="当前值">
+        </el-table-column>
+        <el-table-column align="center" prop="threshold" label="告警阈值">
+        </el-table-column>
       </el-table>
     </div>
   </div>
 </template>
 
 <script>
+import { warningListApi } from "@/utils/api/index";
 export default {
   name: "warnmessage",
   components: {},
@@ -61,9 +61,22 @@ export default {
       tableData: [],
     };
   },
-  created() {},
+  created() {
+    this.getwarnList();
+  },
   mounted() {},
-  methods: {},
+  methods: {
+    getwarnList() {
+      warningListApi()
+        .then((res) => {
+          console.log(res);
+          this.tableData = res.data.content;
+        })
+        .catch((err) => {
+          console.log(err); //代码错误、请求失败捕获
+        });
+    },
+  },
 };
 </script>
 
@@ -115,6 +128,9 @@ export default {
     .el-table__empty-text {
       color: #fff;
     }
+    .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+      background-color: rgba(255, 27, 27, 0.2);
+    }
     .el-table::before {
       height: 0;
     }
diff --git a/src/views/homePage/windingTemperature/index.vue b/src/views/homePage/windingTemperature/index.vue
index c3b15437..824fe093 100644
--- a/src/views/homePage/windingTemperature/index.vue
+++ b/src/views/homePage/windingTemperature/index.vue
@@ -43,6 +43,11 @@ export default {
         "154,96,180",
         "234,124,204",
         "3,188,255",
+        "241,113,175",
+        "180,191,23",
+        "151,225,137",
+        "240,23,181",
+        "125,20,22",
       ],
       stime: "",
       eTime: "",