<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>首页</title>
|
<!-- MUI样式 -->
|
<link rel="stylesheet" href="./css/mui.min.css" />
|
<!-- 公共css -->
|
<link rel="stylesheet" href="./css/admin/public.css" />
|
<!-- 页面css -->
|
<link rel="stylesheet" href="./css/admin/index.css" />
|
</head>
|
<body>
|
<!-- 侧滑导航根容器 -->
|
<div class="mui-off-canvas-wrap mui-draggable mui-scalable g-bg"
|
style="background-image: url(images/m-bg3.jpg);">
|
<!-- 菜单容器 -->
|
<aside class="mui-off-canvas-left">
|
<div class="mui-scroll-wrapper">
|
<div class="mui-scroll">
|
<!-- 菜单具体展示内容 -->
|
<ul id="listDept" class="ul-menu">
|
<!-- <li>
|
<a id="5013_001" href="" class="link">
|
<span class="t">这里是一个名称 1分库</span>
|
<span class="mui-icon mui-icon-arrowright"></span>
|
</a>
|
</li> -->
|
</ul>
|
</div>
|
</div>
|
</aside>
|
<!-- 主页面容器 -->
|
<div class="mui-inner-wrap g-bg" style="background-image: url(images/m-bg1.png);">
|
<header class="mui-bar mui-bar-nav m-pagetit">
|
<h1 class="mui-title">智慧粮库服务</h1>
|
</header>
|
<div class="mui-content">
|
<div class="index-info">
|
<div class="left">
|
<div class="user">
|
<div class="img" style="background-image: url(images/c-u1.png);"></div>
|
</div>
|
<div class="box">
|
<div class="name" id="cname">张三</div>
|
<div class="info" id="deptName">所在库区：尚未选择</div>
|
</div>
|
</div>
|
<div class="right" id="deptButton">
|
<button type="button" class="mui-btn choose-btn">选择库区</button>
|
</div>
|
</div>
|
<div class="mui-scroll-wrapper index-box">
|
<div class="mui-scroll">
|
<!-- <div class="index-box"> -->
|
<div class="m-slideb1">
|
<div class="icon">
|
<img src="images/icons/g-i1.png" alt="">
|
</div>
|
<div class="right">
|
<div class="mui-slider">
|
<div class="mui-slider-group mui-slider-loop">
|
<!--支持循环，需要重复的节点-->
|
<div class="mui-slider-item mui-slider-item-duplicate">
|
<div class="txt">此处是一条通知公告根据前后差别...</div>
|
</div>
|
<div class="mui-slider-item">
|
<div class="txt">1此处是一条通知公告根据前后差别...</div>
|
</div>
|
<div class="mui-slider-item">
|
<div class="txt">2此处是一条通知公告根据前后差别...</div>
|
</div>
|
<div class="mui-slider-item">
|
<div class="txt">此处是一条通知公告根据前后差别...</div>
|
</div>
|
<!--支持循环，需要重复的节点-->
|
<div class="mui-slider-item mui-slider-item-duplicate">
|
<div class="txt">1此处是一条通知公告根据前后差别...</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<ul class="ul-index1">
|
<li>
|
<a id="basic-manager" class="con">
|
<div class="icon">
|
<img src="images/s-p1.png" alt="">
|
</div>
|
<div class="txt">基本信息</div>
|
</a>
|
</li>
|
<li>
|
<a id="security-manager" class="con">
|
<div class="icon">
|
<img src="images/s-p2.png" alt="">
|
</div>
|
<div class="txt">安防管理</div>
|
</a>
|
</li>
|
<li>
|
<a id="warn-list" class="con">
|
<div class="icon">
|
<img src="images/s-p3.png" alt="">
|
</div>
|
<div class="txt">预警管理</div>
|
</a>
|
</li>
|
<li>
|
<a id="grain-manager" class="con">
|
<div class="icon">
|
<img src="images/s-p4.png" alt="">
|
</div>
|
<div class="txt">综合粮情</div>
|
</a>
|
</li>
|
<li>
|
<a class="con">
|
<div class="icon">
|
<img src="images/s-p5.png" alt="">
|
</div>
|
<div class="txt">数量检测</div>
|
</a>
|
</li>
|
<li>
|
<a id="es-manager" class="con">
|
<div class="icon">
|
<img src="images/s-p6.png" alt="">
|
</div>
|
<div class="txt">能耗管理</div>
|
</a>
|
</li>
|
<li>
|
<a id="device-manager" class="con">
|
<div class="icon">
|
<img src="images/s-p7.png" alt="">
|
</div>
|
<div class="txt">设备操作</div>
|
</a>
|
</li>
|
<li>
|
<a id="inout-manager" class="con">
|
<div class="icon">
|
<img src="images/s-p8.png" alt="">
|
</div>
|
<div class="txt">出入库</div>
|
</a>
|
</li>
|
<li>
|
<a id="work-manager" class="con">
|
<div class="icon">
|
<img src="images/s-p9.png" alt="">
|
</div>
|
<div class="txt">工单管理</div>
|
</a>
|
</li>
|
</ul>
|
<!-- </div> -->
|
</div>
|
</div>
|
</div>
|
<div class="g-tabbar">
|
<nav class="tabbar">
|
<a id="index" class="tab-item active">
|
<div class="icon">
|
<img src="images/icons/t-1.png" alt="">
|
<img src="images/icons/t-1a.png" alt="">
|
</div>
|
<div class="name">首页</div>
|
</a>
|
<a class="tab-item">
|
<div class="icon">
|
<img src="images/icons/t-2.png" alt="">
|
<img src="images/icons/t-2a.png" alt="">
|
</div>
|
<div class="name">消息</div>
|
</a>
|
<a id="my" class="tab-item">
|
<div class="icon">
|
<img src="images/icons/t-3.png" alt="">
|
<img src="images/icons/t-3a.png" alt="">
|
</div>
|
<div class="name">我的</div>
|
</a>
|
</nav>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script src="./js/mui.min.js"></script>
|
<script src="./js/jquery.js"></script>
|
<script src="./js/admin/index.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
//mui初始化
|
mui.init();
|
|
mui.plusReady(function() {
|
var user = JSON.parse(localStorage.getItem('user'));
|
data.tokenAuth = user.tokenAuth;
|
url = user.url + "/api-phone/v35/gateway";
|
|
$("#cname").html(user.cname);
|
if (user.companyId == user.deptId) {
|
data.data.companyId = user.companyId;
|
getListDept();
|
} else {
|
$("#deptName").html("所在库区：" + user.deptName);
|
$("#deptButton").css('display', 'none');
|
localStorage.setItem('selectDeptId', JSON.stringify(user.deptId));
|
}
|
//获得slider插件对象
|
var gallery = mui('.mui-slider');
|
gallery.slider({
|
interval: 2600, //自动轮播周期，若为0则不自动播放，默认为0；
|
});
|
})
|
</script>
|
</html>
|
