<!--
|
功能描述：地图服务 - 基础底图
|
--><!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml" layout:decorator="MasterPage/CommonPage/Layout">
|
<!-- layout文件路径-->
|
<head>
|
<meta charset="utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<title th:text="'空间服务 - ' + ${systemName}"></title>
|
<link th:href="@{${pubzyWebRoot} + 'ext-4.2.1.883/resources/css/ext-all-neptune.css'}" rel="stylesheet" type="text/css" />
|
<link th:href="@{${pubzyWebRoot} + 'media/css/bootstrap-tree.css'}" rel="stylesheet" type="text/css" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/expand/plugins/portlet/css/portlet.css'}" />
|
<link th:href="@{${pubzyWebRoot} + 'media/css/select2_metro.css'}" type="text/css" rel="stylesheet" />
|
<link th:href="@{${pubzyWebRoot} + 'media/css/pagination.css'}" type="text/css" rel="stylesheet" />
|
<link rel="stylesheet" th:href="@{${pubzyWebRoot} + 'BootStrap4/assets/plugins/bootstrap-datepicker/old_datepaker/datepicker.css'}" />
|
<link th:href="@{${pubzyWebRoot} + 'zTree/css/metroStyle/metroStyle.css'}" rel="stylesheet" type="text/css" />
|
<script th:src="@{${pubzyWebRoot} + 'jqPaginator/jqpaginator.min.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/tabPages.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/winPro.js'}"></script>
|
<script th:src="@{${pubzyWebRoot} + 'echarts/echarts.min-3.0.js'}" type="text/javascript"></script>
|
<script th:src="@{${pubzyWebRoot} + 'media/js/select2.min.js'}" type="text/javascript"></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 src="/js/openresource.js"></script>
|
<style type="text/css">
|
.div_left {
|
/*float: left;*/
|
position: absolute;
|
width: 260px;
|
height: 500px;
|
}
|
|
.div_right {
|
/*float: left;*/
|
margin-left: 270px;
|
height: 100%;
|
}
|
|
.div_catalog {
|
float: left;
|
width: 100%;
|
color: white;
|
}
|
|
.div_catalog div {
|
width: 100%;
|
height: 50px;
|
border-bottom: 1px solid;
|
cursor: pointer;
|
}
|
|
.div_catalog div:first-child {
|
background-color: #0E51A6;
|
cursor: auto;
|
}
|
|
.div_catalog div:not(:first-child) {
|
background-color: #0B92D4;
|
}
|
|
.div_catalog div:not(:first-child):hover {
|
background-color: #17A6EC;
|
}
|
|
.span_left {
|
float: left;
|
font-size: 17px;
|
line-height: 47px;
|
margin-left: 20px;
|
}
|
|
.span_right {
|
float: right;
|
fonst-size: 14px;
|
line-height: 50px;
|
margin-right: 10px;
|
}
|
|
.div_search {
|
background-color: white;
|
height: 110px;
|
width: 100%;
|
padding: 18px 0px 0px 27px;
|
}
|
|
.div_main {
|
color: grey;
|
height: 500px;
|
font-size: 14px;
|
}
|
|
.sort {
|
cursor: pointer;
|
padding: 2px 15px;
|
}
|
|
.shtype {
|
cursor: pointer;
|
padding: 2px 15px;
|
}
|
|
.clickCss {
|
color: #EEE683;
|
background-color: #17A6EC !important;
|
}
|
</style>
|
<script type="text/javascript" th:inline="javascript">
|
var resourceType = "";
|
var formdata = {};
|
$(function () {
|
resourceType = [[${ResourceTypeListJson}]];
|
showResourceType();
|
// $(".div_right").css("width", window.innerWidth - 300 + "px");
|
});
|
|
function changepage(num) {
|
var url = 'dataList?page=' + num;
|
$("#block").load(url, formdata, function () { //加载图文列表
|
var Page = Number(document.getElementById("curren").value);
|
var Count = Number(document.getElementById("total").value);
|
if (Count != 0) {
|
$('#Paginator').jqPaginator({
|
totalCounts: Count,
|
pageSize: 14,
|
currentPage: Page,
|
first: '<li class="first"><a href="javascript:void(0);">首页</a></li>',
|
prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
|
next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
|
last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
|
page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
|
onPageChange: function (num) {
|
if (num != Page) {
|
changepage(num);
|
}
|
}
|
});
|
}
|
});
|
}
|
|
function showResourceType() {
|
var list = eval(resourceType);
|
var html = "";
|
for (var i = 0; i < list.length; i++) {
|
if (list[i].key == "KJ_") {
|
html += "<div key='" + list[i].key + "'><span class='span_left'>" + list[i].value
|
+ "</span></div>";
|
} else {
|
var sclass = "";
|
if (list[i].key == "KJ_JCDT") {
|
sclass = "class = \"clickCss\" ";
|
}
|
html += "<div " + sclass + "onclick=\"leftChange(this)\" key='" + list[i].key + "'><span class='span_left'>" + list[i].value
|
+ "</span><span class='span_right'>资源数（" + list[i].zycount + "笔）> </span></div>";
|
}
|
}
|
$(".div_catalog").html(html);
|
}
|
|
//排序
|
function sort(obj) {
|
$(".sort").each(function () {
|
if ($(this)[0].id != $(obj)[0].id) {
|
$(this).css("color", "black").css("font-weight", "normal");
|
} else {//选中排序
|
var type = "";
|
if ($(obj).attr("type").trim() == "") {
|
type = " desc";
|
}
|
if ($(obj).attr("type").trim() == "desc") {
|
type = "";
|
}
|
$(obj).attr("type", type);
|
Search($(obj)[0].id + type, "");
|
$(this).css("color", "#0B92D4").css("font-weight", "bold");
|
}
|
})
|
}
|
|
//审核状态
|
function shtype(obj) {
|
$(".shtype").each(function () {
|
if ($(this).attr("type").trim() != $(obj).attr("type").trim()) {
|
$(this).css("color", "black").css("font-weight", "normal");
|
$(this).attr("isselect", false);
|
$(this).css("background-color", "");
|
} else {//选中排序
|
// $(this).css("color","#0B92D4").css("font-weight","bold");
|
$(this).attr("isselect", true);
|
$(this).css("color", "#ffffff").css("font-weight", "bold");
|
$(this).css("background-color", "#0b92d4");
|
}
|
})
|
Search("", "");
|
}
|
|
//左边类型切换
|
function leftChange(obj) {
|
$(".div_catalog div:not(:first-child)").each(function () {
|
if ($(this).attr("key") == $(obj).attr("key")) {
|
// $(this).css("color","#EEE683").css("border-bottom","1px solid white");
|
$(this).attr("isselect", true);
|
$(this).addClass("clickCss");
|
} else {
|
// $(this).css("color","white").css("border-bottom","1px solid white");
|
$(this).attr("isselect", false);
|
$(this).removeClass("clickCss");
|
}
|
})
|
Search('', '')
|
}
|
</script>
|
<script>
|
//查询事件
|
function Search(sort, title) {
|
formdata = {};
|
var thisresourceclass = "";
|
$(".div_catalog div").each(function () {
|
if ($(this).attr("isselect") == "true" || $(this).attr("isselect") == true) {
|
thisresourceclass = $(this).attr("key");
|
}
|
})
|
var thistype = "";
|
$(".shtype").each(function () {
|
if ($(this).attr("isselect") == true || $(this).attr("isselect") == "true") {
|
thistype = $(this).attr("type");
|
}
|
})
|
formdata = {
|
sort: sort,
|
title: $("#title").val(),
|
resourceclass: thisresourceclass,
|
auditstatus: thistype
|
};
|
$("#block").load('dataList', formdata, function () {
|
var Page = Number(document.getElementById("curren").value);
|
var Count = Number(document.getElementById("total").value);
|
if (Count != 0) {
|
$('#Paginator').jqPaginator({
|
totalCounts: Count,
|
pageSize: 14,
|
currentPage: Page,
|
first: '<li class="first"><a href="javascript:void(0);">首页</a></li>',
|
prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
|
next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
|
last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
|
page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
|
onPageChange: function (num) {
|
if (num != Page) {
|
changepage(num);
|
}
|
}
|
});
|
}
|
});
|
}
|
|
$(function () {
|
var url = 'dataList?page=' + 1;
|
formdata = {
|
sort: 'pubdate desc',
|
resourceclass: 'KJ_JCDT'
|
};
|
$("#block").load(url, formdata, function () { //加载图文列表
|
var Page = Number(document.getElementById("curren").value);
|
var Count = Number(document.getElementById("total").value);
|
if (Count != 0) {
|
$('#Paginator').jqPaginator({
|
totalCounts: Count,
|
pageSize: 14,
|
currentPage: Page,
|
first: '<li class="first"><a href="javascript:void(0);">首页</a></li>',
|
prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
|
next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
|
last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
|
page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
|
onPageChange: function (num) {
|
if (num != Page) {
|
changepage(num);
|
}
|
}
|
});
|
}
|
});
|
})
|
|
function changepage(num) {
|
var url = 'dataList?page=' + num;
|
$("#block").load(url, formdata, function () { //加载图文列表
|
var Page = Number(document.getElementById("curren").value);
|
var Count = Number(document.getElementById("total").value);
|
if (Count != 0) {
|
$('#Paginator').jqPaginator({
|
totalCounts: Count,
|
pageSize: 14,
|
currentPage: Page,
|
first: '<li class="first"><a href="javascript:void(0);">首页</a></li>',
|
prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
|
next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
|
last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
|
page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
|
onPageChange: function (num) {
|
if (num != Page) {
|
changepage(num);
|
}
|
}
|
});
|
}
|
});
|
}
|
|
//打开资源信息新增窗口
|
function AddZiYuan() {
|
var url = "/res/ResManage/ResRegister/ResEdit?resMainInfoId=";
|
// winPro.openFullwin(url, "新增资源", "yes");
|
openFullWindow(url, "新增资源");
|
}
|
</script>
|
</head>
|
<body>
|
<div layout:fragment="content">
|
<div class="content-page" style="min-height: 978px !important; margin-top: 8px;background-color: #F6F5F4;margin-left:0px;margin-left:10px">
|
<div class="div_left">
|
<div class="div_catalog"></div>
|
</div>
|
<div class="div_right">
|
<div class="div_search">
|
<div class="row" style="float: left;width: 100%;">
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xl-8 DivHeight" style="height:40px;padding-right: 20px;">
|
<div class="control-group">
|
<div class="controls input-icon">
|
<div style="float: left;width: 70%;">
|
<input type="text" id="title" name="title" value="" class="form-control col-sm-12" style="height: 36px;" placeholder="请输入关键字" />
|
</div>
|
<div class="col-sm-1" style="cursor: pointer;height: 36px; text-align: center;border-radius: 4px; font-size: 20px; border-left:1px solid rgb(221, 221, 221); float: left;margin-left: 5px; background-color: #0B92D4;">
|
<i class="fa fa-search" style="color: #fff;" onclick="Search('','')"></i>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div style="width:100%;float:left;margin-top: 15px;">
|
<div style="float: left;">
|
<span style="font-weight: bold;color:black;">审核状态</span><span> |</span>
|
<span class="shtype" onclick="shtype(this)" isselect="true" type="" style="background-color: #0b92d4;padding:2px 15px;color:#fff;font-weight: bold;">全部</span>
|
<span class="shtype" onclick="shtype(this)" type="1">待审核</span>
|
<span class="shtype" onclick="shtype(this)" type="3">审核未通过</span>
|
<span class="shtype" onclick="shtype(this)" type="2">审核已通过</span>
|
<span class="shtype" onclick="shtype(this)" type="0">未提交</span>
|
</div>
|
<div style="float: right;margin-right: 15px;">
|
<span style="font-weight: bold;">资源数量： <span id="countNum" style="color: red;font-size: 16px;"></span> 笔</span>
|
</div>
|
</div>
|
<div style="float: right;margin-top: -68px;margin-right: 13px;">
|
<button type="button" class="btn btn-primary" onclick="AddZiYuan('');">
|
<i class="fa fa-plus"></i>发布
|
</button>
|
</div>
|
</div>
|
<div class="div_main" id="block"></div>
|
<div id="grid" style="display: none"></div>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
