443 lines
21 KiB
HTML
443 lines
21 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="animsition site-navbar-small page-aside-static page-aside-left">
|
||
<!--[if lt IE 8]>
|
||
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||
<![endif]-->
|
||
|
||
<nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-mega navbar-inverse"
|
||
role="navigation">
|
||
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggler hamburger hamburger-close navbar-toggler-left hided"
|
||
data-toggle="menubar">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="hamburger-bar"></span>
|
||
</button>
|
||
<button type="button" class="navbar-toggler collapsed" data-target="#site-navbar-collapse"
|
||
data-toggle="collapse">
|
||
<i class="icon wb-more-horizontal" aria-hidden="true"></i>
|
||
</button>
|
||
<a class="navbar-brand navbar-brand-center" href="index.html">
|
||
<img class="navbar-brand-logo navbar-brand-logo-normal" src="assets/images/logo.png"
|
||
title="Remark">
|
||
<img class="navbar-brand-logo navbar-brand-logo-special" src="assets/images/logo-colored.png"
|
||
title="Remark">
|
||
<span class="navbar-brand-text hidden-xs-down"> </span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="navbar-container container-fluid">
|
||
<!-- Navbar Collapse -->
|
||
<div class="collapse navbar-collapse navbar-collapse-toolbar" id="site-navbar-collapse">
|
||
<!-- Navbar Toolbar -->
|
||
<ul class="nav navbar-toolbar">
|
||
<li class="nav-item hidden-float" id="toggleMenubar">
|
||
<a class="nav-link" data-toggle="menubar" href="#" role="button">
|
||
<i class="icon hamburger hamburger-arrow-left">
|
||
<span class="sr-only">Toggle menubar</span>
|
||
<span class="hamburger-bar"></span>
|
||
</i>
|
||
</a>
|
||
</li>
|
||
<!--<li class="nav-item hidden-sm-down" id="toggleFullscreen">
|
||
<a class="nav-link icon icon-fullscreen" data-toggle="fullscreen" href="#" role="button">
|
||
<span class="sr-only">Toggle fullscreen</span>
|
||
</a>
|
||
</li>-->
|
||
|
||
|
||
|
||
|
||
<li class="nav-item hidden-sm-down mx-30 active">
|
||
<a class="nav-link icon wb-order" href="#" role="button">
|
||
<span> 旅館棟</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item hidden-sm-down mx-30">
|
||
<a class="nav-link icon wb-order" href="#" role="button">
|
||
<span> 辦公棟</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item hidden-sm-down mx-30">
|
||
<a class="nav-link icon wb-order" href="#" role="button">
|
||
<span> 巨蛋棟</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item hidden-sm-down mx-30">
|
||
<a class="nav-link icon wb-order" href="#" role="button">
|
||
<span> 商場棟</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item hidden-sm-down mx-30">
|
||
<a class="nav-link icon wb-order" href="#" role="button">
|
||
<span> 影城棟</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item hidden-sm-down mx-30">
|
||
<a class="nav-link icon wb-order" href="#" role="button">
|
||
<span> 大公區</span>
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
<!-- End Navbar Toolbar -->
|
||
|
||
<!-- Navbar Toolbar Right -->
|
||
<ul class="nav navbar-toolbar navbar-right navbar-toolbar-right">
|
||
<li class="nav-item"><p class="mt-2 mr-2 text-right"><span class="small">2021-06-23 15:39:40</span><br>User <a href="javascript:;">登出</a></p></li>
|
||
|
||
<li class="nav-item dropdown hidden-sm-up">
|
||
<a class="nav-link" data-toggle="dropdown" href="#" aria-expanded="false" data-animation="fade"
|
||
role="button">棟別選擇 <i class="icon wb-chevron-down-mini" aria-hidden="true"></i></a>
|
||
<div class="dropdown-menu" role="menu">
|
||
<a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-order" aria-hidden="true"></i> 旅館棟</a>
|
||
<div class="dropdown-divider" role="presentation"></div>
|
||
<a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-order" aria-hidden="true"></i> 辦公棟</a>
|
||
<div class="dropdown-divider active" role="presentation"></div>
|
||
<a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-order" aria-hidden="true"></i> 巨蛋棟</a>
|
||
<div class="dropdown-divider" role="presentation"></div>
|
||
<a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-order" aria-hidden="true"></i> 商場棟</a>
|
||
<div class="dropdown-divider" role="presentation"></div>
|
||
<a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-order" aria-hidden="true"></i> 影城棟</a>
|
||
<div class="dropdown-divider" role="presentation"></div>
|
||
<a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-order" aria-hidden="true"></i> 大公區</a>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
<!-- End Navbar Toolbar Right -->
|
||
</div>
|
||
<!-- End Navbar Collapse -->
|
||
|
||
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="page">
|
||
<div class="page-aside bg-dark">
|
||
|
||
<div class="page-aside-switch">
|
||
<i class="icon wb-chevron-left" aria-hidden="true"></i>
|
||
<i class="icon wb-chevron-right" aria-hidden="true"></i>
|
||
</div>
|
||
|
||
<div class="page-aside-inner">
|
||
<div data-role="container">
|
||
<div data-role="content">
|
||
<section class="page-aside-section" id="myGroup">
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu01" aria-expanded="false" aria-controls="menu01" role="button"><i class="icon wb-alert-circle" aria-hidden="true"></i> 電力系統</a>
|
||
<div class="collapse" id="menu01" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="a-1.html">
|
||
<p class="mb-0">高壓電力單線圖</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="a-2.html">
|
||
<p class="mb-0">低壓配電盤</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="a-3.html">
|
||
<p class="mb-0">緊急發電機</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="a-4.html">
|
||
<p class="mb-0">UPS系統</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="a-5.html">
|
||
<p class="mb-0">電錶系統</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu02" aria-expanded="false" aria-controls="menu02" role="button"><i class="icon wb-order" aria-hidden="true"></i> 照明系統</a>
|
||
<div class="collapse" id="menu02" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="b-1.html">
|
||
<p class="mb-0">室內照明</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="b-2.html">
|
||
<p class="mb-0">景觀照明</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu03" aria-expanded="false" aria-controls="menu03" role="button"><i class="icon wb-inbox" aria-hidden="true"></i> 空調系統</a>
|
||
<div class="collapse" id="menu03" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="javascript:void(0)">
|
||
<p class="mb-0">儲冰系統</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="javascript:void(0)">
|
||
<p class="mb-0">冰水主機系統</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="javascript:void(0)">
|
||
<p class="mb-0">冷卻水系統</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="c-4.html">
|
||
<p class="mb-0">空調箱系統</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="c-5.html">
|
||
<p class="mb-0">送排風系統</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="javascript:void(0)">
|
||
<p class="mb-0">停車場送排風</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu04" aria-expanded="false" aria-controls="menu04" role="button"><i class="icon wb-settings" aria-hidden="true"></i> 消防系統</a>
|
||
<div class="collapse" id="menu04" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="d-1.html">
|
||
<p class="mb-0">消防區劃警報</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="d-2.html">
|
||
<p class="mb-0">消防設備</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu05" aria-expanded="false" aria-controls="menu05" role="button"><i class="icon wb-eye" aria-hidden="true"></i> 給排水系統</a>
|
||
<div class="collapse" id="menu05" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="e-1.html">
|
||
<p class="mb-0">供水系統</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="e-2.html">
|
||
<p class="mb-0">汙廢水設備</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="javascript:void(0)">
|
||
<p class="mb-0">電子水錶</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu06" aria-expanded="false" aria-controls="menu06" role="button"><i class="icon wb-eye" aria-hidden="true"></i> 熱水系統</a>
|
||
<div class="collapse" id="menu06" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="e-3.html">
|
||
<p class="mb-0">熱水系統</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu07" aria-expanded="false" aria-controls="menu07" role="button"><i class="icon wb-pluse" aria-hidden="true"></i> 電梯系統</a>
|
||
<div class="collapse" id="menu07" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="f-1.html">
|
||
<p class="mb-0">電梯設備</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="f-2.html">
|
||
<p class="mb-0">電扶梯設備</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu08" aria-expanded="false" aria-controls="menu08" role="button"><i class="icon wb-library" aria-hidden="true"></i> 雜項設備</a>
|
||
<div class="collapse" id="menu08" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="javascript:void(0)">
|
||
<p class="mb-0">油脂分離設備</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="g-2.html">
|
||
<p class="mb-0">水洗機設備</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="g-3.html">
|
||
<p class="mb-0">進排煙設備</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu09" aria-expanded="false" aria-controls="menu09" role="button"><i class="icon wb-link-broken" aria-hidden="true"></i> 門禁安全</a>
|
||
<div class="collapse" id="menu09" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="h-1.html">
|
||
<p class="mb-0">門禁安全</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu10" aria-expanded="false" aria-controls="menu10" role="button"><i class="icon wb-link-broken" aria-hidden="true"></i> 緊急對講</a>
|
||
<div class="collapse" id="menu10" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="i-1.html">
|
||
<p class="mb-0">緊急對講</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu11" aria-expanded="false" aria-controls="menu11" role="button"><i class="icon wb-link-broken" aria-hidden="true"></i> CCTV系統</a>
|
||
<div class="collapse" id="menu11" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="j-1.html">
|
||
<p class="mb-0">CCTV系統</p>
|
||
</a>
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="j-2.html">
|
||
<p class="mb-0">容留系統</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu12" aria-expanded="false" aria-controls="menu12" role="button"><i class="icon wb-link-broken" aria-hidden="true"></i> 告警總覽</a>
|
||
<div class="collapse" id="menu12" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="k-1.html">
|
||
<p class="mb-0">告警總覽</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="nav-link bg-yellow-1000 font-size-16" data-toggle="collapse" href="#menu13" aria-expanded="false" aria-controls="menu13" role="button"><i class="icon wb-link-broken" aria-hidden="true"></i> 即時趨勢</a>
|
||
<div class="collapse" id="menu13" style="" data-parent="#myGroup">
|
||
<div class="list-group">
|
||
<a class="bg-dark list-group-item flex-column align-items-start" href="l-1.html">
|
||
<p class="mb-0">即時趨勢</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
<section class="page-aside-section">
|
||
<a class="nav-link bg-dark font-size-16" href="z1.html" role="button"><i class="icon wb-minus-circle" aria-hidden="true"></i> 告警記錄</a>
|
||
<a class="nav-link bg-dark font-size-16" href="z2.html" role="button"><i class="icon wb-stats-bars" aria-hidden="true"></i> 歷史數據</a>
|
||
<a class="nav-link bg-dark font-size-16" href="z3.html" role="button"><i class="icon wb-download" aria-hidden="true"></i> 報表下載</a>
|
||
<a class="nav-link bg-dark font-size-16" href="z4.html" role="button"><i class="icon wb-user" aria-hidden="true"></i> 操作記錄</a>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!---page-aside-inner-->
|
||
</div>
|
||
|
||
<div class="page-main">
|
||
<!--內頁內容開始-->
|
||
<div class="embed-responsive embed-responsive-16by9" >
|
||
<iframe class="embed-responsive-item" src="file:^Arena/Hotel/Power/Power1_group.px"></iframe>
|
||
</div>
|
||
<!--內頁內容結束-->
|
||
|
||
|
||
<!--
|
||
<div class="page-content pt-0">-->
|
||
<!--錯誤訊息開始-->
|
||
<!-- <div class="embed-responsive embed-responsive-21by9" style="max-height: 250px;">
|
||
<iframe class="embed-responsive-item" src="alert.html"></iframe>
|
||
</div>
|
||
-->
|
||
<!--錯誤訊息結束-->
|
||
<!--
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
|
||
|
||
<!-- Footer
|
||
<footer class="site-footer">
|
||
<div class="site-footer-legal">© 2021 <a href="https://www.fic.com.tw/">First International Computer</a></div>
|
||
<div class="site-footer-right">
|
||
Crafted with <i class="red-600 wb wb-heart"></i> by <a href="https://www.fic.com.tw/">大眾電腦</a>
|
||
</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>
|
||
|
||
|
||
</body>
|
||
</html>
|