caipin
/
cld


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
							<!-- include '../header' -->
<body>
	<div class="mainLayout">
		<div class="mainMenu">
			<div class="menuItem">
				<a href="#" class="mLogo">CLD</a>
				<ul>
					<!-- include '../menu' -->
				</ul>
			</div>
		</div>
		<div class="warpContent">
			<div class="subMenu fL">
				<div class="menuItem">
					<!-- include 'settingMenu' -->
				</div>
			</div>
			
			
			<div class="adminContent autoHeight">
				<div class="subNav">
		    	<ul class="navTabs">
					  <li class="active"><a href="#">基本信息</a></li>
					  <li><a href="#">证件信息</a></li>
					  <li><a href="#">财务信息</a></li>
					</ul>
				</div>
				<!--基本信息-->
				<div class="saeaList" style="width:900px">
					<table class="table table-bordered table-condensed">
						<tbody>
						<tr>
							<th class="taC" width="150">工号</th><td width="260">Z0001</td>
							<th class="taC" width="150">姓名</th><td><input type="text" value="张三" disabled></td>
						</tr>
						<tr>
							<th class="taC" width="150">办事处/部门</th><td><select disabled><option>总部</option><option>总部-研究中心</option><option>广东办</option></select></td>
							<th class="taC" width="150">岗位</th><td><input type="text" value="程序员" disabled></td>
						</tr>
						<tr>
							<th class="taC" width="150">入职日期</th><td><input type="date" disabled></td>
							<th class="taC" width="150">手机</th><td><input type="text" value="1234567890"></td>
						</tr>
						<tr>
							<th class="taC">QQ</th><td><input type="text" value="12345678"></td>
							<th class="taC">微信</th><td><input type="text" value="12345678"></td>
						</tr>
						<tr>
							<th class="taC">电话</th><td><input type="text" value="12345678"></td>
							<th class="taC">邮箱</th><td><input type="text" value="12345678"></td>
						</tr>
						</tbody>
					</table>
					<table class="table table-bordered table-condensed">
						<tr>
							<th class="taC" width="150">性别</th><td width="260"><label class="radio inline"><input type="radio">男</label> <label class="radio inline"><input type="radio">女</label></td>
							<th class="taC" width="150">出生日期</th><td><input type="date"></td>
						</tr>
						<tr>
							<th class="taC" width="150">最高学历</th><td><select><option>初中</option><option>高中</option><option>中专</option><option>大专</option><option>本科</option><option>硕士</option></select></td>
							<th class="taC" width="150">婚姻状况</th><td><select><option>已婚</option><option>未婚</option></select></td>
						</tr>
					</table>
					<table class="table table-bordered table-condensed">
						<tr>
							<th class="taC" width="150">现居住地</th><td colspan="3"><input type="text" style="width:500px"></td>
						</tr>
						<tr>
							<th class="taC" width="150">籍贯</th><td width="260"><input type="text" data-placement="bottom" data-toggle="ctooltip" data-original-title="例：广东省珠海市" /></td>
							<th class="taC" width="150">紧急联系人</th><td><input data-placement="bottom" data-toggle="ctooltip" data-original-title="例：张三（老婆）15003850888" type="text"></td>
						</tr>
					</table>
					<div class="control-group">
						<div class="controls">
							<a href="#resignation" data-toggle="modal" class="button fR">离职申请</a>
							<button type="submit" class="button">确认修改</button>
						</div>
					</div>
				</div>
				
				<!--证件信息-->
				<div class="saeaList" style="width:900px">
					<table class="table table-bordered table-condensed">
						<tr>
							<th class="taC" width="150">身份证号码</th><td colspan="3"><input type="text" value="440476528372638192"></td>
						</tr>
						<tr>
							<th class="taC" width="150">正面（国徽）</th><td width="260"><input type="file"></td>
							<td colspan="2">
								<p>
									正面（国徽） <a href="#" target="_blank">查看</a>
								</p>
							</td>
						</tr>
						<tr>
							<th class="taC" width="150">反面（照片）</th><td width="260"><input type="file"></td>
							<td colspan="2">
								<p>
									正面（照片） <a href="#" target="_blank">查看</a>
								</p>
							</td>
						</tr>
					</table>
					<table class="table table-bordered table-condensed">
						<tr>
							<th class="taC" width="150">毕业证书</th><td width="260"><input type="file"></td>
							<td colspan="2">
								<p>
									毕业证书1 <a href="#" target="_blank">查看</a> <a href="#" data-toggle="modal" role="button" title="删除职称证书1">删除</a>
								</p>
							</td>
						</tr>
						<tr>
							<th class="taC" width="150">学位证书</th><td width="260"><input type="file"></td>
							<td colspan="2">
								<p>
									学位证书1 <a href="#" target="_blank">查看</a> <a href="#" data-toggle="modal" role="button" title="删除职称证书1">删除</a>
								</p>
							</td>
						</tr>
						<tr>
							<th class="taC" width="150">职称证书</th><td width="260"><input type="file"></td>
							<td colspan="2">
								<p>
									职称证书1 <a href="#" target="_blank">查看</a> <a href="#" data-toggle="modal" role="button" title="删除职称证书1">删除</a>
								</p>
								<p>
									职称证书2 <a href="#" target="_blank">查看</a> <a href="#" data-toggle="modal" role="button" title="删除职称证书1">删除</a>
								</p>
							</td>
						</tr>
					</table>
					<div class="control-group">
						<div class="controls">
							<button type="submit" class="button">确认修改</button>
						</div>
					</div>
				</div>
				
				<!--财务信息-->
				<div class="saeaList" style="width:900px">
					<table class="table table-bordered table-condensed">
						<tr>
								<th colspan="4" class="taC">报销收款帐号</th>
						</tr>
						<tr>
							<th class="taC" width="150">汇款人户名</th><td width="260"><input type="text"></td>
							<th class="taC" width="150">汇款银行</th><td><select><option>其他</option><option>公司广发</option></select></td>
						</tr>
						<tr>
							<th class="taC" width="150">汇款开户银行名称</th><td width="260"><input type="text"></td>
							<th class="taC" width="150">汇款帐号</th><td><input type="text"></td>
						</tr>
						<tr>
							<th class="taC" width="150">联行号</th><td colspan="3"><input type="text"></td>
						</tr>
					</table>
					<table class="table table-bordered table-condensed">
						<tr>
								<th colspan="4" class="taC">工资卡</th>
						</tr>
						<tr>
							<th class="taC" width="150">银行卡号</th><td width="260"><input type="text"></td>
							<th class="taC" width="150">开户行</th><td><input type="text"><p class="colGray">请详细至具体支行</p></td>
						</tr>
					</table>
					<div class="control-group">
						<div class="controls">
				 			<button type="submit" class="button">确认修改</button>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!--弹出离职申请-->
	<div class="modal hide fade" id="resignation">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h3>申请离职</h3>
				</div>
				<div class="modal-body saeaList">
						<textarea style="width:560px" placeholder="简要填写离职原因"></textarea>
						<p class="alert alert-">感谢您的付出与努力。</p>
				</div>
				<div class="modal-footer">
					<a href="#" class="button">确定提交</a>
					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
				</div>
			</div>
		</div>
	</div>
<script type="text/javascript">autoFlashHeight();</script>
</body>