<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="security" uri="http://www.ccpit.org/" %>
<!DOCTYPE html>
<html>
<head>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=9">
    <meta charset="utf-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>研考恢复管理列表界面</title>
    <link href="<c:url value='/resource/themes-1.3.1/default/easyui.css'/>" rel="stylesheet" type="text/css"/>
    <link href="<c:url value='/resource/themes-1.3.1/icon.css' />" rel="stylesheet" type="text/css"/>
    <link href="<c:url value='/resource/themes-1.3.1/css/default.css'/>" rel="stylesheet" type="text/css" />
    <style type="text/css">
    	.edittable{
            width:80%;
            margin-left:20%;
            margin:0 auto;
        }
        .props >div{
            width:50%;
            float:left;
            height:35px;
        }
        .props>div>label{
            display:block;
        }
        .props>div>label,
        .props>div>div{
            display:inline;
            zoom:1;
        }
        .edittable .actions{
            clear:both;
            display:block;
            margin:0 auto;
            padding-top:20px;
        }
        .dropable{
            overflow-y: auto;
        }
        .dropable .block{
            padding:5px;
            width:200px;
            margin:5px 0;
        }
        .dropable .block:hover{
            background-color:#F0F0F0;
        }
        .dropable .block+.block{
            border-top:1px dashed;
        }
        .search-con .block,
        .block>div{
            display:inline-block;
            display:inline;
            zoom:1;
        }
        .dropable .ele{
            margin-left:10px;
            float:right;
        }
        .dropable .ele a{
            border:1px solid #ccc;
            cursor:pointer;
            width: 15px;
            text-align: center;
            display: inline-block;
            display:inline;
            zoom:1;
        }
        .dropable .ele a+a{
            margin-left:5px;
        }
        .quick-export{
            margin:10px 0;
        }
        .quick-export a.exp-btn{
            border:1px solid #ccc;
            padding:2px 5px;
            cursor:pointer;
            background-color:#EAEAEA;
            border-radius:10px;
        }
        .quick-export a.exp-btn:hover{
            background-color:#FFF;
        }
    </style>
</head>
<body style="overflow:hidden">
<div class="easyui-panel" id="queryDiv" title="资讯查询" collapsed="false" collapsible="false">
    <form method="post" id="queryFormId" name="queryForm">
    	<table>
    		<tr>
    			<td width="10%" align="right"><span>中文名:</span></td>
				<td align="left"><input id="name00Id" name='name' title="50字以内" class="easyui-textbox" /></td>
				<td width="10%" align="right"><span>科目:</span></td>
				<td>
					<input id="subject200Id" name="subject2" class="easyui-combobox" />
				</td>
    		</tr>
    		<tr>
				<td align="right"><span>状态:</span></td>
				<td><input id="registerStatus200Id" name="registerStatus2" type="text" class="easyui-combobox" /></td>
				<td align="right"><span>报名期数:</span></td>
				<td><input id="phaseId" name="phase" class="easyui-combobox" /></td>
				<td align="center">
					<a id="saveButtonId01" href="#"	class="easyui-linkbutton" iconCls="icon-search"	onclick="queryData()">查询</a> 
					<a id="saveButtonId02" href="#"	class="easyui-linkbutton" iconCls="icon-undo" onclick="clearQueryForm()">清空</a>
				</td>
			</tr>
    	</table>
        <div class="quick-export">
            <div class="lb">快速导出已缴费名单</div>
            <%--快捷导出按钮组--%>
        </div>
    </form>
</div>
<!-- 	datagrid列表  -->
<table id="registersTable" toolbar="#toolbar" key="newsList" title="角色列表"
       width="98%" singleSelect="false">
</table>
<!-- 	datagrid工具栏 -->
<div id="toolbar">
    <security:url uri="/admin/business/registerManage/add"><a href="#"  class="easyui-linkbutton" iconCls="icon-edit_add" plain="true" onclick="openAddWin()"><span >新增</span></a></security:url>
    <security:url uri="/admin/business/registerManage/update"><a href="#"  class="easyui-linkbutton" iconCls="icon-pencil" plain="true" onclick="openEditWin()"><span >修改</span></a></security:url>
    <security:url uri="/admin/business/registerManage/delete"><a href="#"  class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="deleteNews()"><span >删除</span></a></security:url>
    <security:url uri="/admin/business/registerManage/export"><a href="#"  class="easyui-linkbutton" iconCls="icon-export" plain="true" onclick="openExportWin()"><span >导出</span></a></security:url>
 	<security:url uri="/admin/business/registerManage/export"><a href="#"  class="easyui-linkbutton" iconCls="icon-pencil" plain="true" onclick="openEditStatusWin()"><span >修改报名状态</span></a></security:url>
 	<security:url uri="/admin/business/registerManage/export"><a class="easyui-linkbutton" iconCls="icon-email" plain="true" onclick="openEmailWin()"><span >发送邮件</span></a></security:url>
</div>
<div id="exportWindow" class="easyui-window" >
    <div class="main">
        <h3>导出所有查询结果，请选择导出字段和顺序：</h3>
        <div class="dropable">
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="submitTime">提交时间</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="dcNumber">DC/IFS号</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="title">TITLE</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="dateOfBirth">DATE OF BIRTH</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="gender_en">GENDER</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="name_en">NAME</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="company_en">COMPANY NAME</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="address_en">ADDRESS</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="country">COUNTRY</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="phone">PHONE</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="email">EMAIL</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="city_en">CITY SELECT</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="name">姓名</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="address">联系地址</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="subject2">科目</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="appreciationTaxType">增值税发票类型</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="invoiceTitle">发票抬头</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="invoiceType">发票类型</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="taxpayerNum">纳税人识别号</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="addressName">公司地址</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="telephone">公司电话</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="bankAddress">开户行</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
            <div class="block">
                <div class="ele-select">
                    <input type="checkbox" checked="checked">
                </div>
                <div class="ele-name" val="bankAccount">银行账号</div>
                <div class="ele">
                    <a class="up">&uarr;</a><a class="down">&darr;</a>
                </div>
            </div>
        </div>
        <div class="actions">
            <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="exportExl();"><span >确认导出</span></a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" plain="true" onclick="javascript:$('#exportWindow').window('close');"><span >取消</span></a>
        </div>
    </div>
</div>
<div id="addNewsWinId" class="easyui-window" >
    <div id="main_area" style="margin:15px 0px 0px -20px">
        <!-- 新增form表单 -->
        <form id="newsForm" method="post">
        	<table class="edittable" width="100%" >  
        		<tr>
        			<td width="15%" align="right"><span>DC&emsp;&emsp;号:</span></td>
					<td width="35%" align="left">
						<input id="dcNumberId" name='dcNumber' class="easyui-textbox" />
					</td>
        		</tr>
				<tr>
				    <td width="15%" align="right"><span>姓&emsp;&emsp;名:</span></td>
					<td width="35%" align="left">
						<input id="nameId" name="name" class="easyui-textbox" />  
					</td>
					<td width="15%" align="right"><span>姓名(英):</span></td>
					<td width="35%" align="left">
						<input id="postId"   name='name_en' class="easyui-textbox" />
					</td>
				</tr> 
				<tr>
					<td  align="right"><span>性别(英):</span></td>
					<td  align="left">
						<input id="gender_enId" name='gender_en' class="easyui-combobox" />
					</td>
					<td  align="right"><span>生&emsp;&emsp;日</span></td>
					<td  align="left">
						<input id="date2" name="dateOfBirth" type="text" class="easyui-datebox" />
					</td>
				</tr> 
				<tr>
					<td  align="right"><span>城市(英):</span></td>
					<td  align="left">
						<input id="city_enId" name='city_en' class="easyui-textbox" />
					</td>
					<td  align="right"><span>公司(英):</span></td>
					<td  align="left">
						<input id="company_enId" name='company_en' class="easyui-textbox" />
					</td>
				</tr> 
				<tr>
					<td  align="right"><span>地址(英):</span></td>
					<td  align="left">
						<input id="address_enId" name='address_en' class="easyui-textbox" />
					</td>
					<td  align="right"><span>地址(中):</span></td>
					<td  align="left">
						<input id="addressId" name='address' class="easyui-textbox" />
					</td>
				</tr> 
				<tr>
				    <td align="right"><span>电&emsp;&emsp;话:</span></td>
					<td  align="left">
						<input id="phoneId" name="phone" class="easyui-textbox" />  
					</td>
					<td  align="right"><span>称谓(英):</span></td>
					<td  align="left">
						<input id="titleId" name='title' class="easyui-textbox" />
					</td>
				</tr> 
				<tr>
					<td  align="right"><span>邮&emsp;&emsp;箱:</span></td>
					<td  align="left">
						<input id="emailId" name='email' class="easyui-textbox" />
					</td>
				</tr> 
				<tr>
				    <td align="right"><span>增值税发票:</span></td>
					<td  align="left">
						<select id="appreciationTaxTypeId" name="appreciationTaxType" class="easyui-combobox" >
							<option value="">请选择</option>
                            <option value="1">增值税普通发票</option>
                            <option value="2">增值税专用发票</option>
						</select>  
					</td>
					<td  align="right"><span>发票类型:</span></td>
					<td  align="left">
						<input id="invoiceTypeId" name='invoiceType' class="easyui-combobox" />
					</td>
				</tr> 
				<tr>
				    <td align="right"><span>发票抬头:</span></td>
					<td  align="left">
						<input id="invoiceTitleId" name="invoiceTitle" class="easyui-textbox" />  
					</td>
					<td  align="right"><span>考试科目:</span></td>
					<td  align="left">
						<input id="subject2Id" name='subject2' class="easyui-textbox" />
					</td>
				</tr>
				<tr>
				    <td align="right"><span>公司地址:</span></td>
					<td  align="left">
						<input id="addressNameId" name="addressName" class="easyui-textbox" />  
					</td>
					<td  align="right"><span>公司电话:</span></td>
					<td  align="left">
						<input id="telephoneId" name='telephone' class="easyui-textbox" />
					</td>
				</tr>  
				<tr>
				    <td align="right"><span>纳税人识别号:</span></td>
					<td  align="left">
						<input id="trTaxpayerNumId" name="taxpayerNum" class="easyui-textbox" />  
					</td>
				</tr> 
				<tr>
				    <td align="right"><span>开&ensp;户&ensp;行:</span></td>
					<td  align="left">
						<input id="bankAddressId" name="bankAddress" class="easyui-textbox" />  
					</td>
					<td  align="right"><span>开户行账号:</span></td>
					<td  align="left">
						<input id="bankAccountId" name='bankAccount' class="easyui-textbox" />
					</td>
				</tr>  
				<tr>
				    <td align="right"><span>报名状态:</span></td>
					<td  align="left">
						<input id="registerStatus2Id" name="registerStatus2" class="easyui-textbox" />  
					</td>
				</tr> 
				<tr>
					<td  align="right"><span>国&emsp;&emsp;家:</span></td>
					<td  align="left">
						<input id="countryId" name='country' class="easyui-textbox" />
					</td>
				</tr> 
				<tr>
				    <td align="right"><span>备&emsp;&emsp;注:</span></td>
					<td width="70%" colspan="3" align="left" >
						<textarea id="standby1Id" name="standby1" rows="7"></textarea>
					</td>
				</tr>
				<tr>
					<td colspan="4">&nbsp;</td>
				</tr>
				<tr>
					 <td colspan="4" align="center"> 
					    <a id="buttonId01" href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveData()">保存</a>
						<a id="buttonId02" href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="closeWindow();">取消</a>
					 </td>
	  			</tr>
			</table>
        </form>
    </div>
</div>
<div id="editStatusWinId" class="easyui-window" >
    <div id="main_area" style="margin:15px 0px 0px -20px">
        <!-- 新增form表单 -->
        <form id="editStatusForm" method="post">
        	<table class="edittable" width="100%" >  
        		<tr><td>&nbsp;</td></tr>
				<tr>
				    <td align="right" width="30%"><span>报名状态:</span></td>
					<td align="left" width="70%">
						<input id="registerStatusId00" name="registerStatus" class="easyui-textbox" />  
					</td>
				</tr>
        		<tr><td>&nbsp;</td></tr>
				<tr> 
					<td align="center" colspan="2">
					    <a id="buttonId03" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveData2()">保存</a>
					    <a id="buttonId03" class="easyui-linkbutton" iconCls="icon-cancel" onclick="closeWindow2()">取消</a>
					</td>
				</tr>
			</table>
        </form>
    </div>
</div>
<div id="addEmailInfoWinId" class="easyui-window">
		<div id="main_area" style="margin: 15px 0px 0px 0px">
			<!-- 新增form表单  border="1px"  -->
			<form id="emailInfoForm" method="post" >
				<table class="edittable">
					<tr>
						<td align="right"><span>发件人邮箱:</span></td>
						<td align="left">
							<select id="emailSenderId" name="emailSender" class="easyui-combobox"  >
								<option value="cdcschina@ccpit.org">cdcschina@ccpit.org</option>
								<option value="citfchina@ccpit.org">citfchina@ccpit.org</option>
								<option value="csdgchina@ccpit.org">csdgchina@ccpit.org</option>
							</select>  
							<font style="color: red; font-weight: bold; width: 100%">*</font>
					</tr>
					<tr>
						<td align="right"><span>邮件主题:</span></td>
						<td align="left">
							<input id="emailTitleId" name='emailTitle' title="50字以内" class="easyui-textbox" data-options="required:true" />
							<font style="color: red; font-weight: bold">*</font></td>			
					</tr>
					<tr>
						<td align="right"><span>内&emsp;&emsp;容:</span></td>
						<td >
							<textarea rows="10" id="emailContentId"name="emailContent"></textarea>
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center">
							<a id="buttonSaveForAdd" class="easyui-linkbutton" iconCls="icon-ok" onclick="sendEmail()">发送</a>
							<a id="buttonCancelForAdd" class="easyui-linkbutton" iconCls="icon-cancel" onclick="$('#addEmailInfoWinId').window('close');">取消</a>
						</td>
					</tr>
					<tr><td>&nbsp;</td></tr>
					<tr><td>&nbsp;</td></tr>
				</table>
			</form>
		</div>
	</div>
	<!-- 邮件发送提示框 -->
<div id="emailSendWinId" class="easyui-dialog" title="邮件发送" data-options="iconCls:'icon icon-count'" style="width:300px;height:100px;padding:10px">
       	<p>邮件正在发送中。。。。。。</p>
   </div>
<script src="<c:url value='/resource/home/js/jquery-1.6.min.js' />"></script>
<script src="<c:url value='/resource/home/js/jquery.easyui.min.js'/>"></script> 
<script src="/resource/common.js" type="text/javascript"></script>
<script src="<c:url value='/resource/locale/easyui-lang-zh_CN.js'/>"></script>
<script language="JavaScript">

    var JD =function(){
        return{
            subjectJson:${subject2},
            statusJson:${status2},
            phases:${phases}
        }

    }();

</script>
<script type="text/javascript" src="/resource/business/registrationExt.js"></script>
</body>

</html>