+ 告警分析

ems-ui/src/views/alarm/alarm-info/index.vue

@@ -53,6 +53,16 @@
           />
         </el-select>
       </el-form-item>
+      <el-form-item label="子系统" prop="systemCode">
+        <el-select v-model="queryParams.systemCode" placeholder="请选择子系统">
+          <el-option
+              v-for="subsystem in subsystemList"
+              :key="subsystem.systemCode"
+              :label="subsystem.systemName"
+              :value="subsystem.systemCode"
+          ></el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item label="告警状态" prop="alarmState">
         <el-select v-model="queryParams.alarmState" placeholder="请选择告警状态">
           <el-option
@@ -123,6 +133,7 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="序号" align="center" prop="id" />
       <el-table-column label="园区代码" align="center" prop="areaCode" />
+      <el-table-column label="子系统" align="center" prop="subSystemName" />
       <el-table-column label="对象类型" align="center" prop="objType">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.obj_type" :value="scope.row.objType" />
@@ -212,6 +223,16 @@
           >
           </el-date-picker>
         </el-form-item>
+        <el-form-item label="子系统" prop="systemCode">
+          <el-select v-model="form.systemCode" placeholder="请选择子系统">
+            <el-option
+                v-for="subsystem in subsystemList"
+                :key="subsystem.systemCode"
+                :label="subsystem.systemName"
+                :value="subsystem.systemCode"
+            ></el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="告警代码" prop="alarmCode">
           <el-input v-model="form.alarmCode" placeholder="请输入告警代码" />
         </el-form-item>
@@ -248,6 +269,7 @@
 </template>
 
 <script>
+import { listSubsystem } from '@/api/adapter/subsystem';
 import { addAlarmInfo, delAlarmInfo, getAlarmInfo, listAlarmInfo, updateAlarmInfo } from '@/api/alarm/alarm-info';
 import dayjs from 'dayjs';
 
@@ -256,6 +278,7 @@ export default {
   dicts: ['obj_type', 'alarm_type', 'alarm_state'],
   data() {
     return {
+      subsystemList: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -297,6 +320,13 @@ export default {
             trigger: 'blur',
           },
         ],
+        systemCode: [
+          {
+            required: true,
+            message: '子系统不能为空',
+            trigger: 'blur',
+          },
+        ],
         objType: [
           {
             required: true,
@@ -337,6 +367,7 @@ export default {
   },
   created() {
     this.getList();
+    this.getSubList();
   },
   methods: {
     /** 查询能源设施告警列表 */
@@ -368,6 +399,13 @@ export default {
       };
       this.resetForm('form');
     },
+    async getSubList() {
+      const { rows } = await listSubsystem({
+        pageNum: 1,
+        pageSize: 999,
+      });
+      this.subsystemList = rows;
+    },
     dateChange(val) {
       this.$refs.form.alarmTime = val;
       this.$refs.form.alarmDate = dayjs(val).format('YYYY-MM-DD');
@@ -410,7 +448,6 @@ export default {
       this.$refs['form'].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
-            debugger
             updateAlarmInfo(this.form).then(response => {
               this.$modal.msgSuccess('修改成功');
               this.open = false;