<!DOCTYPE html>
|
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="UTF-8"/>
|
<title></title>
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/assets/css/style.css'}"/>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/css/bootstrap-extract.css'}"/>
|
<link th:href="@{${pubzyWebRoot} + 'media/css/pagination.css'}" type="text/css" rel="stylesheet"/>
|
<link th:href="@{${pubzyWebRoot} + 'ext-4.2.1.883/resources/css/ext-all-neptune.css'}" rel="stylesheet"
|
type="text/css"/>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'zTree/css/metroStyle/metroStyle.css'}" />
|
<link href="/js/jqUI/jquery-ui.min.css" rel="stylesheet" type="text/css" />
|
<!-- 表单样式 -->
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/js/jquery.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/layer/layer.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/js/tether.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/js/bootstrap.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'jqPaginator/jqpaginator.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'ext-4.2.1.883/ext-all.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'ext-4.2.1.883/locale/ext-lang-zh_CN.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'ext-4.2.1.883/PagingToolbar.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.all.min.js'}"></script>
|
<script src="/js/jqUI/jquery-ui.min.js"></script>
|
<!--<script src="/js/findPinyinByKeyWord.js"></script>-->
|
<!--<script src="/js/Extjs/ZYML/BaseMapSelect.js"></script>-->
|
|
<style>
|
body {
|
padding: 0;
|
background-color: white !important;
|
}
|
.pagination > li {
|
display: inline;
|
}
|
|
#tbSet th, td {
|
white-space: nowrap;
|
text-align: center !important;
|
}
|
</style>
|
<script th:inline="javascript">
|
jQuery(function() {
|
initZtree();
|
})
|
|
//加载目录树
|
function initZtree() {
|
var isNotOnlyBaseMap = $("#isNotOnlyBaseMap").val();
|
var data = {
|
title: $("#title").val()
|
}
|
/**
|
* zTree配置
|
*/
|
var setting = {
|
view: {
|
selectedMulti: false,
|
showTitle : true
|
},
|
check: {
|
enable: false
|
},
|
data: {
|
simpleData: {
|
enable: true
|
},
|
key: {
|
title:"title"//1 json中要有一个key是 title就可以了
|
},
|
},
|
async: {
|
enable: true,
|
url: "/res/ResManage/ResRegister/selectBaseMapJoinMainInfoTree?isNotOnlyBaseMap=" + isNotOnlyBaseMap,
|
autoParam: ["id=parentid"],
|
otherParam:data
|
},
|
callback: {
|
onClick: ztreeonClick
|
}
|
};
|
var zNodes = {
|
id: 0,
|
name: "资源目录",
|
pId: -1,
|
isParent: true,
|
title:"",
|
iconOpen:"/image/classicons/folderOpen.png",//update：ykm(2018/12/09)
|
iconClose:"/image/classicons/folder.png"
|
};
|
var treeObj = $.fn.zTree.init($("#menuTree"), setting, zNodes); //初始化zTree
|
treeObj.reAsyncChildNodes(treeObj.getNodes()[0], "refresh", false); //强行异步加载父节点的子节点。
|
}
|
//树点击事件
|
function ztreeonClick(event, treeId, treeNode, clickFlag){
|
if(treeNode.isParent == false && treeNode.id.indexOf("_") != -1){
|
var id = treeNode.id.split('_')[1];
|
var name = treeNode.name;
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
parent.$('#baseMapLayerName').val(name);
|
if( parent.$('#defaultlayerset').length > 0) {
|
parent.$('#defaultlayerset').val(id);
|
}
|
if (parent.$('#refbasemapid').length >0 ){
|
parent.$('#refbasemapid').val(id);
|
}
|
parent.layer.close(index);
|
}
|
}
|
|
//设置地图
|
function Add() {
|
var baseid = $("input[name='selectName']:checked").val();
|
var name;
|
if (baseid == null || baseid == undefined || baseid == "") {
|
alert("请选择底图再点击确定按钮！");
|
}
|
else {
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
$.ajax({
|
url: '/res/ResManage/ResRegister/dataname',
|
dataType: 'text',
|
data: {"resourceid": baseid},
|
success: function (result) {
|
name = result;
|
parent.$('#baseMapLayerName').val(name);
|
}
|
});
|
if( parent.$('#defaultlayerset').length > 0) {
|
parent.$('#defaultlayerset').val(baseid);
|
}
|
if (parent.$('#refbasemapid').length >0 ){
|
parent.$('#refbasemapid').val(baseid);
|
}
|
parent.layer.close(index);
|
}
|
}
|
</script>
|
|
<script>
|
function findPinyinByKeyWord(){
|
var title = $("#title").val();
|
var isNotOnlyBaseMap = $("#isNotOnlyBaseMap").val();
|
$("#title").autocomplete({
|
source: '/res/resExtBaseMap/findPinyinByKeyWord?keyWord='+encodeURI(encodeURI(title)) + "&isNotOnlyBaseMap=" + isNotOnlyBaseMap, //请求的url
|
minLength: 1
|
});
|
}
|
</script>
|
</head>
|
<body>
|
<div id="rapp">
|
<div>
|
<div class="panel panel-default">
|
<input type="hidden" id="isNotOnlyBaseMap" th:value="${isNotOnlyBaseMap}" />
|
<!--<div class="panel-heading" style="background-color: #b1d1fd;">-->
|
<!--<i class="fa fa-reorder"></i>查询区-->
|
<!--</div>-->
|
<div class="panel-body SearchBox">
|
<form id="SearchForm">
|
<div class="row">
|
<div class="col-sm-8 DivHeight">
|
<label class="control-label">资源名称</label>
|
<div class="controls">
|
<input type="text" class="form-control" id="title" name="title" onkeyup="findPinyinByKeyWord()" onclick="findPinyinByKeyWord()" placeholder="输入资源名称或拼音首字母查询"/>
|
</div>
|
</div>
|
<!--<div class="col-sm-5 DivHeight">-->
|
<!--<label class="control-label">数据来源</label>-->
|
<!--<div class="controls">-->
|
<!--<select class="form-control col-sm-12" name="datasources" id="datasources">-->
|
<!--<option value="">--请选择--</option>-->
|
<!--<option th:each="item:${datasourcelist}" th:value="${item.key}"-->
|
<!--th:text="${item.value}"></option>-->
|
<!--</select>-->
|
<!--</div>-->
|
<!--</div>-->
|
<!--</div>-->
|
<!--<div class="row" style="display:block;">-->
|
<!--<div style="float: right;padding-right: 0.75em;">-->
|
<a class="btn btn-primary-outline" onclick="initZtree();" style="height: 33px;"><i class="fa fa-search"></i> 查询</a>
|
<!--<a class="btn btn-primary-outline" onclick="Clear();"><i class="fa fa-trash-o"></i> 清除</a>-->
|
<!--<a class="btn btn-primary-outline" onclick="Add();"><i class="fa fa-plus"></i> 确定</a>-->
|
<!--</div>-->
|
</div>
|
</form>
|
</div>
|
</div>
|
<!--<div id="grid" style="width: 100%"></div>-->
|
|
<div class='my-ztree' style="height: 350px;overflow-y:auto;border-top: 1px solid #f5f5f5;">
|
<ul id='menuTree' class='ztree'></ul>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
