root/yongYuJiaJu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

设备展示代码更新

Browse Source
This commit is contained in:
lyd
2022-10-26 10:55:00 +08:00
parent f8394110ef
commit 19f29989c1
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
acs/nladmin-ui/src/views/system/monitor/device/index.vue
View File

@@ -19,11 +19,11 @@
style="width: 100%" style="width: 100%"
max-height="500px" max-height="500px"
> >
<af-table-column <el-table-column
prop="name" prop="name"
label="监控项" label="监控项"
/> />
<af-table-column <el-table-column
prop="value" prop="value"
label="当前值" label="当前值"
/> />
@@ -210,6 +210,7 @@ export default {
nodeMenu: false nodeMenu: false
}) })
lf.on('node:click', (data, e) => { // 鼠标点击节点 lf.on('node:click', (data, e) => { // 鼠标点击节点
console.log("data: ", data)
// 展开显示设备信息 // 展开显示设备信息
if (data.data.type !== 'pro-rect' && data.data.type !== 'pro-circle' && data.data.type !== 'triangle' && data.data.type !== 'rect-radius') { if (data.data.type !== 'pro-rect' && data.data.type !== 'pro-circle' && data.data.type !== 'triangle' && data.data.type !== 'rect-radius') {
if (data.data.properties.device) { if (data.data.properties.device) {
@@ -262,13 +263,12 @@ export default {
break // 匹对完退出 break // 匹对完退出
} }
} }
console.log(item)
const clickObj = item const clickObj = item
// console.log('clickObj.data', clickObj.data) console.log('clickObj.data', clickObj.data)
if (!item.data) { if (!item.data) {
return return
} }
if (clickObj.data.is_click !== true) { if (!clickObj.data.is_click) {
return return
} }
if (clickObj.data.device_type === 'scanner') { // 扫码器 if (clickObj.data.device_type === 'scanner') { // 扫码器
@@ -302,7 +302,7 @@ export default {
} }
this.arr = [] // 清空 this.arr = [] // 清空
if (item.device_code && item.data) { if (item.device_code && item.data) {
console.log('item', item) // console.log('item', item)
this.arr = [ this.arr = [
{ name: '设备编号', value: item.device_code }, { name: '设备编号', value: item.device_code },
{ name: '设备名称', value: item.device_name } { name: '设备名称', value: item.device_name }
@@ -508,14 +508,15 @@ export default {
} }
} }
} }
console.log('arr:', this.arr) // console.log('arr:', this.arr)
}, },
initStatus() { // 初始化所有节点的设备信息，通过节点id对应设备编号 initStatus() { // 初始化所有节点的设备信息，通过节点id对应设备编号
let resion = {} let resion = {}
resion = lf.getGraphData().nodes.map(item => ({ id: item.id, device_code: item.properties.device })) resion = lf.getGraphData().nodes.map(item => ({ id: item.id, device_code: item.properties.device }))
getDeviceByCodes(resion).then(res => { getDeviceByCodes(resion).then(res => {
console.log(res)
this.allDeviceMsg = res // 拿到所有节点的设备数据 this.allDeviceMsg = res // 拿到所有节点的设备数据
console.log('initStatus-res', res) // console.log('initStatus-res', res)
// 实时设置状态信息 // 实时设置状态信息
for (var item of res) { // 循环并且设置属性值 for (var item of res) { // 循环并且设置属性值
if (item.data !== undefined) { if (item.data !== undefined) {
@@ -538,7 +539,7 @@ export default {
} }
// 设置动态实时显示设备信息 // 设置动态实时显示设备信息
const { nodes } = lf.getSelectElements() // 获取选中的节点 const { nodes } = lf.getSelectElements() // 获取选中的节点
console.log(nodes) // console.log(nodes)
if (nodes.length === 1) { // 因为是定时器，没有选中则不用实时更新显示数据 if (nodes.length === 1) { // 因为是定时器，没有选中则不用实时更新显示数据
this.moveShow(nodes[0]) // 监控模式下不可能托选，因此就只有一个数据 this.moveShow(nodes[0]) // 监控模式下不可能托选，因此就只有一个数据
} }