diff --git a/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html b/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html index dcdaebc..4f16db3 100644 --- a/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html +++ b/ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html @@ -116,6 +116,7 @@ queryDeptTree(); }); + let time1 = null function queryDeptTree() { var url = ctx + "system/Monitor/treeData?monitorType=" + 20; @@ -127,7 +128,6 @@ $.tree.init(options); function zOnClick(event, treeId, treeNode) { - console.log(treeNode) $.post(ctx + 'system/TVibrationsensorData/realTimeMonitor', {sensorId: treeNode.id}, (e) => { if (e.code === 0) { let data = e.data || [] @@ -207,6 +207,93 @@ }) } }) + + if(time1){ + clearInterval(time1) + time1 = null + } + + time1 = setInterval(()=>{ + $.post(ctx + 'system/TVibrationsensorData/realTimeMonitor', {sensorId: treeNode.id}, (e) => { + if (e.code === 0) { + let data = e.data || [] + $("#chartDivs").html('') + data.forEach((v, k) => { + let html = ` +
+
${v.monitorName}
+
${v.collectTime}
+
+
+
+ ${v.displacement.toString().split('').map(vv => { + return `
${vv}
` + }).join('')} +
+
位移(um)
+
+ ` + $("#chartDivs").append(html) + + let chart = echarts.init(document.getElementById(`chart${k}`)) + + let option = { + series: [ + { + name: 'Pressure', + type: 'gauge', + detail: { + formatter: '{value}', + offsetCenter: [0, '20%'], + // offsetCenter: [0, '-40%'] , + }, + center: ['25%', '50%'], + radius: '90%', + max: Math.max(Math.ceil(v.speed / 100),1 ) * 100, + data: [ + { + value: v.speed, + name: '速度(mm/s)', + title: { + offsetCenter: [0, '-20%'], + }, + } + ] + }, + { + name: 'Pressure', + type: 'gauge', + detail: { + fontSize: 20, + formatter: '{value}' + }, + center: ['60%', '70%'], + radius: '65%', + axisTick: { + + distance: 4 + }, + pointer: { + length: '50%', + width: 4 + }, + data: [ + { + value: v.temperature, + name: '温度(℃)', + detail: { + fontSize: 12, + }, + } + ] + }, + ] + }; + chart.setOption(option) + }) + } + }) + },5*1000) } }