<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>文档管理</title>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<link rel="shortcut icon" href="/favicon.ico" />
|
<link rel="stylesheet" type="text/css" href="${common_static}/static/style/fileManage/utilfunc/css/reset.css">
|
<script type="text/javascript" src="${common_static}/static/script/jquery-1.7.1.min.js"></script>
|
<script type="text/javascript" src="${common_static}/static/script/jquery.util.js"></script>
|
<script type="text/javascript" src="${common_static}/static/ui/js/jquery.showpagination.js"></script>
|
<script type="text/javascript" src="${common_static}/static/ui/js/common.js"></script>
|
<link rel="stylesheet" href="${common_static}/static/ui/css/platform.css">
|
<!--utilfunc(start)-->
|
<link rel="stylesheet" href="${common_static}/static/ui/utilfunc/css/utilfunc.css">
|
<script type="text/javascript" src="${common_static}/static/style/fileManage/utilfunc/js/jquery.popui.js"></script>
|
<script type="text/javascript" src="${common_static}/static/style/fileManage/utilfunc/js/utilfunc.js"></script>
|
<!--utilfunc(end)-->
|
<script type="text/javascript" src="${common_static}/static/plugins/easyui/jquery.easyui.min.js"></script>
|
<link rel="stylesheet" type="text/css" href="${common_static}/static/plugins/easyui/themes/default/easyui.css">
|
<!--topo(start)-->
|
<link rel="stylesheet" type="text/css" href="${common_static}/static/style/fileManage/css/file-manager.css">
|
<!--topo(end)-->
|
<title>文档管理</title>
|
|
<script type="text/javascript">
|
//加载效果
|
function loading($dom) {
|
if(!$dom) {
|
$dom = $("body");
|
}
|
$dom.addClass("loadpos");
|
$dom.html("<span class='loading' id='loading'></span>");
|
}
|
|
//加载完成
|
function loaded($dom) {
|
if(!$dom) {
|
$dom = $("body");
|
}
|
$dom.removeClass("loadpos");
|
$("#loading").remove();
|
}
|
|
//全屏导航
|
function fsNav(){
|
var totalnav = $('#totalnav'),
|
tnbtn = totalnav.children('a.tn_btn'),
|
tncon = totalnav.children('div.tn_con');
|
totalnav.hover(function(){
|
tnbtn.addClass('focus');
|
tncon.show();
|
}, function(){
|
tnbtn.removeClass('focus');
|
tncon.hide();
|
});
|
}
|
$(function() {
|
fsNav();
|
})
|
function loginout() {
|
if(confirm("确定要退出吗？")) {
|
window.location.href="${base}/business/logout.html";
|
}
|
}
|
</script>
|
</head>
|
|
<body class="fullscreen">
|
[#include "/business/pages/include/header.html" /]
|
[#assign label = GnConstants.WDGL]
|
[#include "/business/pages/include/gps.html" /]
|
[#include "/component/ajaxupload.html" /]
|
<div class="module_toolbar module_rightbar">
|
|
<div class="btnarea">
|
<div style="position:relative;float:left;width:130px;">
|
<a class="upload_file">上传文件</a>
|
[@ajaxupload id="managerPhotos" style="position:absolute;top:20px;left:10px;" allowTypes="*.jpg;*.png;*.jpeg;*.gif;*.doc;*.docx;*.xls;*.xlsx;*.pdf;*.ppt;*.pptx;*.rar;*.zip;*.txt;" width="130" user_id="${user_id}" user_name="${user_name}"/]
|
</div>
|
<a class="new_folder" id="newFolder">新建文件夹</a>
|
</div>
|
<div class="searchfunc">
|
<div class="input_wrap"> <input type="text" id="searchWord"/><span>请输入关键字</span> </div>
|
<a href="javascript:search();">搜索</a>
|
</div>
|
</div>
|
|
<input type="hidden" id="p_id" value=""/>
|
<input type="hidden" id="cp_id" value=""/>
|
<div class="file_con" id="fileCon">
|
<table id="mainData">
|
</table>
|
|
</div>
|
<div class="fs_main clearfix" style="margin-top:10px;">
|
<div class="paging clearfix" id="pagination"></div>
|
</div>
|
|
<script type="text/javascript">
|
|
|
// JavaScript Document
|
$(function(){
|
|
inputVal('input_wrap', 'input');
|
inputVal('textarea_wrap', 'textarea');
|
|
//flilename文件名称宽度
|
$('div.flilename').each(function(i) {
|
var $this = $(this);
|
$this.width(43 + parseInt($this.children('span').width()) + parseInt($this.children('a').length == 1 ? parseInt($this.children('a').width()) : 0));
|
});
|
|
//文件鼠标事件
|
var rightkey = $('#rightkey'),
|
ranamebtn = $('#ranamebtn'),
|
moveto = $('#moveto'),
|
copyto = $('#copyto');
|
$(document).on("contextmenu", function() { return false; });
|
$(document).on('mousedown', 'div.flilename', function(event){
|
if(event.which == 3){
|
var $this = $(this),
|
code = $this.attr('id').substring(8),
|
i=$this.attr('i'),
|
p=$this.attr('p'),
|
t=$this.attr('t'),
|
n=$this.attr('n'),
|
l=$this.attr('l')
|
event = event || window.event;
|
if(t == 1){
|
$("#downloadBtn").hide();
|
$("#delbtn").hide();
|
copyto.hide();
|
rightkey.children('span.divider:eq(0)').hide();
|
}else{
|
$("#downloadBtn").show();
|
$("#delbtn").show();
|
ranamebtn.show();
|
moveto.show();
|
copyto.show();
|
};
|
rightkey.attr('code', code);
|
rightkey.attr('i', i);
|
rightkey.attr('p', p);
|
rightkey.attr('t', t);
|
rightkey.attr('n', n);
|
if(l==1){
|
}
|
else{
|
rightkey.css({left : event.pageX - 2 + 'px', top : event.pageY - 2 + 'px', zIndex : 2999}).show();
|
}
|
}
|
});
|
$(document).on('mouseout', 'div.flilename', function(){
|
rightkey.hide();
|
});
|
rightkey.hover(function(){$(this).show();}, function(){$(this).hide();});
|
|
//重命名
|
var newname = $('#newname');
|
ranamebtn.click(function(){
|
var $this = $(this),
|
code = rightkey.attr('code');
|
rightkey.hide();
|
$('#renamePop').attr('code', code);
|
$.popupEleNoMask('renamePop');
|
newname.val(rightkey.attr('n'));
|
newname.parent().find('span').html("");
|
});
|
|
|
//重命名确定按钮
|
$('#renameSurebtn').click(function(){
|
var $this = $(this),
|
code = rightkey.attr('code'),
|
valn = newname.val();
|
var id = $("#rightkey").attr('i');
|
var type = $("#rightkey").attr('t');
|
if($.util.isEmpty(valn)) {
|
alert("请输入文件名称");
|
}
|
if(valn != ''){
|
$.post("${base}/business/pages/fileManage/doc/renameFile.html",{"id":id,"file_type":type,"newName":valn},function(data,textStatus) {
|
$('#fileshow' + code).children('span').text(valn);
|
inputValNull($("#newname"));
|
$.closePop('renamePop');
|
});
|
}
|
});
|
$('#renamePopClose').click(function(){
|
$.closePop('renamePop');
|
inputValNull(newname);
|
});
|
$('#renameCancelbtn').click(function(){
|
$.closePop('renamePop');
|
inputValNull(newname);
|
});
|
|
//拖动
|
var tdall = 0;
|
fileconTitle = $('#fileconTitle').children('td');
|
fileconTitle.each(function(i){
|
if(i == fileconTitle.length - 1){
|
return false;
|
}else{
|
$(this).width($(this).width());
|
}
|
});
|
$('#filelasttd').css('min-width', '110px');
|
$(document).on('mousedown', 'span.tdivider', function(){
|
var $this = $(this),
|
ieq = $this.parent('td').index();
|
if(ieq == 1){
|
tdall = parseInt(fileconTitle.eq(0).width()) + 50;
|
}
|
$(document).on('mousemove', function(event){
|
var e = event || window.event;
|
$this.parent('td').width(e.pageX - tdall - 50);
|
});
|
});
|
$(document).on('mouseup', function(event){
|
$(document).off('mousemove', undefined);
|
$(document).on('mousedown', 'span.tdivider', undefined);
|
tdall = 0;
|
});
|
|
|
//新建文件夹
|
var newFolderName = $('#newFolderName');
|
$('#newFolder').click(function(){
|
$.popupEleNoMask('newfloderPop');
|
});
|
$('#newfloderPopClose').click(function(){
|
$.closePop('newfloderPop');
|
inputValNull(newFolderName);
|
});
|
$('#newfloderCancelbtn').click(function(){
|
$.closePop('newfloderPop');
|
inputValNull(newFolderName);
|
});
|
$('#newfloderSurebtn').click(function(){
|
var forderName = $.trim($("#newFolderName").val());
|
if($.util.isEmpty(forderName)) {
|
alert("请输入文件夹的名称");
|
return;
|
}
|
var up_id = $("#cp_id").val();
|
$.post("${base}/business/pages/fileManage/doc/saveFolder.html",{"up_id":up_id,"forderName":forderName},function(data,textStatus) {
|
query(up_id);
|
$.closePop('newfloderPop');
|
$("#newFolderName").val("");
|
$("#newFolderName").next("span").show();
|
})
|
});
|
|
|
var ydml = "";
|
//移动到
|
$('#moveto').click(function(){
|
rightkey.hide();
|
$('#tt').tree({
|
url:'${base}/business/pages/fileManage/doc/companyFileJson.html',
|
method:'get',
|
animate:true,
|
onSelect : function(node) {
|
ydml = node.id;
|
}
|
});
|
$.popupEleNoMask('movetoPop');
|
});
|
$("#movetoSurebtn").click(function() {
|
var up_id = $("#p_id").val();
|
var code = $("#rightkey").attr('code');
|
var type= $("#rightkey").attr('t');
|
var id= $("#rightkey").attr('i');
|
if(ydml == 0) {
|
alert("不能移动到根目录下");
|
return;
|
}
|
if(ydml == up_id || ydml == id) {
|
alert("不能移动到当前目录或其子目录下");
|
return;
|
}
|
|
//开始移动文件或者文件夹
|
$.post("${base}/business/pages/fileManage/doc/moveFile.html",{"file_type":type,"targetId":ydml,"id":id},function(data,textStatus) {
|
if(data==1) {
|
$.closePop('movetoPop');
|
query(up_id);
|
alert("移动成功");
|
} else if(data==2) {
|
alert("不能移动到当前目录或其子目录下");
|
}
|
})
|
});
|
$('#movetoPopClose').click(function(){
|
$.closePop('movetoPop');
|
});
|
$('#movetoCancelbtn').click(function(){
|
$.closePop('movetoPop');
|
});
|
|
//复制到
|
$('#copyto').click(function(){
|
rightkey.hide();
|
$('#copyTree').tree({
|
url:'${base}/business/pages/fileManage/doc/companyFileJson.html',
|
method:'get',
|
animate:true,
|
onSelect : function(node) {
|
ydml = node.id;
|
}
|
});
|
$.popupEleNoMask('copytoPop');
|
});
|
$("#copytoSurebtn").click(function() {
|
var up_id = $("#p_id").val();
|
var code = $("#rightkey").attr('code');
|
var type= $("#rightkey").attr('t');
|
var id= $("#rightkey").attr('i');
|
if(ydml == 0) {
|
alert("不能复制到根目录下");
|
return;
|
}
|
if(ydml == up_id || ydml == id) {
|
alert("不能复制到当前目录或其子目录下");
|
return;
|
}
|
//开始复制文件或者文件夹
|
$.post("${base}/business/pages/fileManage/doc/copyFile.html",{"targetId":ydml,"id":id},function(data,textStatus) {
|
if(data==1) {
|
$.closePop('copytoPop');
|
query(up_id);
|
alert("复制成功");
|
} else if(data==2) {
|
alert("不能复制到当前目录或其子目录下");
|
}
|
})
|
});
|
$('#copytoPopClose').click(function(){
|
$.closePop('copytoPop');
|
});
|
$('#copytoCancelbtn').click(function(){
|
$.closePop('copytoPop');
|
});
|
|
});
|
|
function inputValNull(ele){
|
ele.val('');
|
ele.next('span').show();
|
}
|
|
//全选
|
function checkboxAll(){
|
var cki = 0;
|
$(document).on('click', '#stall', function(){
|
var ckval = $(this).prop('checked');
|
if(ckval == true){
|
$('input.stitem').prop('checked', true);
|
}else{
|
$('input.stitem').prop('checked', false);
|
}
|
});
|
$(document).on('click', 'input.stitem', function(){
|
var ckval = $(this).prop('checked');
|
if(ckval == false){
|
$('#stall').prop('checked', false);
|
}else{
|
$('input.stitem').each(function(i){
|
if($('input.stitem').eq(i).prop('checked') == true){
|
cki ++;
|
};
|
});
|
if(cki == $('input.stitem').length){
|
$('#stall').prop('checked', true);
|
}
|
}
|
cki = 0;
|
});
|
}
|
|
//查询方法
|
var nowPage = 1;
|
function query(pId,searchWord,orderType,orderWay) {
|
var params = {"pId":pId,"searchWord":searchWord,"orderType":orderType,"orderWay":orderWay};
|
pagination("${base}/business/pages/fileManage/doc/fileData.html","${base}/business/pages/fileManage/doc/fileCount.html","mainData","pagination",{cpage:nowPage,psize:10},params,function(data,page) {
|
nowPage = page;
|
});
|
}
|
$(function() {
|
query();
|
})
|
|
//delbtn删除
|
$(document).on("click","#delbtn",function(){
|
//异步请求
|
if(confirm("确定要删除吗？")) {
|
var id = $("#rightkey").attr('i');
|
var type = $("#rightkey").attr('t');
|
var pId = $("#rightkey").attr('p');
|
$.post("${base}/business/pages/fileManage/doc/deleteFile.html",{"id":id,"file_type":type},function(data,textStatus) {
|
query(pId);
|
})
|
}
|
|
});
|
//双击文件夹
|
$(".fileName").live("click",function(){
|
var id=$(this).parent().attr("i");
|
var type=$(this).parent().attr("t");
|
if(type=="1"){
|
query(id);
|
|
}
|
});
|
function callBack(){
|
var pid=$("#p_id").val();
|
query(pid);
|
|
}
|
//搜索文件
|
function search(orderType,orderWay) {
|
var searchWord = $.trim($("#searchWord").val());
|
var nowPage = 1;
|
var params = {"searchWord":searchWord,"orderType":orderType,"orderWay":orderWay};
|
pagination("${base}/business/pages/fileManage/doc/fileSearchData.html","${base}/business/pages/fileManage/doc/fileSearchCount.html","mainData","pagination",{cpage:nowPage,psize:10},params,function(data,page) {
|
nowPage = page;
|
});
|
}
|
//文件下载
|
$(document).on("click","#downloadBtn",function(data,textStatus) {
|
var code = $("#rightkey").attr('i');
|
window.location.href="${base}/business/pages/fileManage/doc/downloadFile.html?fileId="+code;
|
})
|
|
$(function() {
|
$(document).on("click",".orderType",function(data,textStatus) {
|
$(".orderType a.sorting_btn").hide();
|
$(this).find("a.sorting_btn").toggleClass("focus");
|
$(this).find("a.sorting_btn").show();
|
var orderType = $(this).attr("orderType");
|
var orderWay;
|
if($(this).find("a.sorting_btn").hasClass("focus")) {
|
orderWay = 1;
|
} else {
|
orderWay = 2;
|
}
|
var cp_id = $("#cp_id").val();
|
var queryModel=$("#mode").val();
|
if(queryModel=="search"){
|
search(orderType,orderWay);
|
}else{
|
query(cp_id,"",orderType,orderWay);
|
}
|
});
|
});
|
</script>
|
|
<div class="rightkey" id="rightkey" code="0">
|
<a id="downloadBtn">下载</a>
|
<span class="divider"></span>
|
<a id="moveto">移动到</a>
|
<a id="copyto">复制到</a>
|
<span class="divider"></span>
|
<a id="ranamebtn">重命名</a>
|
<a id="delbtn">删除</a>
|
</div>
|
<div class="filepopup" id="renamePop" code="0">
|
<div class="filepop_top">
|
<h3>重命名</h3>
|
<a id="renamePopClose"></a>
|
</div>
|
<div class="filepop_con">
|
<div class="rename">
|
<div class="input_wrap"> <input id="newname" type="text" /><span>请输入新的名称</span> </div>
|
</div>
|
<div class="pop_btnarea clearfix">
|
<a class="cancelbtn" id="renameCancelbtn">取消</a>
|
<a class="surebtn" id="renameSurebtn">确定</a>
|
</div>
|
</div>
|
</div>
|
<div class="filepopup" id="newfloderPop">
|
<div class="filepop_top">
|
<h3>新建文件夹</h3>
|
<a id="newfloderPopClose"></a>
|
</div>
|
<div class="filepop_con">
|
<div class="rename">
|
<div class="input_wrap"> <input id="newFolderName" type="text" /><span>请输入需要新建文件夹的名称</span> </div>
|
</div>
|
<div class="pop_btnarea clearfix">
|
<a class="cancelbtn" id="newfloderCancelbtn">取消</a>
|
<a class="surebtn" id="newfloderSurebtn">确定</a>
|
</div>
|
</div>
|
</div>
|
<div class="filepopup moveCopy" id="movetoPop">
|
<div class="filepop_top">
|
<h3>移动到</h3>
|
<a id="movetoPopClose"></a>
|
</div>
|
<div class="filepop_con">
|
<div class="folder_layer" style="height:300px;overflow-y:auto;">
|
<ul id="tt" class="easyui-tree"></ul>
|
</div>
|
<div class="pop_btnarea clearfix">
|
<!--<a class="new_folder"><span>新建文件夹</span></a>-->
|
<a class="cancelbtn" id="movetoCancelbtn">取消</a>
|
<a class="surebtn" id="movetoSurebtn">确定</a>
|
</div>
|
</div>
|
</div>
|
<div class="filepopup moveCopy" id="copytoPop">
|
<div class="filepop_top">
|
<h3>复制到</h3>
|
<a id="copytoPopClose"></a>
|
</div>
|
<div class="filepop_con">
|
<div class="folder_layer" style="height:300px;overflow-y:auto;">
|
<ul id="copyTree" class="easyui-tree"></ul>
|
</div>
|
<div class="pop_btnarea clearfix">
|
<!--<a class="new_folder"><span>新建文件夹</span></a>-->
|
<a class="cancelbtn" id="copytoCancelbtn">取消</a>
|
<a class="surebtn" id="copytoSurebtn">确定</a>
|
</div>
|
</div>
|
</div>
|
<div id="ert"></div>
|
|
</body>
|
</html>
|
