<!DOCTYPE html>
|
<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<title>智慧粮库管理平台-GIS导航</title>
|
<meta name="keywords" content="智慧粮库管理平台-GIS导航">
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<style type="text/css">
|
html {
|
height: 100%
|
}
|
|
body {
|
height: 100%;
|
margin: 0px;
|
padding: 0px
|
}
|
.rightdiv2{
|
position: absolute;
|
top: 85px;
|
bottom: 0px;
|
left: 0px;
|
}
|
|
#container {
|
height: 100%
|
}
|
.shadows{background-color: rgba(0,0,0,0.7);filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
|
|
#topdiv{
|
background-color: rgba(47,64,80,0.7);filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;
|
height: 50px;
|
width: 100%;
|
z-index: 19891015;
|
top: 0px;
|
position: fixed;
|
pointer-events: auto;
|
}
|
#rightdiv{
|
background-color: rgba(47,64,80,0.7);filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;
|
z-index: 19891015;
|
width: 350px;
|
height: 585px;
|
top: 52px;
|
right: 2px;
|
position: fixed;
|
_position: absolute;
|
pointer-events: auto;
|
overflow: hidden;
|
}
|
|
.rightdiv {
|
width: 350px;
|
height: 100%;
|
}
|
.rightdiv ul {
|
padding: 5px;
|
margin: 5px;
|
}
|
.rightdiv ul li{
|
list-style: none;
|
padding: 5px;
|
margin: 5px;
|
height: 80px;
|
background-color: #1c2937;
|
color: white;
|
}
|
.rightdiv ul li img{
|
/*width: 50px;*/
|
padding-top: 5px;
|
float: left;
|
width: 60px;
|
}
|
.rightdiv ul li div{
|
float: left;
|
padding-left: 20px;
|
font-size: 12px;
|
width: 230px;
|
}
|
.rightdiv ul li div h4{
|
margin-top: 10px;
|
margin-bottom: 10px;
|
font-size: 16px;
|
}
|
#btn_kulb{
|
height: 100%;width: 100px; background-color:rgb(47,64,80);color: white;font-size: 16px;border: 0.5px;
|
}
|
#btn_kulb:hover{
|
background-color:rgb(0,0,0)
|
}
|
.show{
|
visibility:visible !important;
|
/*opacity:1;*/
|
/*transform:translateY(0);*/
|
}
|
</style>
|
|
<script type="text/javascript"src="http://api.map.baidu.com/api?v=1.0&type=webgl&ak=c41WGOSdEXtgVzV1HerV2DLkkRU2w3F9"></script>
|
|
</head>
|
<body>
|
<div id="container"></div>
|
<div id="topdiv" style="display: none;">
|
<div class="" style="position:absolute;top: 0;right: 2px;height: 100%;width: 100px;text-align: center;">
|
<button id="btn_kulb" type="button" class="layui-btn layui-btn-primary layui-border-orange" style="" onclick="showChildDept();">
|
库区列表
|
</button>
|
</div>
|
|
</div>
|
<div id = "rightdiv" style="visibility:hidden; "class="rightdiv" >
|
<ul>
|
<li style="height: 45px;" id="btBack">
|
<!-- <img src="" th:src="@{./static/images/fanhui.png}" style="width: 24px !important;padding-top: 10px !important;">-->
|
<!-- <div> <h4>返回上级</h4> </div>-->
|
<img th:src="@{../../static/images/fanhui.png}" style="width: 24px !important;padding-top: 10px !important;transform: rotateY(180deg)">
|
<div> <h4>当前下属分支</h4> </div>
|
</li>
|
</ul>
|
<div class="rightdiv2" style="overflow-x: hidden;overflow-y: auto;">
|
<div class="rightdiv">
|
<ul id="deptUl">
|
<!-- <li>-->
|
<!-- <img src="" src="./static/images/gongsi.png" th:src="@{../../static/images/gongsi.png}">-->
|
<!-- <div>-->
|
<!-- <h4>眉山市国有粮油储备有限公司</h4>-->
|
<!-- 河南省郑州市高新区长椿路11号-->
|
<!-- </div>-->
|
<!-- </li>-->
|
|
</ul>
|
</div>
|
</div>
|
|
|
</div>
|
<script th:inline="javascript">
|
//当前部门
|
var dept = [[${dept}]];
|
var model = [[${model}]];
|
var userId = [[${loginUser.username}]];
|
</script>
|
<script th:src="@{../../static/plugins/layui/layui.js}"></script>
|
<script th:src="@{../../static/js/jquery.min.js}"></script>
|
<script th:src="@{../../static/js/igds-common.js}"></script>
|
<script th:src="@{../../static/admin/gis/gis-group.js}"></script>
|
</body>
|
</html>
|
