You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
152 lines
4.4 KiB
152 lines
4.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>系统运行监控</title>
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<META HTTP-EQUIV="Cache-Control" content="no-cache">
|
|
<META HTTP-EQUIV="Expires" content="0">
|
|
</head>
|
|
|
|
<body class="main">
|
|
<section style="-webkit-app-region: drag;width: 100%">
|
|
<div class="heading">
|
|
<div class="title">
|
|
<img class="title-img" src="assets/mainphoto.png">
|
|
<span class="head_title">系统运行监控</span>
|
|
</div>
|
|
<div class="use-btn" style="-webkit-app-region: no-drag">
|
|
<a class="small" id="min" onclick="minFun()"></a>
|
|
<!-- <a class="big" id="max" onclick="maxFun()"></a> -->
|
|
<a class="close" id="closed" onclick="closeFun()"></a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="fromBox">
|
|
<!-- <webview id="obj" class="obj" type="text/html" src="http://localhost:3806/TIS_PLATFORM?appId=TIS_APP_FRAME_YXJK&launcher=monitor"></webview> -->
|
|
<!-- <webview id="obj" class="obj" type="text/html" src="http://localhost:3806/TIS_PLATFORM/?appId=TIS_APP_FRAME_YXJK&launcher=monitor#/pc"></webview> -->
|
|
<!-- <webview id="obj" class="obj" type="text/html" src="http://10.12.33.74:3806/TIS_PLATFORM/?appId=TIS_APP_FRAME_YXJK&launcher=monitor#/pc"></webview> -->
|
|
<iframe src="./assets/test1.pdf" width="100%" height="100%" frameborder="0"></iframe>
|
|
</div>
|
|
<script type="text/javascript">
|
|
function minFun() {
|
|
window.api && window.api.minimize()
|
|
}
|
|
function closeFun() {
|
|
window.api && window.api.exitSystem()
|
|
}
|
|
</script>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 思源黑体bold;
|
|
src: url("./font/SourceHanSansCN-Bold.otf");
|
|
}
|
|
|
|
.main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.main .heading {
|
|
width: 100%;
|
|
height: 4vh;
|
|
/* line-height: 5vh; */
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
background-image: linear-gradient(0deg, #212123 0%, #383839 40%, #4e4e4e 100%),
|
|
linear-gradient(#212123,
|
|
#212123);
|
|
background-blend-mode: normal,
|
|
normal;
|
|
border-radius: 10px 10px 0px 0px;
|
|
}
|
|
|
|
.main .heading .title {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 0 0 1vw;
|
|
font-size: 1.6vw;
|
|
color: #d8d8d8;
|
|
height: 5vh;
|
|
line-height: 5vh;
|
|
}
|
|
|
|
.main .heading .title img {
|
|
width: 2.6vh;
|
|
height: 2.6vh;
|
|
}
|
|
|
|
.main .heading .title span {
|
|
display: block;
|
|
padding: 0 0 0 5px;
|
|
}
|
|
|
|
.main .heading .use-btn {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 1.5vh 1vw;
|
|
}
|
|
|
|
.main .heading .use-btn a {
|
|
margin-left: 3px;
|
|
width: 2vh;
|
|
height: 2vh;
|
|
}
|
|
|
|
.main .fromBox {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
background-color: #000000;
|
|
height: 95vh;
|
|
border-radius: 0 0 10px 10px;
|
|
box-shadow: 4px 4px 10px 0px rgba(33, 33, 35, 0.35);
|
|
}
|
|
|
|
.main .fromBox .obj {
|
|
height: 99%;
|
|
width: 99%;
|
|
}
|
|
|
|
.big {
|
|
background: url("assets/big.png") no-repeat 0 0;
|
|
background-size: 100% 100%;
|
|
margin-right: 1vw;
|
|
}
|
|
|
|
.small {
|
|
background: url("assets/small.png") no-repeat 0 0;
|
|
background-size: 100% 100%;
|
|
margin-right: 1vw;
|
|
}
|
|
|
|
.close {
|
|
background: url("assets/close-new.png") no-repeat 0 0;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.head_title {
|
|
width: 253px;
|
|
/* height: 54px; */
|
|
font-family: 思源黑体bold;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
font-stretch: normal;
|
|
line-height: 50px;
|
|
letter-spacing: 2px;
|
|
color: #ffffff;
|
|
}
|
|
</style>
|
|
</body>
|
|
|
|
</html>
|