<!DOCTYPE html>
|
<html>
|
<head>
|
<!-- Required meta tags-->
|
<meta charset="utf-8">
|
<meta name="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<!-- Color theme for statusbar -->
|
<meta name="theme-color" content="#2196f3">
|
<!-- Your app title -->
|
<title>蓄电池监控系统</title>
|
<!-- Path to Framework7 Library CSS, Material Theme -->
|
<link rel="stylesheet" href="dist/css/framework7.bundle.css">
|
<link rel="stylesheet" href="dist/css/framework7-icons.css">
|
<link rel="stylesheet" type="text/css" href="../js/verify/css/verify.css">
|
<!-- 导入百度地图API -->
|
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
|
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=QAerSFEiGDCx1oHPB7Z5XYcBHI6R3qwx"></script>
|
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
|
<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
|
<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
|
<script type="text/javascript">
|
document.write("<link rel='stylesheet' href='my/my-app.css?random="+Math.random()+"'>");
|
</script>
|
</head>
|
<body>
|
<!-- App root element -->
|
<div id="app">
|
<div class="login-screen">
|
<div class="view login-view"></div>
|
</div>
|
<!-- Left Panel with Reveal effect -->
|
<div class="panel panel-left panel-reveal theme-dark">
|
<div class="view" id="panel-left-view"></div>
|
</div>
|
<!-- Right Panel with Reveal effect -->
|
<div class="panel panel-right panel-reveal">
|
<div class="view" id="panel-right-view"></div>
|
</div>
|
<!-- Statusbar overlay -->
|
<div class="views tabs safe-areas" id="mainToolBar">
|
<div class="toolbar tabbar-labels toolbar-bottom">
|
<div class="toolbar-inner">
|
<a href="#view-home" class="tab-link tab-link-active">
|
<i class="icon f7-icons">home</i>
|
<span class="tabbar-label">首页</span>
|
</a>
|
<a href="#view-monitor" class="tab-link">
|
<i class="icon f7-icons">world</i>
|
<span class="tabbar-label">数据管理</span>
|
</a>
|
<a href="#view-data" class="tab-link">
|
<i class="icon f7-icons">data</i>
|
<span class="tabbar-label">数据分析</span>
|
</a>
|
<!-- <a href="#view-chat" class="tab-link">
|
<i class="icon f7-icons">chat</i>
|
<span class="tabbar-label">及时聊天</span>
|
</a> -->
|
</div>
|
</div>
|
<!-- home view -->
|
<div class="view view-main tab tab-active" id="view-home">
|
<!-- Another Floating Action Button -->
|
<div class="fab fab-right-bottom">
|
<a href="#" data-popup=".popup-chat" class="popup-open">
|
<i class="icon f7-icons">chat</i>
|
</a>
|
</div>
|
</div>
|
<!-- monitor view -->
|
<div class="view tab" id="view-monitor">
|
<!-- Another Floating Action Button -->
|
<div class="fab fab-right-bottom">
|
<a href="#" data-popup=".popup-chat" class="popup-open">
|
<i class="icon f7-icons">chat</i>
|
</a>
|
</div>
|
</div>
|
<!-- view chat -->
|
<div class="view tab" id="view-data">
|
<!-- Another Floating Action Button -->
|
<div class="fab fab-right-bottom">
|
<a href="#" data-popup=".popup-chat" class="popup-open">
|
<i class="icon f7-icons">chat</i>
|
</a>
|
</div>
|
</div>
|
<!-- view chat -->
|
<!-- <div class="view tab" id="view-chat"></div> -->
|
</div>
|
<!-- popup 数据信息-->
|
<div class="popup popup-data popup-tablet-fullscreen" id="popupData">
|
<div class="view popup-view">
|
<!-- Another Floating Action Button -->
|
<div class="fab fab-right-bottom" style="bottom: 65px;">
|
<a href="#" data-popup=".popup-chat" class="popup-open">
|
<i class="icon f7-icons">chat</i>
|
</a>
|
</div>
|
</div>
|
</div>
|
<!-- popup 基站信息-->
|
<div class="popup popup-home-info popup-tablet-fullscreen" id="homeInfo">
|
<div class="view home-info-view">
|
<!-- Another Floating Action Button -->
|
<div class="fab fab-right-bottom" style="bottom: 65px;">
|
<a href="#" data-popup=".popup-chat" class="popup-open">
|
<i class="icon f7-icons">chat</i>
|
</a>
|
</div>
|
</div>
|
</div>
|
<!-- popup 及时聊天-->
|
<div class="popup popup-chat popup-tablet-fullscreen" id="popupChat">
|
<div class="view popup-chat-view">
|
<!-- Another Floating Action Button -->
|
<div class="fab fab-right-bottom" style="bottom: 80px;">
|
<a href="javascript:popupChat.router.refreshPage();">
|
<i class="icon f7-icons">reload</i>
|
</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- Path to Framework7 Library JS-->
|
<script type="text/javascript" src="dist/js/framework7.bundle.js"></script>
|
<!-- Path to Vue.js -->
|
<script type="text/javascript" src="dist/js/vue.min.js"></script>
|
<!-- Path to jquery-->
|
<script type="text/javascript" src="dist/js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="dist/js/jquery-ajax-blob-arraybuffer.js"></script>
|
|
<script type="text/javascript" src="../js/verify/js/verify.min.js"></script>
|
<script type="text/javascript" src="../js/MD5.js"></script>
|
<!-- Path to base-->
|
<script type="text/javascript" src="../js/base.js"></script>
|
<!-- Path to echarts-->
|
<script type="text/javascript" src="my/echarts.js"></script>
|
<script type="text/javascript" src="../pages/js/GPS.js"></script>
|
<!-- path to ckplayer -->
|
<script type="text/javascript" src="../ckplayer/ckplayer.js"></script>
|
<script type="text/javascript">
|
document.write("<script type='text/javascript' src='my/common.js?random="+Math.random()+"'></s"+"cript>");
|
document.write("<script type='text/javascript' src='my/my-app.js?random="+Math.random()+"'></s"+"cript>");
|
</script>
|
</body>
|
</html>
|
