<%@ 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-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="${physicalInfoList.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" onclick="closeWindow()">关闭</button>
|
</div>
|
</c:if>
|
<c:if test="${physicalInfoList.size()>0}">
|
<div id="divInfoStep1" class="application-con">
|
<div class="contit">
|
<h4>实物利用明细</h4>
|
<span class="consel"></span>
|
<button onclick="deleteAllPhysicalDetail()" class="pt-btn pt-btn-danger pt-btn-padding pull-right">
|
全部删除
|
</button>
|
</div>
|
<div class="pt-form">
|
<div class="application-body">
|
<c:forEach items="${physicalInfoList}" var="physicalInfo">
|
<div class="application-listli" id="list_${physicalInfo.parentPhysicalInfo.fileId}">
|
<div class="listli-title" id="tr_${physicalInfo.parentPhysicalInfo.fileId}">
|
<span class="txt_fold">档号：${physicalInfo.parentPhysicalInfo.projectNum}</span> <span
|
class="txt_fold txt_blue">${physicalInfo.parentPhysicalInfo.projectName}</span>
|
<i class="fa fa-times-circle pull-right"
|
onclick="deletePhysicalDetail('${physicalInfo.parentPhysicalInfo.fileId}')"></i>
|
</div>
|
<div class="detailed">
|
<table style="width: 100%;">
|
<tr class="detailed-th" id="trhead_${physicalInfo.parentPhysicalInfo.fileId}">
|
<td style="padding:0;text-align:center">样品类型</td>
|
<td style="padding:0">所属海域或航次</td>
|
<td style="padding:0">站位</td>
|
<td style="padding:0"></td>
|
<td style="width: 25%">
|
<input type="checkbox" class="flat cg"
|
name="survey_cg_${physicalInfo.parentPhysicalInfo.fileId}"
|
id="survey_all_cg_${physicalInfo.parentPhysicalInfo.fileId}"/>观察
|
<input type="checkbox" class="flat cg"
|
name="sampling_cg_${physicalInfo.parentPhysicalInfo.fileId}"
|
id="sampling_all_cg_${physicalInfo.parentPhysicalInfo.fileId}"/>取样
|
|
</td>
|
|
</tr>
|
<c:forEach items="${physicalInfo.physicalDetailList}" var="physicalDetail">
|
<tr class="tr_${physicalInfo.parentPhysicalInfo.fileId} cg">
|
<td>${physicalDetail.sampleType}</td>
|
<td>${physicalDetail.vesselVoyage}</td>
|
<td>${physicalDetail.position}</td>
|
<td style="padding:0"></td>
|
<td><input type="checkbox" class="flat"
|
name="survey_${physicalInfo.parentPhysicalInfo.fileId}"
|
id="survey_${physicalDetail.detailId}"/>观察
|
<input type="checkbox" class="flat"
|
name="sampling_${physicalInfo.parentPhysicalInfo.fileId}"
|
id="sampling_${physicalDetail.detailId}"/>取样
|
</tr>
|
</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">单位/部门名称：</td>
|
<td style="width: 30%;">
|
<input class="easyui-textbox" id="deptName"
|
name="deptName" type="text" style="width:300px;"
|
value=""/>
|
</td>
|
<td class="tbtitle"> 单位地址：</td>
|
<td style="width: 30%;">
|
<input class="easyui-textbox" id="deptAddress"
|
name="deptAddress" type="text" style="width:300px"
|
value=""/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle"><em class="pt-color-danger">*</em> 申请人：</td>
|
<td style="width: 30%;">
|
<input class="easyui-textbox" id="applyUser" name="applyUser"
|
type="text" style="width:300px;" value="${curUserName}"
|
data-options="required:true,tipPosition:'bottom',buttonText:'选',prompt:'请选择利用人...',onClickButton:function(){selectApplyName(); }"/>
|
<input id="applyUserId" class="easyui-textbox" name="applyUserId"
|
type="hidden"
|
value="${curUserId}"/>
|
</td>
|
<td class="tbtitle">职务/职称：</td>
|
<td style="width: 30%;">
|
<input class="easyui-textbox" id="jobTitle"
|
name="jobTitle" type="text" style="width:300px"
|
value=""/>
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle"><em class="pt-color-danger">*</em>身份证号：</td>
|
<td style="width: 30%;">
|
<input class="easyui-textbox" id="cardId"
|
name="cardId" type="text" style="width:300px"
|
data-options="required:true"
|
value=""/>
|
</td>
|
<td class="tbtitle"><em class="pt-color-danger">*</em>联系电话：</td>
|
<td style="width: 30%;">
|
<input class="easyui-textbox" id="telNumber"
|
name="telNumber" type="text" style="width:300px"
|
data-options="required:true"
|
value=""/>
|
</td>
|
|
</tr>
|
<tr>
|
<td class="tbtitle">邮箱：</td>
|
<td colspan="3">
|
<input class="easyui-textbox" name="email" data-options="multiline:true"
|
style="width:850px">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle"><em class="pt-color-danger">*</em>项目名称及来源：</td>
|
<td colspan="3">
|
<input class="easyui-textbox" name="projectName"
|
data-options="required:true,multiline:true"
|
style="height:60px;width:850px">
|
</td>
|
</tr>
|
<tr>
|
<td class="tbtitle">观察取样时间：</td>
|
<td style="width: 30%;">
|
<input class="easyui-datebox" id="observationTime"
|
name="observationTime" type="text" style="width:300px"
|
value=""/>
|
</td>
|
<td class="tbtitle">取样数量：</td>
|
<td style="width: 30%;">
|
<input class="easyui-textbox" id="sampleNum"
|
name="sampleNum" type="text" style="width:300px"
|
value=""/>
|
</td>
|
</tr>
|
<%-- <tr>--%>
|
<%-- <td class="tbtitle">取样方式：</td>--%>
|
<%-- <td colspan="3">--%>
|
<%-- <input class="easyui-textbox" name="sampleMethod"--%>
|
<%-- data-options="required:false,multiline:true"--%>
|
<%-- style="height:60px;width:850px">--%>
|
<%-- </td>--%>
|
<%-- </tr>--%>
|
<%-- <tr>--%>
|
<%-- <td class="tbtitle">测试项目及样品量需求：</td>--%>
|
<%-- <td colspan="3">--%>
|
<%-- <input class="easyui-textbox" name="testProject"--%>
|
<%-- data-options="required:false,multiline:true"--%>
|
<%-- style="height:60px;width:850px">--%>
|
<%-- </td>--%>
|
<%-- </tr>--%>
|
<%-- <tr>--%>
|
<%-- <td class="tbtitle">送检机构：</td>--%>
|
<%-- <td colspan="3">--%>
|
<%-- <input class="easyui-textbox" name="sendInstitution"--%>
|
<%-- data-options="required:false,multiline:true"--%>
|
<%-- style="height:60px;width:850px">--%>
|
<%-- </td>--%>
|
<%-- </tr>--%>
|
<tr>
|
<td class="tbtitle">申请目的及利用成效：</td>
|
<td colspan="3">
|
<input class="easyui-textbox" name="researchPurpose"
|
data-options="required:false,multiline:true"
|
style="height:60px;width:850px">
|
</td>
|
</tr>
|
<%-- <tr>--%>
|
<%-- <td class="tbtitle">申请目的及利用成效：</td>--%>
|
<%-- <td colspan="3">--%>
|
<%-- <input class="easyui-textbox" name="researchContent"--%>
|
<%-- data-options="required:false,multiline:true"--%>
|
<%-- style="height:60px;width:850px">--%>
|
<%-- </td>--%>
|
<%-- </tr>--%>
|
<tr>
|
<td class="tbtitle">预期成果：</td>
|
<td colspan="3">
|
<input class="easyui-textbox" name="expectedResult"
|
data-options="required:false,multiline:true"
|
style="height:60px;width:850px">
|
</td>
|
</tr>
|
<%-- <tr>--%>
|
<%-- <td class="tbtitle">申请单位意见：</td>--%>
|
<%-- <td colspan="3">--%>
|
<%-- <input class="easyui-textbox" name="applyDeptOpinion"--%>
|
<%-- data-options="required:false,multiline:true"--%>
|
<%-- style="height:60px;width:850px">--%>
|
<%-- </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="${physicalInfoList.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="savePhysicalDetail()">下一步</button>
|
<button id="btn_submit" class="pt-btn pt-btn-success" style="display:none"
|
onclick="savePhysicalForm()">提交
|
</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%'
|
});
|
|
<c:forEach items="${physicalInfoList}" var="physicalInfo">
|
// 全部电子选中与否
|
$(document).on('ifChecked', '#survey_all_cg_${physicalInfo.parentPhysicalInfo.fileId}', function (event) {
|
$("input[name='survey_${physicalInfo.parentPhysicalInfo.fileId}']").iCheck('check');
|
});
|
$(document).on('ifUnchecked', '#survey_all_cg_${physicalInfo.parentPhysicalInfo.fileId}', function (event) {
|
$("input[name='survey_${physicalInfo.parentPhysicalInfo.fileId}']").iCheck('uncheck');
|
});
|
|
//全部纸质选中与否
|
$(document).on('ifChecked', '#sampling_all_cg_${physicalInfo.parentPhysicalInfo.fileId}', function (event) {
|
$("input[name='sampling_${physicalInfo.parentPhysicalInfo.fileId}']").iCheck('check');
|
});
|
$(document).on('ifUnchecked', '#sampling_all_cg_${physicalInfo.parentPhysicalInfo.fileId}', function (event) {
|
$("input[name='sampling_${physicalInfo.parentPhysicalInfo.fileId}']").iCheck('uncheck');
|
});
|
|
</c:forEach>
|
});
|
|
|
//上一步
|
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 savePhysicalForm() {
|
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: "physical/savePhysicalForm",
|
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 savePhysicalDetail() {
|
|
var array = [];
|
|
<c:forEach items="${allPhysicalDetailList}" var="physicalDetail">
|
|
var detailId = '${physicalDetail.detailId}';
|
|
var physicalDetail = null;
|
|
var survey = $("#survey_" + detailId).is(':checked') == true ? 1 : 0;
|
var sampling = $("#sampling_" + detailId).is(':checked') == true ? 1 : 0;
|
|
if (survey == "1" || sampling == "1") {
|
physicalDetail = {
|
"detailId": detailId,
|
"survey": survey,
|
"sampling": sampling,
|
"agree": 1
|
};
|
array.push(physicalDetail);
|
}
|
</c:forEach>
|
|
if (array.length == 0) {
|
wcp.notify.error('无明细信息，不能提交！');
|
return;
|
}
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "physical/savePhysicalDetail",
|
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();
|
// getPhysicalUserInfo();
|
}));
|
}
|
|
//选择利用人
|
function selectApplyName() {
|
wcp.picker.selectUser({
|
title: "请选择利用人",
|
multiSelect: false,
|
idElement: "applyUserId",
|
nameElement: "applyUser",
|
deptNameElement: "deptName",
|
layerOpener: window
|
});
|
}
|
|
//删除所有
|
function deleteAllPhysicalDetail() {
|
layer.confirm('删除后将无法恢复，请确定是否全部删除？', {
|
btn: ['是', '否'],
|
offset: '300px'
|
}, function () {
|
<c:forEach items="${physicalInfoList}" var="archivalInfo">
|
detail('${archivalInfo.parentPhysicalInfo.fileId}');
|
</c:forEach>
|
wcp.notify.success('删除成功！');
|
});
|
}
|
|
//删除
|
function deletePhysicalDetail(fileId) {
|
|
layer.confirm('删除后将无法恢复，请确定是否删除？', {
|
btn: ['是', '否'],
|
offset: '300px'
|
}, function () {
|
detail(fileId);
|
wcp.notify.success('删除成功！');
|
});
|
}
|
|
function detail(fileId) {
|
wcp.ui.setBusy("body", wcp.ajax({
|
url: "physical/deletePhysicalDetail?fileId=" + fileId
|
}).done(function (result) {
|
$(".tr_" + fileId + "_0").remove();
|
$(".tr_" + fileId + "_1").remove();
|
$("#tr_" + fileId).remove();
|
$("#trhead_" + fileId).remove();
|
$("#list_" + fileId).remove();
|
}));
|
}
|
|
// //人员变换时事件
|
// $('#physicalUserName').textbox({
|
// onChange: function (value) {
|
// setTimeout(function () {
|
// getPhysicalUserInfo(value);
|
// }, 1000);
|
// }
|
// });
|
|
// //添加信息
|
// function getPhysicalUserInfo() {
|
// var deptName = $("#physicalDept").textbox('getValue');
|
// var physicalUserId = $("#physicalUserId").textbox('getValue');
|
//
|
// if (deptName != null && deptName == "外部用户") {
|
// $("#applyUser").combobox('readonly', true);
|
// wcp.ui.setBusy("body", wcp.ajax({
|
// url: "common/getUserInfo?userId=" + physicalUserId,
|
// }).done(function (result) {
|
// $("#deptName").textbox('setValue', result.dept);
|
// $("#deptAddress").textbox('setValue', result.deptAddress);
|
// $("#telNumber").textbox('setValue', result.telNumber);
|
// $("#physicalTel").textbox('setValue', result.mobile);
|
// }));
|
// }
|
// }
|
|
|
</script>
|
</html>
|
