thingsboard 自定义html

<div fxFlex fxLayout="column"

style="height: 100%;" fxLayoutAlign="center stretch" id="bgImage">

<div fxFlex fxLayout="row"

*ngFor="let dataKeyData of data"

fxLayoutAlign="space-around center">

<div *ngIf="dataKeyData.data[0][1]>0">

{{dataKeyData.data[0][1]}}</div>

<div>{{dataKeyData.dataKey.label}}123:</div>

<div>

{{(dataKeyData.data[0] && dataKeyData.data[0][0]) | date : 'yyyy-MM-dd HH:mm:ss' }}

</div>

<div>

{{dataKeyData.data[0][1]}}</div>

<div >

</div>

</div>

<div fxFlex fxLayout="row">

<div id="lfl">

{{data}}

</div>

</div>

<div fxFlex fxLayout="row">

</div>

</div>

var show;

var image;

self.onInit = function() {

self.ctx.$scope.data = self.ctx.defaultSubscription

.data;

show = 'true'

var bgImage = document.getElementById('bgImage')

bgImage.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_2.png')"

ctx.innerhtml = '213'

var lfl = document.getElementById('lfl')

var arr = self.ctx.$scope.data[0].data[0]

var num = []

for(var key in arr){

console.log(key,arr[key])

num.push(arr[key])

}

console.log('ctx==789==',typeof(arr),num[1])

let div = document.querySelector('#lfl')

let div1 = document.querySelector('#lfl1')

div.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_4.png')"

}

self.onDataUpdated = function() {

self.ctx.detectChanges();

var arr = self.ctx.$scope.data[0].data[0]

var num = []

for(var key in arr){

console.log(key,arr[key])

num.push(arr[key])

}

console.log('ctx==789==',typeof(arr),num[1])

let div = document.querySelector('#lfl')

var bgImage = document.getElementById('bgImage')

if (num[1]*1>10) {

console.log('zoule111')

div.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_1.png')"

bgImage.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_2.png')"

}else{

console.log('zoule')

div.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_3.png')"

bgImage.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_4.png')"

}

}

相关推荐
qq_36801966几秒前
用 react 的react-syntax-highlighter 实现语法高亮、行号与多行错误行高亮
前端·react.js·前端框架
lbh几秒前
从LLM到Agent的核心概念
前端·openai·ai编程
历程里程碑几秒前
Proto3 三大高级类型:Any、Oneof、Map 灵活解决复杂业务场景
java·大数据·开发语言·数据结构·elasticsearch·链表·搜索引擎
蜜獾云几秒前
DDD 架构分层,MQ消息要放到那一层处理?
java·jvm·架构
夫礼者4 分钟前
【极简监控】核弹级排障利器:仿 Jenkins Script Console 打造免重启诊断“黑科技”
java·jenkins·监控·排错
空空潍7 分钟前
Spring AI 实战系列(四):Prompt工程深度实战
java·人工智能·spring·prompt
第二只羽毛8 分钟前
IO代码解释3
java·大数据·开发语言
weisian15114 分钟前
Java并发编程--24-死锁排查与性能调优:线上并发问题诊断指南(死锁,CPU飙升,内存溢出)
java·开发语言·arthas·死锁·火焰图·cpu飙升
-Da-15 分钟前
【操作系统学习日记】并发编程中的竞态条件与同步机制:互斥锁与信号量
java·服务器·javascript·数据库·系统架构
Irene199118 分钟前
JavaScript脚本加载的两种方式:defer/async 的区别
前端·javascript·php