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