前端修改-组塔检测
This commit is contained in:
parent
978548f695
commit
a9eef1a6f3
|
|
@ -47,7 +47,7 @@ body {
|
|||
|
||||
/* 表格头部背景色 */
|
||||
th {
|
||||
background-color: #184B49; /* MediumSeaGreen */
|
||||
background-color: #278178; /* MediumSeaGreen */
|
||||
color: #fff;
|
||||
font-weight: bold
|
||||
}
|
||||
|
|
@ -58,39 +58,39 @@ th {
|
|||
}
|
||||
|
||||
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
||||
background-color: #184B49;
|
||||
background-color: #278178;
|
||||
}
|
||||
|
||||
.layui-laypage a:hover {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-laypage .layui-laypage-skip {
|
||||
color: #16534c;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-laypage-count{
|
||||
color:#184B49;
|
||||
color:#278178;
|
||||
}
|
||||
|
||||
.layui-laypage button, .layui-laypage input {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #278178 1px solid;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-view select[lay-ignore] {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #278178 1px solid;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage span {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
/**公共类**/
|
||||
|
|
@ -176,7 +176,7 @@ th {
|
|||
|
||||
.button-style{
|
||||
color: #298B83;
|
||||
border: #184B49 1px solid;
|
||||
border: #278178 1px solid;
|
||||
padding: 4px 9px;
|
||||
margin-left: 10px;
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
|
||||
/* 表格头部背景色 */
|
||||
th {
|
||||
background-color: #184B49; /* MediumSeaGreen */
|
||||
background-color: #3ACAB8; /* MediumSeaGreen */
|
||||
color: #fff;
|
||||
font-weight: bold
|
||||
}
|
||||
|
|
@ -32,39 +32,39 @@ th {
|
|||
}
|
||||
|
||||
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
||||
background-color: #184B49;
|
||||
background-color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-laypage a:hover {
|
||||
color: #184B49;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-laypage .layui-laypage-skip {
|
||||
color: #16534c;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-laypage-count{
|
||||
color:#184B49;
|
||||
color:#3ACAB8;
|
||||
}
|
||||
|
||||
.layui-laypage button, .layui-laypage input {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #3ACAB8 1px solid;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-table-view select[lay-ignore] {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #3ACAB8 1px solid;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage span {
|
||||
color: #184B49;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {
|
||||
color: #184B49;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layout-vertical{
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ body {
|
|||
|
||||
/* 表格头部背景色 */
|
||||
th {
|
||||
background-color: #184B49; /* MediumSeaGreen */
|
||||
background-color: #278178; /* MediumSeaGreen */
|
||||
color: #fff;
|
||||
font-weight: bold
|
||||
}
|
||||
|
|
@ -58,39 +58,39 @@ th {
|
|||
}
|
||||
|
||||
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
||||
background-color: #184B49;
|
||||
background-color: #278178;
|
||||
}
|
||||
|
||||
.layui-laypage a:hover {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-laypage .layui-laypage-skip {
|
||||
color: #16534c;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-laypage-count{
|
||||
color:#184B49;
|
||||
color:#278178;
|
||||
}
|
||||
|
||||
.layui-laypage button, .layui-laypage input {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #278178 1px solid;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-view select[lay-ignore] {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #278178 1px solid;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage span {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
/**公共类**/
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ body {
|
|||
|
||||
/* 表格头部背景色 */
|
||||
th {
|
||||
background-color: #184B49; /* MediumSeaGreen */
|
||||
background-color: #278178; /* MediumSeaGreen */
|
||||
color: #fff;
|
||||
font-weight: bold
|
||||
}
|
||||
|
|
@ -58,39 +58,39 @@ th {
|
|||
}
|
||||
|
||||
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
||||
background-color: #184B49;
|
||||
background-color: #278178;
|
||||
}
|
||||
|
||||
.layui-laypage a:hover {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-laypage .layui-laypage-skip {
|
||||
color: #16534c;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-laypage-count{
|
||||
color:#184B49;
|
||||
color:#278178;
|
||||
}
|
||||
|
||||
.layui-laypage button, .layui-laypage input {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #278178 1px solid;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-view select[lay-ignore] {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #278178 1px solid;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage span {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
/**公共类**/
|
||||
|
|
@ -184,7 +184,7 @@ th {
|
|||
|
||||
.button-style{
|
||||
color: #298B83;
|
||||
border: #184B49 1px solid;
|
||||
border: #278178 1px solid;
|
||||
padding: 4px 9px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ body {
|
|||
|
||||
/* 表格头部背景色 */
|
||||
th {
|
||||
background-color: #184B49; /* MediumSeaGreen */
|
||||
background-color: #278178; /* MediumSeaGreen */
|
||||
color: #fff;
|
||||
font-weight: bold
|
||||
}
|
||||
|
|
@ -61,39 +61,39 @@ th {
|
|||
}
|
||||
|
||||
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
||||
background-color: #184B49;
|
||||
background-color: #278178;
|
||||
}
|
||||
|
||||
.layui-laypage a:hover {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-laypage .layui-laypage-skip {
|
||||
color: #16534c;
|
||||
color: #3ACAB8;
|
||||
}
|
||||
|
||||
.layui-laypage-count{
|
||||
color:#184B49;
|
||||
color:#278178;
|
||||
}
|
||||
|
||||
.layui-laypage button, .layui-laypage input {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #278178 1px solid;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-view select[lay-ignore] {
|
||||
background-color: transparent;
|
||||
border: #184B49 1px solid;
|
||||
color: #184B49;
|
||||
border: #278178 1px solid;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage span {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {
|
||||
color: #184B49;
|
||||
color: #278178;
|
||||
}
|
||||
|
||||
/**公共类**/
|
||||
|
|
@ -187,7 +187,7 @@ th {
|
|||
|
||||
.button-style{
|
||||
color: #298B83;
|
||||
border: #184B49 1px solid;
|
||||
border: #278178 1px solid;
|
||||
padding: 4px 9px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -90,12 +90,12 @@ body {
|
|||
}
|
||||
|
||||
.model {
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
margin-top: 5%;
|
||||
margin-left: 10%;
|
||||
padding: 8% 2% 2% 2%;
|
||||
background: url("../../img/towerAssInspect/model.png") no-repeat 0 0 / 100% 100%;
|
||||
width: 98%;
|
||||
height: 90%;
|
||||
/* margin-top: 5%; */
|
||||
margin-left: 1%;
|
||||
padding: 3% 0% 2% 0%;
|
||||
/* background: url("../../img/towerAssInspect/model.png") no-repeat 0 0 / 100% 100%; */
|
||||
}
|
||||
|
||||
.device-list{
|
||||
|
|
|
|||
|
|
@ -218,8 +218,9 @@ function AlarmList(deviceId){
|
|||
bidCode: bidCode
|
||||
},
|
||||
cols: [[
|
||||
{field: 'number', width:80,title: '序号', align: 'center', type: 'numbers'},
|
||||
// {field: 'number', width:80,title: '序号', align: 'center', type: 'numbers'},
|
||||
{field: 'warningContent', align: 'center', title: '告警内容'},
|
||||
{field: 'warnTime', align: 'center', title: '告警时间'},
|
||||
]],
|
||||
initComplete: function () {
|
||||
// 在表格渲染完成后,重新渲染序号列
|
||||
|
|
|
|||
|
|
@ -97,6 +97,8 @@ function DaylightDisplacementList(deviceId){
|
|||
return '<span style="color: #FF5722;">告警</span>';
|
||||
} else if (d.isWarn == 1) {
|
||||
return '<span style="color: #5FB878;">正常</span>';
|
||||
}else{
|
||||
return '<span></span>';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,6 +2,8 @@ let layer,table,form;
|
|||
let myChart = echarts.init(document.getElementById('tendency'));
|
||||
const bidCode = parent.$('#bidPro').val();
|
||||
|
||||
$('#modelIframe').attr('src', URL_IP+'/pages/3Dglb/index.html');
|
||||
|
||||
layui.use(['layer','table','form'], function () {
|
||||
layer = layui.layer;
|
||||
table = layui.table;
|
||||
|
|
@ -208,13 +210,21 @@ function getHistoryList(deviceId){
|
|||
},
|
||||
cols: [[
|
||||
{type: 'numbers', title: '序号'}, // 添加序号列
|
||||
{field: 'areaName', title: '区域名称',align:'center'},
|
||||
{field: 'modeName', title: '检测点名称',align:'center'},
|
||||
{field: 'val', title: '检测值',align:'center'},
|
||||
{field: 'thisChangeVal', title: '本次变化值',align:'center'},
|
||||
{field: 'changeVal', title: '累计变化值',align:'center'},
|
||||
{field: 'updateTime', title: '检测时间',align:'center'},
|
||||
{field: 'isWarn', title: '状态',align:'center'}
|
||||
{field: 'areaName', align: 'center', title: '区域名称'},
|
||||
{field: 'deviceName', align: 'center', title: '设备名称'},
|
||||
{field: 'modeName', align: 'center', title: '施工工艺'},
|
||||
{field: 'changeVal', align: 'center', title: '变化值'},
|
||||
{field: 'val', align: 'center', title: '检测值'},
|
||||
{field: 'createTime', align: 'center', title: '检测时间'},
|
||||
{field: 'isWarn', align: 'center', title: '是否告警'},
|
||||
|
||||
// {field: 'areaName', title: '区域名称',align:'center'},
|
||||
// {field: 'modeName', title: '检测点名称',align:'center'},
|
||||
// {field: 'val', title: '检测值',align:'center'},
|
||||
// {field: 'thisChangeVal', title: '本次变化值',align:'center'},
|
||||
// {field: 'changeVal', title: '累计变化值',align:'center'},
|
||||
// {field: 'updateTime', title: '检测时间',align:'center'},
|
||||
// {field: 'isWarn', title: '状态',align:'center'}
|
||||
]],
|
||||
initComplete: function () {
|
||||
// 在表格渲染完成后,重新渲染序号列
|
||||
|
|
|
|||
|
|
@ -21,8 +21,9 @@ function init() {
|
|||
scene = new THREE.Scene();
|
||||
bbox = new THREE.Box3();
|
||||
|
||||
scene.background = new THREE.Color( 0xeeeeee );
|
||||
light = new THREE.HemisphereLight( 0xbbbbff, 0x444422, 1.5 );
|
||||
// scene.background = new THREE.Color( 0xeeeeee );//白色
|
||||
// scene.background = new THREE.Color();//黑色
|
||||
light = new THREE.HemisphereLight( 0xbbbbff, 0x444422, 2 );
|
||||
light.position.set( 0, 1, 0 );
|
||||
|
||||
scene.add( light );
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
</form>
|
||||
</div>
|
||||
<div class="img-style model">
|
||||
|
||||
<iframe id="modelIframe" width="100%" height="99%" frameborder="0"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue