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-09 15:56:18 +08:00
parent fb1980d73a
commit 50ca1daca4
14 changed files with 1674 additions and 438 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
hx-ai-intelligent/src/view/alarmManagement/alarmSettings/equipmentAlarm/configureDeviceAlarms.vue
View File

@@ -1,13 +1,36 @@
<!-- 配置设备告警 -->
<template>
<ns-view-list-table v-if="show" class="table" v-bind="tableConfig" />
<ns-view-list-table v-if="show" ref="mainRef" class="table" v-bind="tableConfig">
<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 v-if="column.dataIndex === 'equipmentInfo'">
{{
record?.enableRules
? record.enableRules + '>' + record.deviceType + '>' + record.deviceName
: '-'
}}
</template>
</template>
</ns-view-list-table>
<!-- 新增or编辑界面 -->
<editConfigureDeviceAlarm ref="editConfigureDeviceAlarms" />
</template>
<script lang="ts">
import { ref } from 'vue';
import { ref, createVNode } from 'vue';
import { http } from '/nerv-lib/util';
import data from '../notificationManagementMock.json';
import { NsMessage, NsModal } from '/nerv-lib/component';
import editConfigureDeviceAlarm from '../equipmentAlarm/editConfigureDeviceAlarm.vue';
import { deviceAlarms } from '/@/api/alarmSettings/deviceAlarms';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
export default {
components: { editConfigureDeviceAlarm },
@@ -17,9 +40,28 @@
const configureDeviceAlarmsData = ref({});
const show = ref(false);
const tableConfig = ref({});
const mainRef = ref({});
const editConfigureDeviceAlarms = ref({});
const mockData = ref(data.listData);
const doWnload = (url) => {
const clickSwitch = (data: any) => {
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('操作成功');
mainRef.value?.nsTableRef.reload();
});
},
});
};
const doWnload = (url: any) => {
const a = document.createElement('a');
document.body.appendChild(a);
a.href = encodeURI(url);
@@ -33,7 +75,7 @@
show.value = true;
tableConfig.value = {
title: '告警规则',
// api: '/carbon_emission/device/getDeviceList',
api: deviceAlarms.getTableList,
value: mockData.value,
headerActions: [
{
@@ -93,38 +135,34 @@
},
{
title: '规则id',
dataIndex: 'id',
dataIndex: 'ruleId',
},
{
title: '设备信息',
dataIndex: 'deviceCode',
dataIndex: 'equipmentInfo',
},
{
title: '告警点位',
dataIndex: 'deviceName',
dataIndex: 'devicePoint',
},
{
title: '判断条件',
dataIndex: 'position',
dataIndex: 'ruleType',
},
{
title: '取值类型',
dataIndex: 'position',
dataIndex: 'valueType',
textEllipsis: true,
},
{
title: '异常描述',
dataIndex: 'position',
dataIndex: 'abnormalDescription',
},
{
title: '启用通知',
dataIndex: 'isUse',
dataIndex: 'enableRules',
},
],
params: {
page: 0,
pageSize: 10,
},
// rowSelection: null, 选择按钮
columnActions: {
title: '操作',
@@ -150,7 +188,7 @@
],
},
formConfig: {
title: value.position,
title: value.errorCode,
schemas: [
{
field: 'provider',
@@ -163,19 +201,19 @@
{
field: 'provider',
label: '设备点位',
component: 'NsSelect',
component: 'nsSelectApi',
componentProps: {
placeholder: '请选择告警优先级',
options: [
{
label: '电流',
value: '1',
},
{
label: '电压',
value: '0',
},
],
api: '/api/community/objs/DictItem',
params: {
pageSize: 100,
code: 'MZ',
},
placeholder: '请选择设备点位',
resultField: 'data',
labelField: 'dictName',
valueField: 'dictValue',
immediate: true,
autoSelectFirst: false,
},
},
{
@@ -206,6 +244,7 @@
},
],
},
params: { id: value.id },
// pagination: { pageSizeOptions: false },
rowKey: 'id',
};
@@ -213,6 +252,7 @@
return {
configureDeviceAlarmsData,
show,
clickSwitch,
doWnload,
tableConfig,
editConfigureDeviceAlarms,
@@ -221,3 +261,28 @@
},
};
</script>
<style lang="less" scoped>
.blue-background.ant-switch-checked {
background-color: linear-gradient(
180deg,
rgba(1, 206, 255, 1) 0%,
rgba(0, 150, 229, 1) 100%
) !important;
}
.grey-background.ant-switch {
background-color: grey !important;
}
.blue-background.ant-switch-checked .ant-switch-handle {
background-color: linear-gradient(
180deg,
rgba(1, 206, 255, 1) 0%,
rgba(0, 150, 229, 1) 100%
) !important;
}
.grey-background.ant-switch .ant-switch-handle {
background-color: grey !important;
}
</style>

328
hx-ai-intelligent/src/view/alarmManagement/alarmSettings/equipmentAlarm/editConfigureDeviceAlarm.vue
View File

@@ -3,14 +3,15 @@
v-model:visible="visible"
width="520"
:title="infoObject?.id ? '编辑告警规则' : '新增告警规则'"
:footer-style="{ textAlign: 'right' }"
:ok="btnClick"
:cancel="handleClose"
placement="right">
<div style="padding: 18px; width: 100%; overflow: hidden">
<a-form ref="formRef" :model="infoObject" :rules="rules">
<a-form-item ref="name" label="站点" name="name">
<a-form-item ref="site" label="站点" name="site">
<a-tree-select
v-model:value="infoObject.name"
v-model:value="infoObject.site"
show-search
style="width: 100%"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
@@ -18,70 +19,77 @@
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-node-filter-prop="label" />
</a-form-item>
<a-form-item label="设备类型" name="sbtype">
<a-form-item label="设备类型" name="deviceType">
<a-cascader
v-model:value="infoObject.sbtype"
:options="sbOptions"
v-model:value="infoObject.deviceType"
:options="deviceTypeTreeData"
:field-names="{
children: 'children',
label: 'deviceType',
value: 'id',
}"
:show-search="{ filter }"
@change="selectDeviceType"
placeholder="请选择设备类型" />
</a-form-item>
<a-form-item label="设备名称" name="sbName">
<a-form-item label="设备名称" name="deviceName">
<a-select
v-model:value="infoObject.sbName"
v-model:value="infoObject.deviceName"
:disabled="!(infoObject && infoObject.deviceType && infoObject.deviceType.length > 0)"
style="width: 100%"
:autoClearSearchValue="true"
@change="selectDevice"
placeholder="请选择设备名称">
<a-select-option :key="1" :value="1"> AC001电表 </a-select-option>
<a-select-option :key="2" :value="2"> AC002电表 </a-select-option>
<template v-for="(item, index) in deviceNameTreeData" :key="index">
<a-select-option :value="item.id">
{{ item.deviceName }}
</a-select-option>
</template>
</a-select>
</a-form-item>
<a-form-item label="设备点位" name="sbAdress">
<a-form-item label="设备点位" name="devicePoint">
<a-select
v-model:value="infoObject.sbAdress"
v-model:value="infoObject.devicePoint"
show-search
placeholder="请选择设备点位"
:disabled="!infoObject?.deviceName"
style="width: 100%"
:options="dwOptions"
:filter-option="filterOption"
@focus="handleFocus"
@change="handleChange" />
</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="qzType">
<a-form-item label="取值类型" name="valueType">
<a-select
v-model:value="infoObject.qzType"
v-model:value="infoObject.valueType"
show-search
placeholder="请选择设备点位"
placeholder="请选择取值类型"
style="width: 100%"
:options="qzOptions"
:filter-option="filterOption"
@change="handleQzChange" />
</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
:maxlength="30" />
</a-form-item>
<a-form-item label="规则类型" name="resource">
<a-radio-group v-model:value="infoObject.resource">
<a-form-item label="规则类型" name="ruleType">
<a-radio-group v-model:value="infoObject.ruleType">
<a-radio value="1">且 (and) </a-radio>
<a-radio value="2">或 (or) </a-radio>
</a-radio-group>
@@ -97,7 +105,7 @@
">
<span style="line-height: 32px">{{ `逻辑${index}:` }}</span>
<a-select
v-model:value="infoObject.alarmList[index - 1].alarm"
v-model:value="infoObject.alarmList[index - 1].logic"
style="width: 70px; margin-left: 12px"
:options="ljOptions"
@change="handleQzChange" />
@@ -105,7 +113,7 @@
<a-input
style="width: 65px; margin-left: 6px"
type="number"
v-model:value="infoObject.alarmList[index - 1].number" />
v-model:value="infoObject.alarmList[index - 1].num" />
<div
style="width: 70px; align-items: center; cursor: pointer"
@click="deleteAlarmList(index - 1)">
@@ -114,7 +122,20 @@
src="https://files.axshare.com/gsc/4T0UQR/5a/e6/81/5ae6813d499c422383c7a15dd956523f/images/设备规则/u72.svg?pageId=cbce6e61-bc6a-4283-802d-993fce6151c0" />
</div>
</div>
<div
v-if="
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 }}
</div>
</template>
<div
v-if="infoObject?.alarmList?.length < 2"
style="width: 100%; color: #ff4d4f; text-align: center; margin-bottom: 5px">
逻辑至少2条
</div>
<div style="width: 100%; margin-top: 12px; display: flex; justify-content: flex-end">
<a-button type="primary" @click="addAlarmList"> 新增</a-button>
</div>
@@ -124,26 +145,36 @@
</template>
<script lang="ts" setup>
import { NsMessage } from '/nerv-lib/component';
import { ref, toRaw } from 'vue';
import { ref, toRaw, watch } from 'vue';
import type { CascaderProps, TreeSelectProps, SelectProps } from 'ant-design-vue';
import type { ShowSearchType } from 'ant-design-vue/es/cascader';
import { device } from '/@/api/deviceManage';
import { http } from '/nerv-lib/util';
import type { Rule } from 'ant-design-vue/es/form';
import { async } from '@antv/x6/lib/registry/marker/async';
const visible = ref(false);
//表单数据
const infoObject = ref({
id: null,
name: null,
resource: null,
desc: null,
sbtype: null,
delivery: null,
alarmList: [{ alarm: null, number: null }],
site: null,
ruleType: null,
abnormalDescription: null,
deviceType: [],
devicePoint: null,
valueType: null,
deviceName: null,
enableRules: 0,
alarmList: [{ id: null, alarm: null, number: null, isDelete: '0' }],
});
//删除的逻辑列表
const delAlarmList = ref([]);
const formRef = ref();
//组织数
const orgId = ref('');
const result = JSON.parse(sessionStorage.getItem('ORGID')!);
orgId.value = result;
//站点数
const zdTreeData = ref<TreeSelectProps['treeData']>([
{
@@ -158,48 +189,39 @@
},
]);
//设备类型树
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.板式热交换机组',
},
],
},
];
let deviceTypeTreeData = ref([]);
//设备树
let deviceNameTreeData = ref([]);
//选择设备类型方法
const selectDeviceType = (value: any, selectedOptions: any) => {
//获取该类型设备
getDevicePage({
orgId: orgId.value,
code: selectedOptions[selectedOptions.length - 1].code,
pageNum: 1,
pageSize: 999,
});
};
//选择设备方法
const selectDevice = (value: string) => {
console.log(`selected ${value}`);
};
//获取设备列表
const getDevicePage = (value: any) => {
http.post(device.queryDevicePage, value).then((res) => {
if (res.msg === 'success') {
deviceNameTreeData.value = res.data.records;
}
});
};
//获取设备点位
const getDevicePoint = (value: any) => {
http.post(device.queryDevicePoint, value).then((res) => {
if (res.msg === 'success') {
console.log(res, '数据');
}
});
};
//设备点位
const dwOptions = ref<SelectProps['options']>([
{ value: '电压 (U)', label: '电压 (U)', code: '1' },
@@ -234,7 +256,7 @@
};
const handleChange = (value: string) => {
console.log(`selected ${value}`);
console.log('选择', infoObject.value.sbAdress);
console.log('选择', infoObject.value.devicePoint);
//获得code
dwOptions.value.forEach((item) => {
if (item.value === value) {
@@ -250,36 +272,95 @@
}
});
};
//开关
const clickSwitch = () => {
if (infoObject.value.enableRules === 1) {
infoObject.value.enableRules = 0;
} else {
infoObject.value.enableRules = 1;
}
};
const emit = defineEmits(['editObject']);
// 定义一个递归函数来查找每一级的id 设备类型回显 层级方法
function findParentIds(tree: any, targetId: number, result: any) {
for (let item of tree) {
if (item.children && item.children.length > 0) {
if (item.children.some((child: any) => child.id === targetId)) {
result.unshift(item.id); // 将当前节点的id添加到结果数组的最前面
findParentIds(tree, item.id, result); // 递归查找父级节点的id
break; // 找到后可以退出循环
}
}
}
}
// 递归 获取当前 选择的设备类型 对象 用来获取设备列表
const findNodeById = (nodes: any, id: any) => {
for (let node of nodes) {
if (node.id === id) {
//获取设备树
getDevicePage({ orgId: orgId.value, code: node.code, pageNum: 1, pageSize: 99 });
return;
} else if (node.children.length > 0) {
const found = findNodeById(node.children, id);
if (found) {
//获取设备树
getDevicePage({ orgId: orgId.value, code: found.code, pageNum: 1, pageSize: 99 });
return;
}
}
}
return null; // 没有找到目标节点，返回 null
};
//父调子 页面显示方法
const toggle = (value: any) => {
const toggle = async (value: any) => {
//获取设备类型
await http
.post(device.queryDeviceTree, { orgId: orgId.value, pageNum: 1, pageSize: 10 })
.then((res) => {
if (res.msg === 'success') {
deviceTypeTreeData.value = res.data;
}
});
//判断 是新增 还是修改
if (value) {
infoObject.value = value;
// 获取 选择的设备类型对象
let selectDevice = ref([value.deviceType]);
findNodeById(deviceTypeTreeData.value, value.deviceType);
//获取设备点位
getDevicePoint({ id: 1 });
// 修改时
findParentIds(deviceTypeTreeData.value, value.deviceType, selectDevice.value);
infoObject.value.deviceType = selectDevice.value;
} else {
//获取设备树
infoObject.value = {
id: null,
name: null,
resource: null,
desc: null,
sbtype: null,
delivery: null,
alarmList: [{ alarm: null, number: null }],
site: null,
ruleType: null,
abnormalDescription: null,
deviceType: [],
devicePoint: null,
valueType: null,
deviceName: null,
enableRules: 0,
alarmList: [{ id: null, alarm: null, number: null, isDelete: '0' }],
};
}
visible.value = !visible.value;
};
//表单 判断规格
const rules: Record<string, Rule[]> = {
name: [{ required: true, message: '请选择站点', trigger: 'change' }],
sbtype: [{ required: true, message: '请选择设备类型', trigger: 'change' }],
delivery: [{ required: true, message: '请选择启用规则', trigger: 'change' }],
sbName: [{ 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' }],
const rules: infoObject<string, Rule[]> = {
site: [{ required: true, message: '请选择站点', trigger: 'change' }],
deviceType: [{ required: true, message: '请选择设备类型', trigger: 'change' }],
enableRules: [{ required: true, message: '请选择启用规则', trigger: 'change' }],
deviceName: [{ required: true, message: '请选择设备名称', trigger: 'change' }],
devicePoint: [{ required: true, message: '请选择设备点位', trigger: 'change' }],
valueType: [{ required: true, message: '请选择取值类型', trigger: 'change' }],
ruleType: [{ required: true, message: '请选择规则类型', trigger: 'change' }],
abnormalDescription: [{ required: true, message: '请输入异常描述', trigger: 'blur' }],
alarm: [{ required: true, message: '请选择逻辑', trigger: 'blur' }],
number: [{ required: true, message: '请输入数值', trigger: 'blur' }],
};
@@ -290,11 +371,24 @@
// 确认按钮
const btnClick = () => {
console.log(infoObject.value, '数据');
console.log(dwOptions.value, '点位');
dwOptions.value?.forEach;
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));
console.log('values', infoObject.value);
let data = toRaw(infoObject);
//逻辑列表
data.alarmList = [...infoObject.value.alarmList, ...delAlarmList.value];
//设备类型 只取最后一级的id
data.deviceType = infoObject.value.deviceType[infoObject.value.deviceType.length - 1];
delAlarmList.value = [];
});
//调用接口
@@ -317,31 +411,39 @@
//对象清空
infoObject.value = {
id: null,
name: null,
resource: null,
desc: null,
sbtype: null,
delivery: null,
alarmList: [{ alarm: null, number: null }],
site: null,
ruleType: null,
abnormalDescription: null,
deviceType: [],
devicePoint: null,
enableRules: 0,
alarmList: [{ id: null, alarm: null, number: null, isDelete: '0' }],
};
visible.value = false;
delAlarmList.value = [];
NsMessage.success('操作成功');
};
// 新增逻辑列表
const addAlarmList = () => {
if (infoObject.value.alarmList) {
infoObject.value.alarmList.push({ alarm: null, number: null });
infoObject.value.alarmList.push({ logic: null, num: null });
} else {
infoObject.value.alarmList = [{ alarm: null, number: null }];
infoObject.value.alarmList = [{ logic: null, num: null }];
}
};
// 删除 逻辑列表、
const deleteAlarmList = (index: number) => {
if (infoObject.value.alarmList[index]?.id) {
delAlarmList.value.push(infoObject.value.alarmList[index]);
// 确保 index 在有效范围内
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);
} else {
console.error('Invalid index: ', index);
}
infoObject.value.alarmList.splice(index, 1);
};
defineExpose({
toggle,

81
hx-ai-intelligent/src/view/alarmManagement/alarmSettings/equipmentAlarm/editeEquipmentAlarm.vue
View File

@@ -2,7 +2,8 @@
<ns-drawer
v-model:visible="visible"
width="520"
:title="infoObject?.id ? '修改告警功能' : '新增告警'"
:title="infoObject?.id ? '修改设备告警' : '新增设备告警'"
:footer-style="{ textAlign: 'right' }"
:ok="btnClick"
:cancel="handleClose"
placement="right">
@@ -10,10 +11,10 @@
<div style="margin-left: 52px">
应用规则:
<a-switch
v-model:checked="infoObject.isUse"
:checked="infoObject?.enableRules === 1 ? true : false"
:class="{
'blue-background': infoObject.isUse,
'grey-background': !infoObject.isUse,
'blue-background': infoObject?.enableRules === 1 ? true : false,
'grey-background': infoObject?.enableRules === 1 ? false : true,
}"
style="margin-left: 6px"
@change="changeSwitch" />
@@ -23,23 +24,29 @@
<script lang="ts" setup>
import { ref } from 'vue';
import { NsMessage } from '/nerv-lib/component';
import { http } from '/nerv-lib/util';
import { deviceAlarms } from '/@/api/alarmSettings/deviceAlarms';
const visible = ref(false);
//表单数据
const infoObject = ref({});
const infoObject = ref({
id: null,
accountNo: null,
enableRules: 0,
});
const formRef = ref();
const emit = defineEmits(['editObject']);
const toggle = (value) => {
const toggle = (value: any) => {
//判断 是新增 还是修改
if (value) {
infoObject.value = value;
} else {
infoObject.value = {
id: null,
accountNo: null,
enableRules: 0,
};
}
console.log('xxxx');
visible.value = !visible.value;
};
const schemas = [
@@ -52,7 +59,7 @@
componentProps: {
schemas: [
{
field: 'accountNo',
field: 'alarmTitle',
label: '告警标题',
component: 'NsInput',
rules: [
@@ -68,7 +75,7 @@
},
},
{
field: 'select',
field: 'repetitions',
label: '重复次数',
rules: [
{
@@ -85,31 +92,31 @@
options: [
{
label: '单次',
value: 0,
},
{
label: '重复',
value: 1,
},
{
label: '累计',
label: '重复',
value: 2,
},
{
label: '累计',
value: 3,
},
],
},
},
{
field: 'accountNo',
field: 'monitorTime',
label: '检测时长',
component: 'NsInputNumber',
rules: [
{
required: true,
validator: (rules, value, cbfn) => {
validator: (rules: any, value: any, cbfn: any) => {
if (value && /^[0-9]*$/.test(value)) {
cbfn();
} else {
cbfn('请输入正确的检测时长');
cbfn('请输入正确的监测时长');
}
},
trigger: 'change',
@@ -121,7 +128,7 @@
},
},
{
field: 'danwei',
field: 'monitorTimeUnit',
label: '监测时长单位',
component: 'NsSelect',
rules: [
@@ -151,7 +158,7 @@
},
},
{
field: 'select',
field: 'priority',
label: '优先级',
component: 'NsSelect',
rules: [
@@ -184,36 +191,32 @@
},
},
];
//开关
const changeSwitch = () => {
console.log(infoObject.value.selectSwitch, '开关');
switch (infoObject.value.enableRules) {
case 1:
infoObject.value.enableRules = 0;
break;
case 0:
infoObject.value.enableRules = 1;
break;
}
};
const btnClick = () => {
//表单校验
formRef.value.triggerSubmit().then((data: any) => {
console.log('校验成功');
console.log('data', infoObject.value);
visible.value = false;
NsMessage.success('操作成功');
emit('editObject', null);
formRef.value.triggerSubmit().then(() => {
//调用接口
// http
// .post(props.api, data)
// .then(() => {
// isLoading.value = false;
// NsMessage.success('操作成功', 1, () => {
// navigateBack();
// });
// })
// .catch(() => {
// isLoading.value = false;
// });
http.post(deviceAlarms.addOrUpNewData, infoObject.value).then(() => {
NsMessage.success('操作成功');
visible.value = false;
emit('editObject', null);
});
});
};
const handleClose = () => {
// 清楚校验错误信息
formRef.value.formElRef.clearValidate();
console.log(infoObject.value);
infoObject.value = {};
visible.value = false;
NsMessage.success('操作成功');
};