<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<%
|
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/material-teal.css" 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">
|
<link rel="stylesheet" href="static/plugins/icheck/skins/all.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/icheck/icheck.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>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
</head>
|
|
<body>
|
<div class="application">
|
<%-- <div class="application-title">--%>
|
<%-- <div class="application-title-c clear"><span class="borrow-title"></span>--%>
|
<%-- <h3>借阅申请</h3></div>--%>
|
<%-- </div>--%>
|
<div class="application-step">
|
<ul class="clear">
|
<li class="steped"><span><i class="fa fa-check"></i></span><a href="javascript:;">填写利用内容</a><b></b>
|
</li>
|
<li><a href="javascript:;"><span>2</span>填写用户信息</a><b></b></li>
|
<li><a href="javascript:;"><span>3</span>成功提交利用单</a></li>
|
</ul>
|
<p><span>注意：</span>如果您还需同时借阅其他案件，请先关闭该窗口，继续在查询界面将所需要的案卷添加到借阅单，再一并提交。
|
</p>
|
</div>
|
<c:if test="${borrowInfoList.size()==0}">
|
<div class="noadd">
|
<i class="fa fa-dropbox"></i>
|
<h5>未选择任何资料！</h5>
|
<p>当前您还未选择任何资料，请先在<a href="javascript:;">资料查询</a>页面查询您所需要的资料</p>
|
</div>
|
<div class="application-btn">
|
<button class="pt-btn pt-btn-default pt-btn-success " onclick="addBorrowDetail()">添加</button>
|
<button class="pt-btn pt-btn-default pt-btn-warning" onclick="closeWindow()">关闭</button>
|
</div>
|
</c:if>
|
<c:if test="${borrowInfoList.size()>0}">
|
<div id="divInfoStep1" class="application-con">
|
<div class="contit">
|
<h4>利用明细</h4>
|
<span class="consel">请选择一种利用类型： <input class="easyui-combobox" id="utilizationType"
|
name="utilizationType"
|
data-options="
|
editable: false,
|
panelHeight: 'auto',
|
valueField: 'label',
|
textField: 'value',
|
data: [{
|
label: '0',
|
value: '成果资料',
|
selected: true
|
},{
|
label: '1',
|
value: '原始资料'
|
}]"/></span>
|
|
<button onclick="deleteAllBorrowDetail()" class="pt-btn pt-btn-danger pt-btn-padding pull-right">
|
全部删除
|
</button>
|
<button onclick="addBorrowDetail()" class="pt-btn pt-btn-success pt-btn-padding pull-right">
|
添加
|
</button>
|
</div>
|
<div class="pt-form">
|
<div class="application-body">
|
<c:forEach items="${borrowInfoList}" var="borrowInfo">
|
<div class="application-listli" id="list_${borrowInfo.parentBorrowInfo.fileId}">
|
<div class="listli-title" id="tr_${borrowInfo.parentBorrowInfo.fileId}">
|
<span class="txt_fold">档号：${borrowInfo.parentBorrowInfo.archivalCode}</span> <span
|
class="txt_fold txt_blue">${borrowInfo.parentBorrowInfo.fileTitle}</span>
|
<i class="fa fa-times-circle pull-right"
|
onclick="deleteBorrowDetail('${borrowInfo.parentBorrowInfo.fileId}')"></i>
|
</div>
|
<div class="detailed">
|
<table style="width: 100%;">
|
<tr class="detailed-th" id="trhead_${borrowInfo.parentBorrowInfo.fileId}">
|
<td style="width: 10%">件号</td>
|
<td style="width: 55%">题名</td>
|
<td style="width: 10%">密级</td>
|
<td style="width: 25%">
|
</td>
|
</tr>
|
<c:forEach items="${borrowInfo.borrowDetailList}" var="borrowDetail">
|
<c:if test="${borrowDetail.borrowType == 0}">
|
<tr class="tr_${borrowInfo.parentBorrowInfo.fileId}_0 cg">
|
<td>${borrowDetail.itemNumber}</td>
|
<td>${borrowDetail.itemTitle}</td>
|
<td>${borrowDetail.securityClassification}</td>
|
<td><input type="checkbox" class="easyui-checkbox" name="electronic"
|
id="electronic_${borrowDetail.detailId}"/>电子
|
<input type="checkbox" class="easyui-checkbox" name="paper"
|
id="paper_${borrowDetail.detailId}"/>纸质
|
<input type="checkbox" class="easyui-checkbox" name="original"
|
id="original_${borrowDetail.detailId}"/>原件借出
|
</tr>
|
</c:if>
|
<c:if test="${borrowDetail.borrowType == 1}">
|
<tr class="tr_${borrowInfo.parentBorrowInfo.fileId}_1 ys"
|
style="display: none">
|
<td>${borrowDetail.itemNumber}</td>
|
<td>${borrowDetail.itemTitle}</td>
|
<td>${borrowDetail.securityClassification}</td>
|
<td><input type="checkbox" class="easyui-checkbox" name="electronic"
|
id="electronic_${borrowDetail.detailId}"/>电子
|
<input type="checkbox" class="easyui-checkbox" name="paper"
|
id="paper_${borrowDetail.detailId}"/>纸质
|
<input type="checkbox" class="easyui-checkbox" name="original"
|
id="original_${borrowDetail.detailId}"/>原件借出
|
|
</tr>
|
</c:if>
|
</c:forEach>
|
</table>
|
</div>
|
</div>
|
</c:forEach>
|
</div>
|
</div>
|
</div>
|
</c:if>
|
<div id="divInfoStep2" style="display:none" class="application-con">
|
<div class="contit"><h4>借阅人信息</h4></div>
|
<div class="pt-form">
|
<form id="form1" method="post">
|
<div class="application-body">
|
<div class="application-c2">
|
<div class="application-li2">
|
<table style="width:100%;">
|
<tr>
|
<td class="tbtitle">借阅单编号：</td>
|
<td colspan="3">[自动生成]</td>
|
</tr>
|
<tr>
|
<td class="tbtitle"><em class="pt-color-danger">*</em> 姓名：</td>
|
<td style="width: 35%;">
|
<input class="easyui-textbox" id="borrowUserName" name="borrowUserName"
|
type="text" style="width:300px;" value="${curUserName}"
|
data-options="required:true,tipPosition:'bottom',buttonText:'选',prompt:'请选择利用人...',onClickButton:function(){selectBorrowName(); }"/>
|
<input id="borrowUserId" class="easyui-textbox" name="borrowUserId"
|
type="hidden"
|
value="${curUserId}"/>
|
</td>
|
<td class="tbtitle"><em class="pt-color-danger">*</em>工作单位：</td>
|
<td style="width: 35%;">
|
<input class="easyui-textbox" id="deptName"
|
name="deptName" type="text" style="width:300px"
|
data-options="required:true"
|
value=""/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle"> 邮编：</td>
|
<td style="width: 35%;">
|
<input class="easyui-textbox" id="postCode"
|
name="postCode" type="text" style="width:300px"
|
value=""/>
|
</td>
|
<td class="tbtitle"><em class="pt-color-danger">*</em>单位地址：</td>
|
<td style="width: 35%;">
|
<input class="easyui-textbox" id="deptAddress"
|
name="deptAddress" type="text" style="width:300px"
|
data-options="required:true"
|
value=""/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">电话：</td>
|
<td style="width: 35%;">
|
<input class="easyui-textbox" id="telNumber"
|
name="telNumber" type="text" style="width:300px"
|
value=""/>
|
</td>
|
<td class="tbtitle"><em class="pt-color-danger">*</em>手机：</td>
|
<td style="width: 35%;">
|
<input class="easyui-textbox" id="borrowTel"
|
name="borrowTel" type="text" style="width:300px"
|
data-options="required:true"
|
value=""/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">涉密证书编号：</td>
|
<td colspan="3">
|
<input class="easyui-textbox" id="certificateNumber"
|
name="certificateNumber" type="text" style="width:785px"
|
value=""/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle"><em class="pt-color-danger">*</em>资料用途：</td>
|
<td colspan="3">
|
<input class="easyui-textbox" name="borrowPurpose"
|
data-options="required:true"
|
style="height:60px;width:785px">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">用户备注：</td>
|
<td colspan="3">
|
<input class="easyui-textbox" name="remark" data-options="multiline:true"
|
style="height:60px;width:785px">
|
</td>
|
</tr>
|
<tr id="tr1" style="display: none">
|
<td class="tbtitle">部门：</td>
|
<td style="width: 35%;"><input class="easyui-textbox" id="borrowDept"
|
type="text" style="width:300px"
|
value="${curDeptName}"/>
|
<input class="easyui-textbox" id="borrowDeptId"
|
type="hidden" value="${curDeptId}"/>
|
</td>
|
<td class="tbtitle">单位名称：</td>
|
<td style="width: 35%;">
|
</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<div id="divInfoStep3" style="display:none" class="submitted">
|
<i class="fa fa-check-circle"></i>
|
<h5>申请单已提交成功！</h5>
|
<p>纸质借阅请到借阅管理员处领取资料，电子借阅请在审批通过后到“我的借阅单”中查看</p>
|
</div>
|
<c:if test="${borrowInfoList.size()>0}">
|
<div class="application-btn">
|
<button id="btn_pre" class="pt-btn pt-btn-info" style="display:none" onclick="getPreStep()">上一步</button>
|
<button id="btn_next" class="pt-btn pt-btn-info" onclick="saveBorrowDetail()">下一步</button>
|
<button id="btn_submit" class="pt-btn pt-btn-success" style="display:none"
|
onclick="saveBorrowForm()">提交
|
</button>
|
<button id="btn_close" class="pt-btn pt-btn-default" onclick="closeWindow()">关闭</button>
|
</div>
|
</c:if>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script type="text/javascript">
|
$(function () {
|
new ResizeScroll({
|
"id": ".application-body", fun: function () {
|
var wh = $(window).height();
|
return (wh - 235);
|
}
|
|
});
|
//渲染所有checkbox
|
$('input[type="checkbox"].flat').iCheck({
|
checkboxClass: 'icheckbox_flat-red',
|
increaseArea: '50%'
|
});
|
|
//全部电子选中与否
|
$('#electronic_all').on('ifChecked', function (event) {
|
var el = $("input[name='electronic']");
|
$("input[name='electronic']").iCheck('check');
|
});
|
$('#electronic_all').on('ifUnchecked', function (event) {
|
$("input[name='electronic']").iCheck('uncheck');
|
});
|
|
//全部纸质选中与否
|
$('#paper_all').on('ifChecked', function (event) {
|
$("input[name='paper']").iCheck('check');
|
});
|
$('#paper_all').on('ifUnchecked', function (event) {
|
$("input[name='paper']").iCheck('uncheck');
|
});
|
|
//全部原件借出选中与否
|
$('#original_all').on('ifChecked', function (event) {
|
$("input[name='original']").iCheck('check');
|
});
|
$('#original_all').on('ifUnchecked', function (event) {
|
$("input[name='original']").iCheck('uncheck');
|
});
|
|
//电子借阅，纸质借阅切换
|
$('#utilizationType').combobox({
|
onChange: function (newValue, oldValue) {
|
if (newValue == 0)//成果
|
{
|
$(".cg").show();
|
$(".ys").hide();
|
}
|
if (newValue == 1)//原始
|
{
|
$(".cg").hide();
|
$(".ys").show();
|
}
|
}
|
});
|
getBorrowUserInfo();
|
});
|
|
|
//上一步
|
function getPreStep() {
|
$("#step2").removeClass("steped");
|
$("#step3").removeClass("steped");
|
$("#step1").addClass("steped");
|
$("#divInfoStep1").show();
|
$("#divInfoStep2").hide();
|
$("#btn_pre").hide();
|
$("#btn_submit").hide();
|
$("#btn_next").show();
|
|
}
|
|
//保存用户信息
|
function saveBorrowForm() {
|
var state = {'state': 0};
|
var flowState = {'flowState': 0};
|
|
//验证表单信息
|
var isValid = $('#form1').form('validate');
|
if (!isValid) {
|
wcp.notify.error('表单验证有误，请检查表单输入项！');
|
return false;
|
}
|
|
var formData = $.extend({}, $("#form1").serializeObject(), state, flowState);
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "borrow/saveBorrowForm",
|
data: JSON.stringify(formData),
|
}).done(function (result) {
|
$("#step1").removeClass("steped");
|
$("#step2").removeClass("steped");
|
$("#step3").addClass("steped");
|
$("#divInfoStep1").hide();
|
$("#divInfoStep2").hide();
|
$("#divInfoStep3").show();
|
$("#btn_pre").hide();
|
$("#btn_next").hide();
|
$("#btn_submit").hide();
|
}));
|
}
|
|
function closeWindow() {
|
window.close();
|
var title = top.$('#tt').tabs('getSelected').panel("options").title;
|
top.$("#tt").tabs("close", title);
|
}
|
|
//保存所有选中状态
|
function saveBorrowDetail() {
|
var array = [];
|
|
<c:forEach items="${allBorrowDetailList}" var="borrowDetail">
|
|
var detailId = '${borrowDetail.detailId}';
|
|
var borrowDetail = null;
|
var electronic = $("#electronic_" + detailId).checkbox('options').checked == true ? 1 : 0;
|
var paper = $("#paper_" + detailId).checkbox('options').checked == true ? 1 : 0;
|
var original = $("#original_" + detailId).checkbox('options').checked == true ? 1 : 0;
|
if (electronic == "1" || paper == "1" || original == "1") {
|
borrowDetail = {
|
"detailId": detailId,
|
"electronic": electronic,
|
"paper": paper,
|
"original": original,
|
"agree": 1
|
};
|
array.push(borrowDetail);
|
}
|
</c:forEach>
|
|
if (array.length == 0) {
|
wcp.notify.error('无明细信息，不能提交！');
|
return;
|
}
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "borrow/saveBorrowDetail",
|
data: JSON.stringify(array),
|
}).done(function (result) {
|
$("#step1").removeClass("steped");
|
$("#step2").addClass("steped");
|
$("#divInfoStep1").hide();
|
$("#divInfoStep2").show();
|
$("#btn_pre").show();
|
$("#btn_next").hide();
|
$("#btn_submit").show();
|
}));
|
}
|
|
//选择利用人
|
function selectBorrowName() {
|
wcp.picker.selectUser({
|
title: "请选择利用人",
|
multiSelect: false,
|
idElement: "borrowUserId",
|
nameElement: "borrowUserName",
|
deptNameElement: "borrowDept",
|
deptIdElement: "borrowDeptId",
|
layerOpener: window
|
});
|
}
|
|
//删除所有
|
function deleteAllBorrowDetail() {
|
layer.confirm('删除后将无法恢复，请确定是否全部删除？', {
|
btn: ['是', '否'],
|
offset: '300px'
|
}, function () {
|
<c:forEach items="${borrowInfoList}" var="archivalInfo">
|
deleteBorrowDetail('${archivalInfo.parentBorrowInfo.fileId}');
|
</c:forEach>
|
wcp.notify.success('删除成功！');
|
});
|
}
|
|
//删除
|
function deleteBorrowDetail(fileId) {
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "borrow/deleteBorrowDetail?fileId=" + fileId
|
}).done(function (result) {
|
$(".tr_" + fileId + "_0").remove();
|
$(".tr_" + fileId + "_1").remove();
|
$("#tr_" + fileId).remove();
|
$("#trhead_" + fileId).remove();
|
$("#list_" + fileId).remove();
|
}));
|
}
|
|
//人员变换时事件
|
$('#borrowUserName').textbox({
|
onChange: function (value) {
|
setTimeout(function () {
|
getBorrowUserInfo(value);
|
}, 1000);
|
}
|
});
|
|
//添加信息
|
function getBorrowUserInfo() {
|
var deptName = $("#borrowDept").textbox('getValue');
|
var borrowUserId = $("#borrowUserId").textbox('getValue');
|
|
if (deptName != null && deptName == "外部用户") {
|
$("#borrowUserName").combobox('readonly', true);
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "common/getUserInfo?userId=" + borrowUserId,
|
}).done(function (result) {
|
$("#deptName").textbox('setValue', result.dept);
|
$("#postCode").textbox('setValue', result.postCode);
|
$("#deptAddress").textbox('setValue', result.deptAddress);
|
$("#telNumber").textbox('setValue', result.telNumber);
|
$("#borrowTel").textbox('setValue', result.mobile);
|
$("#certificateNumber").textbox('setValue', result.certificateNum);
|
$("#borrowPurpose").textbox('setValue', result.purpose);
|
}));
|
}
|
}
|
|
function addBorrowDetail() {
|
var pageUrl = "common/addDetailsIndex?type=0"
|
openUrlByLayer(650, 270, pageUrl, "添加利用", null);
|
}
|
|
//通过Layer打开窗口
|
function openUrlByLayer(pageWidth, pageHeight, pageUrl, title, ids, defaultFull) {
|
top.layer.open({
|
title: title,
|
type: 2,
|
area: [pageWidth + "px", pageHeight + "px"],
|
fixed: false,
|
maxmin: true,
|
content: pageUrl,
|
success: function (layero, index) {
|
var body = window.top.layer.getChildFrame('body', index);
|
var iframeWin = window.top[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象
|
|
//将回调函数传给子页面
|
if (iframeWin.params) {
|
if (ids) {
|
iframeWin.params.ids = ids;
|
}
|
|
iframeWin.params.parent = window;
|
iframeWin.params.callBack = reload;
|
}
|
|
if (defaultFull) {
|
top.layer.full(index);
|
}
|
}
|
});
|
}
|
|
function reload() {
|
location.reload();
|
}
|
|
</script>
|
</html>
|
