S.H.I.E.L.D.
/
CLD.gh


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
							<!DOCTYPE html>
<html lang=zh-cn>
<head>
	<meta charset=utf-8>
	<title>登录CLD.System</title>
	<meta name=description content=纵横内部信息管理系统>
	<link rel="shortcut icon" href="images/favicon.ico">
	<meta name=copyright content=smartcost.com.cn>
	<link rel=stylesheet href=css/global.css>
	<script src=js/jquery-1.7.1.min.js></script>
	<script src=js/global.js></script>
</head>
<style>
#animation{
-webkit-animation:infinite pulse 4s 1s ease both;
-moz-animation:infinite pulse 4s 1s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}
</style>
<body class="loginBg">
	<div class="loginIndex">
		<div class="loginPanel inputErrow">
			<div class="warpLogin clearfix">
				<h2>CLD.System<sup> 1.0</sup></h2>
				<form id="loginform" name="loginform" method="post">
				<div class="formLine">
					<label class="textTips">帐号</label>
					<input  class="text" type="text">
				</div>
				<div class="formLine">
					<label class="textTips">密码</label>
					<input type="password" class="text">
				</div>
				<div class="formLine clearfix">
					<a href="#welcome" data-toggle="modal" class="button">登录</a>&nbsp;&nbsp;<a href="#forget" data-toggle="modal">忘记密码</a><span class="submitSus"></span>
				</div>
				</form>
			</div>
			<p class="formLink"><a href="http://smartcost.com.cn" target="_blabk">公司主页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://h.smartcost.com.cn" target="_blabk">内部论坛</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a  href="http://gs.smartcost.com.cn" target="_blabk">工时系统</a></p>
		</div>
	</div>
	<!--弹出（新员工信息填写）-->
	<div class="modal hide fade" id="welcome">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<h3>欢迎加入纵横，请认真填写以下内容</h3>
				</div>
				<div class="modal-body saeaList">
					<p class="alert alert-erro">所有信息均为必填项！</p>
					<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></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=""  data-placement="bottom" data-toggle="ctooltip" data-original-title="填写您的工作QQ"></td>
								<th class="taC">微信</th><td><input type="text" value="" data-placement="bottom" data-toggle="ctooltip" data-original-title="如微信已绑定手机号，填手机号即可"></td>
							</tr>
							<tr>
								<th class="taC">电话</th><td><input type="text" value="" data-placement="bottom" data-toggle="ctooltip" data-original-title="填写办事处电话/分机号"></td>
								<th class="taC">邮箱</th><td><input type="text" value=""></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><input type="text"></td>
							<th class="taC" width="150">婚姻状况</th><td><select><option>请选择</option><option>已婚</option><option>未婚</option></select></td>
						</tr>
					</table>
					<table class="table table-bordered table-condensed">
						<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><select><option>初中</option><option>高中</option><option>中专</option><option>大专</option><option>本科</option><option>硕士</option></select></td>
							<th class="taC" width="150">毕业时间</th><td><input type="date"></td>
						</tr>
						<tr>
							<th class="taC" width="150">最高学历</th><td colspan="3"><select><option>初中</option><option>高中</option><option>中专</option><option>大专</option><option>本科</option><option>硕士</option></select></td>
						</tr>
					</table>
					<table class="table table-bordered table-condensed">
						<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><select><option>城镇户口</option><option>农业户口</option></select></td>
						</tr>
						<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 type="text" data-placement="bottom" data-toggle="ctooltip" data-original-title="例：张三（老婆）15003850888"></td>
						</tr>
					</table>
					<table class="table table-bordered table-condensed">
						<tr>
							<th class="taC" width="150">身份证号码</th><td width="260"><input type="text" data-placement="bottom" data-toggle="ctooltip" data-original-title="例：440476528372638192" /></td>
							<th class="taC" width="150">身份证有效期</th><td><select><option>2018年</option></select> <select><option>07月</option></select> <select><option>05日</option></select></td>
						</tr>
					</table>
				</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>
	<!--弹出（忘记密码）-->
	<div class="modal hide fade" id="forget">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<h3>忘记密码</h3>
				</div>
				<div class="modal-body saeaList">
					<p class="alert alert-">发送验证码到“1234567890”，请查收！</p>
					<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>
</body>