<%@ 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>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<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" type="text/css" href="static/plugins/webuploader/webuploader.css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/archives.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.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/jquery-afterresize/jquery.afterresize.min.js"></script>
|
|
<!-- 弹窗加载组件 -->
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
<script type="text/javascript" src="static/plugins/ace/src-noconflict/ace.js"></script>
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
<script type="text/javascript" src="static/plugins/webuploader/webuploader.js"></script>
|
<script src="static/plugins/webuploader/webuploader.min.js"></script>
|
<script src="static/plugins/ptfileupload/pt.fileupload.js"></script>
|
<style>
|
body {
|
background: #f3f5fa;
|
width: 1020px;
|
margin: 0 auto;
|
}
|
|
.pt-form table {
|
margin: 20px auto 0px auto;
|
}
|
|
.webuploader-pick {
|
background-color: #d81b60;
|
border: 1px solid #c40a4e;
|
border-radius: 4px;
|
color: #fff;
|
padding: 5px 10px;
|
float: right;
|
margin: -10px 32px 0 0;
|
}
|
|
.webuploader-pick i.fa-upload {
|
padding-right: 0.3em;
|
color: #fff;
|
}
|
</style>
|
|
</head>
|
<body>
|
<div class="margin-lr">
|
<div class="pt-title-theme3"><i class="fa fa-file-text"></i><h4>借阅申请单</h4></div>
|
<div class="ptbody">
|
<div class="pt-application-row">
|
<div class="pt-subtitle"><i></i><span>借阅单</span></div>
|
<div class="pt-form">
|
<form id="form1">
|
<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"
|
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,multiline: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>
|
</form>
|
</div>
|
</div>
|
<div class="pt-application-row">
|
<div class="pt-subtitle"><i></i><span>借阅目录</span></div>
|
<div class="pt-spacing">
|
<div>
|
<div id="toolbar" style="height: auto">
|
<div>
|
<a onclick="addRow();" class="pt-btn pt-btn-success">
|
<i class="fa fa-plus"></i> 新增
|
</a>
|
|
<a onclick="$('#tb_BorrowDetail').edatagrid('saveRow');" class="pt-btn pt-btn-info">
|
<i class="fa fa-save"></i>
|
确认修改
|
</a>
|
|
<a onclick="$('#tb_BorrowDetail').edatagrid('cancelRow');" class="pt-btn pt-btn-warning">
|
<i class="fa fa-scissors"></i>
|
撤销
|
</a>
|
<a onclick="saveData();" class="pt-btn pt-btn-info">
|
<i class="fa fa-save"></i>
|
保存
|
</a>
|
<a onclick="$('#tb_BorrowDetail').edatagrid('destroyRow');" class="pt-btn pt-btn-danger">
|
<i class="fa fa-trash-o"></i>
|
删除
|
</a>
|
</div>
|
</div>
|
<div>
|
|
<table id="tb_BorrowDetail" singleselect="true" idfield="detailId" style="width: 100%;"
|
toolbar="#toolbar">
|
<thead>
|
<tr>
|
<th field="archivalCode" width="15%" align="center"
|
editor="{type:'validatebox',options:{required:true}}">档号
|
</th>
|
<th field="itemNumber" width="15%" align="center"
|
editor="{type:'validatebox',options:{required:true}}">件号
|
</th>
|
<th field="securityClassification" width="15%" align="center"
|
editor="{type:'combobox',options:{valueField:'csmc',textField:'csmc',
|
data:securityList,multiple:false,editable:false,panelHeight:'auto'}}">密级
|
</th>
|
<th field="itemTitle" width="40%" align="center"
|
editor="{type:'validatebox',options:{required:true}}">题名
|
</th>
|
<th field="borrowType" width="15%" align="center"
|
editor="{type:'combobox',options:{valueField:'csmc',textField:'csmc',
|
data:uniqueList,multiple:false,editable:false,panelHeight:'auto'}}">借阅类型
|
</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<div class="pt-application-btn">
|
<button class="pt-btn pt-btn-purple" onclick="saveBorrowForm()">提交</button>
|
<button class="pt-btn pt-btn-default" onclick="closeWindow()">关闭</button>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
|
var selectId = '0';
|
var params = {
|
callBack: null,
|
callBackParams: null
|
};
|
var createUserId = '${curUserId}';
|
var uniqueList = [
|
{
|
"csid": "电子",
|
"csmc": "电子",
|
"selected": "true"
|
},
|
{
|
"csid": "纸质",
|
"csmc": "纸质"
|
},
|
{
|
"csid": "调阅原件",
|
"csmc": "调阅原件"
|
}
|
];
|
|
var securityList = [
|
{
|
"csid": "",
|
"csmc": "",
|
},
|
{
|
"csid": "内部",
|
"csmc": "内部",
|
"selected": "true"
|
},
|
{
|
"csid": "秘密",
|
"csmc": "秘密"
|
},
|
{
|
"csid": "机密",
|
"csmc": "机密"
|
},
|
{
|
"csid": "绝密",
|
"csmc": "绝密"
|
}
|
];
|
$(function () {
|
new ResizeScroll({
|
"id": ".ptbody", fun: function () {
|
var wh = $(window).height();
|
return (wh - 36 - 28 - 10);
|
}
|
});
|
|
//人员变换时事件
|
$('#borrowUserName').textbox({
|
onChange: function (value) {
|
setTimeout(function () {
|
getBorrowUserInfo(value);
|
}, 500);
|
}
|
});
|
getBorrowDetailList();
|
// loadCategories();
|
})
|
|
|
//提交
|
function saveBorrowForm() {
|
var borrowDetailList = $('#tb_BorrowDetail').datagrid("getRows");
|
if (borrowDetailList.length == 0) {
|
wcp.notify.error('借阅目录为空，不能提交！');
|
return;
|
}
|
|
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) {
|
wcp.notify.info('提交成功！');
|
params.parent.refreshData();//刷新父亲
|
closeWindow();
|
}));
|
}
|
|
function closeWindow() {
|
var title = top.$('#tt').tabs('getSelected').panel("options").title;
|
top.$("#tt").tabs("close", title);
|
}
|
|
|
//绑定字段列表
|
function getBorrowDetailList() {
|
var wh = $(window).height();// 移除所有 change 事件监听器
|
$('#tb_BorrowDetail').edatagrid({
|
rownumbers: true,
|
pagination: false,
|
fitColumns: true,
|
method: "get",
|
url: "borrow/getBorrowDetailListByPeople",
|
saveUrl: "",
|
updateUrl: "",
|
onDestroy: function (index, row) {
|
$.ajax({
|
type: 'POST',
|
contentType: "application/json; charset=utf-8",
|
url: "borrow/deleteBorrowDetailById?detailId=" + row.detailId,
|
success: function (data) {
|
}
|
});
|
},
|
onLoadSuccess: function (data) {
|
for (var i = 0; i < data.rows.length; i++) {
|
var row = data.rows[i];
|
var value = ""
|
if (row.electronic == 1) {
|
value = "电子";
|
}
|
if (row.paper == 1) {
|
value = "纸质";
|
}
|
if (row.original == 1) {
|
value = "原件借出";
|
}
|
$('#tb_BorrowDetail').datagrid('beginEdit', i);
|
// 获取编辑器对象
|
var editors = $('#tb_BorrowDetail').datagrid('getEditors', i);
|
|
$(editors[4].target[0]).combobox("setValue", value);
|
$(editors[4].target[0]).combobox("setText", value);
|
$('#tb_BorrowDetail').datagrid('endEdit', i);
|
}
|
}
|
});
|
}
|
|
function saveData() {
|
var editIndex = $('#tb_BorrowDetail').datagrid('getRows').length;
|
for (var i = 0; i < editIndex; i++) {
|
$('#tb_BorrowDetail').datagrid("endEdit", i);
|
}
|
var borrowDetailList = $('#tb_BorrowDetail').datagrid("getRows");
|
for (i = 0; i < borrowDetailList.length; i++) {
|
if (borrowDetailList[i].hasOwnProperty('isNewRecord')) {
|
var isNewRecord = borrowDetailList[i].isNewRecord;
|
if (isNewRecord) {
|
layer.alert("请先确认字段！");
|
return false;
|
}
|
//删除isNewRecord属性
|
delete borrowDetailList[i].isNewRecord;
|
}
|
borrowDetailList[i]["createUserId"] = createUserId;
|
borrowDetailList[i]["formId"] = 0;
|
borrowDetailList[i]["fileTitle"] = "人工添加";
|
borrowDetailList[i]["fileId"] = 0;
|
if (borrowDetailList[i]["borrowType"] == "电子") {
|
borrowDetailList[i]["electronic"] = 1;
|
borrowDetailList[i]["paper"] = 0;
|
borrowDetailList[i]["original"] = 0;
|
}
|
if (borrowDetailList[i]["borrowType"] == "纸质") {
|
borrowDetailList[i]["electronic"] = 0;
|
borrowDetailList[i]["paper"] = 1;
|
borrowDetailList[i]["original"] = 0;
|
}
|
if (borrowDetailList[i]["borrowType"] == "调阅原件") {
|
borrowDetailList[i]["electronic"] = 0;
|
borrowDetailList[i]["paper"] = 0;
|
borrowDetailList[i]["original"] = 1;
|
}
|
borrowDetailList[i]["agree"] = 1;
|
delete borrowDetailList[i].borrowType;
|
}
|
$.ajax({
|
type: 'POST',
|
contentType: "application/json; charset=utf-8",
|
url: "borrow/saveBorrowDetail",
|
dataType: 'json',
|
data: JSON.stringify(borrowDetailList),
|
success: function (data) {
|
$('#tb_BorrowDetail').datagrid("reload");
|
}
|
});
|
}
|
|
function addRow() {
|
var rows = $("#tb_BorrowDetail").datagrid("getRows");
|
var index = rows.length;
|
$('#tb_BorrowDetail').edatagrid('addRow', {
|
index: index,
|
row: {
|
"archivalCode": "",
|
"itemNumber": "",
|
"securityClassification": "",
|
"itemTitle": "",
|
"borrowType": "电子",
|
}
|
});
|
}
|
|
|
//选择利用人
|
function selectBorrowName() {
|
wcp.picker.selectUser({
|
title: "请选择利用人",
|
multiSelect: false,
|
idElement: "borrowUserId",
|
nameElement: "borrowUserName",
|
deptNameElement: "borrowDept",
|
deptIdElement: "borrowDeptId",
|
layerOpener: window
|
});
|
}
|
|
|
//添加信息
|
function getBorrowUserInfo() {
|
var deptName = $("#borrowDept").textbox('getValue');
|
var borrowUserId = $("#borrowUserId").textbox('getValue');
|
|
if (deptName != null && deptName == "外部用户") {
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "borrow/getBorrowUserInfo?userId=" + borrowUserId,
|
}).done(function (result) {
|
$("#deptName").textbox('setValue', result.deptName);
|
$("#postCode").textbox('setValue', result.postCode);
|
$("#deptAddress").textbox('setValue', result.deptAddress);
|
$("#telNumber").textbox('setValue', result.telNumber);
|
$("#borrowTel").textbox('setValue', result.borrowTel);
|
$("#certificateNumber").textbox('setValue', result.certificateNumber);
|
$("#borrowPurpose").textbox('setValue', result.borrowPurpose);
|
}));
|
}
|
}
|
|
|
</script>
|
</html>
|
