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.
|
|
<!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>
|
