添加一体机B
夜笙歌
9 months ago
parent
9f5e25589e
commit
f6f6ce4b15
@ -0,0 +1,275 @@
|
||||
body {
|
||||
background-image: url("../../board/img/bg1.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.topBtn {
|
||||
background-image: url("../../board/img/click1.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 7.5vw;
|
||||
height: 2.5vw;
|
||||
position: absolute;
|
||||
top: 6%;
|
||||
line-height: 2.5vw;
|
||||
font-size: 1.2vw;
|
||||
text-align: center;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.topBtnClick {
|
||||
background-image: url("../../board/img/click.png");
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bottomBtn {
|
||||
background-image: url("../../board/img/btnbg.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 15vw;
|
||||
height: 3vw;
|
||||
position: absolute;
|
||||
bottom: 2.8vw;
|
||||
line-height: 3vw;
|
||||
font-size: 1.2vw;
|
||||
text-align: center;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.bottomBtnClick {
|
||||
background-image: url("../../board/img/btn1bg.png");
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.centerImg {
|
||||
background-image: url("../../board/img/equipment.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
width: 57vw;
|
||||
height: 31vw;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.winDiv {
|
||||
background-image: url("../../board/img/winBG.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
right: 7.5vw;
|
||||
top: 19%;
|
||||
width: 16vw;
|
||||
height: 32.9vw;
|
||||
}
|
||||
|
||||
.winDiv p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.winDiv .title {
|
||||
position: absolute;
|
||||
font-size: 1vw;
|
||||
left: 20%;
|
||||
top: 6%;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.winDiv .title1 {
|
||||
position: absolute;
|
||||
font-size: 1vw;
|
||||
left: 10%;
|
||||
top: 15%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.winDiv .bg1 {
|
||||
position: absolute;
|
||||
font-size: 0.8vw;
|
||||
left: 7%;
|
||||
top: calc(15% + 1.5vw);
|
||||
color: #4888bf;
|
||||
width: 87%;
|
||||
height: 45%;
|
||||
border-radius: 3px;
|
||||
border: 2px solid #3f65a1;
|
||||
padding: 1%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.winDiv .title2 {
|
||||
position: absolute;
|
||||
font-size: 1vw;
|
||||
left: 10%;
|
||||
top: 67%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.winDiv .bg2 {
|
||||
position: absolute;
|
||||
font-size: 0.8vw;
|
||||
left: 7%;
|
||||
top: calc(67% + 1.5vw);
|
||||
color: #4888bf;
|
||||
width: 87%;
|
||||
height: 26%;
|
||||
border-radius: 3px;
|
||||
border: 2px solid #3f65a1;
|
||||
padding: 1%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.status {
|
||||
/*background-image: url("../../board/img/warnBg.png");*/
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
width: 10vw;
|
||||
height: 4vw;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.status .icon {
|
||||
background-image: url("../../board/img/green.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
top: 50%;
|
||||
left: 20%;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.status span {
|
||||
width: 20vw;
|
||||
font-size: 1vw;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
top: 50%;
|
||||
left: calc(20% + 35px);
|
||||
}
|
||||
|
||||
.centerInfo {
|
||||
position: absolute;
|
||||
transform: translate(-10px, calc(-100% + 10px));
|
||||
width: 10vw;
|
||||
height: 10vw;
|
||||
}
|
||||
|
||||
.centerInfo .win {
|
||||
background-image: url("../../board/img/equipmentBg.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
left: 0;
|
||||
width: 9vw;
|
||||
height: 5.35vw;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.centerInfo .win .title {
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
top: 16%;
|
||||
left: 10%;
|
||||
color: #fff;
|
||||
font-size: 0.8vw;
|
||||
}
|
||||
|
||||
.centerInfo .win .span1 {
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
top: 50%;
|
||||
left: 10%;
|
||||
color: #fff;
|
||||
font-size: 0.8vw;
|
||||
}
|
||||
|
||||
.centerInfo .win .span2 {
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
top: 80%;
|
||||
left: 10%;
|
||||
color: #fff;
|
||||
font-size: 0.8vw;
|
||||
}
|
||||
|
||||
.centerInfo .icon {
|
||||
background-image: url("../../board/img/circle.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
bottom: 0%;
|
||||
left: 0%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.eqModal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.shade {
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #00000066;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.centerModal {
|
||||
background-image: url("../../board/img/bigBg.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 70vw;
|
||||
height: 43.7vw;
|
||||
z-index: 101;
|
||||
}
|
||||
.centerModalInfo{
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
left: 4%;
|
||||
width: 94%;
|
||||
height: 87%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.chart1{
|
||||
position: absolute;
|
||||
top: 17%;
|
||||
left: 4%;
|
||||
width: 94%;
|
||||
height: 80%;
|
||||
}
|
||||
.monitoring{
|
||||
position: absolute;
|
||||
top: 9%;
|
||||
left: 4%;
|
||||
width: 92%;
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
.centerModal1 {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
top: 50%;
|
||||
left: 16%;
|
||||
width: 18vw;
|
||||
height: 10.125vw;
|
||||
z-index: 101;
|
||||
}
|
||||
.plugin{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@ -0,0 +1,352 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<th:block th:include="include :: header('设备智能驾驶舱')"/>
|
||||
</head>
|
||||
<body class="white-bg">
|
||||
<th:block th:include="include :: datetimepicker-css"/>
|
||||
<th:block th:include="include :: datetimepicker-js"/>
|
||||
<link href="../../board/board.css" rel="stylesheet">
|
||||
<script src="../../js/echarts.js"></script>
|
||||
<script src="../../js/scrollTable.js"></script>
|
||||
<script src="../../js/tableAnimation.js"></script>
|
||||
<script>
|
||||
|
||||
let status = {
|
||||
rightInfoS: false,
|
||||
bottomBtn1S: false,
|
||||
bottomBtn2S: false,
|
||||
bottomBtn3S: false,
|
||||
}
|
||||
const routerSkip = (e) => {
|
||||
try {
|
||||
$.modal.openTab('设备智能驾驶舱', ctx + e);
|
||||
} catch (val) {
|
||||
location.href = ctx + e
|
||||
}
|
||||
}
|
||||
|
||||
const showModal = () => {
|
||||
$("#eqModal").show()
|
||||
}
|
||||
const hideModal1 = () => {
|
||||
$("#eqModal").hide()
|
||||
}
|
||||
|
||||
const hideModal = (e, el) => {
|
||||
$("#centerModal1").append(`<iframe src="monitoring1" frameborder="0" id="monitoringIframe1" style="width: 100%;height: 100%"></iframe>`)
|
||||
setTimeout(() => {
|
||||
document.getElementById("monitoringIframe1").contentWindow.login()
|
||||
}, 1000)
|
||||
status[`bottomBtn${e}S`] = false
|
||||
$($(el)[0].parentNode).hide()
|
||||
$("#bottomBtn" + e).css({
|
||||
backgroundImage: status[`bottomBtn${e}S`] ? 'url("../../board/img/btn1bg.png")' : 'url("../../board/img/btnbg.png")'
|
||||
})
|
||||
if (e === 3) {
|
||||
document.getElementById("monitoringIframe").contentWindow.edit()
|
||||
setTimeout(() => {
|
||||
$("#monitoring").empty()
|
||||
}, 100)
|
||||
}
|
||||
}
|
||||
const toggleInfo = () => {
|
||||
$("#rightInfo").toggle()
|
||||
status.rightInfoS = !status.rightInfoS
|
||||
$("#toggleInfoBtn").css({
|
||||
backgroundImage: status.rightInfoS ? 'url("../../board/img/click.png")' : 'url("../../board/img/click1.png")'
|
||||
})
|
||||
}
|
||||
const bottomBtnInfo = (e, el) => {
|
||||
$('#centerModal1').empty()
|
||||
if (e === 3) {
|
||||
$("#monitoring").append(`<iframe src="monitoring" frameborder="0" id="monitoringIframe" style="width: 100%;height: 100%"></iframe>`)
|
||||
setTimeout(() => {
|
||||
document.getElementById("monitoringIframe").contentWindow.login()
|
||||
}, 1000)
|
||||
}
|
||||
$("#modal" + e).show()
|
||||
switch (e) {
|
||||
case 1:
|
||||
status.bottomBtn1S = !status.bottomBtn1S
|
||||
$(el).css({
|
||||
backgroundImage: status.bottomBtn1S ? 'url("../../board/img/btn1bg.png")' : 'url("../../board/img/btnbg.png")'
|
||||
})
|
||||
break
|
||||
|
||||
case 2:
|
||||
status.bottomBtn2S = !status.bottomBtn2S
|
||||
$(el).css({
|
||||
backgroundImage: status.bottomBtn2S ? 'url("../../board/img/btn1bg.png")' : 'url("../../board/img/btnbg.png")'
|
||||
})
|
||||
break
|
||||
|
||||
case 3:
|
||||
status.bottomBtn3S = !status.bottomBtn3S
|
||||
$(el).css({
|
||||
backgroundImage: status.bottomBtn3S ? 'url("../../board/img/btn1bg.png")' : 'url("../../board/img/btnbg.png")'
|
||||
})
|
||||
break
|
||||
|
||||
}
|
||||
}
|
||||
const Modal1Search = () => {
|
||||
let params = {}
|
||||
if ($('#startTime1').val()) {
|
||||
params.beginTime = new Date($('#startTime1').val())
|
||||
}
|
||||
if ($('#endTime1').val()) {
|
||||
params.endTime = new Date($('#endTime1').val())
|
||||
}
|
||||
params.timeInterval=$('#timeInterval1').val();
|
||||
$.get(ctx + 'broad/home/queryParamData', params, (e) => {
|
||||
if (e.data.length > 0) {
|
||||
$('#chart1').remove()
|
||||
$("#modal1 .centerModal .centerModalInfo").append('<div class="chart1" id="chart1"></div>')
|
||||
chart = null
|
||||
chart1(document.getElementById('chart1'), e.data)
|
||||
} else {
|
||||
$("#chart1").html(`<div style="width: 100%;height: 100%;text-align: center;line-height:35vw;color: #fff ">暂无数据</div>`)
|
||||
}
|
||||
})
|
||||
}
|
||||
const Modal2Search = () => {
|
||||
let params = {}
|
||||
params.timeInterval=$('#timeInterval').val();
|
||||
if ($('#startTime2').val()) {
|
||||
params.beginTime = new Date($('#startTime2').val())
|
||||
}
|
||||
if ($('#endTime2').val()) {
|
||||
params.endTime = new Date($('#endTime2').val())
|
||||
}
|
||||
console.log(params)
|
||||
$.get(ctx + 'broad/home/queryParamData', params, (e) => {
|
||||
$("#chart2").empty()
|
||||
tableHeadChangeArr =[
|
||||
"采集时间",
|
||||
"一体机A转速",
|
||||
"一体机A电流",
|
||||
"一体机A机头压力",
|
||||
"一体机A机头温度",
|
||||
"一体机A切刀电流",
|
||||
"一体机A切刀转速"
|
||||
]
|
||||
if (e.data.length > 0) {
|
||||
dynamicTable({
|
||||
el: '#chart2',
|
||||
rowNum: 10,
|
||||
timeout: 5,
|
||||
header: ['序号', '<input type="checkbox" checked onchange="tableHeadChange(\'采集时间\',this)"/> 采集时间', '<input type="checkbox" checked onchange="tableHeadChange(\'一体机A转速\',this)"/> 一体机A转速', '<input type="checkbox" checked onchange="tableHeadChange(\'一体机A电流\',this)"/> 一体机A电流', '<input type="checkbox" checked onchange="tableHeadChange(\'一体机A机头压力\',this)"/> 一体机A机头压力', '<input type="checkbox" checked onchange="tableHeadChange(\'一体机A机头温度\',this)"/> 一体机A机头温度', '<input type="checkbox" checked onchange="tableHeadChange(\'一体机A切刀电流\',this)"/> 一体机A切刀电流', '<input type="checkbox" checked onchange="tableHeadChange(\'一体机A切刀转速\',this)"/> 一体机A切刀转速'],
|
||||
data: e.data.map((val, i) => [i, val.time, val['一体机A转速'], val['一体机A电流'], val['一体机A机头压力'], val['一体机A机头温度'], val['一体机A切刀电流'], val['一体机A切刀转速']]),
|
||||
index: true,
|
||||
fontColor: '#03BCD4 ',
|
||||
indexBGC: '#86F3FF',
|
||||
headerBGC: '#092A77',
|
||||
oddRowBGC: '#092A77',
|
||||
evenRowBGC: '#092A77',
|
||||
})
|
||||
} else {
|
||||
$("#chart2").html(`<div style="width: 100%;height: 100%;text-align: center;line-height:35vw;color: #fff ">暂无数据</div>`)
|
||||
}
|
||||
})
|
||||
}
|
||||
const derive = () => {
|
||||
let canvasNode = $("#chart1 div canvas")[0]
|
||||
console.log(canvasNode)
|
||||
let canvasURL = canvasNode.toDataURL("image/png");
|
||||
let link = document.createElement("a");
|
||||
link.setAttribute("href", canvasURL);
|
||||
link.setAttribute("download", "picture.png");
|
||||
link.click();
|
||||
}
|
||||
const derive2 = () => {
|
||||
let params = {
|
||||
colms:tableHeadChangeArr.toString()
|
||||
}
|
||||
|
||||
params.timeInterval=$('#timeInterval').val();
|
||||
if ($('#startTime2').val()) {
|
||||
params.beginTime = new Date($('#startTime2').val())
|
||||
}
|
||||
if ($('#endTime2').val()) {
|
||||
params.endTime = new Date($('#endTime2').val())
|
||||
}
|
||||
if ($('#name').val()) {
|
||||
params.name = $('#name').val()
|
||||
}
|
||||
if ($('#type').val()) {
|
||||
params.type = $('#type').val()
|
||||
}
|
||||
$.post(ctx + 'broad/home/exportParamList', params, (e) => {
|
||||
window.location.href = ctx + "common/download?fileName=" + encodeURI(e.msg) + "&delete=" + true;
|
||||
})
|
||||
}
|
||||
</script>
|
||||
<div>
|
||||
<div class="topBtn" onclick="routerSkip('board/board2')" style="left: 8vw;">首页</div>
|
||||
<div class="topBtn " onclick="routerSkip('board/board1')" style="left: 16.5vw;">60型一体机A</div>
|
||||
<div class="topBtn topBtnClick" onclick="routerSkip('board/board3')" style="left: 25vw;">60型一体机B</div>
|
||||
<div class="topBtn" onclick="routerSkip('board/video')" style="left: 71vw;">视频展示</div>
|
||||
<div class="topBtn" onclick="routerSkip('board/doc')" style="left: 83vw;">文档归档</div>
|
||||
<div class="topBtn" id="toggleInfoBtn" onclick="toggleInfo()" style="left: 83vw;top:13%">设备介绍</div>
|
||||
|
||||
<div class="bottomBtn" id="bottomBtn1" onclick="bottomBtnInfo(1,this)" style="left: 22.5vw;">历史趋势</div>
|
||||
<div class="bottomBtn" id="bottomBtn2" onclick="bottomBtnInfo(2,this)" style="left: 42.5vw;">数据记录</div>
|
||||
<div class="bottomBtn" id="bottomBtn3" onclick="bottomBtnInfo(3,this)" style="left: 62.5vw;">实时监控</div>
|
||||
|
||||
<div class="centerImg">
|
||||
<div id="centerInfoDiv">
|
||||
|
||||
<!-- <div class="centerInfo" onclick="showModal()" style="top: 35%;left:40%">-->
|
||||
<!-- <div class="win">-->
|
||||
<!-- <div class="title">位置1</div>-->
|
||||
<!-- <div class="span1">转速: 50n/s</div>-->
|
||||
<!-- <div class="span2">电流: 45A</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="icon"></div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="centerInfo" onclick="showModal()" style="top: 45%;left:71%">-->
|
||||
<!-- <div class="win">-->
|
||||
<!-- <div class="title">位置1</div>-->
|
||||
<!-- <div class="span1">转速: 50n/s</div>-->
|
||||
<!-- <div class="span2">电流: 45A</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="icon"></div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="rightInfo" style="display: none">
|
||||
<div class="winDiv">
|
||||
<div class="title">基本信息</div>
|
||||
<div class="title1">设备描述:</div>
|
||||
<div class="bg1">
|
||||
</div>
|
||||
<div class="title2">技术参数:</div>
|
||||
<div class="bg2">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="statusD">
|
||||
</div>
|
||||
|
||||
<div class="eqModal" id="eqModal">
|
||||
<div class="shade" onclick="hideModal1()"></div>
|
||||
<div class="centerModal"></div>
|
||||
</div>
|
||||
|
||||
<div id="modal1" style="display:none;">
|
||||
<div class="shade" onclick="hideModal(1,this)"></div>
|
||||
<div class="centerModal">
|
||||
|
||||
<div class="centerModalInfo">
|
||||
<div style="display: inline-block">
|
||||
<span style="font-size: 1vw;color: #fff">时间间隔:</span>
|
||||
<select id="timeInterval1" class="form-control m-b" style="width: 10vw;height:2vw;display: inline-block"
|
||||
th:with="type=${@dict.getType('time_interval')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
|
||||
</select>
|
||||
</div>
|
||||
<span style="font-size: 1vw;color: #fff">起止时间： </span>
|
||||
<input class="form-control" id="startTime1" placeholder="开始时间"
|
||||
style="width: 10vw;height:2vw;display: inline-block"
|
||||
type="text">
|
||||
<span>-</span>
|
||||
<input class="form-control" id="endTime1" placeholder="结束时间"
|
||||
style="width: 10vw;height:2vw;display: inline-block"
|
||||
type="text">
|
||||
<a class="btn btn-primary btn-rounded btn-sm" onclick="Modal1Search()"><i class="fa fa-search"></i> 搜索</a>
|
||||
<a class="btn btn-warning btn-rounded btn-sm" onclick="derive()"><i class="fa fa-download"></i> 导出</a>
|
||||
</div>
|
||||
<div class="chart1" id="chart1"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="modal2" style="display:none;">
|
||||
<div class="shade" onclick="hideModal(2,this)"></div>
|
||||
<div class="centerModal">
|
||||
<div class="centerModalInfo">
|
||||
<div style="position:relative;">
|
||||
<div style="display: inline-block">
|
||||
<span style="font-size: 1vw;color: #fff">客户名称： </span>
|
||||
<input id="name" name="loginName" style="width: 10vw;height:2vw;display: inline-block" type="text"/>
|
||||
</div>
|
||||
<div style="display: inline-block">
|
||||
<span style="font-size: 1vw;color: #fff">实验胶种： </span>
|
||||
<input id="type" name="loginName" style="width: 10vw;height:2vw;display: inline-block" type="text"/>
|
||||
</div>
|
||||
|
||||
<div style="display: inline-block">
|
||||
<span style="font-size: 1vw;color: #fff">起止时间： </span>
|
||||
<input class="form-control" id="startTime2" placeholder="开始时间"
|
||||
style="width: 8vw;height:2vw;display: inline-block"
|
||||
type="text">
|
||||
<span>-</span>
|
||||
<input class="form-control" id="endTime2" placeholder="结束时间"
|
||||
style="width: 8vw;height:2vw;display: inline-block"
|
||||
type="text">
|
||||
</div>
|
||||
<div style="display: inline-block">
|
||||
<span style="font-size: 1vw;color: #fff">时间间隔:</span>
|
||||
<select id="timeInterval" class="form-control m-b" style="width: 10vw;height:2vw;display: inline-block"
|
||||
th:with="type=${@dict.getType('time_interval')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
|
||||
</select>
|
||||
</div>
|
||||
<a class="btn btn-primary btn-rounded btn-sm" onclick="Modal2Search()"><i
|
||||
class="fa fa-search"></i> 搜索</a>
|
||||
<a class="btn btn-warning btn-rounded btn-sm" onclick="derive2()"><i class="fa fa-download"></i> 导出</a>
|
||||
</div>
|
||||
<div class="chart1" id="chart2" style="position:relative;top:2%;left: 0;height: 92%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="modal3" style="display:none;">
|
||||
<div class="shade" onclick="hideModal(3,this)"></div>
|
||||
<div class="centerModal">
|
||||
<div class="monitoring" id="monitoring">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="centerModal1" id="centerModal1" style="display: none">
|
||||
<iframe frameborder="0" id="monitoringIframe1" src="monitoring1" style="width: 100%;height: 100%"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<th:block th:include="include :: footer"/>
|
||||
<script src="../../board/board3.js"></script>
|
||||
<script>
|
||||
|
||||
layui.use('laydate', function () {
|
||||
var laydate = layui.laydate;
|
||||
|
||||
laydate.render({
|
||||
elem: '#startTime1',
|
||||
type: 'datetime',
|
||||
trigger: 'click'
|
||||
});
|
||||
|
||||
laydate.render({
|
||||
elem: '#endTime1',
|
||||
type: 'datetime',
|
||||
trigger: 'click'
|
||||
});
|
||||
|
||||
laydate.render({
|
||||
elem: '#startTime2',
|
||||
type: 'datetime',
|
||||
trigger: 'click'
|
||||
});
|
||||
|
||||
laydate.render({
|
||||
elem: '#endTime2',
|
||||
type: 'datetime',
|
||||
trigger: 'click'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue