Skip to content

J
jfV5portal
Commit 1742061b by 周添尉
Options

添加了办事大厅模块

parent 5d3b4a3c
Showing with 1227 additions and 162 deletions
WebContent/custom/js/layout4.js
......@@ -33,7 +33,7 @@ function init_index_nav(){
text.attr('href',data[i].REMARK);
//如果是当前页的页面时则添加一个样式
var hrefArray=location.href;
if(text[0].href==hrefArray){
if(text[0].href==hrefArray||hrefArray==text[0].href+'Detail'){
text.addClass('layout_center_navClick');
}
container.append(text);
......@@ -68,4 +68,76 @@ function IEVersion() {
}else{
return -1;//不是ie浏览器
}
}
/**
* 文件下载
* @returns {Boolean}
*/
function fileDownloadURL(uploadnew,uploadpath,uploadold,uuid,downloadURL){
if(downloadURL == '' || downloadURL == null || downloadURL == 'undefined'){
fileDownload(uploadnew,uploadpath,uploadold,uuid);
}else{
var form=$("<form>");//定义一个form表单
form.attr("style","display:none");
form.attr("target","");
form.attr("method","post");
form.attr("action",downloadURL);
var input1=$("<input>");
input1.attr("type","hidden");
input1.attr("name","uploadnew");
input1.attr("value",uploadnew);
var input2=$("<input>");
input2.attr("type","hidden");
input2.attr("name","uploadpath");
input2.attr("value",uploadpath);
var input3=$("<input>");
input3.attr("type","hidden");
input3.attr("name","uploadold");
input3.attr("value",uploadold);
var input4=$("<input>");
input4.attr("type","hidden");
input4.attr("name","uuid");
input4.attr("value",uuid);
$("#disk_upload").append(form);
form.append(input1);
form.append(input2);
form.append(input3);
form.append(input4);
form.submit();//表单提交
}
}
/**
* 文件下载
* @returns {Boolean}
*/
function fileDownload(uploadnew,uploadpath,uploadold,uuid){
var form=$("<form>");//定义一个form表单
form.attr("style","display:none");
form.attr("target","");
form.attr("method","post");
form.attr("action","uploadFileAct_download");
var input1=$("<input>");
input1.attr("type","hidden");
input1.attr("name","uploadnew");
input1.attr("value",uploadnew);
var input2=$("<input>");
input2.attr("type","hidden");
input2.attr("name","uploadpath");
input2.attr("value",uploadpath);
var input3=$("<input>");
input3.attr("type","hidden");
input3.attr("name","uploadold");
input3.attr("value",uploadold);
var input4=$("<input>");
input4.attr("type","hidden");
input4.attr("name","uuid");
input4.attr("value",uuid);
$("#disk_upload").append(form);
form.append(input1);
form.append(input2);
form.append(input3);
form.append(input4);
form.submit();//表单提交
}
\ No newline at end of file
WebContent/jfcas04/css/common.css
......@@ -1691,9 +1691,250 @@ a{
text-decoration: underline;
color:#3b8cff;
}
/***************成功的提示样式**********/
.layout_success_message{
position: fixed;
top:233px;
right:0;
width: 500px;
display:none;
}
.layout_success_message>button+span{
font-weight: bold;
font-size: 18px;
margin-right:5px;
line-height:21px;
}
/**********************办事大厅的样式************/
.office_bg{
background: url(../../custom/images/office_bg.png);
height:355px;
background-size: cover;
}
.office_bg_content{
font-size:0px;
margin:50px 0 0;
text-align: center;
padding:0 5%;
}
.office_bg_content>div{
padding:0 25px;
}
.office_bg_content>div>div{
background: rgba(0,0,0,0.5);
height:215px;
max-width: 248px;
margin: auto;
border-radius:15px;
cursor: pointer;
}
.office_bg_content>div>div:hover{
background:#2474a9;
}
.office_bg_content img{
margin:25px 0 30px;
}
.office_bg_content_click{
background:#2474a9 !important;
}
.office_bg_content>div>div>div{
font-size:20px;
color:white;
}
.office_module{
padding: 0 5%;
margin:auto;
margin-top:-42px;
}
.office_module_title{
background:white;
height:42px;
border-top:3px solid #2474a9;
border-bottom:1px solid #ccc;
line-height: 38px;
color:#333;
padding:0;
}
.office_module_title>img{
margin:0 3px 0 10px;
vertical-align: sub;
}
.office_module_title>img+span{
font-weight:bold;
}
.office_module_title>a{
float:right;
margin-right:30px;
color:#06B8D6;
}
.office_module_title>a:hover{
text-decoration: underline !important;
}
.office_module_title>div{
float: right;
margin-right:30px;
width: 214px;
height:26px;
border:1px solid #ccc;
border-radius: 13px;
line-height:24px;
margin-top:6px;
}
.office_module_title>div>input{
height:24px;
line-height:24px;
border:0;
width:178px;
outline:none;
margin-left:10px;
}
.office_module_title>div>img{
padding:5px;
vertical-align: bottom;
cursor:pointer;
}
.office_apply{
padding:0;
height:302px;
}
.office_apply_content{
padding:30px 15px 0;
box-shadow:0px 1px 3px #ccc;
font-size:0px;
}
.office_apply_content>div{
display:inline-block;
width:11.11%;
padding:0 15px;
margin-bottom:30px;
}
.office_apply_content>div>div{
padding: 15% 10px;
width:100%;
color:white;
font-size:14px;
border-radius:5px;
text-align: center;
display: table;
max-width:106px;
margin:auto;
cursor: pointer;
}
.office_apply_content>div>div>div{
height:60px;
display: table-cell;
vertical-align: middle;
line-height: 20px;
}
.office_examine{
padding:0;
}
.office_examine_tilte{
margin-left:17px;
cursor: pointer;
}
.office_examine_tilte:hover{
color:#06B8D6;
text-decoration: underline;
}
/*******************修改办事大厅的table的样式*************/
.office_table .table{
border-bottom:0px;
font-size: 14px;
}
.office_examine .table>tbody>tr>td,.office_table .table>tbody>tr>th,.office_table .table>tfoot>tr>td,.office_table .table>tfoot>tr>th,.office_table .table>thead>tr>td,.office_table .table>thead>tr>th{
border-top:0px;
}
.office_table .fixed-table-container tbody td{
border-left:0px;
}
.office_table .fixed-table-container{
border:0px;
}
.office_table thead{
display:none !important;
}
.office_table .fixed-table-body{
height: 360px;
box-shadow: inset 0px -1px 1px #ccc;
}
/**************办事大厅的详情**************************/
.officeDetail_bg{
background: url(../../custom/images/officeDetail_bg.png);
height:150px;
background-size: cover;
}
.officeDetail_content{
padding:0 5%;
}
.officeDetail_content_title{
height:65px;
border-bottom:1px solid #bbb;
text-align: center;
padding:0 20px;
}
.officeDetail_content_title>span{
font-size: 24px;
color:#333;
line-height:65px;
}
.officeDetail_content_title>span+div{
float:left;
color:#08B9D5;
margin-top:30px;
cursor: pointer;
}
.officeDetail_content_title>span+div>img{
margin-right:5px;
vertical-align: sub;
}
.officeDetail_content_title>span+div+div{
float:right;
margin-top:30px;
color:#999;
}
.officeDetail_content_title>span+div+div>span:first-child{
color:red;
margin-right:3px;
vertical-align: sub;
}
.officeDetail_content_div{
padding:0;
}
.officeDetail_flow{
background: #f3f3f3;
height:10px;
position: relative;
}
.officeDetail_flow_toggole{
width:54px;
height:25px;
line-height:25px;
color:#bbb;
float:right;
border-radius:3px 3px 0 0;
background: #f3f3f3;
text-align: center;
right:5%;
margin-top: -25px;
cursor: pointer;
font-size:12px;
position: absolute;
z-index: 2;
}
.officeDetail_flow_toggole:hover{
background: #e5e5e5 !important;
}
.officeDetail_flow_toggole>img{
margin-right:5px;
margin-top: -2px;
}
.officeDetail_flow_content{
height:0;
overflow: auto;
line-height: 14px;
padding:0;
}
......
WebContent/jfcas04/disk.jsp
......@@ -10,6 +10,7 @@
<script type="text/javascript" src="${pageContext.request.contextPath}/jwapp/pages/store/js/storeModule.js" charset="utf-8"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jwapp/pages/storeshare/js/storeShareModule.js" charset="utf-8"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jwapp/pages/user/js/jwAppUserModule.js" charset="utf-8"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jwapp/pages/storepartook/js/storePartookModule.js" charset="utf-8"></script>
<script src="${ctx}/jfcas04/js/disk.js"></script>
</head>
<body>
......@@ -230,6 +231,14 @@
</div>
</div>--%>
<div id="disk_upload" style="display:none;"></div>
<!-- 操作之后的提示 -->
<div class="alert alert-success alert-dismissible layout_success_message" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<span>Success!</span><span>成功提示!</span>
</div>
<!-- 尾部 -->
<jsp:include page="/footer.jsp"></jsp:include>
</body>
......
WebContent/jfcas04/header.jsp
......@@ -13,8 +13,6 @@
<link rel="stylesheet" type="text/css" href="${ctx}/lib/plug/fancyBox-2.1.5/source/jquery.fancybox.css" media="screen">
<!-- ztree的css -->
<link rel="stylesheet" href="${ctx}/lib/plug/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<!-- jquery ui的css -->
<!-- <link rel="stylesheet" href="lib/plug/jqueryUi/jquery-ui-1.12.1.custom/jquery-ui.css" type="text/css"> -->
<link rel="stylesheet" href="${ctx}/lib/plug/jqueryUi/jquery-ui-1.10.4/themes/base/jquery-ui.css">
<!-- xcConfirm的css -->
<link rel="stylesheet" href="${ctx}/lib/plug/xcConfirm/css/xcConfirm.css">
......@@ -23,12 +21,9 @@
<!-- fullcalendar(日历)的css -->
<link href='${ctx}/lib/plug/fullcalendar/fullcalendar.min.css' rel='stylesheet' />
<link href='${ctx}/lib/plug/fullcalendar/fullcalendar.print.min.css' rel='stylesheet' media='print' />
<!-- easyui的css -->
<%-- <link rel="stylesheet" href="${ctx}/lib/plug/jquery-easyui-1.5.3/themes/default/easyui.css" type="text/css"></link> --%>
<link rel="stylesheet" href="${ctx}/lib/plug/jquery-easyui-1.5.3/themes/icon.css" type="text/css"></link>
<script type="text/javascript" src="${ctx}/lib/js/jquery-1.11.1.min.js"></script>
<!-- <script src="lib/js/jquery-1.11.1.min.js"></script> -->
<!-- fancyBox的js -->
<script type="text/javascript" src="${ctx}/lib/plug/fancyBox-2.1.5/source/jquery.fancybox.js"></script>
......@@ -62,9 +57,6 @@
<script type="text/javascript" src="${ctx}/lib/plug/jqueryColour/spectrum.js"></script>
<!-- mydate97的js -->
<script src='${ctx}/lib/plug/My97DatePicker/WdatePicker.js'></script>
<!-- easyui的js -->
<%-- <script type="text/javascript" src="${ctx}/lib/plug/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx}/lib/plug/jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script> --%>
<!-- 调用api时的js -->
<script type="text/javascript" src="${ctx}/jwapp/common/js/lang_json.js"></script>
<!-- bootstrap的js -->
......
WebContent/jfcas04/js/disk.js
$(function() {
/*for(var i =1;i<=9;i++){
var str = "";
for(var j = 1;j<=i;j++){
str = str + (j + '*' + i + '=' + (i*j)) + ' ';
}
console.log(str)
}*/
//去掉尾部的一个div
$('.index_footer').next().remove();
......@@ -167,7 +159,7 @@ function disk_addFolder(handler){
//列表的添加文件
function disk_addFolder_list(){
var date = $.jfbrother.dateToStr('yyyy-MM-dd');
var list_data = {UUID:'',UPDATE_TIME:date,FILE_NAME:'新建文件夹',fileImg:'disk_module5_close.png',FILE_TYPE:'folder',FILE_SIZE:0};
var list_data = {UUID:'',UPDATE_TIME:date,FILE_NAME:'新建文件夹',fileImg:'disk_module5_close.png',FILE_TYPE:'folder',FILE_SIZE:0,apiIndex:'0'};
//跳到第一页
//$('#disk_content_list').bootstrapTable('selectPage', 1); //Jump to the first page
......@@ -199,7 +191,7 @@ function disk_addFolder_list(){
//缩略图的添加文件夹
function disk_addFolder_lump(){
var lump_data = {FILE_NAME:'新建文件夹',fileImg:'disk_module5_close.png',FILE_TYPE:'folder',FILE_SIZE:'0'};
var lump_data = {FILE_NAME:'新建文件夹',fileImg:'disk_module5_close.png',FILE_TYPE:'folder',FILE_SIZE:'0',apiIndex:'0'};
var $disk_content_lump = $('.disk_content_lump');
var $create_container = $('<div></div>').addClass('col-md-2');
$disk_content_lump.append($create_container);
......@@ -292,7 +284,7 @@ function disk_input_blur(handler){
}
var uuid = $.jfbrother.uuid();
var date = $.jfbrother.dateToStr('yyyy-MM-dd');
var list_lump_data = {UUID:uuid,FILE_NAME:input_val,FILE_TYPE:'folder',FILE_SIZE:0,UPDATE_TIME:date,FATHER_ID:parentId,FIELD_ISFILE:'0'};
var list_lump_data = {apiIndex:'0',UUID:uuid,FILE_NAME:input_val,FILE_TYPE:'folder',FILE_SIZE:0,UPDATE_TIME:date,FATHER_ID:parentId,FIELD_ISFILE:'0'};
var insert_result = storePersonalModule.storePersonalActAction.insertStorePersonal({
FIELD_UUID:uuid,
FIELD_MODULE_ID : '3',
......@@ -380,27 +372,9 @@ function disk_lump_dbClick(handler){
}
}
//没文件时的显示
else{
var $disk_content_lump = $('.disk_content_lump');
var $no_file_content = $('<div></div>').addClass('disk_content_lump_noFile');
var $no_file_img = $('<img src='+ctx+'/custom/images/disk_lump_noFile.png width="131" height="116" />');
var $no_file_text;
var $no_file_btn;
//如果是公司文件时
if(lump_data.apiIndex=='1'){
$no_file_text = $('<p></p>').text('暂无数据~');
}
//如果是共享文件时
else if(lump_data.apiIndex=='2'){
$no_file_text = $('<p></p>').text('暂无共享数据~');
}
//如果为普通文件时
else{
$no_file_text = $('<p></p>').text('超大空间等你来填满,快来上传吧~');
$no_file_btn = $('<p><span onclick="disk_uploadFolder()">上传文件</span></p>');
}
$disk_content_lump.append($no_file_content);
$no_file_content.append($no_file_img).append($no_file_text).append($no_file_btn);
else{
//初始化没文件的显示
init_disk_lump_noFile(lump_data);
}
});
......@@ -418,6 +392,37 @@ function disk_lump_dbClick(handler){
}
//初始化块状没文件的显示
function init_disk_lump_noFile(lump_data){
var $disk_content_lump = $('.disk_content_lump');
var $no_file_content = $('<div></div>').addClass('disk_content_lump_noFile');
var $no_file_img = $('<img src='+ctx+'/custom/images/disk_lump_noFile.png width="131" height="116" />');
var $no_file_text;
var $no_file_btn;
//如果是回收站处理没文件时
if($('#disk_rubbish').data('rubbish')){
$no_file_text = $('<p></p>').text('暂无删除数据~');
}
//如果是分享码处理没文件时
if(lump_data){
//如果是公司文件时
if(lump_data.apiIndex=='1'){
$no_file_text = $('<p></p>').text('暂无数据~');
}
//如果是共享文件时
else if(lump_data.apiIndex=='2'){
$no_file_text = $('<p></p>').text('暂无共享数据~');
}
//如果为普通文件时
else{
$no_file_text = $('<p></p>').text('超大空间等你来填满,快来上传吧~');
$no_file_btn = $('<p><span onclick="disk_uploadFolder()">上传文件</span></p>');
}
}
$disk_content_lump.append($no_file_content);
$no_file_content.append($no_file_img).append($no_file_text).append($no_file_btn);
};
//把自身的uuid当做parentId来查找下面的子目录,不穿则表示查找跟节点,获得的可以是回收站可以是正常文件delete_flag 1为回收站的文件,0是正常文件
function init_disk_infos(delete_flag,lump_data){
var infos;
......@@ -445,8 +450,8 @@ function init_disk_infos(delete_flag,lump_data){
if(delete_flag=='0'){
//把公司文件和共享文件写死
var default_infos = [
{UUID:'B',FILE_NAME:'公司文件',UPDATE_TIME:'',FILE_TYPE:'folder_company',FILE_SIZE:0,apiIndex:'1'},
{UUID:'C',FILE_NAME:'共享文件',UPDATE_TIME:'',FILE_TYPE:'folder_share',FILE_SIZE:0,apiIndex:'2'},
{UUID:'B',FILE_NAME:'公司文件',UPDATE_TIME:'',FILE_TYPE:'folder_company',FILE_SIZE:0,apiIndex:'1',ISFILE:'0'},
{UUID:'C',FILE_NAME:'共享文件',UPDATE_TIME:'',FILE_TYPE:'folder_share',FILE_SIZE:0,apiIndex:'2',ISFILE:'0'},
];
results = default_infos.concat(results);
}
......@@ -564,9 +569,12 @@ function init_disk_contextmenu(){
}
//点击文件夹
else if($(e.target).parents('tbody').length==1){
//点击列表没有数据时则返回
if($(e.target).parents('tbody').find('.no-records-found').length==1){
return false;
}
//去掉之前选中的列
$('#disk_content_list').bootstrapTable('uncheckAll');
$('#disk_content_list').bootstrapTable('uncheckAll');
//选中当前的列
$('#disk_content_list').bootstrapTable('check',$(e.target).parents('tr').data('index'));
lump_data = $(e.target).parents('tr').find('.disk_content_list_fileName>div').eq(1).data('lump_data');
......@@ -635,26 +643,19 @@ function init_disk_menu_toggle(disk_menu,lump_data){
var $disk_menu = disk_menu;
if(!lump_data){
$disk_menu.find('.disk_menu_noClickBtn').removeClass('disk_menu_noClick');
$disk_menu.find('.disk_menu_clickBtn').addClass('disk_menu_noClick');
$disk_menu.find('.disk_menu_clickBtn').addClass('disk_menu_noClick');
return;
}
else{
$disk_menu.find('.disk_menu_noClickBtn').addClass('disk_menu_noClick');
$disk_menu.find('.disk_menu_clickBtn').removeClass('disk_menu_noClick');
}
//如果是在首页点击了公司文件则不显示重命名,分享,删除,移动到,共享
if($('.disk_search_center>a').eq(0).next().length==0&&lump_data.FILE_TYPE=='folder_company'){
//如果是在首页点击了公司文件或共享文件则不显示重命名,分享,删除,移动到,共享,下载
if(($('.disk_search_center>a').eq(0).next().length==0&&lump_data.FILE_TYPE=='folder_company')||($('.disk_search_center>a').eq(0).next().length==0&&lump_data.FILE_TYPE=='folder_share')){
$disk_menu.find('.disk_menu_clickBtn').addClass('disk_menu_noClick');
$disk_menu.find('li').eq(2).removeClass('disk_menu_noClick');
$disk_menu.find('li').eq(6).removeClass('disk_menu_noClick');
return;
}
//如果是在首页点击了共享文件时,则不显示重命名,分享,删除,移动到,共享,下载
if($('.disk_search_center>a').eq(0).next().length==0&&lump_data.FILE_TYPE=='folder_share'){
$disk_menu.find('.disk_menu_clickBtn').addClass('disk_menu_noClick');
$disk_menu.find('li').eq(2).removeClass('disk_menu_noClick');
return;
}
}
//普通文件的空白位置
if(lump_data.apiIndex=='0'&&lump_data.FATHER_ID=='A'&&$('.disk_search_center>a').eq(0).next().length!=0){
$disk_menu.find('.disk_menu_noClickBtn').removeClass('disk_menu_noClick');
......@@ -693,9 +694,13 @@ function init_disk_menu_toggle(disk_menu,lump_data){
$disk_menu.find('li').eq(7).addClass('disk_menu_noClick');
$disk_menu.find('li').eq(8).addClass('disk_menu_noClick');
}
//如果是文件时,则不显示打开文件夹的按钮
//如果是文件时,则不显示打开文件夹的按钮,并且不能显示下载按钮
if(lump_data.ISFILE=='1'){
$disk_menu.find('li').eq(2).addClass('disk_menu_noClick');
$disk_menu.find('li').eq(6).removeClass('disk_menu_noClick');
}
else{
$disk_menu.find('li').eq(6).addClass('disk_menu_noClick');
}
}
......@@ -727,6 +732,7 @@ function disk_content_toggle(handler){
else{
infos = init_disk_infos('0',lump_data);
}
//绑定一个data来区别切换的状态toggleList==true为切换到了list
if(!$(handler).data('toggleList')){
//列表形式
......@@ -754,10 +760,17 @@ function disk_content_toggle(handler){
$(handler).removeClass('glyphicon-th-list').addClass('glyphicon-th-large');
//先清空容器
$('.disk_content_lump').html('');
//渲染块状
for(var i = 0 ; i<infos.length;i++){
init_disk_createLump(infos[i]);
if(infos.length==0){
//无数据时块状的填充
init_disk_lump_noFile(lump_data);
}
else{
//渲染块状
for(var i = 0 ; i<infos.length;i++){
init_disk_createLump(infos[i]);
}
}
}
$('.disk_content_lump,.disk_content_list').toggle();
}
......@@ -1219,7 +1232,7 @@ function disk_backFolder(handler){
//如果是块状时
//根据一个json数据去渲染块状
//渲染块状
//先清空容器
//先清空容器
$('.disk_content_lump').html('');
for(var i = 0 ; i<lump_infos.length;i++){
init_disk_createLump(lump_infos[i]);
......@@ -1268,7 +1281,7 @@ function disk_moveFolder(handler){
}
}
console.log(rows_data)
//console.log(rows_data)
var strVar = "";
strVar += "<div style=\"width:268px;padding:0px;border-radius:5px;overflow:hidden;\">\n";
......@@ -1276,7 +1289,7 @@ function disk_moveFolder(handler){
strVar += " <div class=\"disk_move_search\"><input placeholder=\"搜索文件夹\" type=\"text\" ><span onclick=\"alert('搜索')\">搜索</span><\/div>\n";
strVar += " <div id=\"disk_move_tree\" style=\"height:220px;overflow:auto;\" class=\"ztree disk_move_tree\"><\/div>\n";
strVar += " <div class=\"disk_move_btn\">\n";
strVar += " <span onclick=\"disk_moveFolder_save()\">确定<\/span><span onclick=\"$.fancybox.close()\">取消<\/span>\n";
strVar += " <span>确定<\/span><span onclick=\"$.fancybox.close()\">取消<\/span>\n";
strVar += " <\/div>\n";
strVar += "<\/div>\n";
......@@ -1294,20 +1307,53 @@ function disk_moveFolder(handler){
}
});
//绑定确定按钮的操作
$('.disk_move_btn>span').eq(0).bind('click',function(){
disk_moveFolder_save(rows_data);
})
//初始化文件目录
init_disk_move_tree(rows_data);
}
//文件移动的保存
function disk_moveFolder_save(){
function disk_moveFolder_save(lump_data_list){
var treeObj = $.fn.zTree.getZTreeObj("disk_move_tree");
//获取选中的树数据
var nodes = treeObj.getSelectedNodes();
console.log(nodes)
$.fancybox.close();
//重新渲染显示的内容
if(nodes.length!=0){
for(var i = 0;i<lump_data_list.length;i++){
var result = storePersonalModule.storePersonalActAction.updateStorePersonal({
FIELD_UUID:lump_data_list[i].UUID,
FIELD_FATHER_ID:nodes[0].UUID
});
}
//获得目录的最后一个数据
var nav_lump_data = $('.disk_search_center>a:last').data('lump_data');
var infos = init_disk_infos('0',nav_lump_data);
//重新渲染显示的内容
if($('.disk_content_toggleBtn').data('toggleList')){
init_disk_list(infos);
}
else{
//先清空容器
$('.disk_content_lump').html('');
if(infos.length==0){
//无数据时块状的填充
init_disk_lump_noFile(nav_lump_data);
}
else{
//渲染块状
for(var i = 0 ; i<infos.length;i++){
init_disk_createLump(infos[i]);
}
}
}
}
$.fancybox.close();
}
//选择共享人之后的保存,做了多选文件的共享(暂时只能单文件)
......@@ -1361,22 +1407,11 @@ function disk_cancelEnjoy_sql(uuids){
//初始化文件时移动的目录
function init_disk_move_tree(rows_data){
var infos = infos = storePersonalModule.storePersonalDataAction.listAll_storePersonalnofile().rowSet;
console.log(infos)
var ztreeData = [
{pid:'0',id:'A',name:"公司文件",FILE_TYPE:'folder_company'},
{pid:'A',id:'A1',name:'我的文件夹1',FILE_TYPE:'folder'},
{pid:'A',id:'A2',name:'我的文件夹2',FILE_TYPE:'folder'},
{pid:'A',id:'A3',name:'我的文件夹3',FILE_TYPE:'folder'},
{pid:'A',id:'A4',name:'我的文件夹4',FILE_TYPE:'folder'},
{pid:'A4',id:'A5',name:'我的文件夹5',FILE_TYPE:'folder'},
{pid:'A5',id:'A6',name:'我的文件夹5',FILE_TYPE:'folder'},
{pid:'A6',id:'A7',name:'我的文件夹5',FILE_TYPE:'folder'},
{pid:'0',id:'B',name:'共享文件',FILE_TYPE:'folder_share'},
{pid:'B',id:'B4',name:'我的文件夹5',FILE_TYPE:'folder'},
{pid:'B',id:'B4',name:'我的文件夹6',FILE_TYPE:'folder'}
];
var ztreeData = storePersonalModule.storePersonalDataAction.listTreeEasyui().rowSet;
//处理下返回来的数据
ztreeData = disk_custom_moveTree_data(rows_data,ztreeData);
for(var i =0;i<ztreeData.length;i++){
init_disk_select_fileImg(ztreeData[i]);
}
......@@ -1396,9 +1431,12 @@ function init_disk_move_tree(rows_data){
data : {
simpleData : {
enable : true,
idKey : "id",
pIdKey : "pid",
rootPId : 0
idKey : "UUID",
pIdKey : "FATHER_ID",
rootPId : 'A'
},
key:{
name:'FILE_NAME'
}
},
view : {
......@@ -1428,6 +1466,49 @@ function init_disk_move_tree(rows_data){
}
//处理下返回来的数据
function disk_custom_moveTree_data(lump_data_list,ztreeData){
var new_data = [];
//初步过滤掉已经软删除的文件夹,并且修改了根节点的显示文字和图标
for(var i = 0 ; i<ztreeData.length;i++){
//修改根节点
if(ztreeData[i].UUID=='A'){
ztreeData[i].icon = 'custom/images/disk_module5_close.png';
ztreeData[i].FILE_NAME = '根目录';
}
//多个被选中时
var flag = true;
for(var j = 0 ; j < lump_data_list.length;j++){
//把删除的文件夹过滤掉,把自身也过滤掉
if((ztreeData[i].DELETE_FLAG&&ztreeData[i].DELETE_FLAG=='1')||ztreeData[i].UUID==lump_data_list[j].UUID){
flag = false ;
break;
}
}
if(flag){
new_data.push(ztreeData[i]);
}
}
//根据点击的uuid去做递归过滤掉其子目录
for(var k = 0 ; k < lump_data_list.length;k++){
disk_custom_moveTree_data_filter(lump_data_list[k].UUID,new_data);
}
return new_data;
}
//移动文件时的递归过滤数据
function disk_custom_moveTree_data_filter(uuid,ztreeData){
for(var i = 0 ; i < ztreeData.length;i++){
if(ztreeData[i].FATHER_ID&&ztreeData[i].FATHER_ID==uuid){
var new_uuid = ztreeData[i].UUID;
ztreeData.splice(i,1);
disk_custom_moveTree_data_filter(new_uuid,ztreeData);
}
}
}
//初始化共享人的树
function init_disk_enjoyUser_tree(rows_data){
/*var result = jwAppUserModel.jwAppsUserDataAction.listALLUserUnit();*/
......@@ -1577,11 +1658,11 @@ function disk_downFolder(handler){
var list_rows;
if($('.disk_content_toggleBtn').data('toggleList')){
//如果是列表时
var list_rows = $('#disk_content_list').bootstrapTable('getSelections');
list_rows = $('#disk_content_list').bootstrapTable('getSelections');
}
else{
//如果是块状时
var list_rows = $('.disk_content_lump').find('.disk_content_lump_click');
list_rows = $('.disk_content_lump').find('.disk_content_lump_click');
}
if(list_rows.length==0){
......@@ -1597,20 +1678,72 @@ function disk_downFolder(handler){
var option2 = {
title: "下载提示",
onOk: function(){
var lump_data_obj ;
if($(list_rows).data('lump_data')){
lump_data_obj = $(list_rows).data('lump_data');
}
else{
lump_data_obj = list_rows[0];
}
//下载文件
var uploadnew = lump_data_obj.FILE_SVAE_NAME;
var uploadpath = lump_data_obj.FILE_SAVE_PATH;
var uploadold = lump_data_obj.FILE_NAME;
var uuid = lump_data_obj.UUID;
if(uploadpath == null || uploadpath == ""){
var txt4 = "没有文件可以下载!!!";
var option4 = {
title: "下载提示",
btn:parseInt("0001",2)
}
window.wxc.xcConfirm(txt4, window.wxc.xcConfirm.typeEnum.confirm,option4);
return;
}
fileDownloadURL(uploadnew,uploadpath,uploadold,uuid,'storePersonalAct_download');
//end
/*//获得选中的数据
var rows_data = [];
for(var i=0;i<list_rows.length;i++ ){
var lump_data_obj ;
if($(list_rows[i]).data('lump_data')){
//获得块状的数据
rows_data.push($(list_rows[i]).data('lump_data'));
lump_data_obj = $(list_rows[i]).data('lump_data')
}
else{
//获得列表的数据
rows_data.push(list_rows[i]);
lump_data_obj = list_rows[i];
}
if(lump_data_obj.ISFILE=='0'){
var txt3 = "存在无法下载的文件夹!!!";
var option3 = {
title: "下载提示",
btn:parseInt("0001",2)
}
window.wxc.xcConfirm(txt3, window.wxc.xcConfirm.typeEnum.error,option3);
return;
}
rows_data.push(lump_data_obj);
//下载文件
var uploadnew = lump_data_obj.FILE_SVAE_NAME;
var uploadpath = lump_data_obj.FILE_SAVE_PATH;
var uploadold = lump_data_obj.FILE_NAME;
var uuid = lump_data_obj.UUID;
if(uploadpath == null || uploadpath == ""){
var txt4 = "没有文件可以下载!!!";
var option4 = {
title: "下载提示",
btn:parseInt("0001",2)
}
window.wxc.xcConfirm(txt4, window.wxc.xcConfirm.typeEnum.confirm,option4);
return;
}
}*/
//下载文件
$('<a href="https://codeload.github.com/douban/douban-client/legacy.zip/master" download="proposed_file_name">Download</a>')[0].click();
fileDownloadURL(uploadnew,uploadpath,uploadold,uuid,'storePersonalAct_download');
//end
}*/
}
}
window.wxc.xcConfirm(txt2, window.wxc.xcConfirm.typeEnum.warning,option2);
......@@ -1870,12 +2003,8 @@ function disk_rubbish(){
$('.disk_content_lump').html('');
//渲染块状
if(infos.length==0){
var $disk_content_lump = $('.disk_content_lump');
var $no_file_content = $('<div></div>').addClass('disk_content_lump_noFile');
var $no_file_img = $('<img src='+ctx+'/custom/images/disk_lump_noFile.png width="131" height="116" />');
var $no_file_text = $('<p></p>').text('暂无删除的记录~');
$disk_content_lump.append($no_file_content);
$no_file_content.append($no_file_img).append($no_file_text);
//为文件时的显示
init_disk_lump_noFile();
}
for(var i = 0 ; i<infos.length;i++){
init_disk_createLump(infos[i]);
......@@ -1922,7 +2051,8 @@ function disk_confirm(handler,txt,sqlCallback,customCallback){
return;
}
var list_rows ;
if($('.disk_content_toggleBtn').data('toggleList')){
//如果是普通列表或者是分享码的列表时
if($('.disk_content_toggleBtn').data('toggleList')||$('#disk_shareCode').data('shareCode')){
list_rows = $('#disk_content_list').bootstrapTable('getSelections');
}
else{
......@@ -2004,7 +2134,8 @@ function disk_confirm(handler,txt,sqlCallback,customCallback){
else{
//删除页面的
for(var i = 0 ; i < list_rows.length ; i ++){
if($('.disk_content_toggleBtn').data('toggleList')){
//如果是普通列表或者是分享码的列表时
if($('.disk_content_toggleBtn').data('toggleList')||$('#disk_shareCode').data('shareCode')){
//如果是共享文件那就根据file_uuid来删除行
if(list_rows[i].apiIndex=='2'){
$('#disk_content_list').bootstrapTable('removeByUniqueId',list_rows[i].FILE_UUID);
......@@ -2018,6 +2149,11 @@ function disk_confirm(handler,txt,sqlCallback,customCallback){
$(list_rows[i]).parent().remove();
}
}
var last_lump_data = $('.disk_search_center>a:last').data('lump_data');
if($('.disk_content_lump>div').length==0){
//如果没文件时的显示
init_disk_lump_noFile(last_lump_data);
}
}
}
}
......@@ -2290,14 +2426,26 @@ function disk_shareCode(){
//隐藏切换视图的功能
$('.disk_content_toggleBtn').hide();
//模拟几条垃圾数据
var infos = [
{id:'uuid1',fileName:'分享文件1',shareTime:'2018-06-18 12:10',fileType:'rar',fileSize:'1MB',shareCode:'UkN5',shareLink:'http://localhost:8080/jfV5portal/share',activeTime:'永久有效'},
{id:'uuid2',fileName:'分享文件2',shareTime:'2018-06-18 12:10',fileType:'word',fileSize:'2MB',shareCode:'5238',shareLink:'http://localhost:8080/jfV5portal/share',activeTime:'7天后'},
{id:'uuid3',fileName:'分享文件3',shareTime:'2018-06-18 12:10',fileType:'excel',fileSize:'5MB',shareCode:'fsdf',shareLink:'http://localhost:8080/jfV5portal/share',activeTime:'1天后'},
{id:'uuid4',fileName:'分享文件4',shareTime:'2018-06-18 12:10',fileType:'rar',fileSize:'3MB',shareCode:'sd12',shareLink:'http://localhost:8080/jfV5portal/share',activeTime:'永久有效'},
{id:'uuid5',fileName:'分享文件5',shareTime:'2018-06-18 12:10',fileType:'rar',fileSize:'1MB',shareCode:'tret',shareLink:'http://localhost:8080/jfV5portal/share',activeTime:'永久有效'}
]
var infos = storePartookModule.storePartookDataAction.listAll().rowSet;
//定义一个过滤后的数组
var result_infos = [];
//先获得分享的数据,再根据FILE_UUID去查找普通文件信息
for(var i = 0 ; i < infos.length;i++ ){
if(infos[i].DELETE_FLAG=='1'){
//过滤掉软删除的数据
continue;
}
var v_query = {} ;
v_query.FIELD_UUID = infos[i].FILE_UUID;
var result_list = storePersonalModule.storePersonalDataAction.listAll_storePersonalnofile(v_query).rowSet;
//把普通文件FILE_SAVE_PATH,FILE_SVAE_NAME,FILE_TYPE保留下来
infos[i].FILE_SAVE_PATH = result_list[0].FILE_SAVE_PATH;
infos[i].FILE_SVAE_NAME = result_list[0].FILE_SVAE_NAME;
infos[i].FILE_TYPE = result_list[0].FILE_TYPE;
//初始化文件的图片
init_disk_select_fileImg(infos[i]);
result_infos.push(infos[i]);
}
//显示取消分享的按钮
$('.disk_content_header>div:first-child>a').hide();
......@@ -2308,42 +2456,30 @@ function disk_shareCode(){
$('.disk_content_lump').hide();
//渲染列表
init_disk_shareCode_list(infos);
init_disk_shareCode_list(result_infos);
}
//取消分享
function disk_cancelShareCode(handler){
var list_rows = $('#disk_content_list').bootstrapTable('getSelections');
if(list_rows.length==0){
var txt3 = "请选择要取消分享的文件!!!";
var option3 = {
title: "取消分享提示",
btn:parseInt("0001",2)
}
window.wxc.xcConfirm(txt3, window.wxc.xcConfirm.typeEnum.confirm,option3);
}
else{
var txt4 = "是否要取消分享选中的文件!!!";
var option4 = {
title: "取消分享提示",
onOk: function(){
for(var i = 0; i<list_rows.length;i++){
//根据uuid来删除行
$('#disk_content_list').bootstrapTable('removeByUniqueId',list_rows[i].UUID);
//然后做取消分享操作
}
}
}
window.wxc.xcConfirm(txt4, window.wxc.xcConfirm.typeEnum.warning,option4);
}
disk_confirm(handler,'取消分享',function(list_rows,uuids){
//数据库的取消分享信息
var result = disk_cancelShareCode_sql(uuids);
});
}
//取消分享的数据库操作
function disk_cancelShareCode_sql(uuids){
var query = {};
query.FIELD_CODE = uuids;
//先软删除
var result1 = storePartookModule.storePartookActAction.deleteStorePartook(query);
//再真正的删除
var result2 = storePartookModule.storePartookActAction.deleteTrueStorePartook(query);
}
//初始化我的分享码的列表
function init_disk_shareCode_list(infos){
for(var i=0;i<infos.length;i++){
init_disk_select_fileImg(infos[i]);
}
console.log(infos)
$('#disk_content_list').bootstrapTable('destroy').bootstrapTable({
/* showColumns:true,
showToggle:true,
......@@ -2357,7 +2493,7 @@ function init_disk_shareCode_list(infos){
pageList: [5,10,15,20], // 设置页面可以显示的数据条数
pageSize: 10, // 页面数据条数
pageNumber: 1, // 首页页码,
uniqueId:'id',
uniqueId:'UUID',
clickToSelect:true,//True to select checkbox or radiobox when the column is clicked.
queryParams:function(params){
var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
......@@ -2377,44 +2513,44 @@ function init_disk_shareCode_list(infos){
align: 'center', // 居中显示
valign: 'middle'
},{
field: 'fileName',
field: 'FILE_NAME',
title: '文件名称',
align: 'left',
valign: 'middle',
width:400,
width: '400',
formatter: function (value, row, index) {
return '<div class="row disk_content_list_fileName"><div class="col-md-2"><img src="'+ctx+'/custom/images/'+ row.fileImg +'" height="44" ></div><div class="col-md-10"><div style="color:#666;cursor:text;">'+ value +'</div><input type="text" value='+ value +' class="form-control" onblur="disk_input_blur(this)" /></div></div>';
if(row.fileImg){
return '<div class="row disk_content_list_fileName"><div class="col-md-2"><img src="'+ctx+'/custom/images/'+ row.fileImg +'" height="44" ></div><div class="col-md-10" data-lump_data=\''+JSON.stringify(row)+'\'><div>'+ value +'</div><input type="text" value=\''+ value +'\' class="form-control"/></div></div>';
}
else{
return '<div class="row disk_content_list_fileName"><div class="col-md-2"><img src="'+ctx+'/photo/photo.jsp?ls_photo='+row.FILE_SAVE_PATH+row.FILE_SVAE_NAME+'" height="44" ></div><div class="col-md-10" data-lump_data=\''+JSON.stringify(row)+'\'><div>'+ value +'</div><input type="text" value=\''+ value +'\' class="form-control"/></div></div>';
}
}
}, {
field: 'shareTime',
field: 'CREATE_TIME',
title: '分享时间',
align: 'center',
valign: 'middle',
order:'asc',
sortable:'true'
}, {
field: 'fileType',
title: '类型',
align: 'center',
valign: 'middle'
},{
field: 'fileSize',
title: '大小',
align: 'center',
valign: 'middle'
},{
field: 'shareCode',
title: '分享码',
field: 'PARTOOK_PASS',
title: '分享密码',
align: 'center',
valign: 'middle'
},{
field: 'shareLink',
title: '分享链接',
align: 'center',
valign: 'middle'
valign: 'middle',
formatter: function (value, row, index) {
var old_href = location.href;
var new_href = old_href.substring(0, old_href.lastIndexOf('/'));
return new_href + '/share/' + row.PARTOOK_CODE;
}
},{
field: 'activeTime',
title: '有效时间',
field: 'PARTOOK_TIME',
title: '分享截止时间',
align: 'center',
valign: 'middle'
}
......
WebContent/jfcas04/js/office.js 0 → 100644
$(function(){
//去掉尾部的一个div
$('.index_footer').next().remove();
//初始化申请的块状
init_office_apply_lump();
//渲染审批列表
init_office_examine_list();
//渲染进度查询列表
init_office_progress_list();
//渲染历史查询列表
init_office_history_list();
//初始化.office_module的距离来达到满屏显示
init_office_module_bottom();
//模块的切换
init_office_change_moddle();
})
//初始化.office_module的距离来达到满屏显示
function init_office_module_bottom(){
var office_module_height;
$('.office_module').each(function(index,element){
$(element).css('margin-bottom','0');
if($(element).css('display')!='none'){
office_module_height = $(element).outerHeight(true);
}
})
var height = $(window).height() - $('.indedx_header').outerHeight(true) - $('.indedx_header_logo').outerHeight(true) - $('.index_center').outerHeight(true) - $('.office_bg').outerHeight(true) - $('.index_footer').outerHeight(true) - office_module_height;
if(height>0){
$('.office_module').css('margin-bottom',height);
}
}
//模块的切换
function init_office_change_moddle(){
$('.office_bg_content>div>div').on('click',function(){
var index = $('.office_bg_content>div>div').index($(this));
$('.office_module').hide();
$('.office_module').eq(index).show();
//取消之前的选中效果,给点击的添加效果
$('.office_bg_content_click').removeClass('office_bg_content_click');
$(this).addClass('office_bg_content_click');
init_office_module_bottom();
})
}
//初始化申请的块状
function init_office_apply_lump(){
//自定义一个颜色数组
var color_list = ['#ff8264','#44df9e','#f585ad','#aa96f6','#fea144','#5cc4e0'];
var infos = [
{apply_name:'报工申请'},
{apply_name:'请假申请'},
{apply_name:'报销申请'},
{apply_name:'补假申请'},
{apply_name:'合同申请'},
{apply_name:'办公软件开通申请'},
{apply_name:'办公用品领用申请'},
{apply_name:'公司用车申请'},
{apply_name:'公租房申请'},
{apply_name:'产品入库申请'},
{apply_name:'产品出库申请'},
{apply_name:'领料申请'},
{apply_name:'项目申请'},
{apply_name:'会议室申请'},
{apply_name:'经费申请'},
{apply_name:'出差申请'},
{apply_name:'采购申请'},
{apply_name:'外出申请'},
]
//块状的容器
var $content = $('.office_apply_content');
for(var i = 0 ; i < infos.length ; i ++){
var $create_container = $('<div></div>');
var $create_content = $('<div></div>');
$create_content.bind('click',function(){
location.href='officeDetail';
})
var $create_div = $('<div></div>');
//添加一个颜色背景
$create_content.css('background',color_list[i%6]);
//鼠标移动上去时,给一个相对应的颜色
//
//直接用i会存在闭包的问题,所有要用一个自执行函数来获取i
(function(i){
$create_content.hover(function(){
$(this).css('box-shadow',' 0 0 5px '+color_list[i%6]+'');
},function(){
$(this).css('box-shadow','none');
})
})(i);
/*$create_content.data('index',i);*/
/*$create_content.hover(function(){
$(this).css('box-shadow',' 0 0 5px '+color_list[$(this).data('index')%6]+'');
},function(){
$(this).css('box-shadow','none');
})*/
//赋值
$create_div.text(infos[i].apply_name);
$create_content.append($create_div);
$create_container.append($create_content);
$content.append($create_container);
}
}
//渲染审批列表
function init_office_examine_list(){
//state 0 为未通过 , 1 为待审批 2 为审批中 3 为 已通过
var infos = [
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'3',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'0',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'0',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'0',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'0',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'1',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'1',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'2',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'2',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'2',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'0',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'1',examine_title:'8月17去趟水上乐园!!!'},
{examine_name:'李惠利',examine_time:'2018/08/15 08:23',examine_state:'2',examine_title:'8月17去趟水上乐园!!!'},
];
$('#office_examine').bootstrapTable('destroy').bootstrapTable({
/* showColumns:true,
showToggle:true,
showRefresh:true,
search:true, */
/* url: "bootstrap-table/data/data1.json", // 获取表格数据的url */
data:infos,
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
/* striped: true, //表格显示条纹，默认为false */
pagination: true, // 在表格底部显示分页组件，默认false
pageList: [5,10,15,20], // 设置页面可以显示的数据条数
pageSize: 10, // 页面数据条数
pageNumber: 1, // 首页页码,
uniqueId:'UUID',
//clickToSelect:true,//True to select checkbox or radiobox when the column is clicked.
queryParams:function(params){
var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
// limit: params.limit, //页面大小
offset: params.offset, //页码
pageSize:this.pageSize,
pageNumber:this.pageNumber
/* projectId: $("#projectId").val(),
requirement_Id:$("#requirement_Id").val(),
length: 6 */
};
return temp;
},
columns: [
/*{
checkbox: true, // 显示一个勾选框
align: 'center', // 居中显示
valign: 'middle'
}, */
{
field: 'examine_title',
title: '申请原因',
align: 'left',
valign: 'middle',
width: '70%',
formatter: function (value, row, index) {
return '<div class="office_examine_tilte">'+ value +'</div>';
}
}, {
field: 'examine_state',
title: '申请状态',
align: 'center',
valign: 'middle',
formatter: function (value, row, index) {
if(value=='0'){
return '<span style="color:#ff801f">未通过</span>';
}
else if(value=='1'){
return '<span style="color:#999">待审核</span>';
}
else if(value=='2'){
return '<span style="color:#08b9d5">审核中</span>';
}
else{
return '<span style="color:#08d55a">已通过</span>';
}
}
},{
field: 'examine_time',
title: '申请时间',
align: 'center',
valign: 'middle',
formatter: function (value, row, index) {
return '<span style="color:#bbb">'+ value +'</span>';
}
},{
field: 'examine_name',
title: '申请人',
align: 'center',
valign: 'middle'
}
]
})
}
//渲染进度查询列表
function init_office_progress_list(){
var infos = [
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'},
{progress_time:'2018/08/15 08:23',progress_title:'进度记录8月17去趟水上乐园!!!'}
];
$('#office_progress').bootstrapTable('destroy').bootstrapTable({
/* showColumns:true,
showToggle:true,
showRefresh:true,
search:true, */
/* url: "bootstrap-table/data/data1.json", // 获取表格数据的url */
data:infos,
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
/* striped: true, //表格显示条纹，默认为false */
pagination: true, // 在表格底部显示分页组件，默认false
pageList: [5,10,15,20], // 设置页面可以显示的数据条数
pageSize: 10, // 页面数据条数
pageNumber: 1, // 首页页码,
uniqueId:'UUID',
//clickToSelect:true,//True to select checkbox or radiobox when the column is clicked.
queryParams:function(params){
var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
// limit: params.limit, //页面大小
offset: params.offset, //页码
pageSize:this.pageSize,
pageNumber:this.pageNumber
/* projectId: $("#projectId").val(),
requirement_Id:$("#requirement_Id").val(),
length: 6 */
};
return temp;
},
columns: [
/*{
checkbox: true, // 显示一个勾选框
align: 'center', // 居中显示
valign: 'middle'
}, */
{
field: 'progress_title',
title: '进度标题',
align: 'left',
valign: 'middle',
width: '82%',
formatter: function (value, row, index) {
return '<div class="office_examine_tilte">'+ value +'</div>';
}
}, {
field: 'progress_time',
title: '进度时间',
align: 'right',
valign: 'middle',
width: '18%',
formatter: function (value, row, index) {
return '<span style="color:#bbb;margin-right:23px;">'+ value +'</span>';
}
}
]
})
}
//渲染历史查询列表
function init_office_history_list(){
var infos = [
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'},
{history_time:'2018/08/15 08:23',history_title:'历史记录8月17去了趟水上乐园!!!'}
];
$('#office_history').bootstrapTable('destroy').bootstrapTable({
/* showColumns:true,
showToggle:true,
showRefresh:true,
search:true, */
/* url: "bootstrap-table/data/data1.json", // 获取表格数据的url */
data:infos,
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
/* striped: true, //表格显示条纹，默认为false */
pagination: true, // 在表格底部显示分页组件，默认false
pageList: [5,10,15,20], // 设置页面可以显示的数据条数
pageSize: 10, // 页面数据条数
pageNumber: 1, // 首页页码,
uniqueId:'UUID',
//clickToSelect:true,//True to select checkbox or radiobox when the column is clicked.
queryParams:function(params){
var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
// limit: params.limit, //页面大小
offset: params.offset, //页码
pageSize:this.pageSize,
pageNumber:this.pageNumber
/* projectId: $("#projectId").val(),
requirement_Id:$("#requirement_Id").val(),
length: 6 */
};
return temp;
},
columns: [
/*{
checkbox: true, // 显示一个勾选框
align: 'center', // 居中显示
valign: 'middle'
}, */
{
field: 'history_title',
title: '进度标题',
align: 'left',
valign: 'middle',
width: '82%',
formatter: function (value, row, index) {
return '<div class="office_examine_tilte">'+ value +'</div>';
}
}, {
field: 'history_time',
title: '进度时间',
align: 'right',
valign: 'middle',
width: '18%',
formatter: function (value, row, index) {
return '<span style="color:#bbb;margin-right:23px;">'+ value +'</span>';
}
}
]
})
}
\ No newline at end of file
WebContent/jfcas04/js/officeDetail.js 0 → 100644
$(function(){
//去掉尾部的一个div
$('.index_footer').next().remove();
//初始化容器的最小高度
init_officeDetail_container_minHeight();
})
//初始化容器的最小高度
function init_officeDetail_container_minHeight(){
var height = $(window).height() - $('.indedx_header').outerHeight(true) - $('.indedx_header_logo').outerHeight(true) - $('.index_center').outerHeight(true) - $('.officeDetail_bg').outerHeight(true) - $('.index_footer').outerHeight(true) - 10;
if(height>0){
$('.officeDetail_content').css('min-height',height);
}
}
//切换流程图的显示
function officeDetail_changeFlow(handler){
var really_height = $('.officeDetail_content').css('min-height');
if(!$('.officeDetail_content').data('minHeight')){
$('.officeDetail_content').data('minHeight',really_height);
}
else{
really_height = $('.officeDetail_content').data('minHeight');
}
really_height = really_height.replace(/px/,'');
var title_height = $('.officeDetail_content_title').outerHeight(true);
var min_height = document.body.clientHeight - $('.indedx_header').outerHeight(true) - $('.indedx_header_logo').outerHeight(true) - $('.index_center').outerHeight(true) - $('.officeDetail_bg').outerHeight(true) - $('.index_footer').outerHeight(true) - title_height ;
if($(handler).data('change')!='1'){
$(handler).data('change','1');
//去掉申请内容
$('.officeDetail_content').css('overflow','hidden');
$('.officeDetail_content').animate({'height':title_height,'min-height':'0'});
//显示流程图的内容
$('.officeDetail_flow').css('height','auto');
//从高度为10开始执行动画
$('.officeDetail_flow_content').height(10).animate({'height':min_height});
//改变点击按钮位置
$('.officeDetail_flow_toggole').css({'margin-top':'0','background':'white','border-radius':'0 0 3px 3px '});
$('.officeDetail_flow_toggole').find('img').attr('src','custom/images/officeDetail_down.png');
$('.officeDetail_flow_toggole').find('span').text('收起');
}
else{
$(handler).data('change','0');
//显示申请的内容
$('.officeDetail_content').animate({'min-height':really_height},function(){
$(this).css('height','auto');
});
//去掉流程图的内容
$('.officeDetail_flow').animate({'height':'10'});
$('.officeDetail_flow_content').animate({'height':'0'});
//改变点击按钮位置
$('.officeDetail_flow_toggole').css({'margin-top':'-25px','background':'#f3f3f3','border-radius':'3px 3px 0 0 '});
$('.officeDetail_flow_toggole').find('img').attr('src','custom/images/officeDetail_up.png');
$('.officeDetail_flow_toggole').find('span').text('展开');
}
}
\ No newline at end of file
WebContent/jfcas04/office.jsp 0 → 100644
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
<title>办事大厅</title>
<jsp:include page="header.jsp"></jsp:include>
<script type="text/javascript" src="${pageContext.request.contextPath}/jwapp/pages/portlet/js/jwAppPortletModule.js" charset="utf-8"></script>
<script src="${ctx}/jfcas04/js/office.js"></script>
</head>
<body>
<!-- 头部 -->
<jsp:include page="/nav4.jsp"></jsp:include>
<!-- 内容部分 -->
<div class="container-fluid">
<!--背景图-->
<div class="row office_bg">
<div class="office_bg_content col-md-12">
<div class="col-md-3">
<div class="office_bg_content_click">
<img src="${ctx}/custom/images/office_apply.png" width="100" height="100"/>
<div>我要申请</div>
</div>
</div>
<div class="col-md-3">
<div class="">
<img src="${ctx}/custom/images/office_examine.png" width="100" height="100"/>
<div>我要审批</div>
</div>
</div>
<div class="col-md-3">
<div class="">
<img src="${ctx}/custom/images/office_progress.png" width="100" height="100"/>
<div>进度查询</div>
</div>
</div>
<div class="col-md-3">
<div class="">
<img src="${ctx}/custom/images/office_history.png" width="100" height="100"/>
<div>历史查询</div>
</div>
</div>
</div>
</div>
<!-- 申请模块 -->
<div class="office_module row">
<div class="office_module_title col-md-12">
<img src="${ctx}/custom/images/office_title.png" height="16" width="16" />
<span>我要申请</span>
</div>
<div class="office_apply col-md-12">
<div class="office_apply_content">
<!-- <div><div><div>报工申请</div></div></div>
<div><div><div>报工申请报工申请</div></div></div>
<div><div><div>报工申请</div></div></div>
<div><div><div>报工申请报工申请</div></div></div>
<div><div><div>报工申请</div></div></div>
<div><div><div>报工申请报工申请</div></div></div>
<div><div><div>报工申请</div></div></div>
<div><div><div>报工申请报工申请</div></div></div>
<div><div><div>报工申请</div></div></div>
<div><div><div>报工申请报工申请</div></div></div>
<div><div><div>报工申请</div></div></div>
<div><div><div>报工申请报工申请</div></div></div> -->
</div>
</div>
</div>
<!-- 审批模块 -->
<div class="office_module row" style="display:none">
<div class="office_module_title col-md-12">
<img src="${ctx}/custom/images/office_title.png" height="16" width="16" />
<span>我要审批</span>
<a href="#">只显示待审批申请</a>
</div>
<div class="col-md-12 office_examine office_table">
<table id="office_examine"></table>
</div>
</div>
<!-- 进度查询模块 -->
<div class="office_module row" style="display:none">
<div class="office_module_title col-md-12">
<img src="${ctx}/custom/images/office_title.png" height="16" width="16" />
<span>进度查询</span>
<div>
<input type="text" /><img src="${ctx}/custom/images/office_search.png" width="24" height="24" />
</div>
</div>
<div class="col-md-12 office_examine office_table">
<table id="office_progress"></table>
</div>
</div>
<!-- 历史查询模块 -->
<div class="office_module row" style="display:none">
<div class="office_module_title col-md-12">
<img src="${ctx}/custom/images/office_title.png" height="16" width="16" />
<span>历史查询</span>
<div>
<input type="text" /><img src="${ctx}/custom/images/office_search.png" width="24" height="24" />
</div>
</div>
<div class="col-md-12 office_examine office_table">
<table id="office_history"></table>
</div>
</div>
<!--主容器结尾-->
</div>
<!-- 尾部 -->
<jsp:include page="/footer.jsp"></jsp:include>
</body>
</html>
WebContent/jfcas04/officeDetail.jsp 0 → 100644
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
<title>办事大厅的详情信息</title>
<jsp:include page="header.jsp"></jsp:include>
<script type="text/javascript" src="${pageContext.request.contextPath}/jwapp/pages/portlet/js/jwAppPortletModule.js" charset="utf-8"></script>
<script src="${ctx}/jfcas04/js/officeDetail.js"></script>
</head>
<body>
<!-- 头部 -->
<jsp:include page="/nav4.jsp"></jsp:include>
<!-- 内容部分 -->
<div class="container-fluid">
<!-- 背景图 -->
<div class="row officeDetail_bg"></div>
<!-- 详情 -->
<div class="row officeDetail_content">
<div class="officeDetail_content_title col-md-12">
<span>请假申请</span>
<div onclick="location.href='office'"><img src="${ctx}/custom/images/officeDetail_back.png" width="16" height="16" /><span>返回</span></div>
<div><span>*</span><span>必填</span></div>
</div>
<div class="officeDetail_content_div col-md-12">
<div>申请内容</div>
<div>申请内容</div>
<div>申请内容</div>
<div>申请内容</div>
<div>申请内容</div>
<div>申请内容</div>
<div>申请内容</div>
<div>申请内容</div>
<!-- <div style="height:500px;background:red;">申请内容</div> -->
</div>
</div>
<!-- 流程图 -->
<div class="row officeDetail_flow">
<div class="officeDetail_flow_toggole" onClick="officeDetail_changeFlow(this)"><img src="${ctx}/custom/images/officeDetail_up.png" width="7" height="4" /><span>展开</span></div>
<div class="col-md-12 officeDetail_flow_content" >
<div>流程图</div>
<div>流程图</div>
<div>流程图</div>
<div>流程图</div>
<div>流程图</div>
<div>流程图</div>
<div>流程图</div>
<div>流程图</div>
<!-- <div style="height:500px;background:red;">流程图</div> -->
</div>
</div>
<!--主容器结尾-->
</div>
<!-- 尾部 -->
<jsp:include page="/footer.jsp"></jsp:include>
</body>
</html>
src/struts-ext.xml
......@@ -75,11 +75,21 @@
method="share">
<result name="share">/jfcas04/share.jsp</result>
</action>
<!-- 分享 -->
<!-- 分享详情 -->
<action name="shareDetail" class="com.jw.app.portlet.action.viewAction"
method="shareDetail">
<result name="shareDetail">/jfcas04/shareDetail.jsp</result>
</action>
<!-- 办事大厅 -->
<action name="office" class="com.jw.app.portlet.action.viewAction"
method="office">
<result name="office">/jfcas04/office.jsp</result>
</action>
<!-- 办事大厅的详情页 -->
<action name="officeDetail" class="com.jw.app.portlet.action.viewAction"
method="officeDetail">
<result name="officeDetail">/jfcas04/officeDetail.jsp</result>
</action>
<action name="userchoiceData_*" class="com.jw.app.userchoice.action.dataAction" method="{1}">
<result name="json" type="json">
......
src_jwapp/com/jw/app/portlet/action/viewAction.java
......@@ -53,4 +53,12 @@ public class viewAction extends BasicAction {
return "shareDetail";
}
public String office() throws BusinessException {
return "office";
}
public String officeDetail() throws BusinessException {
return "officeDetail";
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment