<!DOCTYPE html>
|
<html lang="en" 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"
|
xmlns:shiro="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="UTF-8" />
|
<title th:text="'业务专题 - ' + ${systemName}"></title>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<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"/>
|
<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/portlet/css/portlet.css'}" />
|
<link th:href="@{${pubzyWebRoot} + 'media/css/uniform.default.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="@{${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>
|
<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;
|
}
|
|
td {
|
border: 1px solid #ccc;
|
}
|
#tbGKList input{
|
text-align:center;
|
width:100%;
|
min-height: 30px;
|
}
|
.btn_arrow {
|
width: 19px;
|
height: 25px;
|
float: left;
|
background: url('/image/arrow.png') no-repeat 0px 0px;
|
margin-left: 15px;
|
margin-bottom: 10px;
|
cursor: pointer;
|
}
|
</style>
|
<script th:inline="javascript">
|
var themeid = [[${themeid}]];
|
var isonemap =[[${resTheme.isonemap}]];
|
$(function () {
|
cheackForm("mainfrom");
|
$(".date-picker").datepicker({
|
language: 'zh-CN',
|
format: 'yyyy-mm-dd'
|
});
|
showModuleName(0);//模块设置
|
var content = [[${content}]];
|
if(content == null) content = "";
|
initEditor(content != "" ? htmlDecodeByRegExp(content) : "");
|
//勾选一张图显示资源目录管理按钮
|
if(isonemap == 1) $("#catalogBtn").show();
|
$("#isonemap").click(function () {
|
if($(this).prop("checked")==true && themeid != null){
|
$("#catalogBtn").show();
|
}else{
|
$("#catalogBtn").hide();
|
}
|
})
|
});
|
|
//解码
|
function htmlDecodeByRegExp(str){
|
var s = "";
|
if(str.length == 0) return "";
|
s = str.replace(/&/g,"&");
|
s = s.replace(/</g,"<");
|
s = s.replace(/>/g,">");
|
s = s.replace(/ /g," ");
|
s = s.replace(/'/g,"\'");
|
s = s.replace(/"/g,"\"");
|
return s;
|
}
|
|
//转码
|
function htmlEncodeByRegExp(str){
|
var s = "";
|
if(str.length == 0) return "";
|
s = str.replace(/&/g,"&");
|
s = s.replace(/</g,"<");
|
s = s.replace(/>/g,">");
|
s = s.replace(/ /g," ");
|
s = s.replace(/\'/g,"'");
|
s = s.replace(/\"/g,""");
|
return s;
|
}
|
|
//保存
|
function saveForm() {
|
$("#moduleid").val(getModuleId());
|
var content = UE.getEditor('contents').getContent();
|
if ($('#mainfrom').valid()) {
|
$('#mainfrom').ajaxSubmit({
|
url: '/res/ResTheme/insertSelective',
|
type: 'post',
|
dataType: 'text',
|
data: {
|
content: htmlEncodeByRegExp(content)
|
},
|
success: function (data) {
|
var result = eval('('+data+')');
|
alert(result.msg);
|
$("#themeid").val(result.id);
|
parent.window.opener.location.reload();
|
parent.location.href = "/res/ResTheme/addResTheme?themeid=" + result.id;
|
},
|
error: function (e) {
|
alert(e.message);
|
}
|
});
|
} else {
|
// alert("您输入的信息存在错误，请更正后再提交！");
|
}
|
};
|
|
//模块选择弹窗
|
function ShowMould() {
|
// if($("#resourceid").val() == "" || $("#resourceid").val() == 0){
|
// alert("请选择专题地图！");
|
// return;
|
// }
|
var selectId = getModuleId();
|
layer.open({
|
type: 2,
|
title: "选择微件",
|
shadeClose: true,
|
area: ["1000px", "650px"],
|
content: "/res/ResThemeModule/ResThemeModuleIndex?selectId="+selectId
|
})
|
};
|
|
//删除资源
|
function deleteTheme() {
|
if(confirm("删除扩展信息，确定删除吗？")) {
|
var id = $("#themeid").val();
|
|
$.ajax({
|
url: '/res/ResTheme/deleteById?themeid=' + id,
|
type: 'post',
|
success: function (data) {
|
if (data == 1) {
|
alert("删除成功，页面即将关闭！");
|
parent.window.opener.location.reload();
|
window.close();
|
}
|
else {
|
alert("删除失败！");
|
}
|
},
|
error: function (e) {
|
alert(e.message);
|
}
|
});
|
}
|
}
|
|
//模块设置
|
var moduleList = [[${moduleList}]];
|
function showModuleName(type,selectList){//0为初次加载，1为追加
|
if(type == 0){
|
var html = "";
|
for(var key in moduleList){
|
html+="<div class='inner-tag-wrapper'><span class='inner-tag-name' key='"+moduleList[key]+"' style='cursor:pointer' onclick=\"updateMould('"+moduleList[key]+"')\">"+key+"</span>"
|
+"<a class=\"inner-tag-close\" title=\"删除\" onclick='deleteModule(this)' href=\"javascript:;\">×</a></div>";
|
}
|
$("#moduleDiv").html(html);
|
}
|
if(type == 1){
|
var selectHtml = "";
|
selectList.forEach(function (value,key) {
|
selectHtml+="<div class='inner-tag-wrapper'><span class='inner-tag-name' key='"+key+"' style='cursor:pointer' onclick=\"updateMould('"+key+"')\">"+value+"</span>"
|
+"<a class=\"inner-tag-close\" title=\"删除\" onclick='deleteModule(this)' href=\"javascript:;\">×</a></div>";
|
})
|
$("#moduleDiv").append(selectHtml);
|
}
|
}
|
|
//修改模块
|
function updateMould(id) {
|
layer.open({
|
type: 2,
|
title: "修改模块",
|
shadeClose: true,
|
area: ["900px", "600px"],
|
content: "/res/ResThemeModule/AddResThemeModule?moduleid=" + id
|
})
|
};
|
|
//删除板块
|
function deleteModule(obj){
|
$(obj).parent().remove();
|
}
|
|
//获取板块选择的值
|
function getModuleId(){
|
var id = "";
|
$("#moduleDiv .inner-tag-name").each(function(){
|
if(id.length != 0){
|
id+=",";
|
}
|
id+=$(this).attr("key");
|
})
|
return id;
|
}
|
|
function AddMould() {
|
if($("#resourceid").val() == "" || $("#resourceid").val() == 0){
|
alert("请选择专题地图！");
|
return;
|
}
|
layer.open({
|
type: 2,
|
title: "新增微件",
|
shadeClose: true,
|
area: ["900px", "600px"],
|
content: "/res/ResThemeModule/AddResThemeModule"
|
})
|
};
|
|
function chooseThemeMap() {
|
layer.open({
|
type: 2,
|
title: "选择专题地图",
|
shadeClose: true,
|
area: ["600px", "500px"],
|
content: "/res/ResTheme/ZhuanTiDiTu"
|
})
|
}
|
|
//实例化编辑器
|
function initEditor(content) {
|
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
|
UE.Editor.prototype.getActionUrl = function(action){
|
if(action == 'uploadimage' || action == 'uploadfile'){
|
return "/res/common/uploadueditorfile";
|
}else{
|
return this._bkGetActionUrl.call(this,action);
|
}
|
}
|
//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
|
var ue = UE.getEditor('contents', {
|
toolbars: [
|
[
|
'source',
|
'undo', //撤销
|
'redo', //重做
|
'|',
|
'bold', //加粗
|
'italic', //斜体
|
'strikethrough', //删除线
|
'underline', //下划线
|
'|',
|
'forecolor', //字体颜色
|
'backcolor', //背景色
|
'|',
|
'insertorderedlist', //有序列表
|
'insertunorderedlist', //无序列表
|
'|',
|
'fontfamily', //字体
|
'fontsize', //字号
|
'|',
|
'justifyleft', //居左对齐
|
'justifyright', //居右对齐
|
'justifycenter', //居中对齐
|
'justifyjustify', //两端对齐
|
'|',
|
'link', //超链接
|
'unlink', //取消链接
|
'|',
|
'simpleupload' //单图上传
|
]
|
],
|
initialContent: content, //初始化显示内容
|
initialFrameHeight: 300, //初始化高度
|
enableAutoSave: false //是否启用自动保存
|
});
|
}
|
|
//解码
|
function htmlDecodeByRegExp(str){
|
var s = "";
|
if(str.length == 0) return "";
|
s = str.replace(/&/g,"&");
|
s = s.replace(/</g,"<");
|
s = s.replace(/>/g,">");
|
s = s.replace(/ /g," ");
|
s = s.replace(/'/g,"\'");
|
s = s.replace(/"/g,"\"");
|
return s;
|
}
|
|
//转码
|
function htmlEncodeByRegExp(str){
|
var s = "";
|
if(str.length == 0) return "";
|
s = str.replace(/&/g,"&");
|
s = s.replace(/</g,"<");
|
s = s.replace(/>/g,">");
|
s = s.replace(/ /g," ");
|
s = s.replace(/\'/g,"'");
|
s = s.replace(/\"/g,""");
|
return s;
|
}
|
|
//弹出目录管理
|
function CatalogManager() {
|
var url = "/res/OnemapCatalog/onemapIndex?themeid="+themeid;
|
// winPro.openFullwin(url, "一张图目录管理", "yes");
|
openFullWindow(url, "一张图目录管理");
|
}
|
|
//清除专题地图
|
function clearThemeMap(){
|
$('#thememap').val("");
|
$('#resourceid').val("0");
|
}
|
|
//打开排序
|
function showOrderList(){
|
jQuery("#theme_order").empty();
|
jQuery.each(moduleList, function(i, item) {
|
jQuery("#theme_order").append("<option value=" + item + ">" + i + "</option>");
|
});
|
$("#theme_order").attr("size", 15);
|
|
}
|
|
//排序點擊
|
function updateOrder(type){
|
if ($("#theme_order option:selected").length == 0) {
|
alert("请选择节点！");
|
return false;
|
}
|
if ($("#theme_order option:selected").length >1) {
|
alert("请选择一个节点！");
|
return false;
|
}
|
if(type == "allup"){
|
$('#theme_order option:selected').insertBefore($('#theme_order option').first());
|
}else if (type == "up"){
|
$('#theme_order option:selected').insertBefore($('#theme_order option:selected').prev());
|
}else if (type == "down"){
|
$('#theme_order option:selected').insertAfter($('#theme_order option:selected').next());
|
}else{
|
$('#theme_order option:selected').insertAfter($('#theme_order option').last());
|
}
|
}
|
|
//修改排序
|
function submitOrder(){
|
var idlist = "";
|
var id = $("#themeid").val();
|
$("#theme_order option").each(function () {
|
if(idlist != "") idlist+=",";
|
idlist += $(this).attr("value");
|
});
|
$.ajax({
|
type: "post",
|
url: "/res/ResTheme/UpModuleid",
|
data:{
|
'moduleid':idlist,
|
'Themeid':id
|
},
|
success: function(result) {
|
var data = eval("(" + result + ")");
|
window.location.reload();
|
}
|
});
|
}
|
</script>
|
</head>
|
<body>
|
<div id="rapp" shiro:hasPermission="res:thememodule:edit" layout:fragment="content" style="background-color: #fff;">
|
<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 class="modal fade" id="orderModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog" style="width: 360px;">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
×
|
</button>
|
<h4 class="modal-title" id="myModalLabel">
|
排序-列表
|
</h4>
|
</div>
|
<div class="modal-body">
|
<div style="-ms-overflow-y: auto;height: 370px;overflow: auto;">
|
<div class="row-fluid">
|
<div style="float:left;">
|
<div class="controlss">
|
<select class="ui-jqgrid" multiple="multiple" id="theme_order" style="width:278px;height: 303px;">
|
</select>
|
</div>
|
</div>
|
<div style="padding:80px 0 0 20px;">
|
<div class="btn_arrow" onclick="updateOrder('allup')" title="置顶"></div>
|
<div class="btn_arrow" onclick="updateOrder('up')" title="上移" style="background-position: 0px -85px; margin-bottom: 25px;"></div>
|
<div class="btn_arrow" onclick="updateOrder('down')" title="下移" style="background-position: 0px -49px"></div>
|
<div class="btn_arrow" onclick="updateOrder('alldown')" title="置底" style="background-position: 0px -125px"></div>
|
</div>
|
<div style="float: right;margin-right: 10px;margin-top:20px;">
|
<a class="btn btn-primary" shiro:hasPermission="res:thememodule:edit" onclick="submitOrder()"><i class="fa fa-eyes"></i>确定排序</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</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" >
|
<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;">
|
<form class="form-horizontal" id="mainfrom">
|
<input type="hidden" id="themeid" name="themeid" th:value="${themeid}" />
|
<div class="portlet box ltblue">
|
<div class="portlet-title">
|
业务专题信息
|
<div class="caption">
|
<i class="fa fa-reorder"></i>
|
</div>
|
<div class="tools">
|
<a class="collapse" onclick="portlet_body_ShowOrHide(this);"></a>
|
</div>
|
</div>
|
<div class="portlet-body">
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">专题名称<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input th:value="${resTheme.title}" type="text" id="title" name="title" class="form-control col-sm-9" required="" maxchar="20"/>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-6">
|
<div class="control-group">
|
<label class="control-label">专题地图<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<input th:value="${resTheme.resourceid}" type="hidden" id="resourceid" name="resourceid" />
|
<input th:value="${resTheme.thememap}" disabled="disabled" type="text" id="thememap" name="thememap" class="form-control col-sm-8" required="" />
|
<a title="选择专题地图" class="btn btn-primary" style="margin-left: 5px;" onclick="chooseThemeMap();" >选择</a>
|
<a title="清除" class="btn btn-primary" style="margin-left: 1px;" onclick="clearThemeMap();" >清除</a>
|
<span class="input-warning tooltips" data-original-title="">
|
<i class="icon-warning-sign" style="display: none;"></i>
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label class="control-label">微件设置</label>
|
<div class="controls input-icon">
|
<input type="hidden" id="moduleid" name="moduleid" />
|
<!--<input th:value="${moduleNameList}" id="moduleName" name="moduleName" readonly="readonly" style="width: 62.66%"/>-->
|
<div class="tags-wrapper clearfix" style="float: left;">
|
<div id="addTagWrap" style="max-height: 100px;overflow-y: scroll;height: 100px;margin-bottom:16px;">
|
<div class="added-tags-wrapper" id="moduleDiv" style="">
|
|
</div>
|
</div>
|
</div>
|
<button title="选择微件" type="button" class="btn btn-primary" id="ShowDataBase" onclick="ShowMould();" style="float: left;margin-left: 5px;">设置</button>
|
<!--<a title="新增微件" class="btn btn-primary" style="margin-left: 5px;" onclick="AddMould();" >新增</a>-->
|
<a style="margin-left: 5px;" class="btn btn-warning" shiro:hasPermission="res:thememodule:edit" data-toggle="modal" data-target="#orderModal" onclick="showOrderList()">排序</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="control-group">
|
<label class="control-label">专题描述<span style="color: red;">*</span></label>
|
<div class="controls input-icon">
|
<!--<textarea th:text="${resTheme.content}" name="content" class="form-control col-sm-11" id="content" rows="3" cols="20" style="height: 150px;" required=""></textarea>-->
|
<!--<span class="input-warning tooltips" data-original-title="">-->
|
<!--<i class="icon-warning-sign" style="display: none;"></i>-->
|
<!--</span>-->
|
<script id="contents" name="contents" type="text/plain" class="col-sm-11" style="z-index: 0;margin-left:-10px;" ></script>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6" style="padding:0;">
|
<div class="control-group">
|
<div class="controls input-icon">
|
<input type="checkbox" id="isdefault" name="isdefault" value="1" th:checked="(${resTheme.isdefault}==1)?'true':'false'" style="display: none;" />
|
<label for="isdefault" style="vertical-align: middle;display: none;">默认模块显示</label>
|
<input type="checkbox" id="isonemap" name="isonemap" value="1" th:checked="(${resTheme.isonemap}==1)?'true':'false'" style="margin-left: 30px;" />
|
<label for="isonemap" style="vertical-align: middle;">一张图模块显示</label>
|
<label id="catalogBtn" style="margin-left:30px;display:none;cursor:pointer;vertical-align:middle;text-decoration:underline;" title="一张图目录管理" onclick="CatalogManager();" >一张图目录管理</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="form-actions navbar-fixed-bottom" style="z-index: 0;">
|
<div style="float: left;">
|
<button class="btn btn-primary" id="addSave" type="button" onclick="saveForm();">
|
<i class="fa fa-check"></i> 保存
|
</button>
|
<button th:if="${not #lists.isEmpty(themeid)}" class="btn btn-danger" id="delete" onclick="deleteTheme();" type="button">
|
<i class="fa fa-trash-o"></i> 删除
|
</button>
|
<button class="btn btn-warning" id="close" type="button" onclick="window.close();">
|
<i class="fa fa-remove"></i> 关闭
|
</button>
|
</div>
|
</div>
|
</form>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
</div>
|
|
</body>
|
</html>
|
