<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>通风控制</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<link href="./css/mui.min.css" rel="stylesheet" />
|
<style>
|
.mui-bar-nav {
|
background: #245ca7;
|
-webkit-box-shadow: none;
|
box-shadow: none;
|
}
|
|
.mui-title {
|
color: #FFFFFF;
|
}
|
|
.mui-icon-back:before,
|
.mui-icon-left-nav:before {
|
color: #FFFFFF;
|
}
|
.mui-content{
|
margin: auto;
|
}
|
.mui-content>.mui-table-view:first-child {
|
margin-top: 0px;
|
}
|
.mui-grid-view.mui-grid-9 .mui-table-view-cell {
|
border-right: none;
|
border-bottom: none;
|
width: 33.3333%;
|
}
|
.mui-table-view-cell a{
|
background: #FFFFFF;
|
border-radius: 6px;
|
}
|
.img_ico{
|
width: 55px;
|
height: auto;
|
display: block;
|
margin: auto;
|
}
|
</style>
|
</head>
|
<body>
|
<header class="mui-bar mui-bar-nav">
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
<h1 class="mui-title">通风控制</h1>
|
</header>
|
<div class="mui-content">
|
<ul class="mui-table-view mui-grid-view mui-grid-9">
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getDeviceView('device-control-ventilate','通风控制')">
|
<img class="img_ico" src="./images/ico_tfkz.png">
|
<div class="mui-media-body">风窗控制</div>
|
</a>
|
</li>
|
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
|
<a href="javascript:void(0)" onclick="getDeviceView('device-control-fan','风机控制')">
|
<img class="img_ico" src="./images/ico_fjkz.png">
|
<div class="mui-media-body">风机控制</div>
|
</a>
|
</li>
|
</ul>
|
|
</div>
|
<script src="./js/mui.js"></script>
|
<script src="./js/jquery.min.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
mui.init()
|
//跳转设备操作页面
|
function getDeviceView(tag,typeName){
|
mui.openWindow({
|
url: "device-listDepot.html",
|
id: "device-listDepot",
|
extras: {
|
tag: tag,
|
typeName: typeName
|
}
|
})
|
}
|
</script>
|
</body>
|
</html>
|
