<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'zTree/css/metroStyle/metroStyle.css'}" />
|
<script th:src="@{${pubzyWebRoot} + 'media/js/jquery-1.11.1.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.all.min.js'}"></script>
|
<meta charset="UTF-8" />
|
<style type="text/css">
|
.childDiv{
|
width: 100%;
|
float: left;
|
display: none;
|
}
|
.childDiv :not(:first-child){
|
width:230px;
|
height: 128px;
|
float: left;
|
}
|
.childDiv > div:first-child{
|
width:100%;
|
height: 30px;
|
background-color: #eee;
|
margin-bottom:8px;
|
}
|
.childDiv > div:first-child > span{
|
font-size: 14px;
|
margin-top:7px;
|
padding: 0 0px 0px 9px;
|
box-sizing:border-box;
|
}
|
span{
|
width: 100%;
|
float: left;
|
margin-bottom: 7px;
|
}
|
img{
|
cursor: pointer;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="mainDiv" style="width: 100%;height: 100%;">
|
<div id="SJKBDiv" class="childDiv">
|
<div><span>数据库表</span></div>
|
</div>
|
<div id="JKFWDiv" class="childDiv">
|
<div><span>接口服务</span></div>
|
</div>
|
<div id="SJWJDiv" class="childDiv">
|
<div><span>数据文件</span></div>
|
</div>
|
<div id="YWJCDiv" class="childDiv">
|
<div><span>业务集成</span></div>
|
</div>
|
<div id="KJ_JCDTDiv" class="childDiv">
|
<div><span>基础底图</span></div>
|
</div>
|
<div id="KJ_ZTDTDiv" class="childDiv">
|
<div><span>专题地图</span></div>
|
</div>
|
<div id="KJ_KJFXDiv" class="childDiv">
|
<div><span>空间分析</span></div>
|
</div>
|
<div id="KJ_SWMXDiv" class="childDiv">
|
<div><span>三维模型</span></div>
|
</div>
|
<div id="KJ_SWDXDiv" class="childDiv">
|
<div><span>三维地形</span></div>
|
</div>
|
<div id="KJ_SWYXDiv" class="childDiv">
|
<div><span>三维影像</span></div>
|
</div>
|
<div id="KJ_YWTCDiv" class="childDiv">
|
<div><span>业务图层</span></div>
|
</div>
|
</div>
|
</body>
|
<script th:inline="javascript">
|
/*<![CDATA[*/
|
var list = [[${atkasList}]];
|
/*]]>*/
|
jQuery(function () {
|
for(var i =0;i<list.length;i++){
|
var type = list[i].split("|")[0];
|
var pic = list[i].split("|")[1];
|
var html = '<div><img height="110" width="220" src="/image/Atkas/NewAtkas/'+type+'/'+pic+'" onclick="selectImg(this)"></div>';
|
$("#"+type+"Div").append(html);
|
$("#"+type+"Div").show();
|
}
|
});
|
|
function selectImg(obj) {
|
parent.$("#PhotoDiv1").hide();
|
parent.$("#PhotoDiv2").show();
|
parent.$("#PhotoDiv2").empty().append( '<img src="'+$(obj).attr("src")+'" style="max-height: 146px;">');
|
parent.$("#imgurl").val($(obj).attr("src").replace("/image/",""));
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
parent.layer.close(index);
|
}
|
</script>
|
</html>
|
