xuziqiang/SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zhaohy
2024-07-11 16:45:42 +08:00
parent 4d49ef4e42
commit de7a0ab88a
11 changed files with 793 additions and 405 deletions
Download Patch File Download Diff File Expand all files Collapse all files

342
hx-ai-intelligent/src/view/alarmManagement/alarmSettings/energyAlarm/editConfigureEnergyAlarm.vue
View File

@@ -6,6 +6,7 @@
:footer-style="{ textAlign: 'right' }"
:ok="btnClick"
:cancel="handleClose"
@close="handleClose"
placement="right">
<div style="padding: 18px; width: 100%; overflow: hidden">
<a-form ref="formRef" :model="infoObject" :rules="rules">
@@ -18,41 +19,54 @@
placeholder="请选择站点"
allow-clear
tree-default-expand-all
:tree-data="zdTreeData"
tree-node-filter-prop="label">
<!-- 特殊处理情况 -->
<!-- <template #title="{ value: val, label }">
<b v-if="val === 'parent 1-1'" style="color: #08c">sss</b>
<template v-else>{{ label }}</template>
</template> -->
</a-tree-select>
:tree-data="siteDataTree"
:field-names="{
children: 'linkList',
label: 'orgName',
value: 'orgId',
}"
tree-node-filter-prop="orgName" />
</a-form-item>
<a-form-item label="数据来源" name="sbtype">
<a-cascader
v-model:value="infoObject.sbtype"
:options="sbOptions"
:show-search="{ filter }"
:options="deviceTypeTreeData"
:field-names="{
children: 'children',
label: 'cnValue',
value: 'id',
}"
:show-search="{ filterDeviceType }"
@change="selectDeviceType"
placeholder="请选择数据来源" />
</a-form-item>
<a-form-item label="设备节点" name="jdDevice">
<a-form-item label="设备/节点" name="jdDevice">
<a-tree-select
v-model:value="infoObject.jdDevice"
style="width: 100%"
placeholder="请选择设备节点"
:disabled="!infoObject.sbtype"
:tree-line="true && { showLeafIcon: false }"
:tree-data="jdTreeData" />
:tree-data="jdTreeData"
:field-names="{
children: 'children',
label: infoObject.sbtype && infoObject.sbtype[1] === 1 ? 'deviceName' : 'pointName',
value: 'id',
}"
@select="selectJdDeviceChange" />
</a-form-item>
<a-form-item label="启用规则" name="delivery">
<a-form-item label="启用规则" name="enableRules">
<a-switch
v-model:checked="infoObject.delivery"
:checked="infoObject.enableRules === 1 ? true : false"
:class="{
'blue-background': infoObject.delivery,
'grey-background': !infoObject.delivery,
}" />
'blue-background': infoObject.enableRules === 1 ? true : false,
'grey-background': infoObject.enableRules === 1 ? false : true,
}"
@click="clickSwitch" />
</a-form-item>
<a-form-item label="异常描述" name="desc">
<a-form-item label="异常描述" name="abnormalDescription">
<a-textarea
v-model:value="infoObject.desc"
v-model:value="infoObject.abnormalDescription"
style="height: 32px"
:autoSize="{ minRows: 1, maxRows: 1 }"
show-count
@@ -64,11 +78,12 @@
<a-radio value="2">或 (or) </a-radio>
</a-radio-group>
</a-form-item>
<a-form-item label="对比类型1" name="qzType">
<a-form-item label="对比类型" name="qzType">
<a-cascader
v-model:value="infoObject.sbtype"
:options="sbOptions"
placeholder="请选择数据来源" />
:options="deviceTypeTreeData"
:showSearch="false"
placeholder="请选择对比类型" />
</a-form-item>
<template v-for="index in infoObject.alarmList?.length" :key="index">
<div style="width: 100%; display: flex; margin-left: 42px; padding: 12px">
@@ -93,8 +108,8 @@
</div>
<div
v-if="
infoObject.alarmList[index - 1].num === null ||
infoObject.alarmList[index - 1].logic === null
infoObject.alarmList[index - 1]?.num === null ||
infoObject.alarmList[index - 1]?.logic === null
"
style="width: 100%; color: #ff4d4f; text-align: center; margin-bottom: 5px">
请选择正确的逻辑{{ index }} 或 输入正确的数值{{ index }}
@@ -114,121 +129,88 @@
</template>
<script lang="ts" setup>
import { NsMessage } from '/nerv-lib/component';
import { ref, toRaw } from 'vue';
import type { CascaderProps, TreeSelectProps, SelectProps } from 'ant-design-vue';
import { ref } from 'vue';
import type { SelectProps } from 'ant-design-vue';
import type { ShowSearchType } from 'ant-design-vue/es/cascader';
import { device } from '/@/api/deviceManage';
import { device, group } from '/@/api/deviceManage';
import { http } from '/nerv-lib/util';
import { dict } from '/@/api';
import { async } from '@antv/x6/lib/registry/marker/async';
import type { Rule } from 'ant-design-vue/es/form';
// import type { Rule } from 'ant-design-vue/es/form';
const visible = ref(false);
//父级数据
const energyAlarm = ref({});
//组织数
const orgId = ref('');
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
orgId.value = result;
//表单数据
const infoObject = ref({
id: null,
site: null,
jdDevice: null,
resource: null,
desc: null,
abnormalDescription: null,
sbtype: null,
delivery: null,
alarmList: [{ logic: null, num: null }],
enableRules: 0,
alarmList: [{ id: null, logic: null, num: null, isDelete: 0 }],
});
//删除的逻辑列表
const delAlarmList = ref([]);
const formRef = ref();
//站点数
const zdTreeData = ref<TreeSelectProps['treeData']>([
{
label: '铁路总局(T01)',
value: 'T01',
children: [
{
label: '济阳站(T0101)',
value: 'T0101',
},
],
},
]);
//设备类型树
const sbOptions: CascaderProps['options'] = [
{
value: '3',
label: '3.电梯',
children: [
{
value: '301',
label: '301.扶梯',
},
{
value: '302',
label: '301.直梯',
},
],
},
{
value: '4',
label: '4.冷热源',
children: [
{
value: '401',
label: '402.冷水机组',
},
{
value: '402',
label: '403.热泵机组',
},
{
value: '403',
label: '403.锅炉',
},
{
value: '404',
label: '404.水处理机组',
},
{
value: '405',
label: '405.板式热交换机组',
},
],
},
];
const siteDataTree = ref([]);
//数据来源
let deviceTypeTreeData = ref([]);
//节点数据
const jdTreeData = ref([
{
title: 'parent 1',
value: 'parent 1',
children: [
{
title: 'parent 1-0',
value: 'parent 1-0',
children: [
{
title: 'my leaf',
value: 'leaf1',
},
{
title: 'your leaf',
value: 'leaf2',
},
],
},
{
title: 'parent 1-1',
value: 'parent 1-1',
},
],
},
]);
const jdTreeData = ref([]);
//选择设备时 获取的数据
// 选择 数据来源 查询 设备节点
const selectDeviceType = async (value: any, selectedOptions: any) => {
if (value[value.length - 1] === 1) {
//选择设备
await http
.post(device.queryDevicePage, {
pageNum: 1,
pageSize: 999,
energyType: selectedOptions[0].cnValue,
orgId: orgId.value,
})
.then((res) => {
jdTreeData.value = res.data.records;
});
} else {
//选择节点时 获取数据
await http
.post(group.queryDeviceGroupTree, {
pageNum: 1,
pageSize: 999,
energyType: selectedOptions[0].cnValue,
orgId: orgId.value,
})
.then((res) => {
jdTreeData.value = res.data;
});
}
};
// 选中节点
const selectJdDeviceChange = (value: any, node: any) => {
console.log(value, 'value');
console.log(node, 'node');
};
//设备点位
const dwOptions = ref<SelectProps['options']>([
{ value: '电压 (U)', label: '电压 (U)', code: '1' },
{ value: '电流 (I)', label: '电流 (I)', code: '2' },
{ value: '电流 (I)', label: 'a相电流 (Ia)', code: '3' },
]);
const filter: ShowSearchType['filter'] = (inputValue: any, path: any) => {
//搜索设备类型
const filterDeviceType: ShowSearchType['filter'] = (inputValue: any, path: any) => {
return path.some(
(option: any) => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1,
(option: any) => option.cnValue.toLowerCase().indexOf(inputValue.toLowerCase()) > -1,
);
};
//取值类型
@@ -238,30 +220,17 @@
]);
//逻辑
const ljOptions = ref<SelectProps['options']>([
{ value: '1', label: '≥' },
{ value: '2', label: '>' },
{ value: '3', label: '≤' },
{ value: '4', label: '<' },
{ value: '5', label: '=' },
{ value: 0, label: '≥' },
{ value: 1, label: '>' },
{ value: 2, label: '≤' },
{ value: 3, label: '<' },
{ value: 4, label: '=' },
]);
//设备点位方法
const filterOption = (input: string, option: any) => {
console.log('搜索', option.value);
return option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0;
};
const handleFocus = () => {
console.log('点击');
};
const handleChange = (value: string) => {
console.log(`selected ${value}`);
console.log('选择', infoObject.value.sbAdress);
//获得code
dwOptions.value.forEach((item) => {
if (item.value === value) {
console.log('符合', item.code);
}
});
};
const handleQzChange = (value: string) => {
//获得code
qzOptions.value.forEach((item) => {
@@ -270,13 +239,39 @@
}
});
};
//开关
const clickSwitch = () => {
if (infoObject.value.enableRules === 1) {
infoObject.value.enableRules = 0;
} else {
infoObject.value.enableRules = 1;
}
};
const emit = defineEmits(['editObject']);
//父调子 页面显示方法
const toggle = (value: any) => {
//获取设备类型
http.post(device.queryDeviceTree, null).then((res) => {
console.log(res, '请求出来的数据');
NsMessage.success('操作成功');
const toggle = async (value: any, info: any) => {
// 数据来源
let energyType = await dict({ params: { dicKey: 'ENERGY_TYPE' } });
energyType.data.data.forEach((item: any) => {
item.children = [
{
id: 1,
cnValue: '设备',
},
{
id: 2,
cnValue: '节点',
},
];
});
deviceTypeTreeData.value = energyType.data.data;
//能源告警
energyAlarm.value = info;
// 获取站点数据
http.post('/carbon-smart/user/login/logInInfo', {}).then((res) => {
if (res.msg === 'success') {
siteDataTree.value = res.data.linkList;
}
});
//判断 是新增 还是修改
if (value) {
@@ -287,31 +282,40 @@
site: null,
jdDevice: null,
resource: null,
desc: null,
abnormalDescription: null,
sbtype: null,
delivery: null,
alarmList: [{ logic: null, num: null }],
enableRules: 0,
alarmList: [{ id: null, logic: null, num: null, isDelete: 0 }],
};
}
visible.value = !visible.value;
};
//表单 判断规格
const rules: Record<string, Rule[]> = {
const rules = {
site: [{ required: true, message: '请选择站点', trigger: 'change' }],
sbtype: [{ required: true, message: '请选择设备类型', trigger: 'change' }],
delivery: [{ required: true, message: '请选择启用规则', trigger: 'change' }],
enableRules: [{ required: true, message: '请选择启用规则', trigger: 'change' }],
jdDevice: [{ required: true, message: '请选择设备名称', trigger: 'change' }],
sbAdress: [{ required: true, message: '请选择设备点位', trigger: 'change' }],
qzType: [{ required: true, message: '请选择取值类型', trigger: 'change' }],
resource: [{ required: true, message: '请选择规则类型', trigger: 'change' }],
desc: [{ required: true, message: '请输入异常描述', trigger: 'blur' }],
alarm: [{ required: true, message: '请选择逻辑', trigger: 'blur' }],
number: [{ required: true, message: '请输入数值', trigger: 'blur' }],
};
// 开关选择
const changeSwitch = () => {
console.log(infoObject.value.selectSwitch, '开关');
abnormalDescription: [
{
required: true,
message: '请输入异常描述',
trigger: 'blur',
validator: (rules: any, abnormalDescription: any, cbfn: any) => {
if (abnormalDescription.trim() !== '') {
cbfn();
} else {
cbfn('告警标题不能为空');
}
},
},
],
logic: [{ required: true, message: '请选择逻辑', trigger: 'blur' }],
num: [{ required: true, message: '请输入数值', trigger: 'blur' }],
};
// 确认按钮
const btnClick = () => {
@@ -319,18 +323,26 @@
infoObject.value.alarmList.forEach((item) => {
if (item.logic === null || item.num === null) {
// NsMessage.error('请选择逻辑和数值');
return;
}
});
if (infoObject.value.alarmList.length < 2) {
NsMessage.error('请选择逻辑和数值');
return;
}
//数据是否验证通过
formRef.value.validate().then(() => {
console.log('values', infoObject, toRaw(infoObject));
delAlarmList.value = [];
let data = { ...infoObject.value };
data.hxAlarmRuleLogicList = [...infoObject.value.alarmList, ...delAlarmList.value];
data.hxAlarmRuleLogicList.forEach((item) => {
const num = Number(item.num);
if (!isNaN(num)) {
item.num = Number(num.toFixed(2));
} else {
item.num = 0; // 可以设置为0或其他默认值
}
});
data.ruleType = Number(data.ruleType);
delete data.alarmList;
});
//调用接口
// http
@@ -354,10 +366,11 @@
id: null,
site: null,
resource: null,
desc: null,
jdDevice: null,
abnormalDescription: null,
sbtype: null,
delivery: null,
alarmList: [{ alarm: null, number: null }],
enableRules: 0,
alarmList: [{ id: null, logic: null, num: null, isDelete: 0 }],
};
visible.value = false;
delAlarmList.value = [];
@@ -365,17 +378,22 @@
// 新增逻辑列表
const addAlarmList = () => {
if (infoObject.value.alarmList) {
infoObject.value.alarmList.push({ logic: null, num: null });
infoObject.value.alarmList.push({ id: null, logic: null, num: null, isDelete: 0 });
} else {
infoObject.value.alarmList = [{ logic: null, num: null }];
infoObject.value.alarmList = [{ id: null, logic: null, num: null, isDelete: 0 }];
}
};
// 删除 逻辑列表、
const deleteAlarmList = (index: number) => {
if (infoObject.value.alarmList[index]?.id) {
delAlarmList.value.push(infoObject.value.alarmList[index]);
const deleteAlarmList = (index: num) => {
if (index < infoObject.value.alarmList.length && index >= 0) {
const alarmItemToDelete = infoObject.value.alarmList[index];
if (alarmItemToDelete?.id) {
// 添加到 delAlarmList 中，并标记为已删除
delAlarmList.value.push({ ...alarmItemToDelete, isDelete: 1 });
}
// 从 infoObject 中删除该元素
infoObject.value.alarmList.splice(index, 1);
}
infoObject.value.alarmList.splice(index, 1);
};
defineExpose({
toggle,