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')"

}

}

相关推荐
王源骏1 分钟前
LayaAir鼠标(手指)控制相机旋转,限制角度
前端
大虾写代码15 分钟前
vue3+TS项目配置Eslint+prettier+husky语法校验
前端·vue·eslint
wordbaby33 分钟前
用 useEffectEvent 做精准埋点:React analytics pageview 场景的最佳实践与原理剖析
前端·react.js
上单带刀不带妹38 分钟前
在 ES6 中如何提取深度嵌套的对象中的指定属性
前端·ecmascript·es6
excel1 小时前
使用热力贴图和高斯函数生成山峰与等高线的 WebGL Shader 解析
前端
wyzqhhhh1 小时前
组件库打包工具选型(npm/pnpm/yarn)的区别和技术考量
前端·npm·node.js
码上暴富1 小时前
vue2迁移到vite[保姆级教程]
前端·javascript·vue.js
土了个豆子的1 小时前
04.事件中心模块
开发语言·前端·visualstudio·单例模式·c#
全栈技术负责人2 小时前
Hybrid应用性能优化实战分享(本文iOS 与 H5为例,安卓同理)
前端·ios·性能优化·html5
老华带你飞2 小时前
考研论坛平台|考研论坛小程序系统|基于java和微信小程序的考研论坛平台小程序设计与实现(源码+数据库+文档)
java·vue.js·spring boot·考研·小程序·毕设·考研论坛平台小程序