change - 设备监控页面设备模块样式调整

main
wenjy 3 years ago
parent ff5657888c
commit 41aa48aa17

@ -54,7 +54,7 @@ const createDeviceModule = function (sensor,params) {
html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+""+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`; html += `<div style="padding-left: 20px;padding-top: 10px;font-size: 105%;color: #00f9ff;width: 100%;" id="${sensor.sensorId+params[i].paramTitle}">${params[i].paramText+""+(sensor[params[i].paramTitle] == null ? "-" : sensor[params[i].paramTitle])}</div>`;
} }
html += '</div>'; html += '</div>';
html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 2%;padding-left: 25%">'; html += '<div style="position: absolute;left: 1%;width: 98%;height: 18%;border: 0px solid red;bottom: 1%; padding-top: 3%;padding-left: 10%">';
//html+=`<p style="color: #00f9ff;float: left;" id=${sensor.sensorId+"sensorStatus"}>${sensor['sensorStatus'] == null ? "-" : sensorStatus(sensor['sensorStatus'])}</p>`; //html+=`<p style="color: #00f9ff;float: left;" id=${sensor.sensorId+"sensorStatus"}>${sensor['sensorStatus'] == null ? "-" : sensorStatus(sensor['sensorStatus'])}</p>`;
html+=`<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`; html+=`<p style="color: #00f9ff;float: left;margin-left: 10%" id=${sensor.sensorId+"collectTime"}>${sensor['collectTime'] == null ? "-" : collectTime(sensor['collectTime'])}</p>`;
html += '</div>'; html += '</div>';

@ -257,12 +257,10 @@
.sensor-card { .sensor-card {
background: url("/img/sensor-block.png") no-repeat #00000000; background: url("/img/sensor-block.png") no-repeat #00000000;
background-size: 100% 100%; background-size: 100% 100%;
/*width: 27rem; /* width: 48%;
height: 17.6rem;*/ height: 47%;*/
width: 48%; width:30%;
height: 47%; height:40%;
/*width:30%;
height:43%;*/
border-radius: 0; border-radius: 0;
border: none; border: none;
} }

Loading…
Cancel
Save