311 lines
14 KiB
HTML
311 lines
14 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html class="no-js css-menubar" lang="zh-Hant-TW">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<title>Page Aside Left Static | 全方位監控系統</title>
|
||
|
||
<link rel="apple-touch-icon" href="../assets/images/apple-touch-icon.png">
|
||
<link rel="shortcut icon" href="../assets/images/favicon.ico">
|
||
|
||
<!-- Stylesheets -->
|
||
<link rel="stylesheet" href="../global/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="../global/css/bootstrap-extend.min.css">
|
||
<link rel="stylesheet" href="../assets/css/site.css">
|
||
|
||
<!-- Plugins -->
|
||
<link rel="stylesheet" href="../global/vendor/animsition/animsition.css">
|
||
<link rel="stylesheet" href="../global/vendor/asscrollable/asScrollable.css">
|
||
<link rel="stylesheet" href="../global/vendor/switchery/switchery.css">
|
||
<link rel="stylesheet" href="../global/vendor/intro-js/introjs.css">
|
||
<link rel="stylesheet" href="../global/vendor/slidepanel/slidePanel.css">
|
||
<link rel="stylesheet" href="../global/vendor/flag-icon-css/flag-icon.css">
|
||
|
||
|
||
<!-- Fonts -->
|
||
<link rel="stylesheet" href="../global/fonts/web-icons/web-icons.min.css">
|
||
<link rel="stylesheet" href="../global/fonts/brand-icons/brand-icons.min.css">
|
||
|
||
|
||
<!--[if lt IE 9]>
|
||
<script src="../../global/vendor/html5shiv/html5shiv.min.js"></script>
|
||
<![endif]-->
|
||
|
||
<!--[if lt IE 10]>
|
||
<script src="../../global/vendor/media-match/media.match.min.js"></script>
|
||
<script src="../../global/vendor/respond/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
<!-- Scripts -->
|
||
<script src="../global/vendor/breakpoints/breakpoints.js"></script>
|
||
<script>
|
||
Breakpoints();
|
||
</script>
|
||
</head>
|
||
<body class="p-0">
|
||
<div class="site-menubar site-menubar-dark">
|
||
<!--<div class="site-menubar-body">
|
||
<div>
|
||
<div>
|
||
<ul class="site-menu pl-xl-0" data-plugin="menu">
|
||
<li class="site-menu-item hidden-xl-down"><p style="width: 15px;"></p></li>
|
||
<li class="site-menu-category">巨蛋棟 - 請選擇樓層</li>
|
||
<li class="dropdown site-menu-item">
|
||
<a href="javascript:void(0)">
|
||
<i class="site-menu-icon wb-bookmark" aria-hidden="true"></i>
|
||
<span class="site-menu-title">總覽</span>
|
||
</a>
|
||
</li>
|
||
<li class="dropdown site-menu-item">
|
||
<a href="javascript:void(0)">
|
||
<i class="site-menu-icon wb-bookmark" aria-hidden="true"></i>
|
||
<span class="site-menu-title">1F</span>
|
||
</a>
|
||
</li>
|
||
<li class="dropdown site-menu-item">
|
||
<a href="javascript:void(0)">
|
||
<i class="site-menu-icon wb-bookmark" aria-hidden="true"></i>
|
||
<span class="site-menu-title">2F</span>
|
||
</a>
|
||
</li>
|
||
<li class="dropdown site-menu-item active">
|
||
<a href="javascript:void(0)">
|
||
<i class="site-menu-icon wb-bookmark" aria-hidden="true"></i>
|
||
<span class="site-menu-title">3F</span>
|
||
</a>
|
||
</li>
|
||
<li class="dropdown site-menu-item">
|
||
<a href="javascript:void(0)">
|
||
<i class="site-menu-icon wb-bookmark" aria-hidden="true"></i>
|
||
<span class="site-menu-title">4F</span>
|
||
</a>
|
||
</li>
|
||
<li class="dropdown site-menu-item">
|
||
<a href="javascript:void(0)">
|
||
<i class="site-menu-icon wb-bookmark" aria-hidden="true"></i>
|
||
<span class="site-menu-title">5F</span>
|
||
</a>
|
||
</li>
|
||
<li class="dropdown site-menu-item">
|
||
<a href="javascript:void(0)">
|
||
<i class="site-menu-icon wb-bookmark" aria-hidden="true"></i>
|
||
<span class="site-menu-title">6F</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>-->
|
||
</div>
|
||
|
||
<div class="page-header">
|
||
<h1 class="page-title">旅館棟 - 總覽 - 空調系統 - 冰水主機系統</h1>
|
||
</div>
|
||
<div class="page-content">
|
||
<div class="panel">
|
||
<div class="panel-heading">
|
||
</div>
|
||
<div class="panel-body">
|
||
<div class="example table-responsive">
|
||
<table class="table table-striped">
|
||
<thead>
|
||
<tr>
|
||
<th>設備位置</th>
|
||
<th>設備編號</th>
|
||
<th>設備型號</th>
|
||
<th>啟停控制</th>
|
||
<th>運轉指示</th>
|
||
<th>過載指示</th>
|
||
<th>緊急停止</th>
|
||
<th>電源異常</th>
|
||
<th>現場／遙控</th>
|
||
<th>風門故障信號</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>NP</td>
|
||
<td>SF-H02-02</td>
|
||
<td>D_6.1</td>
|
||
<td><button type="button" class="btn btn-block btn-default">START</button></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-warning">L</span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>NP</td>
|
||
<td>SF-H05-02</td>
|
||
<td>D_6.1</td>
|
||
<td><button type="button" class="btn btn-block btn-default">START</button></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-warning">L</span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>NP</td>
|
||
<td>SF-H04-04</td>
|
||
<td>D_6.2</td>
|
||
<td><button type="button" class="btn btn-block btn-default">START</button></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-warning">L</span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>NP</td>
|
||
<td>SF-H04-01</td>
|
||
<td>D_6.2</td>
|
||
<td><button type="button" class="btn btn-block btn-default">START</button></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-warning">L</span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>NP</td>
|
||
<td>SF-H04-02</td>
|
||
<td>D_6.2</td>
|
||
<td><button type="button" class="btn btn-block btn-default">START</button></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-warning">L</span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>NP</td>
|
||
<td>SF-H04-04</td>
|
||
<td>D_6.2</td>
|
||
<td><button type="button" class="btn btn-block btn-default">START</button></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
<td><span class="badge badge-warning">L</span></td>
|
||
<td><span class="badge badge-pill badge-success"> </span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>NP</td>
|
||
<td>SF-HB4-06</td>
|
||
<td>D_6.2</td>
|
||
<td><button type="button" class="btn btn-block btn-default">START</button></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
<td><span class="badge badge-warning">L</span></td>
|
||
<td><span class="badge badge-pill badge-danger"> </span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Footer -->
|
||
|
||
<!-- Core -->
|
||
<script src="../global/vendor/babel-external-helpers/babel-external-helpers.js"></script>
|
||
<script src="../global/vendor/jquery/jquery.js"></script>
|
||
<script src="../global/vendor/popper-js/umd/popper.min.js"></script>
|
||
<script src="../global/vendor/bootstrap/bootstrap.js"></script>
|
||
<script src="../global/vendor/animsition/animsition.js"></script>
|
||
<script src="../global/vendor/mousewheel/jquery.mousewheel.js"></script>
|
||
<script src="../global/vendor/asscrollbar/jquery-asScrollbar.js"></script>
|
||
<script src="../global/vendor/asscrollable/jquery-asScrollable.js"></script>
|
||
|
||
<!-- Plugins -->
|
||
<script src="../global/vendor/switchery/switchery.js"></script>
|
||
<script src="../global/vendor/intro-js/intro.js"></script>
|
||
<script src="../global/vendor/screenfull/screenfull.js"></script>
|
||
<script src="../global/vendor/slidepanel/jquery-slidePanel.js"></script>
|
||
|
||
<!-- Scripts -->
|
||
<script src="../global/js/Component.js"></script>
|
||
<script src="../global/js/Plugin.js"></script>
|
||
<script src="../global/js/Base.js"></script>
|
||
<script src="../global/js/Config.js"></script>
|
||
|
||
<script src="../assets/js/Section/Menubar.js"></script>
|
||
<script src="../assets/js/Section/Sidebar.js"></script>
|
||
<script src="../assets/js/Section/PageAside.js"></script>
|
||
<script src="../assets/js/Plugin/menu.js"></script>
|
||
|
||
<!-- Config -->
|
||
<script src="../global/js/config/colors.js"></script>
|
||
<script src="../assets/js/config/tour.js"></script>
|
||
<script>Config.set('assets', '../../assets');</script>
|
||
|
||
<!-- Page -->
|
||
<script src="../assets/js/Site.js"></script>
|
||
<script src="../global/js/Plugin/asscrollable.js"></script>
|
||
<script src="../global/js/Plugin/slidepanel.js"></script>
|
||
<script src="../global/js/Plugin/switchery.js"></script>
|
||
|
||
<script>
|
||
(function(document, window, $){
|
||
'use strict';
|
||
|
||
var Site = window.Site;
|
||
$(document).ready(function(){
|
||
Site.run();
|
||
});
|
||
})(document, window, jQuery);
|
||
</script>
|
||
|
||
<script>
|
||
function includeHTML() {
|
||
var z, i, elmnt, file, xhttp;
|
||
/*loop through a collection of all HTML elements:*/
|
||
z = document.getElementsByTagName("*");
|
||
for (i = 0; i < z.length; i++) {
|
||
elmnt = z[i];
|
||
/*search for elements with a certain atrribute:*/
|
||
file = elmnt.getAttribute("w3-include-html");
|
||
if (file) {
|
||
/*make an HTTP request using the attribute value as the file name:*/
|
||
xhttp = new XMLHttpRequest();
|
||
xhttp.onreadystatechange = function() {
|
||
if (this.readyState == 4) {
|
||
if (this.status == 200) {elmnt.innerHTML = this.responseText;}
|
||
if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
|
||
/*remove the attribute, and call this function once more:*/
|
||
elmnt.removeAttribute("w3-include-html");
|
||
includeHTML();
|
||
}
|
||
}
|
||
xhttp.open("GET", file, true);
|
||
xhttp.send();
|
||
/*exit the function:*/
|
||
return;
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<script>
|
||
includeHTML();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|