memberSystem/src/main/webapp/WEB-INF/view/vip/vipCompany.jsp

590 lines
33 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@ 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>