<!doctype html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport"
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>home</title>
|
<link href="../css/mui.min.css" rel="stylesheet" />
|
<link href="../css/common.css" rel="stylesheet">
|
<link href="../libs/iconfont/iconfont.css" rel="stylesheet">
|
<style>
|
.icon {
|
width: 1em;
|
height: 1em;
|
vertical-align: -0.15em;
|
fill: currentColor;
|
overflow: hidden;
|
}
|
</style>
|
</head>
|
<body class="bg-info">
|
<header class="mui-bar mui-bar-nav bg-primary-dark">
|
<h1 class="mui-title color-white">蓄电池智能分析终端</h1>
|
<a class="scan-scan mui-icon iconfont icon-saoyisaoerweimasaomasaomiao mui-pull-right color-white"></a>
|
</header>
|
<!-- 主页面内容容器 -->
|
<div class="mui-content">
|
<div class="mui-scroll">
|
<div style="height: 30px;"></div>
|
<div class="mui-row" id="menuList">
|
<div class="mui-col-xs-4 mui-col-sm-4">
|
<a href="" class="grid-9-content">
|
<img src="../images/ele-charge.gif" />
|
<div class="mui-media-body color-white">充电测试</div>
|
</a>
|
</div>
|
<div class="mui-col-xs-4 mui-col-sm-4">
|
<a href="" class="grid-9-content">
|
<img src="../images/ele-discharge.gif">
|
<div class="mui-media-body color-white">放电测试</div>
|
</a>
|
</div>
|
<div class="mui-col-xs-4 mui-col-sm-4">
|
<a href="../pages/historyList.html" class="grid-9-content">
|
<img src="../images/data-list.gif">
|
<div class="mui-media-body color-white">历史数据</div>
|
</a>
|
</div>
|
<div class="mui-col-xs-4 mui-col-sm-4">
|
<a href="../pages/control.html" class="grid-9-content">
|
<img src="../images/control-icon.gif">
|
<div class="mui-media-body color-white">实时数据</div>
|
</a>
|
</div>
|
<div class="mui-col-xs-4 mui-col-sm-4">
|
<a href="" class="grid-9-content">
|
<img src="../images/report-icon.gif">
|
<div class="mui-media-body color-white">报表管理</div>
|
</a>
|
</div>
|
<div class="mui-col-xs-4 mui-col-sm-4">
|
<a href="" class="grid-9-content">
|
<img src="../images/sys-icon.gif">
|
<div class="mui-media-body color-white">系统设置</div>
|
</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="../js/mui.min.js"></script>
|
<script src="../iconfont/iconfont.js"></script>
|
<script src="../js/common.js"></script>
|
<script src="../libs/socket.io/socket.io.js"></script>
|
<script>
|
mui.init();
|
mui.plusReady(function() {
|
// 点击显示扫描二维码
|
mui(".mui-bar-nav").on('tap', '.scan-scan',function() {
|
//打开新窗口
|
mui.openWindow('../pages/barcode.html', 'pages/barcode.html', {
|
styles: {
|
top: '0',
|
bottom: '0'
|
},
|
show: {
|
aniShow: 'fade-in'
|
}
|
});
|
});
|
|
// 点击页面中的功能列表
|
mui('#menuList').on('tap', 'a',function() {
|
openViewByHref(this);
|
});
|
|
console.log("*********************************************************");
|
console.log(io);
|
console.log("*********************************************************");
|
|
});
|
</script>
|
</body>
|
</html>
|
