Skip to content

J
jfV5portal
Commit 1742061b by 周添尉
Options

添加了办事大厅模块

parent 5d3b4a3c
Showing with 586 additions and 13 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/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