<!--
|
功能描述:资源管理 - 资源注册 - 编辑页面
|
-->
|
<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.w3.org/1999/xhtml"
|
xmlns:th="http://www.thymeleaf.org" layout:decorator="MasterPage/Layout.Empty">
|
<head>
|
<title th:text="'资源发布 - ' + ${systemName}"></title>
|
<meta charset="UTF-8" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/jqgrid/ui.jqgrid-bootstrap.css'}" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/datepicker.css'}" />
|
<link rel="stylesheet" href="/css/tagsinput.css"/>
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/portlet/css/portlet.css'}" />
|
<link th:href="@{${pubzyWebRoot} + 'media/css/bootstrap-fileupload.css'}"/>
|
<link th:href="@{${pubzyWebRoot} + 'media/css/uniform.default.css'}"/>
|
<link href="/js/selectChosen/component-chosen.min.css" rel="stylesheet" />
|
<link th:href="@{${pubzyWebRoot} + 'ext-4.2.1.883/resources/css/ext-all-neptune.css'}" rel="stylesheet" type="text/css" />
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/portlet/portlet.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/bootstrap-datepicker.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/bootstrap-datepicker.zh-CN.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/bootstrap-fileupload.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/tabPages.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/jquery.form-3.51.0.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/layer/layer.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/jquery.tagsinput.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/validation/jquery.validate.min.js'}" type="text/javascript"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/validation/messages_zh.js'}" type="text/javascript"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/validation/additional-methods.min.js'}" type="text/javascript"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/yanzhen.js'}" type="text/javascript"></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="@{${jspwebroot}+'utf8-jsp/ueditor.config.js'}"></script>
|
<script th:src="@{${jspwebroot}+'utf8-jsp/ueditor.all.js'}"></script>
|
<script th:src="@{${jspwebroot}+'utf8-jsp/lang/zh-cn/zh-cn.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/winPro.js'}"></script>
|
<script src="../../../js/validator.js"></script>
|
<script src="../../../js/esbmanage.js"></script>
|
<script src="/js/selectChosen/chosen.jquery.js"></script>
|
<style>
|
body {
|
background-color: white;
|
box-sizing: border-box;
|
overflow-x: hidden;
|
}
|
|
.form-control {
|
padding: 0.3rem 0.7rem;
|
height: 34px;
|
display: inline-block;
|
}
|
|
.control-label {
|
padding-top: 0 !important;
|
width: 160px;
|
float: left;
|
line-height: 30px;
|
padding-right: 1.5em;
|
}
|
|
.control-group {
|
margin-bottom: 1em;
|
}
|
|
.controls {
|
margin-left: 160px;
|
}
|
|
.col-sm-3, .col-sm-6, .col-sm-12 {
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
.fade {
|
display: none;
|
}
|
|
.in.fade {
|
display: block;
|
}
|
|
.control-group error {
|
border-color: #b94a48;
|
}
|
|
#button {
|
color: #fff !important;
|
background-color: #039cfd !important;
|
border-color: #039cfd !important;
|
}
|
|
img {
|
cursor: pointer;
|
}
|
|
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
|
color: #555;
|
cursor: default;
|
background-color: #fff;
|
border: 1px solid #ddd;
|
border-bottom-color: transparent;
|
}
|
|
. {
|
display: none;
|
}
|
|
.tags-wrapper {
|
width: 75%;
|
display: inline-block;
|
}
|
|
#tagInput {
|
width: 100%;
|
}
|
|
.layer-tags-wrapper {
|
z-index: 9;
|
}
|
|
#tbGKList td {
|
border: 1px solid #ccc;
|
}
|
|
#tbGKList input{
|
text-align:center;
|
width:100%;
|
min-height: 30px;
|
}
|
|
/*富文本编辑器底部元素路径隐藏*/
|
.edui-default .edui-editor-breadcrumb {
|
display: none;
|
}
|
|
#contents{
|
margin-left: -0.6%;
|
}
|
|
#PhotoDiv1:hover {
|
-webkit-animation:blink 1s;
|
animation:blink 1s;
|
}
|
|
@-webkit-keyframes blink {
|
0% {
|
opacity: 1
|
}
|
|
50% {
|
opacity: .7
|
}
|
|
100% {
|
opacity: 1
|
}
|
}
|
|
@keyframes blink {
|
0% {
|
opacity: 1
|
}
|
|
50% {
|
opacity: .7
|
}
|
|
100% {
|
opacity: 1
|
}
|
}
|
</style>
|
|
<script th:inline="javascript">
|
/*<![CDATA[*/
|
var pubdate = $("#pubdate").val();
|
var f_project_def = function () {
|
this.onTab = function (actionJ, params) { //切换页签
|
var resMainInfoId = $("#resMainInfoId").val();
|
var myaction = actionJ.action;
|
var url = myaction + "?resMainInfoId=" + resMainInfoId + "&random=" + Math.random();
|
FTabPages.onTab({
|
container: "#div_" + myaction,
|
isErase: actionJ.isErase,
|
url: url,
|
params: {},
|
callback: function () {
|
//设置一些右边有按钮的文本框的宽度(让它们在不同分辨率下可以对齐,暂时使用JS实现,后面有时间再使用CSS实现) ccr add 2018-12-30
|
if (myaction == "MainInfo") {
|
setTimeout("setInputWidthForMainInfo();", 500);
|
}
|
else if (myaction == "ExtDataBase") {
|
setTimeout("setInputWidthForDatabase();", 500);
|
}
|
else if (myaction == "ExtFileSource") {
|
setTimeout("setInputWidthForFileSource();", 500);
|
}
|
else if (myaction == "ExtBaseMap") {
|
setTimeout("setInputWidthForBaseMap();", 500);
|
}
|
else if (myaction == "ExtThemeMap") {
|
setTimeout("setInputWidthForThemeMap();", 500);
|
}
|
else if (myaction == "Ext3D") {
|
setTimeout("setInputWidthFor3D();", 500);
|
}
|
else if (myaction == "ExtBusinessLayer") {
|
setTimeout("setInputWidthForBusinessLayer();", 500);
|
}
|
|
jQuery(".date-picker").datepicker({ language: 'zh-CN',format: 'yyyy-mm-dd' });
|
if (actionJ.callback != null) {
|
actionJ.callback();
|
}
|
}
|
});
|
};
|
|
FTabPages.init({
|
container: "#div_MainInfo",
|
isErase: false
|
});
|
|
return {
|
onTab: function (actionJ, path) {
|
onTab(actionJ, path);
|
}
|
};
|
}();
|
|
$(function () {
|
f_project_def.onTab({action: "MainInfo", isErase: false});
|
});
|
|
//添加新行
|
function AddRow2() {
|
var html = "<tr><td><input type='text' name='typeandurl' class='m-warp span12' style='border:0px;' value='--' onblur='TextBlur(this)' onfocus='TextFocus(this)'/></td><td><input type='text' name='serverurl' class='m-warp span12' style='border:0px;' value='--' onblur='TextBlur(this)' onfocus='TextFocus(this)'/></td>"
|
+ "<td style='text-align:center;'>"
|
+ "<img src='" + "/image/wrong.gif" + "' alt='删除' style='cursor:pointer;' onclick='DeleteRowData2(this)' /></td></tr>";
|
$("#tbGKList").append(html);
|
}
|
/*]]>*/
|
|
/*<![CDATA[*/
|
/*思路:选择某下拉选项后,先根据记录的去掉的下拉框索引和值将全部下拉框选项全部还原一下,然后清空记录的下拉框索引和值,然后遍历每个下拉框的选中值
|
* 将选中的值去掉,记录去掉的下拉框索引和值*/
|
function DisabledOption(){
|
/* removedOpts.forEach(function(value,i,array){
|
var opt=new Option(value.text,value.value);
|
$("#tbGKList tr:eq("+value.selectindex+")").find('[name=typeandurl]').append("<option value='"+value.value+"' index='"+value.optindex+"'>"+value.text+"</option>");
|
});
|
removedOpts.splice(0,removedOpts.length);
|
$('#tbGKList').find('tr').each(function(i,item){
|
var optVal=$(item).find("[name=typeandurl]").val();
|
var optText=$(item).find("[name=typeandurl] option:selected").text();
|
if(i!=0&&optVal!=""){
|
$('#tbGKList').find('tr').each(function(j,item2){
|
if(j!=0&&$(item2).find("[name=typeandurl]").val()!=optVal){
|
var optindex;
|
$(item2).find("[name=typeandurl] option").each(function(k,item3){
|
if($(item3).val()==optVal){
|
optindex=k;
|
}
|
});
|
$(item2).find("[name=typeandurl] [value='"+optVal+"']").remove();
|
var obj={selectindex:j,optindex:optindex,value:optVal,text:optText};
|
removedOpts.push(obj);
|
}
|
});
|
}
|
}); */
|
}
|
/*]]>*/
|
|
//刷新扩展信息页面
|
function reloadExt(extName) {
|
var newurl = extName + "?resMainInfoId=" + resMainInfoId + "&random=" + Math.random();
|
var container = "#div_" + extName;
|
$(container).empty().load(newurl);
|
}
|
</script>
|
|
</head>
|
<body>
|
<div layout:fragment="content" style="background-color: #fff;">
|
<input type="hidden" id="resMainInfoId" th:value="${resMainInfoId}" />
|
<div id="curtain" style="position:fixed!important;z-index:100;width:100%;height:100%;opacity:0.7;bottom:70px;visibility:collapse;color:white;text-align:center;display:table;">
|
<div id="uploading" style="height:100px;width:200px;background-color:black;color:white;margin:auto;text-align:center;font-size:larger;display:table-cell;vertical-align:middle">
|
上传中
|
</div>
|
</div>
|
<div id="div_content" style="width: 100%;">
|
<div class="tabbable tabbable-custom" id="divTabsView">
|
<div class="tab-content" id="divContent">
|
<div class="tab-pane active" id="tabContent" style="overflow-y: auto;">
|
<div class="row-fluid">
|
<div class="span12">
|
<!--BEGIN TABS-->
|
<div class="tabbable tabbable-custom">
|
<ul class="nav nav-tabs" role="tablist">
|
<li class="nav-item">
|
<a class="nav-link active" href="#tab_MainInfo" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'MainInfo', isErase: false })">
|
<div class="top_tabs_li">基本信息</div>
|
</a>
|
</li>
|
<li class="nav-item " id="ExtBaseMap" th:if="${resourceclass}=='基础底图' ">
|
<a class="nav-link" href="#tab_ExtBaseMap" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtBaseMap', isErase: false })">
|
<div class="top_tabs_li">基础底图扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item " id="ExtBusinessLayer" th:if="${resourceclass}=='业务图层' ">
|
<a class="nav-link" href="#tab_ExtBusinessLayer" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtBusinessLayer', isErase: false })">
|
<div class="top_tabs_li">业务图层扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item " id="ExtSpaceServer" th:if="${resourceclass}=='空间分析' ">
|
<a class="nav-link" href="#tab_ExtSpaceServer" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtSpaceServer', isErase: false })">
|
<div class="top_tabs_li">空间分析扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item " id="ExtThemeMap" th:if="${resourceclass}=='专题地图' ">
|
<a class="nav-link" href="#tab_ExtThemeMap" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtThemeMap', isErase: false })">
|
<div class="top_tabs_li">专题地图扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item " id="ExtApp" th:if="${resourceclass}=='专题应用程序' ">
|
<a class="nav-link" href="#tab_ExtApp" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtApp', isErase: false })">
|
<div class="top_tabs_li">应用程序扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item" id="ExtIntegrate" th:if="${resourceclass}=='业务集成' ">
|
<a class="nav-link" href="#tab_ExtIntegrate" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtIntegrate', isErase: false })">
|
<div class="top_tabs_li">业务集成扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item" id="ExtFileSource" th:if="${resourceclass}=='数据文件' ">
|
<a class="nav-link" href="#tab_ExtFileSource" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtFileSource', isErase: false })">
|
<div class="top_tabs_li">数据文件扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item" id="ExtPresentationMode" th:if="${resourceclass}=='数据文件' ">
|
<a class="nav-link" href="#tab_ExtPresentationMode" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtPresentationMode', isErase: false })">
|
<div class="top_tabs_li">展现方式</div>
|
</a>
|
</li>
|
<li class="nav-item" id="ExtInterFaceService" th:if="${resourceclass}=='接口服务' ">
|
<a class="nav-link" href="#tab_ExtInterFaceService" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtInterFaceService', isErase: false })">
|
<div class="top_tabs_li">接口服务扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item" id="Ext3D" th:if="${resourceclass}=='三维模型' ">
|
<a class="nav-link" href="#tab_Ext3D" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'Ext3D', isErase: false })">
|
<div class="top_tabs_li">三维模型扩展信息</div>
|
</a>
|
</li>
|
<!--//alert ykm 2019/02/25-->
|
<li class="nav-item" id="ExtDX" th:if="${resourceclass}=='三维地形' ">
|
<a class="nav-link" href="#tab_Ext3D" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'Ext3D', isErase: false })">
|
<div class="top_tabs_li">三维地形扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item" id="ExtYX" th:if="${resourceclass}=='三维影像' ">
|
<a class="nav-link" href="#tab_Ext3D" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'Ext3D', isErase: false })">
|
<div class="top_tabs_li">三维影像扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item" id="ExtDataBase" th:if="${resourceclass}=='数据库表' ">
|
<a class="nav-link" href="#tab_ExtDataBase" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ExtDataBase', isErase: false })">
|
<div class="top_tabs_li">数据库表扩展信息</div>
|
</a>
|
</li>
|
<li class="nav-item" id="ResFiles" th:if="${resourceclass}=='接口服务' or ${resourceclass}=='空间分析' ">
|
<a class="nav-link" href="#tab_ResFiles" data-toggle="tab"
|
onclick="f_project_def.onTab({ action: 'ResFiles', isErase: false })">
|
<div class="top_tabs_li">相关附件</div>
|
</a>
|
</li>
|
<!--<li class="nav-item">-->
|
<!--<a class="nav-link" href="#tab_AddZiYuanYSJ" data-toggle="tab"-->
|
<!--onclick="f_project_def.onTab({ action: 'AddZiYuanYSJ', isErase: true })">-->
|
<!--<div class="top_tabs_li">元数据信息</div>-->
|
<!--</a>-->
|
<!--</li>-->
|
</ul>
|
<div class="tab-content" style="border-left: 1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;">
|
<div id="div_MainInfo"></div>
|
<div id="div_ExtBaseMap"></div>
|
<div id="div_ExtSpaceServer"></div>
|
<div id="div_ExtBusinessLayer"></div>
|
<div id="div_ExtThemeMap"></div>
|
<div id="div_ExtFileSource"></div>
|
<div id="div_ExtIntegrate"></div>
|
<div id="div_ExtApp"></div>
|
<div id="div_ExtInterFaceService"></div>
|
<div id="div_Ext3D"></div>
|
<div id="div_ExtDataBase"></div>
|
<div id="div_ResFiles"></div>
|
<div id="div_ExtPresentationMode"></div>
|
<!--<div id="div_AddZiYuanYSJ"></div>-->
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|