<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<title>资料浏览</title>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/archivesHN.css" type="text/css">
|
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/scripts/easyuiExtend.js"></script>
|
<script type="text/javascript" src="static/scripts/jquery-extend.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui-edatagrid/jquery.edatagrid.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-afterresize/jquery.afterresize.min.js"></script>
|
<!-- 弹窗加载组件 -->
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
<script type="text/javascript" src="static/plugins/ace/src-noconflict/ace.js"></script>
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
|
<script type="text/javascript" src="static/plugins/crypto-js/core.js"></script>
|
<script type="text/javascript" src="static/plugins/crypto-js/enc-base64.js"></script>
|
<style>
|
html, body {
|
height: 100%;
|
overflow: hidden;
|
}
|
|
.tree-joinbottom {
|
background: none;
|
padding-top: 2px;
|
margin-right: 4px;
|
font-size: 14px;
|
}
|
|
.tree-join {
|
background: none;
|
padding-top: 2px;
|
margin-right: 4px;
|
font-size: 14px;
|
}
|
|
|
.pt-tree .tree-title {
|
color: #616161;
|
font-weight: bold;
|
}
|
</style>
|
<script>
|
$(function () {
|
var $ul_top_li = $("ul#top li");
|
$ul_top_li.click(function () {
|
$(this).addClass("onlinehot")
|
.siblings().removeClass("onlinehot");
|
var value = $(this).text();
|
initFileTree(value);
|
}
|
);
|
|
var $div_open = $("div#open");
|
$div_open.click(function () {
|
$(".onlineHN-left").css("width", "350px").css("padding", "20px 30px");
|
$(".onlineHN-right").css("margin-left", "350px");
|
$(".onlineHN-left-tit").css("font-size", "20px");
|
$(this).hide();
|
$("#close").show();
|
});
|
var $div_close = $("div#close");
|
$div_close.click(function () {
|
$(".onlineHN-left").css("width", "0px").css("padding", "0px");
|
$(".onlineHN-right").css("margin-left", "0px");
|
$(".onlineHN-left-tit").css("font-size", "0px");
|
$(this).hide();
|
$("#open").show();
|
});
|
|
})
|
</script>
|
</head>
|
<body>
|
<div class="onlineHN">
|
<div class="onlineHN-title"><i></i>${title}</div>
|
<%-- <ul class="onlineHN-top clear" id="top">--%>
|
<%-- <li style="cursor: pointer;">封面</li>--%>
|
<%-- <li style="cursor: pointer;" class="onlinehot">正文</li>--%>
|
<%-- <li style="cursor: pointer;">附图</li>--%>
|
<%-- <li style="cursor: pointer;">附表</li>--%>
|
<%-- <li style="cursor: pointer;">附件</li>--%>
|
<%-- <li style="cursor: pointer;">审批</li>--%>
|
<%-- <li style="cursor: pointer;">其他</li>--%>
|
<%-- </ul>--%>
|
<div>
|
<div class="onlineHN-left">
|
<h4 class="onlineHN-left-tit"><i></i>目录</h4>
|
<div class="pt-tree" style="border:0 none;">
|
<ul id="ul_filelist"></ul>
|
</div>
|
<div class="online-close" id="close"></div>
|
<div class="online-open" id="open" style="display: none;"></div>
|
</div>
|
<div class="onlineHN-right">
|
<div class="onlineHN-right-bar clear">
|
<button class="tjbtn" id="addProcessing"><i class="fa fa-plus-square"></i>添加到加工申请</button>
|
<button class="dybtn">自助打印</button>
|
<div class="rightscroll">
|
<div class="listcon">
|
<iframe id="ifmRight" width='100%' height='100%' frameborder='no' scrolling='no' border='0'
|
marginwidth='0' marginheight='0' style="display:block;"></iframe>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
var keyId = "${keyId}";
|
var fileType = "${fileType}";
|
var keyword = "${keyword}";
|
|
// var fileType = "正文";
|
|
|
$(function () {
|
var $ul_top_li = $("ul#top li");
|
$ul_top_li.each(function () {
|
if ($(this).text() == fileType) {
|
$(this).addClass("onlinehot")
|
.siblings().removeClass("onlinehot");
|
}
|
});
|
debugger;
|
initFileTree();
|
|
computeHeight();
|
|
$(window).afterresize(function () {
|
computeHeight();
|
})
|
|
|
// $("#addProcessing").click(function () {
|
// addProcessingDetail();
|
// })
|
})
|
|
function initFileTree() {
|
$("#ul_filelist").tree({
|
method: "post",
|
<%--url: "fileView/getFileList?keyId=${keyId}&fileType=" + encodeURI(fileType),--%>
|
url: "fileView/getFileList?keyId=${keyId}&fileType=" + fileType,
|
animate: true,
|
lines: true,
|
formatter: function (node) {
|
|
return "<span class='easyui-tooltip' title='" + node.text + "'>" + node.text + "</span>";
|
// return '<li class="clear"><i class="fa fa-file-text-o"></i><a href="javascript:;">' + node.text + '</a></li>';
|
},
|
onBeforeLoad: function (node, param) {
|
new ResizeScroll({
|
"id": "#ul_filelist",
|
fun: function () {
|
var wh = $(window).height();
|
return (wh - 70 - 56);
|
}
|
});
|
|
wcp.ui.setBusy("#ul_filelist");
|
},
|
onLoadSuccess: function (node, data) {
|
wcp.ui.clearBusy("#ul_filelist");
|
new ResizeScroll({
|
"id": "#ul_filelist",
|
fun: function () {
|
var wh = $(window).height();
|
return (wh - 70 - 56);
|
}
|
});
|
|
$(".easyui-tooltip").tooltip({
|
onShow: function () {
|
$(this).tooltip('tip').css({
|
borderColor: '#222d32'
|
});
|
}
|
});
|
|
var nowSelectedNodeId = findFirstNode(data);
|
if (nowSelectedNodeId != null) {
|
var node = $('#ul_filelist').tree('find', nowSelectedNodeId);
|
if (node != null) {
|
$('#ul_filelist').tree('select', node.target);
|
selectNode(node);
|
}
|
} else {
|
console.log("无附件")
|
}
|
},
|
onLoadError: function (args) {
|
wcp.ui.clearBusy("#ul_filelist");
|
},
|
onClick: function (node) {
|
selectNode(node);
|
}
|
})
|
|
}
|
|
//查找第一个文件节点
|
function findFirstNode(data) {
|
for (var i = 0; i < data.length; i++) {
|
var item = data[i];
|
if (item.attributes && item.attributes.isFile) {
|
return item.id;
|
} else {
|
if (item.children != null && item.children.length > 0) {
|
var id = findFirstNode(item.children);
|
if (id != null) {
|
return id;
|
}
|
}
|
}
|
}
|
|
return null;
|
}
|
|
//选中某个节点
|
function selectNode(node) {
|
$("#attachTitle").html(node.text);
|
var url = "fileView/viewFile?keyId=" + node.id + "&type=" + fileType + "&keyword=" + keyword;
|
$("#ifmRight").attr("src", url);
|
}
|
|
//计算框架页面高度
|
function computeHeight() {
|
var wh = $(window).height();
|
var ifrmHeight = wh - 70 - 56 - 32;
|
$("#ifmRight").height(ifrmHeight);
|
|
$('#layout_navigation').layout('resize', {
|
height: wh - 20
|
});
|
}
|
|
// function addProcessingDetail() {
|
// wcp.ui.setBusy("body", wcp.ajax({
|
// url: "processing/addProcessingDetail?keyId=" + keyId
|
// }).done(function (result) {
|
// if (result && result.jsExpression) {
|
// eval(result.jsExpression);
|
// }
|
// }));
|
// }
|
</script>
|
</html>
|
