<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.w3.org/1999/xhtml"
|
xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.w3.org/1999/xhtml"
|
layout:decorator="MasterPage/Layout.Empty">
|
<!-- layout文件路径-->
|
<head>
|
<link th:href="@{${pubzyWebRoot} + 'media/css/style.css'}" rel="stylesheet" type="text/css" />
|
|
<link th:href="@{${pubzyWebRoot} + 'zTree/css/metroStyle/metroStyle.css'}" rel="stylesheet" type="text/css" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/css/bootstrap-extract.css'}"/>
|
<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 src="/js/validator.js"></script>
|
<style type="text/css">
|
body, li, a {
|
font-family: "Microsoft Yahei", "微软雅黑", "宋体", "Simsun", "Open Sans";
|
font-size: 13px;
|
}
|
|
.navbar .brand {
|
padding: 10px 20px 10px;
|
}
|
|
.ztree * {
|
font-size: 16px !important;
|
}
|
|
.col-sm-3, .col-sm-6, .col-sm-9, .col-sm-12 {
|
padding-left: 0;
|
padding-right: 0;
|
}
|
|
.row {
|
margin-left: 0;
|
margin-right: 0;
|
}
|
|
.form-control {
|
padding: 0.3rem 0.7rem;
|
min-height: 30px;
|
}
|
|
input[class*='col-'].form-control {
|
height: 34px !important;
|
}
|
|
.control-label {
|
padding-top: 0 !important;
|
width: 120px;
|
float: left;
|
line-height: 30px;
|
padding-right: 1.5em;
|
}
|
|
.control-group {
|
margin-bottom: 1em;
|
}
|
|
.controls {
|
margin-left: 120px;
|
}
|
|
.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
|
}
|
|
#ZyOrderTree {
|
border: 1px solid #e5e5e5;
|
list-style: none;
|
margin: 0px;
|
height: 303px;
|
padding-left: 0px;
|
width: 280px;
|
}
|
|
#ZyOrderTree li:hover {
|
background-color: rgba(174, 169, 169, 0.6);
|
}
|
|
#ZyOrderTree li.active:hover {
|
background-color: #26A0DA;
|
color: white !important;
|
}
|
|
#ZyOrderTree li {
|
cursor: pointer;
|
}
|
|
#ZyOrderTree li.active {
|
background-color: #26A0DA;
|
color: white !important;
|
}
|
|
#ZyOrderTree li.active a {
|
color: white !important;
|
text-decoration: none;
|
}
|
|
#ZyOrderTree li {
|
background-color: white;
|
color: black;
|
}
|
|
#ZyOrderTree li a {
|
color: black;
|
text-decoration: none;
|
}
|
|
#OrderTree {
|
border: 1px solid #e5e5e5;
|
list-style: none;
|
margin: 0px;
|
height: 303px;
|
padding-left: 0px;
|
width: 280px;
|
}
|
|
#OrderTree li:hover {
|
background-color: rgba(174, 169, 169, 0.6);
|
}
|
|
#OrderTree li.active:hover {
|
background-color: #26A0DA;
|
color: white !important;
|
}
|
|
#OrderTree li {
|
cursor: pointer;
|
}
|
|
#OrderTree li.active {
|
background-color: #26A0DA;
|
color: white !important;
|
}
|
|
#OrderTree li.active a {
|
color: white !important;
|
text-decoration: none;
|
}
|
|
#OrderTree li {
|
background-color: white;
|
color: black;
|
}
|
|
#OrderTree li a {
|
color: black;
|
text-decoration: none;
|
}
|
|
.UpClass, .DownClass {
|
height: 20px;
|
width: 20px;
|
margin-left: 4px;
|
}
|
|
.UpClass a, .DownClass a {
|
font-size: 20px;
|
}
|
|
.nav-item {
|
cursor: pointer;
|
}
|
|
.input-icon .input-warning {
|
right: 0px !important;
|
}
|
</style>
|
|
<script th:src="@{${pubzyWebRoot} + 'media/js/jquery.form-3.51.0.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/tabPages.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/winPro.js'}"></script>
|
<script src="/js/manage/catalog.js"></script>
|
<script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.all.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.core.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.exedit.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'zTree/js/jquery.ztree.excheck.js'}"></script>
|
<script th:inline="javascript">
|
/*<![CDATA[*/
|
$(function () {
|
$('.page-sidebar .sidebar-toggler').click(); //trigger sidebar toggle button
|
var offsetH = 86;
|
//初始化高度
|
$("#divLeft").height($(window).height() - offsetH);
|
//当文档窗口发生改变时 触发
|
$(window).resize(function () {
|
$("#divLeft").height($(window).height() *0.99);
|
});
|
});
|
/*]]>*/
|
</script>
|
|
</head>
|
<body>
|
<div layout:fragment="content" shiro:hasPermission="res:catalog:edit">
|
<!-- 内容页 -->
|
<div class="row">
|
<div class="col-sm-3">
|
<div class="portlet box ltblue" id="divLeft" style="overflow-y:auto;margin-bottom: 0;">
|
<div class="portlet-title">
|
<div class="caption"><i class="icon-comments"></i>资源目录</div>
|
</div>
|
<div th:replace="manage/catalog/left" class="portlet-body fuelux"></div>
|
</div>
|
</div>
|
<div class="col-sm-9">
|
<div style="margin-left: 10px;">
|
<div style="margin-top: 5px;">
|
<a shiro:hasPermission="res:catalog:edit" id="btnAddBrother" onclick="AddBrother()" style="display:none;" class="btn btn-primary">
|
<i class="fa fa-plus"></i>
|
新增同级
|
</a>
|
<a shiro:hasPermission="res:catalog:edit" id="btnAddSon" onclick="Add()" class="btn btn-primary">
|
<i class="fa fa-plus"></i>
|
新增子级
|
</a>
|
<a shiro:hasPermission="res:catalog:edit" id="btnMerge" onclick="Merge()" class="btn btn-primary">
|
<i class="fa fa-plus"></i>
|
资源调整
|
</a>
|
<a shiro:hasPermission="res:catalog:edit" id="btnEdit" onclick="Edit()" style="display:none;" class="btn btn-purple">
|
<i class="fa fa-edit"></i>
|
修改
|
</a>
|
<a id="btnReturn" onclick="f_node.forView()" style="display:none;" class="btn btn-secondary">
|
<i class="fa fa-arrow-circle-o-left"></i>
|
返回
|
</a>
|
<a shiro:hasPermission="res:catalog:edit" id="btnDelete" onclick="Delete()" style="display:none;" class="btn btn-danger">
|
<i class="fa fa-trash fa-white"></i>
|
删除
|
</a>
|
<a style="visibility:hidden;" class="btn btn-primary">固定</a>
|
</div>
|
<!--BEGIN TABS-->
|
<div id="divTabs">
|
<div class="table" style="margin:0;margin-top:4px;margin-bottom:10px;padding:0;height:0;border-top:3px solid #ccc;"></div>
|
<div class="tabbable tabbable-custom" id="divTabsView">
|
<ul class="nav nav-tabs">
|
<li class="nav-item active">
|
<a class="nav-link" data-toggle="tab" onclick="f_node.onTab('BasicInfo',{})" id="tabBasicInfo">查看</a>
|
</li>
|
<li class="nav-item" id="paixu" style="display: none">
|
<a class="nav-link" data-toggle="tab" onclick="f_node.onTab('Sort',{})" id="tabSort">资源目录排序</a>
|
</li>
|
<li class="nav-item" id="zypaixu" style="display: none">
|
<a class="nav-link" data-toggle="tab" onclick="f_node.onTab('ZiYuanSort', {})" id="ZiYuanSort">资源排序</a>
|
</li>
|
</ul>
|
<div class="tab-content" id="divContent">
|
<div class="tab-pane active" id="tabContent" style="overflow-y:auto;">
|
<div th:replace="manage/catalog/catalog_basicinfo"></div>
|
</div>
|
<div class="tab-pane active" id="tabContent1" style="overflow-y:auto;display: none;">
|
<div th:replace="manage/catalog/catalog_add"></div>
|
</div>
|
<div class="tab-pane active" id="tabContent2" style="overflow-y:auto;display: none;">
|
<div th:replace="manage/catalog/catalog_sort"></div>
|
</div>
|
<div class="tab-pane active" id="tabContent3" style="overflow-y:auto;display: none;">
|
<div th:replace="manage/catalog/resource_sort"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div id="divTabs2" style="display:none;">
|
<div class="table" style="margin:0;margin-top:5px;margin-bottom:10px;padding:0;height:0;"></div>
|
<div class="tabbable tabbable-custom">
|
<div class="tab-content" id="divContentl">
|
<div class="tab-pane active" style="float:left">
|
<div class='my-ztree'>
|
<ul id='zytreesonl' class='ztree'></ul>
|
</div>
|
<div>
|
<button type="button" class="btn ltblue" onclick="GetCheckedAll();">
|
<i class="icon-ok"></i> 调整
|
</button>
|
</div>
|
</div>
|
<div class="tab-content" id="divContentr">
|
<div class="tab-pane active" style="float:right">
|
<div class='my-ztree'>
|
<ul id='zytreesonr' class='ztree'></ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!--END TABS-->
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
