Files
memberSystem/src/main/webapp/WEB-INF/view/vip/vipCompany.jsp
T
2018-09-02 22:08:59 +08:00

590 lines
33 KiB
Plaintext

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<title>单位评价证</title>
<!-- css and js -->
<%@ include file="../htm/script.jsp" %>
<link href="<%=basePath%>static/css/datepicker.css" rel="stylesheet"/>
<script src="<%=basePath%>static/js/date-time/bootstrap-datepicker.min.js"></script>
<style type="text/css">
.important
{
vertical-align:middle;
text-align:right;
padding:10px;
}
</style>
<script type="text/javascript">
var dataTable = null;
var dataTableMember = null;
$(function () {
$("#searchTable").find("td:even").addClass("important");
$("#searchTable").find("input").addClass("searchClass");
$("#searchTable").find("select").addClass("searchClass");
$("#searchTableMember").find("td:even").addClass("important");
$("#searchTableMember").find("input").addClass("searchClass");
$("#searchTableMember").find("select").addClass("searchClass");
//日期控件
$('#sSearch3,#sSearch4,#certificateApplyTime,#certificateMaturityTime,#openticketTime,#outcardTime,#annualReviewTime').datepicker({
language: 'zh-CN',
format: "yyyy-mm-dd"
});
//分页
dataTable = $("#sample-table-2").dataTable({
"sPaginationType": "bootstrap",
//"bProcessing": true,
"bLengthChange": true,
"bFilter": false,
"bServerSide": true,//指定从服务器端获取数据
"sAjaxSource": "<%=basePath%>page/vip/companyList.do",
"fnServerData": returnServerData,
"aoColumns": [
{"mData": "companySerial", "bSortable": false},
{"mData": function(vipCompany){
return vipCompany.vipMember.memberName;
}, "bSortable": false},
{"mData": "certificateCard","bSortable": false },
{"mData": function (vipCompany) {
var certificateApplyTime = "<div class='label label-light'><b>证书申请时间:" + vipCompany.certificateApplyTime + "</b></div><br>";
var certificateMaturityTime = "<div class='label label-light'><b>证书到期时间:" + vipCompany.certificateMaturityTime + "</b></div><br>";
return certificateApplyTime + certificateMaturityTime;
}, "bSortable": false},
{"mData": "certificateLevel", "bSortable": false},
{"mData": "certificateType", "bSortable": false},
{"mData": "certificateRemark", "bSortable": false},
{"mData": "openticketTime", "bSortable": false},
{"mData": "outcardTime", "bSortable": false},
{"mData": "annualReviewTime", "bSortable": false},
{"mData": "cost", "bSortable": false},
{"mData": function(vipCompany){
return '<a onclick="editVipCompany(\''+vipCompany.companyId+'\');" class="label label-primary"><i class="icon-edit"></i></a>'
+'<a href="javascript:void(0);" onclick="deleteVipCompany('+vipCompany.companyId+')" class="label label-danger"><span class="icon-trash"></span></a>';
},
"bSortable": false,
"sClass":"center"
}
],
"oLanguage": {
"sLengthMenu": "每页显示 _MENU_条",
"sZeroRecords": "没有找到符合条件的数据",
"sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条",
"sProcessing": "<img src='<%=basePath%>static/css/images/loading.gif'>",
"sInfoEmpty": "木有记录",
"sInfoFiltered": "(从 _MAX_ 条记录中过滤)",
"sSearch": "",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "前一页",
"sNext": "后一页",
"sLast": "尾页"
}
}
});
//单位列表
dataTableMember = $("#sample-table-member").dataTable({
"sPaginationType": "bootstrap",
//"bProcessing": true,
"bLengthChange": true,
"bFilter": false,
"bServerSide": true,//指定从服务器端获取数据
"sAjaxSource": "<%=basePath%>page/vip/memberList.do",
"fnServerData": returnServerData,
"aoColumns": [
{"mData": function (vipMember) {
return "<input type='radio' name='memberId' value='" + vipMember.memberId + "_" + vipMember.memberName + "' />";
}, "bSortable": false},
{"mData": "memberName","bSortable": false },
{"mData": "memberLegal", "bSortable": false}
],
"oLanguage": {
"sLengthMenu": "每页显示 _MENU_条",
"sZeroRecords": "没有找到符合条件的数据",
"sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条",
"sProcessing": "<img src='<%=basePath%>static/css/images/loading.gif'>",
"sInfoEmpty": "木有记录",
"sInfoFiltered": "(从 _MAX_ 条记录中过滤)",
"sSearch": "",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "前一页",
"sNext": "后一页",
"sLast": "尾页"
}
}
});
$("#sample-table-2_length").append('&nbsp;&nbsp;&nbsp;&nbsp;<label><a href="javascript:void(0);" id="addVipCompany" class="btn btn-default btn-sm"><i class="icon-edit"></i><span class="no-text-shadow">新增</span></a></label>');
$("#sample-table-2_length").append('&nbsp;&nbsp;&nbsp;&nbsp;<label><a href="javascript:void(0);" id="templateDownload" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-cloud-download"></i><span class="no-text-shadow">模板下载</span></a></label>');
$("#sample-table-2_length").append('&nbsp;&nbsp;&nbsp;&nbsp;<label><a href="javascript:void(0);" id="export" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-cloud-download"></i><span class="no-text-shadow">导出</span></a></label>');
$("#sample-table-2_length").append('&nbsp;&nbsp;&nbsp;&nbsp;<label><a href="javascript:void(0);" id="import" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-cloud-download"></i><span class="no-text-shadow">导入</span></a></label>');
//重置
$("#reset").click(function () {
var searchClass = $(".searchClass");
for (var i = 0; i < searchClass.length; i++) {
$(searchClass[i]).val("");
}
dataTable.fnDraw();
});
$("#addVipCompany").click(function(){
$("#companyId").val("");
$("input[id$='memberId']").val("");
$("input[id$='memberName']").val("");
$("#certificateCard").val("");
$("#certificateLevel").val("");
$("#certificateType").val("");
$("#certificateReceiveTime").val("");
$("#certificateMaturityTime").val("");
$("#openticketTime").val("");
$("#outcardTime").val("");
$("#annualReviewTime").val("");
$("#cost").val("");
$("#certificateRemark").val("");
$("#addOrUpdateSubmitBtn").attr("disabled",false);
$("#companyModal").modal("show");
});
//模态框
$('.modal').modal({
backdrop: 'static',
show: false
});
//关闭
/*$(".closeBtn").click(function () {
$('.modal').modal("hide");
});*/
$("#companyClose,#companyClose1").click(function () {
$("#companyModal").modal("hide");
});
$("#memberClose,#memberClose1").click(function () {
$("#memberModal").modal("hide");
});
$("#templateDownload").click(function () {
$("#templateDownForm").submit();
});
$("#export").click(function () {
$("#exportForm").submit();
});
$("#import").click(function () {
$("#fileUpload").click();
});
//自动查询
$("#searchTableMember").find("input,select").change(function () {
dataTableMember.fnDraw();
});
//自动查询
$("#searchTable").find("input,select").change(function () {
dataTable.fnDraw();
});
$("#checkMember").click(function () {
var member = $("input[name='memberId']:checked").val();
var ms = member.split("_");
$("input[id$='memberId']").val(ms[0]);
$("input[id$='memberName']").val(ms[1]);
// $("#vipMember.memberId").val(ms[0]);
// $("#vipMember.memberName").val(ms[1]);
$("#memberModal").modal("hide");
});
//会员检索
$("#memberSearch").click(function () {
$("#memberModal").modal("show");
});
$("#addOrUpdateSubmitBtn").click(function(){
var memberName = $("#vipMember.memberName").val();
if(memberName == ""){
jAlert('单位不能为空!', '提示');
return false;
}
$("#addOrUpdateSubmitBtn").attr("disabled",true);
$("#form-company").submit();
});
//提交表单
$('#form-company').ajaxForm(function(data){
//弹出ajax请求后的回调结果
if(data=="true"){
//刷新当前页面
$("#companyModal").modal("hide");
jAlert('成功', '提示');
$("#addOrUpdateSubmitBtn").attr("disabled",false);
refreshTable();
}
else{
//刷新当前页面
jAlert('失败', '提示');
$("#addOrUpdateSubmitBtn").attr("disabled",false);
}
});
});
function editVipCompany(companyId){
$.ajax({
"url": "<%=basePath%>page/vip/getCompany.do?rm="+Math.random(),
"type": 'POST',
"data": {"companyId":companyId},
"dataType": "json",
"success":function(data){
if(data!=null){
$("#companyId").val(data.companyId);
$("input[id$='memberId']").val(data.vipMember.memberId);
$("input[id$='memberName']").val(data.vipMember.memberName);
$("#certificateCard").val(data.certificateCard);
$("#certificateLevel").val(data.certificateLevel);
$("#certificateType").val(data.certificateType);
$("#certificateApplyTime").val(data.certificateApplyTime);
$("#certificateMaturityTime").val(data.certificateMaturityTime);
$("#openticketTime").val(data.openticketTime);
$("#outcardTime").val(data.outcardTime);
$("#annualReviewTime").val(data.annualReviewTime);
$("#cost").val(data.cost);
$("#certificateRemark").val(data.certificateRemark);
$("#companyModal").modal("show");
}
else{
jAlert('失败', '提示');
//刷新当前页
refreshTable();
}
},
error:function(){
//刷新当前页
refreshTable();
jAlert('错误', '提示');
},
});
}
function deleteVipCompany(companyId){
jConfirm("确定要删除吗?", '确认对话框', function(bln){
if (bln) {
$.ajax({
url:"<%=basePath%>page/vip/companyDelete.do?rm="+Math.random(),
data:{"companyId":companyId},
success:function(bln){
if(bln){
jAlert('成功', '提示');
}
else{
jAlert('失败', '提示');
}
refreshTable();
},
error:function(){
jAlert('错误', '提示');
refreshTable();
}
});
}
});
}
//服务器返回数据
function returnServerData(sSource, aoData, fnCallback) {
//查询参数
var searchClass = $(".searchClass");
for (var i = 0; i < searchClass.length; i++) {
var id = $(searchClass[i]).attr("id");
var value = $(searchClass[i]).val();
aoData.push({"name": id, "value": value});
}
$.ajax({
"url": sSource,
"type": "POST",
"data": aoData,
"dataType": "json",
"cache": false,
"success": function (json) {
fnCallback(json);
}
});
}
//刷新当前页
function refreshTable() {
var iDisplayStart = dataTable.fnSettings()._iDisplayStart;
var iDisplayLength = dataTable.fnSettings()._iDisplayLength;
var pageNum = (iDisplayStart + iDisplayLength) / iDisplayLength;
dataTable.fnPageChange(--pageNum, true);
}
function uploadFile() {
var file = $("#fileUpload");
var fileName = file[0].files[0].name;
var suffixName = fileName.substr(fileName.lastIndexOf("."))
if (suffixName != '.xls') {
jAlert('只能为xls的文件!', '提示');
return ;
}
$("#importForm").submit();
}
</script>
</head>
<body>
<!-- 头部 -->
<%@ include file="../htm/header.jsp" %>
<!-- 主体 -->
<div class="main-container" id="main-container">
<script type="text/javascript">
try {
ace.settings.check('main-container', 'fixed')
} catch (e) {
}
</script>
<div class="main-container-inner">
<!-- 侧边栏 -->
<%@ include file="../htm/sidebar.jsp" %>
<!-- 主体内容 -->
<div class="main-content">
<div class="breadcrumbs" id="breadcrumbs">
<script type="text/javascript">
try {
ace.settings.check('breadcrumbs', 'fixed')
} catch (e) {
}
</script>
<ul class="breadcrumb">
<li>
<i class="icon-home home-icon"></i>
<a href="<%=basePath%>page/public/index.do">首页</a>
</li>
<li class="active">单位评价证列表</li>
</ul>
</div>
<div class="page-content">
<div class="row">
<div class="col-xs-12">
<div class="table-header"></div>
<div class="table-responsive">
<table id="searchTable" class="col-xs-12">
<tr>
<td>
<label>单位名称</label>
</td>
<td>
<input type="text" id='sSearch1' name="sSearch1" class="input-medium" value="" />
</td>
<td>
<label>证书到期时间</label>
</td>
<td>
<input type="text" id='sSearch3' name="sSearch3" class="input-medium" value="" />
</td>
<td>
<label>证书申请时间</label>
</td>
<td>
<input type="text" id='sSearch4' name="sSearch4" class="input-medium" value="" />
</td>
</tr>
<tr>
<td colspan="12" style="text-align:center;">
<button type="button" class="btn btn-sm btn-info" onclick="refreshTable();" style="margin-right:20px;"><i class="icon-refresh"></i>刷新</button>
<button id="reset" type="reset" class="btn btn-sm btn-info" style="margin-right:20px;"><i class="icon-undo"></i>重置</button>
</td>
</tr>
</table>
<table id="sample-table-2" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th class="center">ID</th>
<th>单位名称</th>
<th>证书编号</th>
<th>证书时间</th>
<th>证书等级</th>
<th>证书类型</th>
<th>备注</th>
<th>开票时间</th>
<th>出证时间</th>
<th>年审时间</th>
<th>费用</th>
<th>操作</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<form action="<%=basePath%>page/vip/companyAddOrUpdate.do" class="form-horizontal" method="post" id="form-company">
<div class="modal fade" id="companyModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" id="companyClose" class="closeBtn close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title">单位评价证</h4>
</div>
<div class="modal-body row">
<div class="col-xs-12">
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">单位名称<span style="color:red;">*</span></label>
<div class="col-xs-8">
<input type="hidden" name="companyId" id="companyId" value=""/>
<input type="hidden" name="vipMember.memberId" id="vipMember.memberId" value=""/>
<input type="text" name="vipMember.memberName" id="vipMember.memberName" class="form-control" value="" readonly maxlength="50"/>
<button type="button" class="btn btn-sm btn-info" id="memberSearch" style="margin-right:20px;">检索</button>
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">证书编号</label>
<div class="col-xs-8">
<input type="text" name="certificateCard" id="certificateCard" class="form-control" maxlength="20"/>
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">证书等级</label>
<div class="col-xs-8">
<input type="text" name="certificateLevel" id="certificateLevel" class="form-control" maxlength="20"/>
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">证书类型</label>
<div class="col-xs-8">
<input type="text" name="certificateType" id="certificateType" class="form-control" maxlength="20"/>
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">证书申请时间</label>
<div class="col-xs-8">
<input type="text" id='certificateApplyTime' name="certificateApplyTime" class="input-medium" />
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">证书到期时间<</label>
<div class="col-xs-8">
<input type="text" id='certificateMaturityTime' name="certificateMaturityTime" class="input-medium" />
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">开票时间</label>
<div class="col-xs-8">
<input type="text" id='openticketTime' name="openticketTime" class="input-medium" />
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">出证时间</label>
<div class="col-xs-8">
<input type="text" id='outcardTime' name="outcardTime" class="input-medium" />
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">年审时间</label>
<div class="col-xs-8">
<input type="text" id='annualReviewTime' name="annualReviewTime" class="input-medium" />
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">费用</label>
<div class="col-xs-8">
<input type="text" name="cost" id="cost" class="input-medium" maxlength="50" />
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-xs-2 control-label no-padding-right">备注</label>
<div class="col-xs-8">
<textarea rows="3" cols="10" name="certificateRemark" id="certificateRemark" class="form-control" maxlength="50" required></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="companyClose1" class="closeBtn btn btn-default">关闭</button>
<button type="button" id="addOrUpdateSubmitBtn" class="btn btn-primary">确定</button>
</div>
</div>
</div>
</div>
</form>
</div>
<form id="templateDownForm" action="<%=basePath%>page/vip/downloadCompanyImportTemplateToExcel.do"></form>
<form id="exportForm" action="<%=basePath%>page/vip/downloadCompanyExportToExcel.do"></form>
<div style="display: none;">
<form id="importForm" action="<%=basePath%>page/vip/downloadCompanyImportToExcel.do" method="post" enctype="multipart/form-data">
<input type="file" id="fileUpload" onchange="uploadFile();" name="fileUpload" />
</form>
</div>
<div class="modal fade" id="memberModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" id="memberClose" class="closeBtn close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title">单位列表</h4>
</div>
<div class="modal-body row">
<div class="page-content">
<div class="row">
<div class="col-xs-12">
<div class="table-header"></div>
<div class="table-responsive">
<table id="searchTableMember" class="col-xs-12">
<tr>
<td>
<label>单位名称</label>
</td>
<td>
<input type="text" name="sSearch2" id='sSearch2' class="input-medium" value="" />
</td>
<td>
<label>法人名称</label>
</td>
<td>
<input type="text" name="sSearch5" id='sSearch5' class="input-medium" value="" />
</td>
</tr>
</table>
<table id="sample-table-member" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th class="center">选择</th>
<th>单位名称</th>
<th>法人代表</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="memberClose1" class="closeBtn btn btn-default">关闭</button>
<button type="button" id="checkMember" class="btn btn-primary">确定</button>
</div>
</div>
</div>
</div>
<!-- 设置工具 -->
<%@ include file="../htm/setting.jsp" %>
</div>
</div>
</body>
</html>