Главная Обзор Помощь
Вход
S.H.I.E.L.D.
/
CLD1.3
2
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

人资管理

Chente 8 лет назад
Родитель
71b0086796
Сommit
a0627da044
24 измененных файлов с 3393 добавлено и 666 удалено
Разделённый вид Показать статистику Diff
  1. 171 0
      admin-myinfo-borard.html
  2. 74 0
      admin-myinfo-pw.html
  3. 3 2
      admin-myinfo-wechat.html
  4. 161 82
      admin-myinfo.html
  5. 152 136
      css/ZHcldSystem/demo.html
  6. BIN
      css/ZHcldSystem/fonts/ZHcldSystem.eot
  7. 1 0
      css/ZHcldSystem/fonts/ZHcldSystem.svg
  8. BIN
      css/ZHcldSystem/fonts/ZHcldSystem.ttf
  9. BIN
      css/ZHcldSystem/fonts/ZHcldSystem.woff
  10. 411 386
      css/ZHcldSystem/selection.json
  11. 50 47
      css/ZHcldSystem/style.css
  12. BIN
      css/fonts/ZHcldSystem.eot
  13. 1 0
      css/fonts/ZHcldSystem.svg
  14. BIN
      css/fonts/ZHcldSystem.ttf
  15. BIN
      css/fonts/ZHcldSystem.woff
  16. 15 1
      css/global.css
  17. 70 12
      login.html
  18. 220 0
      staff-affixation.html
  19. 168 0
      staff-attendance.html
  20. 523 0
      staff-employee.html
  21. 286 0
      staff-home.html
  22. 563 0
      staff-insurance.html
  23. 276 0
      staff-payroll.html
  24. 248 0
      staff-set-approval.html

+ 171 - 0
admin-myinfo-borard.html
Просмотреть файл 

@@ -0,0 +1,171 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn>
 
+<head>
 
+	<meta charset=utf-8>
 
+	<title>CLD.System</title>
 
+	<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>
 
+<body>
 
+	<div class="mainLayout">
 
+		<div class="mainMenu">
 
+			<div class="menuItem">
 
+				<a href="#" class="mLogo">CLD</a>
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="员工中心"><a href="#" class="icon-  selected">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="warpContent">
 
+			<div class="subMenu fL">
 
+				<div class="menuItem">
 
+					<ul>
 
+						<li><a href="admin-myinfo-borard.html" class="selected">员工首页</a></li>
 
+						<li><a href="admin-myinfo.html">员工信息</a></li>
 
+						<li><a href="admin-myinfo-wechat.html">微信通知</a></li>
 
+						<li><a href="admin-myinfo-pw.html">修改密码</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="adminContent autoHeight">
 
+				<div class="saea-borad">
 
+					<div class="borad-menu">
 
+					</div>
 
+					<div class="borad-news">
 
+						<div class="saeaList">
 
+							<div class="clearfix">
 
+								<h3 class="taC">自 2016年6月17日 加入纵横，至今已经 2年91天。</h3>
 
+							</div>
 
+							<div class="clearfix">
 
+								<div class="modal-body" style="height:200px;margin-bottom:20px">
 
+									<div class="infoFlowList">
 
+									 <div class="dateTitle">
 
+										 <em class="month"><span class="num">12</span><span class="text">-02</span></em>
 
+										 <span class="year">2013</span>
 
+									 </div>
 
+									 <ul class="flowList">
 
+										 <li class="item colGray">总部-温秀娟</li>
 
+										 <li class="item">绩效奖金 由 8000 调至 9000</li>
 
+									 </ul>
 
+									</div>
 
+									<div class="infoFlowList">
 
+									 <div class="dateTitle">
 
+										 <em class="month"><span class="num">12</span><span class="text">-02</span></em>
 
+										 <span class="year">2013</span>
 
+									 </div>
 
+									 <ul class="flowList">
 
+										 <li class="item colGray">总部-温秀娟</li>
 
+										 <li class="item">岗位工资 由 8000 调至 9000</li>
 
+									 </ul>
 
+									</div>
 
+									<div class="infoFlowList">
 
+									 <div class="dateTitle">
 
+										 <em class="month"><span class="num">12</span><span class="text">-02</span></em>
 
+										 <span class="year">2013</span>
 
+									 </div>
 
+									 <ul class="flowList">
 
+										 <li class="item colGray">总部-温秀娟</li>
 
+										 <li class="item">员工 试用转正式</li>
 
+									 </ul>
 
+									</div>
 
+									<div class="infoFlowList">
 
+									 <div class="dateTitle">
 
+										 <em class="month"><span class="num">9</span><span class="text">-02</span></em>
 
+										 <span class="year">2013</span>
 
+									 </div>
 
+									 <ul class="flowList">
 
+										 <li class="item colGray">总部-温秀娟</li>
 
+										 <li class="item">员工 实习转试用</li>
 
+									 </ul>
 
+								 	</div>
 
+									<div class="infoFlowList">
 
+										 <div class="dateTitle">
 
+											 <em class="month"><span class="num">8</span><span class="text">-01</span></em>
 
+											 <span class="year">2013</span>
 
+										 </div>
 
+										 <ul class="flowList">
 
+											 <li class="item colGray">总部-张三</li>
 
+											 <li class="item">入职实习</li>
 
+										 </ul>
 
+								 	</div>
 
+									<div class="infoFlowList">
 
+											 <div class="dateTitle">
 
+												 <em class="month"><span class="num">8</span><span class="text">-01</span></em>
 
+												 <span class="year">2013</span>
 
+											 </div>
 
+											 <ul class="flowList">
 
+												 <li class="item colGray">总部-温秀娟</li>
 
+												 <li class="item">添加新员工</li>
 
+											 </ul>
 
+										 	</div>
 
+									</div>
 
+							</div>
 
+							<div class="clearfix">
 
+								<legend>新同事</legend>
 
+								<table class="table table-bordered table-condensed">
 
+									<tr>
 
+										<th class="taC" width="100">最近新入职</th>
 
+										<td>
 
+											<a href="#detail" data-toggle="modal">张三（点我）</a>-总部、<a href="#">王五</a>-总部/造价研究中心、<a href="#">李四</a>-广东办
 
+										</td>
 
+									</tr>
 
+									<tr>
 
+										<th class="taC" width="100">最近离职</th>
 
+										<td><a href="#">张三</a>-总部</td>
 
+									</tr>
 
+								</table>
 
+							</div>
 
+							<div class="clearfix">
 
+								<legend><div class="fR"><a href="admin-myinfo-payroll.html">收入详情</a></div>距离发工资还有 26 天</legend>
 
+								<table class="table table-bordered table-condensed">
 
+										<tbody>
 
+										<tr><th class="taC">工资单号</th><th class="taC">月份</th><th class="taC">实发工资</th></tr>
 
+										<tr><td><a href="#">#PR20180608423</a></td><td>06</td><td class="taR">18241.00</td></tr>
 
+										<tr><td><a href="#">#PR20180508314</a></td><td>05</td><td class="taR">18241.00</td></tr>
 
+										<tr><td><a href="#">#PR20180408314</a></td><td>04</td><td class="taR">17734.00</td></tr>
 
+										<tr><td><a href="#">#PR20180308314</a></td><td>03</td><td class="taR">17734.00</td></tr>
 
+										<tr><td><a href="#">#PR20180208314</a></td><td>02</td><td class="taR">17734.00</td></tr>
 
+										</tbody>
 
+									</table>
 
+							</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--弹出需要完成数据-->
 
+	<div class="modal fade" id="detail">
 
+	<div class="modal-dialog">
 
+		<div class="modal-content">
 
+    <div class="modal-header">
 
+    <h3>张三</h3>
 
+    </div>
 
+    <div class="modal-body saeaList">
 
+			<table class="table table-bordered table-condensed">
 
+				<tbody>
 
+					<tr><th class="taC" width="100">工号</th><td width="150">z00001</td><th class="taC" width="100">性别</th><td>男</td></tr>
 
+					<tr><th class="taC" width="100">办事处/部门</th><td width="150">总部</td><th class="taC" width="100">岗位</th><td>程序员</td></tr>
 
+					<tr><th class="taC" width="100">入职日期</th><td width="150">2018-06-01</td><th class="taC" width="100">离职日期</th><td></td></tr>
 
+					<tr><th class="taC" width="100">手机</th><td width="150">1234567890</td><th class="taC" width="100">QQ</th><td>12345677</td></tr>
 
+					<tr><th class="taC" width="100">籍贯</th><td width="150">广东珠海</td><th class="taC" width="100"></th><td></td></tr>
 
+				</tbody>
 
+			</table>
 
+    </div>
 
+			</div>
 
+		</div>
 
+</div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 74 - 0
admin-myinfo-pw.html
Просмотреть файл 

@@ -0,0 +1,74 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn>
 
+<head>
 
+	<meta charset=utf-8>
 
+	<title>CLD.System</title>
 
+	<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>
 
+<body>
 
+	<div class="mainLayout">
 
+		<div class="mainMenu">
 
+			<div class="menuItem">
 
+				<a href="#" class="mLogo">CLD</a>
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="员工中心"><a href="#" class="icon-  selected">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="warpContent">
 
+			<div class="subMenu fL">
 
+				<div class="menuItem">
 
+					<ul>
 
+						<li><a href="admin-myinfo-borard.html">员工首页</a></li>
 
+						<li><a href="admin-myinfo.html">员工信息</a></li>
 
+						<li><a href="admin-myinfo-wechat.html">微信通知</a></li>
 
+						<li><a href="admin-myinfo-pw.html" class="selected">修改密码</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="adminContent autoHeight">
 
+				<!--修改密码-->
 
+				<legend>修改密码</legend>
 
+				    <div class="control-group">
 
+		              <label class="control-label">旧密码</label>
 
+		              <div class="controls">
 
+		                <input type="password">
 
+		              </div>
 
+		            </div>
 
+				    <div class="control-group">
 
+		              <label class="control-label">新密码</label>
 
+		              <div class="controls">
 
+		                <input type="password">
 
+		              </div>
 
+		            </div>
 
+				    <div class="control-group">
 
+		              <label class="control-label">确认新密码</label>
 
+		              <div class="controls">
 
+		                <input type="password">
 
+		              </div>
 
+		            </div>
 
+		            <div class="control-group">
 
+		              <div class="controls">
 
+				   		 <button type="submit" class="button">确认修改</button>
 
+		              </div>
 
+		            </div>
 
+			    </form>
 
+			</div>
 
+		</div>
 
+	</div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 3 - 2
admin-myinfo-wechat.html
Просмотреть файл 

@@ -33,9 +33,10 @@
 
 			<div class="subMenu fL">
 
 				<div class="menuItem">
 
 					<ul>
 
-						<li><a href="admin-myinfo.html">个人信息</a></li>
 
+						<li><a href="admin-myinfo-borard.html">员工首页</a></li>
 
+						<li><a href="admin-myinfo.html">员工信息</a></li>
 
 						<li><a href="admin-myinfo-wechat.html" class="selected">微信通知</a></li>
 
-						<li><a href="login-admin.html" target="_blank">后台管理</a></li>
 
+						<li><a href="admin-myinfo-pw.html">修改密码</a></li>
 
 					</ul>
 
 				</div>
 
 			</div>

+ 161 - 82
admin-myinfo.html
Просмотреть файл 

@@ -24,7 +24,7 @@
 
 					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
 
 					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
 
 					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
-					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-  selected">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="员工中心"><a href="#" class="icon-  selected">F</a></li>
 
 					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
 				</ul>
 
 			</div>
 
@@ -33,104 +33,183 @@
 
 			<div class="subMenu fL">
 
 				<div class="menuItem">
 
 					<ul>
 
-						<li><a href="admin-myinfo.html" class="selected">个人信息</a></li>
 
+						<li><a href="admin-myinfo-borard.html">员工首页</a></li>
 
+						<li><a href="admin-myinfo.html" class="selected">员工信息</a></li>
 
 						<li><a href="admin-myinfo-wechat.html">微信通知</a></li>
 
-						<li><a href="login-admin.html" target="_blank">后台管理</a></li>
 
+						<li><a href="admin-myinfo-pw.html" target="">修改密码</a></li>
 
 					</ul>
 
 				</div>
 
 			</div>
 
 			<div class="adminContent autoHeight">
 
-			    <form>
 
-		            <legend>个人信息</legend>
 
-				    <div class="control-group">
 
-		              <label class="control-label">头像</label>
 
-		              <div class="controls">
 
-		                <img src="images/avatar-2.png">
 
-		              </div>
 
-		              <div class="controls">
 
-		                <input type="file">
 
-		              </div>
 
-		            </div>
 
-				    <div class="control-group">
 
-		              <label class="control-label">手机</label>
 
-		              <div class="controls">
 
-		                <input type="text">
 
-		              </div>
 
-		            </div>
 
-				    <div class="control-group">
 
-		              <label class="control-label">电话</label>
 
-		              <div class="controls">
 
-		                <input type="text">
 
-		              </div>
 
-		            </div>
 
-				    <div class="control-group">
 
-		              <label class="control-label">邮箱</label>
 
-		              <div class="controls">
 
-		                <input type="text">
 
-		              </div>
 
-		            </div>
 
-				    <div class="control-group">
 
-		              <label class="control-label">QQ</label>
 
-		              <div class="controls">
 
-		                <input type="text">
 
-		              </div>
 
-		            </div>
 
-					<legend>汇款信息</legend>
 
-					<div class="control-group">
 
-						<label class="control-label">汇款人户名</label>
 
-						<div class="controls">
 
-							<input type="text">
 
-						</div>
 
-					</div>
 
-					<div class="control-group">
 
-						<label class="control-label">汇款银行</label>
 
-						<div>
 
-							<select><option>公司广发</option><option selected>其他</option></select>
 
-						</div>
 
-					</div>
 
+				<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">
 
-						<label class="control-label">汇款开户银行名称</label>
 
 						<div class="controls">
 
-							<input type="text">
 
+							<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">
 
-						<label class="control-label">汇款帐号</label>
 
 						<div class="controls">
 
-							<input type="text">
 
+							<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">
 
-						<label class="control-label">联行号</label>
 
 						<div class="controls">
 
-							<input type="text">
 
+				 			<button type="submit" class="button">确认修改</button>
 
 						</div>
 
 					</div>
 
-					<legend>修改密码</legend>
 
-				    <div class="control-group">
 
-		              <label class="control-label">旧密码</label>
 
-		              <div class="controls">
 
-		                <input type="password">
 
-		              </div>
 
-		            </div>
 
-				    <div class="control-group">
 
-		              <label class="control-label">新密码</label>
 
-		              <div class="controls">
 
-		                <input type="password">
 
-		              </div>
 
-		            </div>
 
-				    <div class="control-group">
 
-		              <label class="control-label">确认新密码</label>
 
-		              <div class="controls">
 
-		                <input type="password">
 
-		              </div>
 
-		            </div>
 
-		            <div class="control-group">
 
-		              <div class="controls">
 
-				   		 <button type="submit" class="button">确认修改</button>
 
-		              </div>
 
-		            </div>
 
-			    </form>
 
+				</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>

+ 152 - 136
css/ZHcldSystem/demo.html
Просмотреть файл 

@@ -9,20 +9,20 @@
 
     <link rel="stylesheet" href="style.css"></head>
 
 <body>
 
     <div class="bgc1 clearfix">
 
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> ZHcldSystem <small class="fgc1">(Glyphs:&nbsp;43)</small></h1>
 
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> ZHcldSystem <small class="fgc1">(Glyphs:&nbsp;44)</small></h1>
 
     </div>
 
     <div class="clearfix mhl ptl">
 
-        <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
 
+        <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-key">
 
+                <span class="icon-uni31">
 
                 
                 </span>
 
-                <span class="mls"> icon-key</span>
 
+                <span class="mls"> icon-uni31</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="65" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x65;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="31" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x31;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -31,14 +31,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-phone2">
 
+                <span class="icon-uni32">
 
                 
                 </span>
 
-                <span class="mls"> icon-phone2</span>
 
+                <span class="mls"> icon-uni32</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="59" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x59;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="32" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x32;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -47,14 +47,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-switch">
 
+                <span class="icon-uni33">
 
                 
                 </span>
 
-                <span class="mls"> icon-switch</span>
 
+                <span class="mls"> icon-uni33</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="47" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x47;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="33" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x33;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -63,14 +63,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-calendar">
 
+                <span class="icon-uni34">
 
                 
                 </span>
 
-                <span class="mls"> icon-calendar</span>
 
+                <span class="mls"> icon-uni34</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="58" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x58;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="34" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x34;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -79,14 +79,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-gears">
 
+                <span class="icon-uni35">
 
                 
                 </span>
 
-                <span class="mls"> icon-gears</span>
 
+                <span class="mls"> icon-uni35</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="46" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x46;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="35" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x35;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -95,14 +95,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-mail-envelope-closed">
 
+                <span class="icon-uni45">
 
                 
                 </span>
 
-                <span class="mls"> icon-mail-envelope-closed</span>
 
+                <span class="mls"> icon-uni45</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="5a" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x5a;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="45" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x45;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -111,14 +111,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-book-bookmark">
 
+                <span class="icon-uni48">
 
                 
                 </span>
 
-                <span class="mls"> icon-book-bookmark</span>
 
+                <span class="mls"> icon-uni48</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="41" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x41;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="48" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x48;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -127,14 +127,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-note-text">
 
+                <span class="icon-uni49">
 
                 
                 </span>
 
-                <span class="mls"> icon-note-text</span>
 
+                <span class="mls"> icon-uni49</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="44" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x44;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="49" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x49;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -143,14 +143,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-note-checked">
 
+                <span class="icon-uni4A">
 
                 
                 </span>
 
-                <span class="mls"> icon-note-checked</span>
 
+                <span class="mls"> icon-uni4A</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="55" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x55;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="4a" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x4a;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -159,14 +159,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-inboxes">
 
+                <span class="icon-uni4C">
 
                 
                 </span>
 
-                <span class="mls"> icon-inboxes</span>
 
+                <span class="mls"> icon-uni4C</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="43" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x43;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="4e" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x4e;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -175,14 +175,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-folder-search">
 
+                <span class="icon-uni4E">
 
                 
                 </span>
 
-                <span class="mls"> icon-folder-search</span>
 
+                <span class="mls"> icon-uni4E</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="56" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x56;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="4f" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x4f;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -191,14 +191,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-package">
 
+                <span class="icon-uni4F">
 
                 
                 </span>
 
-                <span class="mls"> icon-package</span>
 
+                <span class="mls"> icon-uni4F</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="57" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x57;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="50" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x50;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -207,14 +207,14 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-barometer">
 
+                <span class="icon-uni51">
 
                 
                 </span>
 
-                <span class="mls"> icon-barometer</span>
 
+                <span class="mls"> icon-uni51</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="42" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x42;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="51" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x51;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -223,81 +223,97 @@
 
         </div>
 
         <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-usb">
 
+                <span class="icon-uni52">
 
                 
                 </span>
 
-                <span class="mls"> icon-usb</span>
 
+                <span class="mls"> icon-uni52</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="4d" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x4d;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="52" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x52;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
                 <input type="text" readonly value="" class="liga unitRight" />
 
             </div>
 
         </div>
 
-    </div>
 
-    <div class="clearfix mhl ptl">
 
-        <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
 
-        <div class="glyph fs2">
 
+        <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni31">
 
+                <span class="icon-uni66">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni31</span>
 
+                <span class="mls"> icon-uni66</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="31" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x31;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="66" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x66;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
                 <input type="text" readonly value="" class="liga unitRight" />
 
             </div>
 
         </div>
 
-        <div class="glyph fs2">
 
+        <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni32">
 
+                <span class="icon-uni67">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni32</span>
 
+                <span class="mls"> icon-uni67</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="32" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x32;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="67" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x67;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
                 <input type="text" readonly value="" class="liga unitRight" />
 
             </div>
 
         </div>
 
-        <div class="glyph fs2">
 
+        <div class="glyph fs1">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni33">
 
+                <span class="icon-uni68">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni33</span>
 
+                <span class="mls"> icon-uni68</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="33" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x33;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="68" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x68;" class="unitRight size1of2 talign-right" />
 
+            </fieldset>
 
+            <div class="fs0 bshadow0 clearfix hidden-true">
 
+                <span class="unit pvs fgc1">liga: </span>
 
+                <input type="text" readonly value="" class="liga unitRight" />
 
+            </div>
 
+        </div>
 
+        <div class="glyph fs1">
 
+            <div class="clearfix bshadow0 pbs">
 
+                <span class="icon-uni69">
 
+                
+                </span>
 
+                <span class="mls"> icon-uni69</span>
 
+            </div>
 
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
 
+                <input type="text" readonly value="69" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x69;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
                 <input type="text" readonly value="" class="liga unitRight" />
 
             </div>
 
         </div>
 
+    </div>
 
+    <div class="clearfix mhl ptl">
 
+        <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni34">
 
+                <span class="icon-key">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni34</span>
 
+                <span class="mls"> icon-key</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="34" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x34;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="65" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x65;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -306,14 +322,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni35">
 
+                <span class="icon-phone2">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni35</span>
 
+                <span class="mls"> icon-phone2</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="35" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x35;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="59" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x59;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -322,14 +338,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni45">
 
+                <span class="icon-switch">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni45</span>
 
+                <span class="mls"> icon-switch</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="45" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x45;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="47" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x47;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -338,14 +354,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni48">
 
+                <span class="icon-calendar">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni48</span>
 
+                <span class="mls"> icon-calendar</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="48" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x48;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="58" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x58;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -354,14 +370,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni49">
 
+                <span class="icon-gears">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni49</span>
 
+                <span class="mls"> icon-gears</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="49" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x49;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="46" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x46;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -370,14 +386,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni4A">
 
+                <span class="icon-mail-envelope-closed">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni4A</span>
 
+                <span class="mls"> icon-mail-envelope-closed</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="4a" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x4a;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="5a" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x5a;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -386,14 +402,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni4C">
 
+                <span class="icon-book-bookmark">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni4C</span>
 
+                <span class="mls"> icon-book-bookmark</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="4e" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x4e;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="41" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x41;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -402,14 +418,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni4E">
 
+                <span class="icon-note-text">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni4E</span>
 
+                <span class="mls"> icon-note-text</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="4f" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x4f;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="44" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x44;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -418,14 +434,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni4F">
 
+                <span class="icon-note-checked">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni4F</span>
 
+                <span class="mls"> icon-note-checked</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="50" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x50;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="55" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x55;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -434,14 +450,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni51">
 
+                <span class="icon-inboxes">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni51</span>
 
+                <span class="mls"> icon-inboxes</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="51" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x51;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="43" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x43;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -450,14 +466,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni52">
 
+                <span class="icon-folder-search">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni52</span>
 
+                <span class="mls"> icon-folder-search</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="52" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x52;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="56" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x56;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -466,14 +482,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni66">
 
+                <span class="icon-package">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni66</span>
 
+                <span class="mls"> icon-package</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="66" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x66;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="57" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x57;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -482,14 +498,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni67">
 
+                <span class="icon-barometer">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni67</span>
 
+                <span class="mls"> icon-barometer</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="67" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x67;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="42" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x42;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -498,14 +514,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni68">
 
+                <span class="icon-usb">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni68</span>
 
+                <span class="mls"> icon-usb</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="68" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x68;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="4d" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x4d;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>
 
@@ -514,14 +530,14 @@
 
         </div>
 
         <div class="glyph fs2">
 
             <div class="clearfix bshadow0 pbs">
 
-                <span class="icon-uni69">
 
+                <span class="icon-certificate">
 
                 
                 </span>
 
-                <span class="mls"> icon-uni69</span>
 
+                <span class="mls"> icon-certificate</span>
 
             </div>
 
             <fieldset class="fs0 size1of1 clearfix hidden-false">
 
-                <input type="text" readonly value="69" class="unit size1of2" />
 
-                <input type="text" maxlength="1" readonly value="&#x69;" class="unitRight size1of2 talign-right" />
 
+                <input type="text" readonly value="6d" class="unit size1of2" />
 
+                <input type="text" maxlength="1" readonly value="&#x6d;" class="unitRight size1of2 talign-right" />
 
             </fieldset>
 
             <div class="fs0 bshadow0 clearfix hidden-true">
 
                 <span class="unit pvs fgc1">liga: </span>

BIN
css/ZHcldSystem/fonts/ZHcldSystem.eot
Просмотреть файл


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
css/ZHcldSystem/fonts/ZHcldSystem.svg


BIN
css/ZHcldSystem/fonts/ZHcldSystem.ttf
Просмотреть файл


BIN
css/ZHcldSystem/fonts/ZHcldSystem.woff
Просмотреть файл


Разница между файлами не показана из-за своего большого размера
+ 411 - 386
css/ZHcldSystem/selection.json


+ 50 - 47
css/ZHcldSystem/style.css
Просмотреть файл 

@@ -1,10 +1,10 @@
 
 @font-face {
 
   font-family: 'ZHcldSystem';
 
-  src:  url('fonts/ZHcldSystem.eot?ox6e11');
 
-  src:  url('fonts/ZHcldSystem.eot?ox6e11#iefix') format('embedded-opentype'),
 
-    url('fonts/ZHcldSystem.ttf?ox6e11') format('truetype'),
 
-    url('fonts/ZHcldSystem.woff?ox6e11') format('woff'),
 
-    url('fonts/ZHcldSystem.svg?ox6e11#ZHcldSystem') format('svg');
 
+  src:  url('fonts/ZHcldSystem.eot?x90u1c');
 
+  src:  url('fonts/ZHcldSystem.eot?x90u1c#iefix') format('embedded-opentype'),
 
+    url('fonts/ZHcldSystem.ttf?x90u1c') format('truetype'),
 
+    url('fonts/ZHcldSystem.woff?x90u1c') format('woff'),
 
+    url('fonts/ZHcldSystem.svg?x90u1c#ZHcldSystem') format('svg');
 
   font-weight: normal;
 
   font-style: normal;
 
 }
 
@@ -24,48 +24,6 @@
 
   -moz-osx-font-smoothing: grayscale;
 
 }
 
 
-.icon-key:before {
 
-  content: "\65";
 
-}
 
-.icon-phone2:before {
 
-  content: "\59";
 
-}
 
-.icon-switch:before {
 
-  content: "\47";
 
-}
 
-.icon-calendar:before {
 
-  content: "\58";
 
-}
 
-.icon-gears:before {
 
-  content: "\46";
 
-}
 
-.icon-mail-envelope-closed:before {
 
-  content: "\5a";
 
-}
 
-.icon-book-bookmark:before {
 
-  content: "\41";
 
-}
 
-.icon-note-text:before {
 
-  content: "\44";
 
-}
 
-.icon-note-checked:before {
 
-  content: "\55";
 
-}
 
-.icon-inboxes:before {
 
-  content: "\43";
 
-}
 
-.icon-folder-search:before {
 
-  content: "\56";
 
-}
 
-.icon-package:before {
 
-  content: "\57";
 
-}
 
-.icon-barometer:before {
 
-  content: "\42";
 
-}
 
-.icon-usb:before {
 
-  content: "\4d";
 
-}
 
 .icon-uni31:before {
 
   content: "\31";
 
 }
 
@@ -120,6 +78,51 @@
 
 .icon-uni69:before {
 
   content: "\69";
 
 }
 
+.icon-key:before {
 
+  content: "\65";
 
+}
 
+.icon-phone2:before {
 
+  content: "\59";
 
+}
 
+.icon-switch:before {
 
+  content: "\47";
 
+}
 
+.icon-calendar:before {
 
+  content: "\58";
 
+}
 
+.icon-gears:before {
 
+  content: "\46";
 
+}
 
+.icon-mail-envelope-closed:before {
 
+  content: "\5a";
 
+}
 
+.icon-book-bookmark:before {
 
+  content: "\41";
 
+}
 
+.icon-note-text:before {
 
+  content: "\44";
 
+}
 
+.icon-note-checked:before {
 
+  content: "\55";
 
+}
 
+.icon-inboxes:before {
 
+  content: "\43";
 
+}
 
+.icon-folder-search:before {
 
+  content: "\56";
 
+}
 
+.icon-package:before {
 
+  content: "\57";
 
+}
 
+.icon-barometer:before {
 
+  content: "\42";
 
+}
 
+.icon-usb:before {
 
+  content: "\4d";
 
+}
 
+.icon-certificate:before {
 
+  content: "\6d";
 
+}
 
 .icon-check:before {
 
   content: "\6a";
 
 }

BIN
css/fonts/ZHcldSystem.eot
Просмотреть файл


Разница между файлами не показана из-за своего большого размера
+ 1 - 0
css/fonts/ZHcldSystem.svg


BIN
css/fonts/ZHcldSystem.ttf
Просмотреть файл


BIN
css/fonts/ZHcldSystem.woff
Просмотреть файл


+ 15 - 1
css/global.css
Просмотреть файл 

@@ -473,6 +473,9 @@ table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span
 
     width: 900px;
 
   }
 
 }
 
+.modal-xlg {
 
+    width: 1151px;
 
+  }
 
 .clearfix:before,
 
 .clearfix:after,
 
 .modal-footer:before,
 
@@ -694,7 +697,7 @@ border-color: #d6e9c6;
 
 .infoFlowList{
 
     border-left: 1px solid #BEBEBE;
 
     margin-left: 25px;
 
-    padding-bottom: 33px;
 
+    padding-bottom: 20px;
 
     padding-left:27px;
 
     position: relative;
 
     margin-right:5px
 
@@ -3803,3 +3806,14 @@ td div.dlLev3{
 
   padding:2px 10px;
 
   border:1px solid #ccc;
 
 }
 
+.staff-detail-con,.staff-detail-side{
 
+  height: 400px;
 
+  overflow-y: auto;
 
+}
 
+.staff-detail-side {
 
+  width:330px;
 
+  padding:0 10px
 
+}
 
+.staff-detail-side .flowList li.item{
 
+  padding-left:15px
 
+}

+ 70 - 12
login.html
Просмотреть файл 

@@ -1,14 +1,14 @@
 
 <!DOCTYPE html>
 
-<html lang=zh-cn> 
+<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> 
+	<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{
 
@@ -40,11 +40,69 @@
 
 					<input type="password" class="text">
 
 				</div>
 
 				<div class="formLine clearfix">
 
-					<input type="submit" value="登录" class="button"><span class="submitSus"></span>
 
+					<a href="#welcome" data-toggle="modal" class="button">登录</a><span class="submitSus"></span>
 
 				</div>
 
 				</form>
 
-			</div>	
+			</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>
 
-</body>
 
+	<!--弹出（新员工信息填写）-->
 
+	<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">
 
+					<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><select><option>请选择</option><option>初中</option><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><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><input type="text" data-placement="bottom" data-toggle="ctooltip" data-original-title="例：张三（老婆）15003850888"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">现居住地址</th><td colspan="3"><input type="text" style="width:500px"></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>
 
+</body>

+ 220 - 0
staff-affixation.html
Просмотреть файл 

@@ -0,0 +1,220 @@
 
+<!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>
 
+<body>
 
+	<div class="mainLayout">
 
+		<div class="mainMenu">
 
+			<div class="menuItem">
 
+				<a href="#" class="mLogo">CLD</a>
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="人资管理"><a href="#" class="icon- selected">m</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
 
+				</ul>
 
+			</div>
 
+			<div class="userMenu">
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="warpContent">
 
+			<div class="subMenu fL">
 
+				<div class="menuItem">
 
+					<ul>
 
+						<li class="staffTitle">人资管理</li>
 
+						<li><a href="staff-home.html">首页</a></li>
 
+						<li><a href="staff-organization.html">组织</a></li>
 
+						<li><a href="staff-employee.html">员工</a></li>
 
+						<li><a href="staff-payroll.html">工资</a></li>
 
+						<li><a href="staff-insurance.html">社保公积金</a></li>
 
+						<li><a href="staff-attendance.html">考勤</a></li>
 
+						<li><a href="staff-commission.html">提成</a></li>
 
+						<li><a href="staff-affixation.html" class="selected">附加收支项</a></li>
 
+						<li class="topLine"><a href="staff-set-payroll.html">工资设置</a></li>
 
+						<li><a href="staff-set-insurance.html">社保设置</a></li>
 
+						<li><a href="staff-input-set-welfare.html">福利设置</a></li>
 
+						<li><a href="staff-srt-commission.html">提成设置</a></li>
 
+						<li><a href="staff-set-approval.html">审批流程设置</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="adminContent autoHeight">
 
+				<legend>附加收支项</legend>
 
+				<div class="demandCate">
 
+					<ul class="cateList">
 
+						<li>
 
+							<select class="select">
 
+								<option>全部收支</option>
 
+								<option>员工支出</option>
 
+								<option>员工收入</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="select">
 
+								<option>全部状态</option>
 
+								<option>已绑定</option>
 
+								<option>未绑定</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<div class="search">
 
+								<div class="input-append">
 
+									<input class="span3" placeholder="名称、金额" type="text" style="width:100px">
 
+									<button class="btn btn-small" type="button">搜索</button>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							本月(05.01-05.31)：发放 ￥3489.00
 
+						</li>
 
+						<li>
 
+							上月(04.01-04.31)：发放 ￥3489.00
 
+						</li>
 
+						<li>
 
+							<a class="button" href="#add" data-toggle="modal">添加收支项</a>
 
+						</li>
 
+	  			</ul>
 
+	  		</div>
 
+				<div class="saeaList">
 
+					<table class="table table-hover">
 
+						<tbody>
 
+							<tr class="thead"><th width="100">编号</th><th>收支项名称</th><th>收支</th><th width="100">金额</th><th width="200">分期</th><th width="100">已发放期</th><th>绑定员工</th><th width="100">已发放金额</th><th>备注</th><th>添加日期</th><th>状态</th><th width="80">操作</th></tr>
 
+							<tr><td>#2018060797</td><td>电脑补助</td><td>员工收入</td><td>￥5412.00</td><td><a  href="#plane" data-toggle="modal">≈￥451.00/12期（点我）</a></td><td>1</td><td>总部-张三</td><td>￥451.00</td><td></td><td>2018-06-07</td><td class="colOrange">进行中</td><td></td></tr>
 
+							<tr><td>#2018060811</td><td>电脑补助</td><td>员工收入</td><td>￥5412.00</td><td><a href="#">≈￥903.50/6期</a></td><td>0</td><td></td><td>￥0.00</td><td></td><td>2018-06-08</td><td>未开始</td><td><a href="#edit" data-toggle="modal">编辑</a>&nbsp;<a href="#del" data-toggle="modal" class="colRed">删除</a></td></tr>
 
+							<tr><td>#2018060123</td><td>贷款</td><td class="colRed">员工支出</td><td>￥200000.00</td><td><a href="#">≈￥8333.33/24期</a></td><td>1</td><td>总部-张三</td><td>￥8334.00</td><td></td><td>2018-06-07</td><td class="colOrange">进行中</td><td></td></tr>
 
+							<tr><td>#2018060797</td><td>电脑补助</td><td>员工收入</td><td>￥5412.00</td><td><a href="#">≈￥451.00/12期</a></td><td>12</td><td>总部-张三</td><td>￥5412.00</td><td></td><td>2018-06-07</td><td class="colGreen">完成</td><td></td></tr>
 
+						</tbody>
 
+					</table>
 
+				</div>
 
+				<div class="demandPage">
 
+					<ul class="pagination fL">
 
+						<li><a href="#">&lt;</a></li>
 
+						<li><a href="#">1</a></li>
 
+						<li class="active"><a href="#">2</a></li>
 
+						<li><a href="#">3</a></li>
 
+						<li><a href="#">4</a></li>
 
+						<li><a href="#">5</a></li>
 
+						<li><a href="#">&gt;</a></li>
 
+					</ul>
 
+			  	</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--弹出添加-->
 
+	<div class="modal hide fade" id="add">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>添加收支项</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<table class="table table-bordered table-condensed">
 
+						<tbody>
 
+							<tr><th class="taC">收支</th><td><select><option>请选择</option><option>员工收入</option><option>员工指出</option></select></td></tr>
 
+							<tr><th class="taC">收支项名称</th><td><input type="text"></td></tr>
 
+							<tr><th class="taC">金额</th><td><input type="number"></td></tr>
 
+							<tr><th class="taC">分期</th><td><input type="number" step="1" min="1"></td></tr>
 
+
 
+						</tbody>
 
+					</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="edit">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>编辑收支项</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<table class="table table-bordered table-condensed">
 
+						<tbody>
 
+							<tr><th class="taC">收支</th><td>#2018060811</td></tr>
 
+							<tr><th class="taC">收支</th><td>员工收入</td></tr>
 
+							<tr><th class="taC">收支项名称</th><td><input type="text" value="电脑补助"></td></tr>
 
+							<tr><th class="taC">金额</th><td><input type="number" value="903.50"></td></tr>
 
+							<tr><th class="taC">分期</th><td><input type="number" step="1" min="1" value="6"></td></tr>
 
+						</tbody>
 
+					</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="del">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>删除收支项</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					确认删除 #2018060811 电脑补助 ？
 
+				</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="plane">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>分期计划</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<table class="table table-bordered table-condensed">
 
+						<tr><th colspan="3" class="taC">#2018060811 电脑补助</th></tr>
 
+						<tr><th class="taC">期</th><th class="taC">金额</th><th class="taC">发放日期</th></tr>
 
+						<tr><td class="taC">1</td><td class="taC">451.00</td><td class="taC">2018-06-07</td></tr>
 
+						<tr><td class="taC">2</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">3</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">4</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">5</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">6</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">7</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">8</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">9</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">10</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">11</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+						<tr><td class="taC">12</td><td class="taC">451.00</td><td class="taC"></td></tr>
 
+					</table>
 
+
 
+				</div>
 
+				<div class="modal-footer">
 
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 168 - 0
staff-attendance.html
Просмотреть файл 

@@ -0,0 +1,168 @@
 
+<!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>
 
+<body>
 
+	<div class="mainLayout">
 
+		<div class="mainMenu">
 
+			<div class="menuItem">
 
+				<a href="#" class="mLogo">CLD</a>
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="人资管理"><a href="#" class="icon- selected">m</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
 
+				</ul>
 
+			</div>
 
+			<div class="userMenu">
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="warpContent">
 
+			<div class="subMenu fL">
 
+				<div class="menuItem">
 
+					<ul>
 
+						<li class="staffTitle">人资管理</li>
 
+						<li><a href="staff-home.html">首页</a></li>
 
+						<li><a href="staff-organization.html">组织</a></li>
 
+						<li><a href="staff-employee.html">员工</a></li>
 
+						<li><a href="staff-payroll.html">工资</a></li>
 
+						<li><a href="staff-insurance.html">社保公积金</a></li>
 
+						<li><a href="staff-attendance.html" class="selected">考勤</a></li>
 
+						<li><a href="staff-commission.html">提成</a></li>
 
+						<li><a href="staff-affixation.html">附加收支项</a></li>
 
+						<li class="topLine"><a href="staff-set-payroll.html">工资设置</a></li>
 
+						<li><a href="staff-set-insurance.html">社保设置</a></li>
 
+						<li><a href="staff-input-set-welfare.html">福利设置</a></li>
 
+						<li><a href="staff-srt-commission.html">提成设置</a></li>
 
+						<li><a href="staff-set-approval.html">审批流程设置</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="adminContent autoHeight">
 
+				<legend>本月（05.01-05.31）考勤列表</legend>
 
+				<div class="demandCate">
 
+					<ul class="cateList">
 
+						<li>
 
+							<select class="select">
 
+								<option>全部</option>
 
+								<option>在职</option>
 
+								<option>离职</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="select">
 
+								<option>全部</option>
 
+								<option>实习</option>
 
+								<option>试用</option>
 
+								<option>正式</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="select">
 
+								<option>所有组织</option>
 
+								<option>总部</option>
 
+								<option>总部-研究中心</option>
 
+								<option>广东办</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<div class="search">
 
+								<div class="input-append">
 
+									<input class="span3" placeholder="姓名、工号" type="text" style="width:100px">
 
+									<button class="btn btn-small" type="button">搜索</button>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							本月(05.01-05.31)：在职 89&nbsp;入职&nbsp;<a href="#">5</a>&nbsp;离职&nbsp;<a>4</a>
 
+						</li>
 
+						<li>
 
+							<a class="button" href="#done" data-toggle="modal">完成本月考勤</a>
 
+						</li>
 
+	  			</ul>
 
+	  		</div>
 
+				<div class="saeaList">
 
+					<table class="table table-hover">
 
+						<tbody>
 
+						<tr class="thead"><th width="80">工号</th><th>姓名</th><th>手机</th><th>聘用状态</th><th>办事处/部门</th><th>入职时间</th><th>离职时间</th><th>病假</th><th>事假</th><th>旷工</th><th>扣除基准</th></tr>
 
+						<tr><td>Z0001</td><td><a href="#detail" data-toggle="modal">张三(点我)</a></td><td>12345678901</td><td>正式</td><td>重庆</td><td>2017-05-30</td><td class="colRed"></td><td>0</td><td>0</td><td>0</td><td>底薪</td></tr>
 
+						<tr><td>Z0002</td><td><a href="#">王五</a></td><td>12345678901</td><td>实习</td><td>总部/研究中心</td><td>2017-05-30</td><td class="colRed"></td><td>0</td><td>0</td><td>0</td><td>总工资</td></tr>
 
+						<tr class="warning"><td>Z0003</td><td><a href="#">李四</a></td><td>12345678901</td><td>试用</td><td>总部</td><td>2017-05-30</td><td class="colRed">2018-07-30</td><td>0</td><td>0</td><td>0</td><td>总工资</td></tr>
 
+						<tr><td>Z0004</td><td><a href="#">王五</a></td><td>12345678901</td><td>正式</td><td>总部</td><td>2017-05-30</td><td class="colRed">2018-07-30</td><td>0</td><td>0</td><td>0</td><td>总工资</td></tr>
 
+
 
+						</tbody>
 
+					</table>
 
+				</div>
 
+				<div class="demandPage">
 
+					<ul class="pagination fL">
 
+						<li><a href="#">&lt;</a></li>
 
+						<li><a href="#">1</a></li>
 
+						<li class="active"><a href="#">2</a></li>
 
+						<li><a href="#">3</a></li>
 
+						<li><a href="#">4</a></li>
 
+						<li><a href="#">5</a></li>
 
+						<li><a href="#">&gt;</a></li>
 
+					</ul>
 
+			  	</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--弹出工资调整-->
 
+	<div class="modal hide fade" id="detail">
 
+		<div class="modal-dialog modal-lg">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工详情</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<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="text" value="2017-01-01" disabled></td>
 
+							<th class="taC" width="150">入职日期</th><td><input type="text" value="2017-01-01" disabled></td>
 
+						</tr>
 
+						</tbody>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tbody>
 
+						<tr>
 
+							<th class="taC" width="150">考勤扣除基准</th><td width="260" colspan="3"><select><option>底薪</option><option>总扣除</option></select></td>
 
+
 
+						</tr>
 
+						</tbody>
 
+					</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>
 
+
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 523 - 0
staff-employee.html
Просмотреть файл 

@@ -0,0 +1,523 @@
 
+<!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>
 
+<body>
 
+	<div class="mainLayout">
 
+		<div class="mainMenu">
 
+			<div class="menuItem">
 
+				<a href="#" class="mLogo">CLD</a>
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="人资管理"><a href="#" class="icon- selected">m</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
 
+				</ul>
 
+			</div>
 
+			<div class="userMenu">
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="warpContent">
 
+			<div class="subMenu fL">
 
+				<div class="menuItem">
 
+					<ul>
 
+						<li class="staffTitle">人资管理</li>
 
+						<li><a href="staff-home.html">首页</a></li>
 
+						<li><a href="staff-organization.html">组织</a></li>
 
+						<li><a href="staff-employee.html" class="selected">员工</a></li>
 
+						<li><a href="staff-payroll.html">工资</a></li>
 
+						<li><a href="staff-insurance.html">社保公积金</a></li>
 
+						<li><a href="staff-attendance.html">考勤</a></li>
 
+						<li><a href="staff-commission.html">提成</a></li>
 
+						<li><a href="staff-affixation.html">附加收支项</a></li>
 
+						<li class="topLine"><a href="staff-set-payroll.html">工资设置</a></li>
 
+						<li><a href="staff-set-insurance.html">社保设置</a></li>
 
+						<li><a href="staff-input-set-welfare.html">福利设置</a></li>
 
+						<li><a href="staff-srt-commission.html">提成设置</a></li>
 
+						<li><a href="staff-set-approval.html">审批流程设置</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="adminContent autoHeight">
 
+				<legend>员工列表</legend>
 
+				<div class="demandCate">
 
+					<ul class="cateList">
 
+						<li>
 
+							<select class="select">
 
+								<option>在职</option>
 
+								<option>离职</option>
 
+								<option>全部</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="select">
 
+								<option>全部</option>
 
+								<option>正式</option>
 
+								<option>试用</option>
 
+								<option>实习</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="select">
 
+								<option>所有组织</option>
 
+								<option>总部</option>
 
+								<option>总部-研究中心</option>
 
+								<option>广东办</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<div class="search">
 
+								<div class="input-append">
 
+									<input class="span3" placeholder="姓名、工号" type="text" style="width:100px">
 
+									<button class="btn btn-small" type="button">搜索</button>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							本月(05.01-05.31)：在职 89&nbsp;入职&nbsp;<a href="#">5</a>&nbsp;离职&nbsp;<a>4</a>
 
+						</li>
 
+						<li>
 
+							<label class="checkbox"><input type="checkbox"> 设置权限</label>
 
+						</li>
 
+						<li style="float:right">
 
+							<a href="#add-employee" data-toggle="modal" class="button">+员工</a>
 
+						</li>
 
+	  			</ul>
 
+	  		</div>
 
+				<div class="saeaList">
 
+					<table class="table table-hover">
 
+						<tbody>
 
+						<tr class="thead"><th width="80">工号</th><th>姓名</th><th>手机</th><th>QQ</th><th>办事处/部门</th><th>岗位</th><th>聘用状态</th><th>入职时间</th><th>操作</th></tr>
 
+						<tr><td>Z0001</td><td><a href="#detail" data-toggle="modal">张三(点我)</a></td><td>12345678901</td><td>12345678</td><td>总部</td><td>测试</td><td>正式</td><td>2017-05-30</td><td><a href="#do-dismiss" data-toggle="modal">离职(点我)</a></td></tr>
 
+						<tr><td>Z0002</td><td><a href="#">王五</a></td><td>12345678901</td><td>12345678</td><td>总部/研究中心</td><td>测试</td><td>试用</td><td>2017-05-30</td><td><a href="#do-hire" data-toggle="modal">转正式(点我)</a>&nbsp;<a href="#">离职</a></td></tr>
 
+						<tr><td>C001</td><td><a href="#">李四</a></td><td>12345678901</td><td>12345678</td><td>总部</td><td>测试</td><td>实习</td><td>2017-05-30</td><td><a href="#do-probation" data-toggle="modal">转试用(点我)</a>&nbsp;<a href="#">离职</a></td></tr>
 
+						<tr><td>C001</td><td><a href="#">李四</a></td><td>12345678901</td><td></td><td>总部</td><td>测试</td><td>实习</td><td>2017-05-30</td><td>待入职</td></tr>
 
+						<tr><td>C001</td><td><a href="#">李四</a></td><td>12345678901</td><td></td><td>总部</td><td>测试</td><td>实习</td><td>2017-05-30</td><td>待离职</td></tr>
 
+						</tbody>
 
+					</table>
 
+					<!--离职-->
 
+					<table class="table table-hover">
 
+						<tbody>
 
+						<tr class="thead"><th width="80">工号</th><th>姓名</th><th>手机</th><th>QQ</th><th>办事处/部门</th><th>岗位</th><th>聘用状态</th><th>入职时间</th><th>离职时间</th><th>操作</th></tr>
 
+						<tr><td>Z0001</td><td><a href="">张三</a></td><td>12345678901</td><td>12345678</td><td>总部</td><td>测试</td><td>正式</td><td>2017-05-30</td><td>2018-01-13</td><td><a href="#do-return" data-toggle="modal">再入职（点我）</a></td></tr>
 
+						<tr><td>Z0002</td><td><a href="#">王五</a></td><td>12345678901</td><td>12345678</td><td>总部/研究中心</td><td>测试</td><td>试用</td><td>2017-05-30</td><td>2017-06-30</td><td><a href="#">再入职</a></td></tr>
 
+						</tbody>
 
+					</table>
 
+					<!--权限-->
 
+					<table class="table table-hover">
 
+						<tbody>
 
+						<tr class="thead"><th width="80">工号</th><th>姓名</th><th>手机</th><th>QQ</th><th>办事处/部门</th><th>岗位</th><th>聘用状态</th><th>入职时间</th><th>主权限</th><th>通讯录权限</th></tr>
 
+						<tr><td>Z0001</td><td><a href="">张三</a></td><td>12345678901</td><td>12345678</td><td>总部</td><td>测试</td><td>正式</td><td>2017-05-30</td><td>信息中心、通讯录、在线锁库、报销单、发票申请、人资管理 <a href="#authority" data-toggle="modal">编辑(点我)</a></td><td>2 个省份 <a href="#province" data-toggle="modal">编辑（点我）</a></td></tr>
 
+						<tr><td>Z0002</td><td><a href="#">王五</a></td><td>12345678901</td><td>12345678</td><td>总部/研究中心</td><td>测试</td><td>试用</td><td>2017-05-30</td><td>信息中心、通讯录、在线锁库、报销单、发票申请、人资管理 <a href="#">编辑</a></td><td>1 个省份 <a href="#">编辑</a></td></tr>
 
+						</tbody>
 
+					</table>
 
+				</div>
 
+				<div class="demandPage">
 
+					<ul class="pagination fL">
 
+						<li><a href="#">&lt;</a></li>
 
+						<li><a href="#">1</a></li>
 
+						<li class="active"><a href="#">2</a></li>
 
+						<li><a href="#">3</a></li>
 
+						<li><a href="#">4</a></li>
 
+						<li><a href="#">5</a></li>
 
+						<li><a href="#">&gt;</a></li>
 
+					</ul>
 
+			  	</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--弹出（员工详情）-->
 
+	<div class="modal hide fade" id="detail">
 
+		<div class="modal-dialog modal-xlg">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工详情</h3>
 
+				</div>
 
+				<div class="modal-body saeaList" style="overflow:hidden;margin:0">
 
+					<div class="fL staff-detail-con">
 
+						<table class="table table-bordered table-condensed">
 
+						<tbody>
 
+						<tr>
 
+							<th class="taC" width="150">工号</th><td width="210">Z0001</td>
 
+							<th class="taC" width="150">姓名</th><td><input type="text" value="张三"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">办事处/部门</th><td><select><option>总部</option><option>总部-研究中心</option><option>广东办</option></select></td>
 
+							<th class="taC" width="150">岗位</th><td><input type="text" value="程序员"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">入职日期</th><td><input type="date"></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="210"><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>
 
+							<tr>
 
+								<th class="taC" width="150">身份证</th><td><input type="text" value="440476528372638192"></td>
 
+								<th class="taC" width="150">身份证扫描件</th><td><a href="#" target="_blank">正面（国徽）</a><a href="#" target="_blank">反面（照片）</a></td>
 
+							</tr>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC" width="150">毕业证书</th><td width="210"><a href="#" target="_blank">毕业证书</a></td>
 
+								<th class="taC" width="150">学位证书</th><td><a href="#" target="_blank">学位证书</a></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">职称</th><td colspan="3"><a href="#" target="_blank">证书1</a> <a href="#" target="#">证书2</a></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="210"><input type="text"></td>
 
+								<th class="taC" width="150">紧急联系人</th><td><input type="text"></td>
 
+							</tr>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC" width="150">汇款人户名</th><td width="210"><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="210"><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>
 
+					</div>
 
+					<div class="fL staff-detail-side">
 
+						<!--入职试用 & 离职后再入职试用-->
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">12</span><span class="text">-02</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-温秀娟</li>
 
+							 <li class="item">员工 入职试用</li>
 
+						 </ul>
 
+						</div>
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">12</span><span class="text">-02</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-温秀娟</li>
 
+							 <li class="item">员工 离职</li>
 
+						 </ul>
 
+						</div>
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">12</span><span class="text">-02</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-温秀娟</li>
 
+							 <li class="item">员工 试用转正式</li>
 
+						 </ul>
 
+						</div>
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">9</span><span class="text">-02</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-温秀娟</li>
 
+							 <li class="item">员工 实习转试用</li>
 
+						 </ul>
 
+					 	</div>
 
+						<div class="infoFlowList">
 
+							 <div class="dateTitle">
 
+								 <em class="month"><span class="num">8</span><span class="text">-01</span></em>
 
+								 <span class="year">2013</span>
 
+							 </div>
 
+							 <ul class="flowList">
 
+								 <li class="item colGray">总部-张三</li>
 
+								 <li class="item">入职实习</li>
 
+							 </ul>
 
+						 	</div>
 
+							<div class="infoFlowList">
 
+								 <div class="dateTitle">
 
+									 <em class="month"><span class="num">8</span><span class="text">-01</span></em>
 
+									 <span class="year">2013</span>
 
+								 </div>
 
+								 <ul class="flowList">
 
+									 <li class="item colGray">总部-温秀娟</li>
 
+									 <li class="item">添加新员工</li>
 
+								 </ul>
 
+							 	</div>
 
+					</div>
 
+				</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="add-employee">
 
+		<div class="modal-dialog modal-lg">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>添加员工</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<table class="table table-bordered table-condensed">
 
+							<tbody>
 
+							<tr>
 
+								<th class="taC" width="150">聘用状态</th><td width="260"><select><option>实习</option><option>试用</option><option>正式</option></select></td>
 
+								<th class="taC" width="150">工号</th><td><input type="text" value="Z0001" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC">姓名</th><td><input type="text" value=""></td>
 
+								<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>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">办事处/部门</th><td><select><option>请选择办事处/部门</option><option>总部</option><option>总部-研究中心</option><option>广东办</option></select></td>
 
+								<th class="taC" width="150">岗位</th><td><input type="text" value="程序员"></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">入职日期</th><td><input type="date"></td>
 
+								<th class="taC" width="150">手机</th><td><input type="text" value="1234567890"></td>
 
+							</tr>
 
+							</tbody>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC" width="150">基本工资</th><td width="210"><input value="" type="number"></td>
 
+								<th class="taC" width="150">岗位工资</th><td><input value="" type="number"></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">绩效奖金</th><td width="210"><input value="" type="number"></td>
 
+								<th class="taC" width="150"></th><td></td>
 
+							</tr>
 
+						</table>
 
+						<p class="alert alert-">短信通知例子：「张三欢迎加入纵横大家庭，这是您的CLD账号密码：张三 sa4kj，请登录完成入职申请。」</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>
 
+	<!--弹出（实习转试用）-->
 
+	<div class="modal hide fade" id="do-probation">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工实习转试用</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="100">工号</th><td>C001</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">姓名</th><td>张三</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">办事处/部门</th><td>总部</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">岗位</th><td>文员</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">入职日期</th><td>2013-06-01 <span class="colGray">已入职 40天</span></td>
 
+						</tr>
 
+					</table>
 
+					<p class="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>
 
+	<!--弹出（试用转正式）-->
 
+	<div class="modal hide fade" id="do-hire">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工试用转正式</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="100">工号</th><td>Z0001</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">姓名</th><td>张三</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">办事处/部门</th><td>总部</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">岗位</th><td>文员</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">入职日期</th><td>2013-06-01 <span class="colGray">已入职 40天</span></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">试用日期</th><td>2013-07-01</td>
 
+						</tr>
 
+					</table>
 
+					<p class="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>
 
+	<!--弹出（员工离职）-->
 
+	<div class="modal hide fade" id="do-dismiss">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工离职</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="100">工号</th><td>Z0001</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">姓名</th><td>张三</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">办事处/部门</th><td>总部</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">岗位</th><td>文员</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">入职日期</th><td>2013-06-01 <span class="colGray">已入职 40天</span></td>
 
+						</tr>
 
+					</table>
 
+					<p class="alert alert-erro">确认该员工离职。</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>
 
+	<!--弹出（员工再入职）-->
 
+	<div class="modal hide fade" id="do-return">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工再入职</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="100">工号</th><td>Z0001</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">姓名</th><td>张三</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">办事处/部门</th><td>总部</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">岗位</th><td>文员</td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="100">离职日期</th><td>2013-06-01 <span class="colGray">已离职 40天</span></td>
 
+						</tr>
 
+					</table>
 
+					<p class="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>
 
+	<!--弹出（设置主权限）-->
 
+	<div class="modal hide fade" id="authority">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>设置主权限</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<label class="checkbox inline"><input type="checkbox"> 信息中心</label>
 
+					<label class="checkbox inline"><input type="checkbox"> 通讯录</label>
 
+					<label class="checkbox inline"><input type="checkbox"> 在线锁库</label>
 
+					<label class="checkbox inline"><input type="checkbox"> 报销单</label>
 
+					<label class="checkbox inline"><input type="checkbox"> 发票申请</label>
 
+					<label class="checkbox inline"><input type="checkbox"> 人资管理 </label>
 
+				</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="province">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>设置通讯录 权限</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<label class="checkbox inline"><input type="checkbox"> 广东省</label>
 
+					<label class="checkbox inline"><input type="checkbox"> 广西自治区</label>
 
+					<label class="checkbox inline"><input type="checkbox"> 湖南省</label>
 
+					<label class="checkbox inline"><input type="checkbox"> 湖北省</label>
 
+				</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>

+ 286 - 0
staff-home.html
Просмотреть файл 

@@ -0,0 +1,286 @@
 
+<!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>
 
+<body>
 
+	<div class="mainLayout">
 
+		<div class="mainMenu">
 
+			<div class="menuItem">
 
+				<a href="#" class="mLogo">CLD</a>
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="人资管理"><a href="#" class="icon- selected">m</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
 
+				</ul>
 
+			</div>
 
+			<div class="userMenu">
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="warpContent">
 
+			<div class="subMenu fL">
 
+				<div class="menuItem">
 
+					<ul>
 
+						<li class="staffTitle">人资管理</li>
 
+						<li><a href="staff-home.html" class="selected">首页</a></li>
 
+						<li><a href="staff-organization.html">组织</a></li>
 
+						<li><a href="staff-employee.html">员工</a></li>
 
+						<li><a href="staff-payroll.html">工资</a></li>
 
+						<li><a href="staff-insurance.html">社保公积金</a></li>
 
+						<li><a href="staff-attendance.html">考勤</a></li>
 
+						<li><a href="staff-commission.html">提成</a></li>
 
+						<li><a href="staff-affixation.html">附加收支项</a></li>
 
+						<li class="topLine"><a href="staff-set-payroll.html">工资设置</a></li>
 
+						<li><a href="staff-set-insurance.html">社保设置</a></li>
 
+						<li><a href="staff-input-set-welfare.html">福利设置</a></li>
 
+						<li><a href="staff-srt-commission.html">提成设置</a></li>
 
+						<li><a href="staff-set-approval.html">审批流程设置</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="adminContent autoHeight">
 
+				<div class="saea-borad">
 
+					<div class="borad-menu">
 
+
 
+					</div>
 
+					<div class="borad-news">
 
+						<div class="saeaList">
 
+							<div class="clearfix">
 
+								<legend><div class="fR"></div>需要您处理</legend>
 
+								<table class="table table-bordered table-condensed">
 
+									<tbody>
 
+									<tr><th class="taC" width="140">员工名称</th><th class="taC">办事处/部门</th><th class="taC">岗位</th><th class="taC">状态</th><th class="taC" width="120">操作</th></tr>
 
+									<tr><td><a href="#detail" data-toggle="modal">张三(点我)</a></td><td>总部</td><td>测试</td><td>待入职</td><td><a class="button btn-block" href="#approval1" data-toggle="modal">入职审批</a></td></tr>
 
+									<tr><td><a href="#">张三</a></td><td>总部</td><td>测试</td><td>申请离职</td><td width="120"><a class="button btn-block" href="#approval2" data-toggle="modal">离职审批</a></td></tr>
 
+									</tbody>
 
+								</table>
 
+							</div>
 
+							<div class="clearfix">
 
+								<legend><div class="fR"></div>最近变动</legend>
 
+								<table class="table table-bordered table-condensed">
 
+									<tbody>
 
+									<tr><th class="taC" width="140">员工名称</th><th class="taC">办事处/部门</th><th class="taC">岗位</th><th class="taC">状态</th><th class="taC" width="120">时间</th></tr>
 
+									<tr><td><a href="#detail" data-toggle="modal">张三(点我)</a></td><td>总部</td><td>测试</td><td>入职</td><td width="120">2018-06-07</td></tr>
 
+									<tr><td><a href="#">张三</a></td><td>总部</td><td>测试</td><td>离职</td><td width="120">2018-06-07</td></tr>
 
+									</tbody>
 
+								</table>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--弹出（审批员工入职）-->
 
+	<div class="modal hide fade" id="approval1">
 
+		<div class="modal-dialog modal-xlg">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工入职审批</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<div class="fL staff-detail-con">
 
+						<table class="table table-bordered table-condensed">
 
+						<tbody>
 
+							<tr>
 
+								<th class="taC" width="150">工号</th><td width="210">Z0001</td>
 
+								<th class="taC" width="150">姓名</th><td width="210">张三</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">办事处/部门</th><td>总部</td>
 
+								<th class="taC" width="150">岗位</th><td>程序员</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">入职日期</th><td>2018-06-01</td>
 
+								<th class="taC" width="150">手机</th><td>123123123</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC">QQ</th><td>123123123</td>
 
+								<th class="taC">微信</th><td>123123123</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC">电话</th><td>123123123</td>
 
+								<th class="taC">邮箱</th><td>123123@qq.com</td>
 
+							</tr>
 
+						</tbody>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+							<tbody><tr>
 
+								<th class="taC" width="150">性别</th><td width="210">男</td>
 
+								<th class="taC" width="150">出生日期</th><td>1987-10-29</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">最高学历</th><td>本科</td>
 
+								<th class="taC" width="150">婚姻状况</th><td>未婚</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">籍贯</th><td colspan="3">广东珠海</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">现居住地址</th><td colspan="3">珠海香洲区XX路XX小区XX号</td>
 
+							</tr>
 
+						</tbody>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+							<tbody><tr>
 
+								<th class="taC" width="150">基本工资</th><td width="210">1000</td>
 
+								<th class="taC" width="150">岗位工资</th><td>3000</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">绩效奖金</th><td></td>
 
+								<th class="taC" width="150"></th><td></td>
 
+							</tr>
 
+						</tbody>
 
+					</table>
 
+					</div>
 
+					<div class="fL staff-detail-side">
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">12</span><span class="text">-03</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-何银龄</li>
 
+							 <li class="item">审批通过</li>
 
+						 </ul>
 
+						</div>
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">12</span><span class="text">-03</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-张三</li>
 
+							 <li class="item">申请入职</li>
 
+						 </ul>
 
+						</div>
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">12</span><span class="text">-02</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-温秀娟</li>
 
+							 <li class="item">添加员工</li>
 
+						 </ul>
 
+						</div>
 
+					</div>
 
+				</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="approval2">
 
+		<div class="modal-dialog modal-xlg">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工离职审批</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<div class="fL staff-detail-con">
 
+						<table class="table table-bordered table-condensed">
 
+						<tbody>
 
+							<tr>
 
+								<th class="taC" width="150">工号</th><td width="210">Z0001</td>
 
+								<th class="taC" width="150">姓名</th><td width="210">张三</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">办事处/部门</th><td>总部</td>
 
+								<th class="taC" width="150">岗位</th><td>程序员</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">入职日期</th><td>2018-06-01</td>
 
+								<th class="taC" width="150">手机</th><td>123123123</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC">QQ</th><td>123123123</td>
 
+								<th class="taC">微信</th><td>123123123</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC">电话</th><td>123123123</td>
 
+								<th class="taC">邮箱</th><td>123123@qq.com</td>
 
+							</tr>
 
+						</tbody>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+							<tbody><tr>
 
+								<th class="taC" width="150">基本工资</th><td width="210">1000</td>
 
+								<th class="taC" width="150">岗位工资</th><td>3000</td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">绩效奖金</th><td></td>
 
+								<th class="taC" width="150"></th><td></td>
 
+							</tr>
 
+						</tbody>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+							<tbody>
 
+							<tr>
 
+								<th class="taC" width="150">离职原因</th><td>离职原因</td>
 
+							</tr>
 
+						</tbody>
 
+					</table>
 
+					</div>
 
+					<div class="fL staff-detail-side">
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">12</span><span class="text">-03</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-何银龄</li>
 
+							 <li class="item">审批通过</li>
 
+						 </ul>
 
+						</div>
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">12</span><span class="text">-03</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-张三</li>
 
+							 <li class="item">申请入职</li>
 
+						 </ul>
 
+						</div>
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">12</span><span class="text">-02</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-温秀娟</li>
 
+							 <li class="item">添加员工</li>
 
+						 </ul>
 
+						</div>
 
+					</div>
 
+				</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>

+ 563 - 0
staff-insurance.html
Просмотреть файл 

@@ -0,0 +1,563 @@
 
+<!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>
 
+<body>
 
+	<div class="mainLayout">
 
+		<div class="mainMenu">
 
+			<div class="menuItem">
 
+				<a href="#" class="mLogo">CLD</a>
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="人资管理"><a href="#" class="icon- selected">m</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
 
+				</ul>
 
+			</div>
 
+			<div class="userMenu">
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="warpContent">
 
+			<div class="subMenu fL">
 
+				<div class="menuItem">
 
+					<ul>
 
+						<li class="staffTitle">人资管理</li>
 
+						<li><a href="staff-home.html">首页</a></li>
 
+						<li><a href="staff-organization.html">组织</a></li>
 
+						<li><a href="staff-employee.html">员工</a></li>
 
+						<li><a href="staff-payroll.html">工资</a></li>
 
+						<li><a href="staff-insurance.html" class="selected">社保公积金</a></li>
 
+						<li><a href="staff-attendance.html">考勤</a></li>
 
+						<li><a href="staff-commission.html">提成</a></li>
 
+						<li><a href="staff-affixation.html">附加收支项</a></li>
 
+						<li class="topLine"><a href="staff-set-payroll.html">工资设置</a></li>
 
+						<li><a href="staff-set-insurance.html">社保设置</a></li>
 
+						<li><a href="staff-input-set-welfare.html">福利设置</a></li>
 
+						<li><a href="staff-srt-commission.html">提成设置</a></li>
 
+						<li><a href="staff-set-approval.html">审批流程设置</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="adminContent autoHeight">
 
+				<legend>本月（05.01-05.31）社保公积金列表</legend>
 
+				<div class="demandCate">
 
+					<ul class="cateList">
 
+						<li>
 
+							<select class="select">
 
+								<option>全部</option>
 
+								<option>在职</option>
 
+								<option>离职</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="select">
 
+								<option>所有组织</option>
 
+								<option>总部</option>
 
+								<option>总部-研究中心</option>
 
+								<option>广东办</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<div class="search">
 
+								<div class="input-append">
 
+									<input class="span3" placeholder="姓名、工号" type="text" style="width:100px">
 
+									<button class="btn btn-small" type="button">搜索</button>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							本月(05.01-05.31)：在职 89&nbsp;转正&nbsp;<a href="#">5</a>&nbsp;离职&nbsp;<a>4</a>
 
+						</li>
 
+						<li>
 
+							<label class="checkbox"><input type="checkbox"> 查看明细</label>
 
+						</li>
 
+						<li>
 
+							<select class="select">
 
+								<option>珠海</option>
 
+								<option>异地</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<a class="button" href="#upload" data-toggle="modal">上传本月珠海社保</a>
 
+							<a class="button" href="#upload" data-toggle="modal">上传本月异地社保</a>
 
+						</li>
 
+						<li>
 
+							<a class="button" href="#done" data-toggle="modal">完成本月社保</a>
 
+						</li>
 
+	  			</ul>
 
+	  		</div>
 
+				<div class="saeaList">
 
+					<table class="table table-hover">
 
+						<tbody>
 
+						<tr class="thead"><th width="80">工号</th><th>姓名</th><th>手机</th><th>办事处/部门</th><th>入职时间</th><th>离职时间</th><th>社保城市</th><th>企业缴存</th><th>个人缴存</th><th>社保合计</th><th>公积金城市</th><th>企业缴存</th><th>个人缴存</th><th>公积金合计</th></tr>
 
+						<tr><td>Z0001</td><td><a href="#detail-yd" data-toggle="modal">张三(异地点我)</a></td><td>12345678901</td><td>重庆</td><td>2017-05-30</td><td class="colRed"></td><td>珠海</td><td>500</td><td>400</td><td>900</td><td>珠海</td><td>300</td><td>1300</td><td>1600</td></tr>
 
+						<tr><td>Z0002</td><td><a href="#detail-zh" data-toggle="modal">王五(珠海点我)</a></td><td>12345678901</td><td>总部/研究中心</td><td>2017-05-30</td><td class="colRed"></td><td>珠海</td><td>500</td><td>400</td><td>900</td><td>珠海</td><td>300</td><td>1300</td><td>1600</td></tr>
 
+						<tr><td>Z0003</td><td><a href="#">李四</a></td><td>12345678901</td><td>总部</td><td>2017-05-30</td><td class="colRed">2018-07-30</td><td>珠海</td><td>500</td><td>400</td><td>900</td><td>珠海</td><td>300</td><td>1300</td><td>1600</td></tr>
 
+						<tr><td>Z0004</td><td><a href="#">王五</a></td><td>12345678901</td><td>总部</td><td>2017-05-30</td><td class="colRed">2018-07-30</td><td>珠海</td><td>500</td><td>400</td><td>900</td><td>珠海</td><td>300</td><td>1300</td><td>1600</td></tr>
 
+						</tbody>
 
+					</table>
 
+					<!--社保明细 异地-->
 
+					<table class="table table-hover">
 
+						<tr class="thead">
 
+							<th rowspan="2">工号</th>
 
+							<th rowspan="2">姓名</th>
 
+							<th rowspan="2">社保时间</th>
 
+							<th rowspan="2">城市标准</th>
 
+							<th rowspan="2">合计费用</th>
 
+							<!--冻结行开始-->
 
+							<th>养老保险基数</th>
 
+							<th>养老单位比例</th>
 
+							<th>养老单位保险费</th>
 
+							<th>养老个人比例</th>
 
+							<th>养老个人保险费</th>
 
+							<th>养老月小计</th>
 
+							<th>失业保险基数</th>
 
+							<th>失业保险单位比例</th>
 
+							<th>失业保险单位保险费</th>
 
+							<th>失业保险个人比例</th>
 
+							<th>失业保险个人保险费</th>
 
+							<th>失业月小计</th>
 
+							<th>工伤保险基数</th>
 
+							<th>工伤单位比例</th>
 
+							<th>工伤单位保险费</th>
 
+							<th>工伤个人比例</th>
 
+							<th>工伤个人保险费</th>
 
+							<th>工伤月小计</th>
 
+							<th>生育保险基数</th>
 
+							<th>生育单位比例</th>
 
+							<th>生育单位保险费</th>
 
+							<th>生育个人比例</th>
 
+							<th>生育个人保险费</th>
 
+							<th>生育月小计</th>
 
+							<th>医保基数</th>
 
+							<th>医疗单位比例</th>
 
+							<th>医疗单位保险费</th>
 
+							<th>医疗医疗个人比例</th>
 
+							<th>医疗个人保险费</th>
 
+							<th>重大疾病（单位）</th>
 
+							<th>重大疾病（个人）</th>
 
+							<th>住院医疗费</th>
 
+							<th>医疗月小计</th>
 
+							<th class="colRed">社保单位比例小计</th>
 
+							<th class="colRed">社保个人小计</th>
 
+							<th>社保其他费用</th>
 
+							<th>管理费</th>
 
+						</tr>
 
+					</table>
 
+					<!--社保明细 珠海（本地）-->
 
+					<table class="table table-hover">
 
+					  <thead>
 
+					  <tr class="thead">
 
+					    <th rowspan="2">工号</th>
 
+					    <th rowspan="2">姓名</th>
 
+					    <th rowspan="2">社保时间</th>
 
+					    <th rowspan="2">个人社保号</th>
 
+					    <th rowspan="2">单位合计</th>
 
+					    <th rowspan="2">个人合计</th>
 
+					    <th rowspan="2">合计费用</th>
 
+					    <!--冻结行开始-->
 
+					    <th colspan="3" class="taC">基本养老保险</th>
 
+					    <th colspan="3" class="taC">工伤保险</th>
 
+					    <th colspan="3" class="taC">农民工失业保险</th>
 
+					    <th colspan="3" class="taC">城镇工失业保险</th>
 
+					    <th colspan="3" class="taC">基本医疗保险</th>
 
+					    <th colspan="3" class="taC">补充医疗保险</th>
 
+					    <th colspan="3" class="taC">生育保险</th>
 
+					  </tr>
 
+					  <tr class="thead">
 
+					    <th>计费工资</th>
 
+					    <th>单位</th>
 
+					    <th>个人</th>
 
+					    <th>计费工资</th>
 
+					    <th>单位</th>
 
+					    <th>个人</th>
 
+					    <th>计费工资</th>
 
+					    <th>单位</th>
 
+					    <th>个人</th>
 
+					    <th>计费工资</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 class="demandPage">
 
+					<ul class="pagination fL">
 
+						<li><a href="#">&lt;</a></li>
 
+						<li><a href="#">1</a></li>
 
+						<li class="active"><a href="#">2</a></li>
 
+						<li><a href="#">3</a></li>
 
+						<li><a href="#">4</a></li>
 
+						<li><a href="#">5</a></li>
 
+						<li><a href="#">&gt;</a></li>
 
+					</ul>
 
+			  	</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--弹出异地-->
 
+	<div class="modal hide fade" id="detail-yd">
 
+		<div class="modal-dialog modal-lg">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工详情</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<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="text" value="2017-01-01" disabled></td>
 
+							<th class="taC" width="150">离职日期</th><td><input type="text" value="" disabled></td>
 
+						</tr>
 
+						</tbody>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">社保所在城市</th><td width="260"><input type="text" value="重庆" disabled></td>
 
+							<th class="taC" width="150">户籍类型</th><td><select disabled><option>本市城镇<option><option>本市农村<option><option>外埠城镇<option><option>外埠农村<option></select></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">身份证</th><td width="260"><input type="text" value="440987654367485981" disabled></td>
 
+							<th class="taC" width="150">社保月份</th><td><input type="text" value="2017-07-01" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">社保号</th><td width="260"><input type="text" value=""></td>
 
+							<th class="taC" width="150"></th><td></td>
 
+						</tr>
 
+					</table>
 
+					<legend>社保明细</legend>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">养老保险基数</th><td><input type="text" value="3370"></td>
 
+							<th class="taC" width="150">养老月小计</th><td><input type="text" value="909.9" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">养老单位比例</th><td><input type="number"  value="0.19"></td>
 
+							<th class="taC" width="150">养老单位保险费</th><td><input type="number"  value="640.30" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">养老个人比例</th><td><input type="number"  value="0.08"></td>
 
+							<th class="taC" width="150">养老个人保险费</th><td><input type="number"  value="269.60" disabled></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">失业保险基数</th><td><input type="text" value="3370"></td>
 
+							<th class="taC" width="150">失业月小计</th><td><input type="text" value="33.70" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">失业单位比例</th><td><input type="number"  value="0.005"></td>
 
+							<th class="taC" width="150">失业单位保险费</th><td><input type="number"  value="16.85" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">失业个人比例</th><td><input type="number"  value="0.005"></td>
 
+							<th class="taC" width="150">失业个人保险费</th><td><input type="number"  value="16.85" disabled></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">工伤保险基数</th><td><input type="text" value="3370"></td>
 
+							<th class="taC" width="150">工伤月小计</th><td><input type="text" value="22.22" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">工伤单位比例</th><td><input type="number"  value="0.006"></td>
 
+							<th class="taC" width="150">工伤单位保险费</th><td><input type="number"  value="20.22" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">工伤个人比例</th><td><input type="number"  value="0.0"></td>
 
+							<th class="taC" width="150">工伤个人保险费</th><td><input type="number"  value="0.0" disabled></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">失业保险基数</th><td><input type="text" value="3370"></td>
 
+							<th class="taC" width="150">失业月小计</th><td><input type="text" value="16.85" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">失业单位比例</th><td><input type="number"  value="0.005"></td>
 
+							<th class="taC" width="150">失业单位保险费</th><td><input type="number"  value="16.85" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">失业个人比例</th><td><input type="number"  value="0.0"></td>
 
+							<th class="taC" width="150">失业个人保险费</th><td><input type="number"  value="0.0" disabled></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">医保基数</th><td><input type="text" value="3370"></td>
 
+							<th class="taC" width="150">医疗月小计</th><td><input type="text" value="375.70" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">医疗单位比例</th><td><input type="number"  value="0.09"></td>
 
+							<th class="taC" width="150">医疗单位保险费</th><td><input type="number"  value="303.30" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">医疗个人比例</th><td><input type="number"  value="0.02"></td>
 
+							<th class="taC" width="150">医疗个人保险费</th><td><input type="number"  value="67.40" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150"></th><td></td>
 
+							<th class="taC" width="150">重大疾病（单位）</th><td><input type="number"  value="0.0"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150"></th><td></td>
 
+							<th class="taC" width="150">重大疾病（个人）</th><td><input type="number"  value="5.0"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150"></th><td></td>
 
+							<th class="taC" width="150">住院医疗费</th><td><input type="number"  value="5.0"></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">社保单位比例小计</th><td><input type="text" value="0.30" disabled></td>
 
+							<th class="taC" width="150">社保单位小计</th><td><input type="text" value="997.52" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">社保个人比例小计</th><td><input type="number"  value="0.11" disabled></td>
 
+							<th class="taC" width="150">社保个人小计</th><td><input type="number"  value="358.85" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150"></th><td></td>
 
+							<th class="taC" width="150">社保其他费用</th><td><input type="number"  value="0.0"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150"></th><td></td>
 
+							<th class="taC" width="150">管理费</th><td><input type="number"  value="80.00"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150"></th><td></td>
 
+							<th class="taC" width="150">合计费用</th><td><input type="number"  value="1436.37" disabled></td>
 
+						</tr>
 
+					</table>
 
+					<legend>公积金明细</legend>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">个人缴存</th><td width="260"><input type="text" value="300"></td>
 
+							<th class="taC" width="150">企业缴存</th><td><input type="text" value="1300"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">公积金合计</th><td><input type="text" value="1600" disabled></td>
 
+							<th class="taC" width="150"></th><td></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="detail-zh">
 
+		<div class="modal-dialog modal-lg">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工详情</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<table class="table table-bordered table-condensed">
 
+						<tbody>
 
+						<tr>
 
+							<th class="taC" width="150">工号</th><td width="260">Z0002</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></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="text" value="2017-01-01" disabled></td>
 
+							<th class="taC" width="150">离职日期</th><td><input type="text" value="" disabled></td>
 
+						</tr>
 
+						</tbody>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">社保所在城市</th><td width="260"><input type="text" value="珠海" disabled></td>
 
+							<th class="taC" width="150">户籍类型</th><td><select disabled><option>本市城镇<option><option>本市农村<option><option>外埠城镇<option><option>外埠农村<option></select></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">身份证</th><td width="260"><input type="text" value="440987654367485981" disabled></td>
 
+							<th class="taC" width="150">社保月份</th><td><input type="text" value="2017-07-01" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">社保号</th><td width="260"><input type="text" value="4409876"></td>
 
+							<th class="taC" width="150"></th><td></td>
 
+						</tr>
 
+					</table>
 
+					<legend>社保明细</legend>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" colspan="2">基本养老保险</th>
 
+							<th class="taC" width="150">计费工资</th><td><input type="text" value="2906.00"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">单位</th><td><input type="number"  value="377.78"></td>
 
+							<th class="taC" width="150">个人</th><td><input type="number"  value="232.48"></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" colspan="2">工伤保险</th>
 
+							<th class="taC" width="150">计费工资</th><td><input type="text" value="2046.00"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">单位</th><td><input type="number"  value="3.07"></td>
 
+							<th class="taC" width="150">个人</th><td><input type="number"  value="0.00"></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" colspan="2">农民工失业保险</th>
 
+							<th class="taC" width="150">计费工资</th><td><input type="text" value="0.00"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">单位</th><td><input type="number"  value="0.00"></td>
 
+							<th class="taC" width="150">个人</th><td><input type="number"  value="0.00"></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" colspan="2">城镇工失业保险</th>
 
+							<th class="taC" width="150">计费工资</th><td><input type="text" value="2046.00"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">单位</th><td><input type="number"  value="16.37"></td>
 
+							<th class="taC" width="150">个人</th><td><input type="number"  value="4.09"></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" colspan="2">基本医疗保险</th>
 
+							<th class="taC" width="150">计费工资</th><td><input type="text" value="3643.00"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">单位</th><td><input type="number"  value="200.37"></td>
 
+							<th class="taC" width="150">个人</th><td><input type="number"  value="54.65"></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" colspan="2">补充基本医疗保险</th>
 
+							<th class="taC" width="150">计费工资</th><td><input type="text" value="0.00"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">单位</th><td><input type="number"  value="0.00"></td>
 
+							<th class="taC" width="150">个人</th><td><input type="number"  value="0.00"></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" colspan="2">生育保险</th>
 
+							<th class="taC" width="150">计费工资</th><td><input type="text" value="3643.00"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">单位</th><td><input type="number"  value="18.22"></td>
 
+							<th class="taC" width="150">个人</th><td><input type="number"  value="0.00"></td>
 
+						</tr>
 
+					</table>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">单位合计</th><td><input type="text" value="615.81" disabled></td>
 
+							<th class="taC" width="150">个人合计</th><td><input type="text" value="291.22" disabled></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">应缴金额</th><td colspan="3"><input type="number"  value="907.03" disabled></td>
 
+						</tr>
 
+					</table>
 
+					<legend>公积金明细</legend>
 
+					<table class="table table-bordered table-condensed">
 
+						<tr>
 
+							<th class="taC" width="150">个人缴存</th><td width="260"><input type="text" value="300"></td>
 
+							<th class="taC" width="150">企业缴存</th><td><input type="text" value="1300"></td>
 
+						</tr>
 
+						<tr>
 
+							<th class="taC" width="150">公积金合计</th><td><input type="text" value="1600" disabled></td>
 
+							<th class="taC" width="150"></th><td></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="upload">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>上传社保数据</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<p class="alert alert-info">本次上传为 珠海社保 数据，请别上传错误数据！</p>
 
+					<p class="alert alert-success">本次上传为 异地社保 数据，请别上传错误数据！</p>
 
+					<table class="table table-bordered table-condensed">
 
+						<tbody>
 
+							<tr><th class="taC" width="150">选择Excel文件</th><td><input type="file"></td></tr>
 
+						</tbody>
 
+					</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="done">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>完成本月社保</h3>
 
+				</div>
 
+				<div class="modal-body saeaList">
 
+					<h4>确认完成本月社保数据，完成后即可为工资提供数据；</h4>
 
+					<h4>提交完成后，不可再修改，请确认后再提交。</h4>
 
+				</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>

+ 276 - 0
staff-payroll.html
Просмотреть файл 

@@ -0,0 +1,276 @@
 
+<!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>
 
+<body>
 
+	<div class="mainLayout">
 
+		<div class="mainMenu">
 
+			<div class="menuItem">
 
+				<a href="#" class="mLogo">CLD</a>
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="人资管理"><a href="#" class="icon- selected">m</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
 
+				</ul>
 
+			</div>
 
+			<div class="userMenu">
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="warpContent">
 
+			<div class="subMenu fL">
 
+				<div class="menuItem">
 
+					<ul>
 
+						<li class="staffTitle">人资管理</li>
 
+						<li><a href="staff-home.html">首页</a></li>
 
+						<li><a href="staff-organization.html">组织</a></li>
 
+						<li><a href="staff-employee.html">员工</a></li>
 
+						<li><a href="staff-payroll.html" class="selected">工资</a></li>
 
+						<li><a href="staff-insurance.html">社保公积金</a></li>
 
+						<li><a href="staff-attendance.html">考勤</a></li>
 
+						<li><a href="staff-commission.html">提成</a></li>
 
+						<li><a href="staff-affixation.html">附加收支项</a></li>
 
+						<li class="topLine"><a href="staff-set-payroll.html">工资设置</a></li>
 
+						<li><a href="staff-set-insurance.html">社保设置</a></li>
 
+						<li><a href="staff-input-set-welfare.html">福利设置</a></li>
 
+						<li><a href="staff-srt-commission.html">提成设置</a></li>
 
+						<li><a href="staff-set-approval.html">审批流程设置</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="adminContent autoHeight">
 
+				<legend>本月（05.01-05.31）工资列表</legend>
 
+				<div class="demandCate">
 
+					<ul class="cateList">
 
+						<li>
 
+							<select class="select">
 
+								<option>全部</option>
 
+								<option>在职</option>
 
+								<option>离职</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="select">
 
+								<option>全部</option>
 
+								<option>实习</option>
 
+								<option>试用</option>
 
+								<option>正式</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<select class="select">
 
+								<option>所有组织</option>
 
+								<option>总部</option>
 
+								<option>总部-研究中心</option>
 
+								<option>广东办</option>
 
+							</select>
 
+						</li>
 
+						<li>
 
+							<div class="search">
 
+								<div class="input-append">
 
+									<input class="span3" placeholder="姓名、工号" type="text" style="width:100px">
 
+									<button class="btn btn-small" type="button">搜索</button>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							本月(05.01-05.31)：在职 89&nbsp;入职&nbsp;<a href="#">5</a>&nbsp;离职&nbsp;<a>4</a>
 
+						</li>
 
+						<li>
 
+							<label class="checkbox"><input type="checkbox"> 查看详细</label>
 
+						</li>
 
+						<li>
 
+							<a class="button" href="#done" data-toggle="modal">完成本月工资</a>
 
+						</li>
 
+	  			</ul>
 
+	  		</div>
 
+				<div class="saeaList">
 
+					<table class="table table-hover">
 
+						<tbody>
 
+						<tr class="thead"><th width="80">工号</th><th>姓名</th><th>手机</th><th>聘用状态</th><th>办事处/部门</th><th>入职时间</th><th>离职时间</th><th>固定收入</th><th>绩效奖金</th><th>销售提成</th><th>总扣除</th><th>其他收入</th><th>实发工资</th></tr>
 
+						<tr><td>Z0001</td><td><a href="#detail" data-toggle="modal">张三(点我)</a></td><td>12345678901</td><td>正式</td><td>重庆办</td><td>2017-05-30</td><td class="colRed"></td><td>9700</td><td>0</td><td>2000</td><td>6170</td><td>400</td><td>5930</td></tr>
 
+						<tr><td>Z0002</td><td><a href="#">王五</a></td><td>12345678901</td><td>实习</td><td>总部/研究中心</td><td>2017-05-30</td><td class="colRed"></td><td>10000</td><td>1000</td><td>0</td><td>2000</td><td>0</td><td>9000</td></tr>
 
+						<tr class="warning"><td>Z0003</td><td><a href="#">李四</a></td><td>12345678901</td><td>试用</td><td>总部</td><td>2017-05-30</td><td class="colRed">2018-07-30</td><td>10000</td><td>3000</td><td>0</td><td>2000</td><td>0</td><td>11000</td></tr>
 
+						<tr><td>Z0004</td><td><a href="#">王五</a></td><td>12345678901</td><td>正式</td><td>总部</td><td>2017-05-30</td><td class="colRed">2018-07-30</td><td>9000</td><td>1500</td><td>0</td><td>2000</td><td>300</td><td>8800</td></tr>
 
+						</tbody>
 
+					</table>
 
+				</div>
 
+				<div class="demandPage">
 
+					<ul class="pagination fL">
 
+						<li><a href="#">&lt;</a></li>
 
+						<li><a href="#">1</a></li>
 
+						<li class="active"><a href="#">2</a></li>
 
+						<li><a href="#">3</a></li>
 
+						<li><a href="#">4</a></li>
 
+						<li><a href="#">5</a></li>
 
+						<li><a href="#">&gt;</a></li>
 
+					</ul>
 
+			  	</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--弹出工资调整-->
 
+	<div class="modal hide fade" id="detail">
 
+		<div class="modal-dialog modal-xlg">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工详情</h3>
 
+				</div>
 
+				<div class="modal-body saeaList" style="overflow:hidden;margin:0">
 
+					<div class="fL staff-detail-con">
 
+						<table class="table table-bordered table-condensed">
 
+							<tbody>
 
+							<tr>
 
+								<th class="taC" width="150">工号</th><td width="210">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="text" value="2017-01-01" disabled></td>
 
+								<th class="taC" width="150">离职日期</th><td><input type="text" value="" disabled></td>
 
+							</tr>
 
+							</tbody>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC colGreen" colspan="4">收入</th>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">基本工资</th><td width="210"><input type="number" value="3000"></td>
 
+								<th class="taC" width="150">岗位工资</th><td><input type="number" value="6700"></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">绩效奖金</th><td width="210"><input type="number" value="0"></td>
 
+								<th class="taC" width="150">销售提成</th><td><input type="number" value="2000" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">工龄工资</th><td width="210"><input type="number" value="300"></td>
 
+								<th class="taC" width="150">电脑补助 05/12期</th><td><input type="number" value="100" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<td class="taC" colspan="4"><select><option>请选择</option><option>电脑补助 12期 ￥6000.00</option></select> <a href="#">添加</a></td>
 
+							</tr>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC colRed" colspan="4">支出</th>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">社保</th><td width="210"><input type="number" value="1200"></td>
 
+								<th class="taC" width="150">公积金</th><td><input type="number" value="670"></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">缺勤</th><td width="210"><input type="number" value="0"></td>
 
+								<th class="taC" width="150">个税</th><td><input type="number" value="2000" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">其他扣除</th><td width="210"><input type="number" value="300"></td>
 
+								<th class="taC" width="150">贷款 02/6 期</th><td><input type="number" value="2000" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<td class="taC" colspan="4"><select><option>请选择</option></select> <a href="#">添加</a></td>
 
+							</tr>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC" colspan="2">合计</th>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">收入</th><td><input type="text" value="12100.00" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">支出</th><td><input type="text" value="6170.00" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">实发工资</th><td><input type="text" value="5930.00" disabled></td>
 
+							</tr>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC" colspan="4">留存工资</th>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">本月留存</th><td width="210"><input type="text" value="2500.00" disabled></td>
 
+								<th class="taC" width="150"></th><td></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">累计留存</th><td width="210"><input type="text" value="15000.00" disabled></td>
 
+								<th class="taC" width="150">累计期数</th><td><input type="text" value="6" disabled></td>
 
+							</tr>
 
+						</table>
 
+					</div>
 
+					<div class="fL staff-detail-side">
 
+						<!--工资调整记录-->
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">9</span><span class="text">-02</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-温秀娟</li>
 
+							 <li class="item">岗位工资 由 3100 调至 6700</li>
 
+						 </ul>
 
+					 	</div>
 
+						<div class="infoFlowList">
 
+							 <div class="dateTitle">
 
+								 <em class="month"><span class="num">8</span><span class="text">-01</span></em>
 
+								 <span class="year">2013</span>
 
+							 </div>
 
+							 <ul class="flowList">
 
+								 <li class="item colGray">总部-温秀娟</li>
 
+								 <li class="item">基本工资 由 2000 调至 3000</li>
 
+							 </ul>
 
+						 	</div>
 
+					</div>
 
+				</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 fade" id="need-data">
 
+	<div class="modal-dialog">
 
+		<div class="modal-content">
 
+    <div class="modal-header">
 
+    <h3>生成本月工资需要完成以下数据</h3>
 
+    </div>
 
+    <div class="modal-body saeaList">
 
+			<table class="table table-bordered table-condensed">
 
+				<tbody>
 
+					<tr><th class="taC" width="150">社保公积金</th><td class="colGreen">完成</td></tr>
 
+					<tr><th class="taC" width="150">考勤</th><td class="">未完成</td></tr>
 
+					<tr><th class="taC" width="150">提成</th><td class="">未完成</td></tr>
 
+				</tbody>
 
+			</table>
 
+    </div>
 
+	<!-- <div class="modal-footer">
 
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
 
+	</div> -->
 
+			</div>
 
+		</div>
 
+</div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+<script type="text/javascript">$('#need-data').modal('show2')</script>
 
+</body>

+ 248 - 0
staff-set-approval.html
Просмотреть файл 

@@ -0,0 +1,248 @@
 
+<!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>
 
+<body>
 
+	<div class="mainLayout">
 
+		<div class="mainMenu">
 
+			<div class="menuItem">
 
+				<a href="#" class="mLogo">CLD</a>
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="人资管理"><a href="#" class="icon- selected">m</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
 
+				</ul>
 
+			</div>
 
+			<div class="userMenu">
 
+				<ul>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
 
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="warpContent">
 
+			<div class="subMenu fL">
 
+				<div class="menuItem">
 
+					<ul>
 
+						<li class="staffTitle">人资管理</li>
 
+						<li><a href="staff-home.html">首页</a></li>
 
+						<li><a href="staff-organization.html">组织</a></li>
 
+						<li><a href="staff-employee.html">员工</a></li>
 
+						<li><a href="staff-payroll.html">工资</a></li>
 
+						<li><a href="staff-insurance.html">社保公积金</a></li>
 
+						<li><a href="staff-attendance.html">考勤</a></li>
 
+						<li><a href="staff-commission.html">提成</a></li>
 
+						<li><a href="staff-affixation.html">附加收支项</a></li>
 
+						<li class="topLine"><a href="staff-set-payroll.html">工资设置</a></li>
 
+						<li><a href="staff-set-insurance.html">社保设置</a></li>
 
+						<li><a href="staff-input-set-welfare.html">福利设置</a></li>
 
+						<li><a href="staff-srt-commission.html">提成设置</a></li>
 
+						<li><a href="staff-set-approval.html" class="selected">审批流程设置</a></li>
 
+					</ul>
 
+				</div>
 
+			</div>
 
+			<div class="adminContent autoHeight">
 
+				<legend>审批流程设置</legend>
 
+				<div class="subNav">
 
+		    	<ul class="navTabs">
 
+					  <li class="active"><a href="#">入职审批</a></li>
 
+					  <li><a href="#">离职审批</a></li>
 
+					</ul>
 
+				</div>
 
+				<!--入职审批-->
 
+				<table class="table table-striped">
 
+              <thead>
 
+                <tr>
 
+                  <th>办事处</th>
 
+                  <th>入职审批流程</th>
 
+                  <th>抄送</th>
 
+                </tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr>
 
+                  <td>总部</td>
 
+                  <td>谭玉堂->何银龄->赵淑燕->杨福芳 <a href="#view" data-toggle="modal">编辑</a></td>
 
+                  <td>陈特 王晶 <a href="#view" data-toggle="modal">编辑</a></td>
 
+                </tr>
 
+								<tr>
 
+                  <td>总部-造价研究中心</td>
 
+                  <td>谭玉堂->何银龄->赵淑燕->杨福芳 <a href="#view" data-toggle="modal">编辑</a></td>
 
+                  <td>陈特 王晶 <a href="#view" data-toggle="modal">编辑</a></td>
 
+                </tr>
 
+								<tr>
 
+                  <td>广东办</td>
 
+                  <td>刘飞->何银龄->赵淑燕->杨福芳 <a href="#view" data-toggle="modal">编辑</a></td>
 
+                  <td>*办事处/部门所有 <a href="#view" data-toggle="modal">编辑</a></td>
 
+                </tr>
 
+								<tr>
 
+                  <td>广西办</td>
 
+                  <td> <a href="#view" data-toggle="modal">编辑</a></td>
 
+                  <td> <a href="#view" data-toggle="modal">编辑</a></td>
 
+                </tr>
 
+              </tbody>
 
+          	</table>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--弹出工资调整-->
 
+	<div class="modal hide fade" id="detail">
 
+		<div class="modal-dialog modal-xlg">
 
+			<div class="modal-content">
 
+				<div class="modal-header">
 
+					<h3>员工详情</h3>
 
+				</div>
 
+				<div class="modal-body saeaList" style="overflow:hidden;margin:0">
 
+					<div class="fL staff-detail-con">
 
+						<table class="table table-bordered table-condensed">
 
+							<tbody>
 
+							<tr>
 
+								<th class="taC" width="150">工号</th><td width="210">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="text" value="2017-01-01" disabled></td>
 
+								<th class="taC" width="150">离职日期</th><td><input type="text" value="" disabled></td>
 
+							</tr>
 
+							</tbody>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC colGreen" colspan="4">收入</th>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">基本工资</th><td width="210"><input type="number" value="3000"></td>
 
+								<th class="taC" width="150">岗位工资</th><td><input type="number" value="6700"></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">绩效奖金</th><td width="210"><input type="number" value="0"></td>
 
+								<th class="taC" width="150">销售提成</th><td><input type="number" value="2000" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">工龄工资</th><td width="210"><input type="number" value="300"></td>
 
+								<th class="taC" width="150">电脑补助 05/12期</th><td><input type="number" value="100" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<td class="taC" colspan="4"><select><option>请选择</option></select> <a href="#">添加</a></td>
 
+							</tr>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC colRed" colspan="4">支出</th>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">社保</th><td width="210"><input type="number" value="1200"></td>
 
+								<th class="taC" width="150">公积金</th><td><input type="number" value="670"></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">缺勤</th><td width="210"><input type="number" value="0"></td>
 
+								<th class="taC" width="150">个税</th><td><input type="number" value="2000" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">其他扣除</th><td width="210"><input type="number" value="300"></td>
 
+								<th class="taC" width="150">贷款 02/6 期</th><td><input type="number" value="2000" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<td class="taC" colspan="4"><select><option>请选择</option></select> <a href="#">添加</a></td>
 
+							</tr>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC" colspan="2">合计</th>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">收入</th><td><input type="text" value="12100.00" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">支出</th><td><input type="text" value="6170.00" disabled></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">实发工资</th><td><input type="text" value="5930.00" disabled></td>
 
+							</tr>
 
+						</table>
 
+						<table class="table table-bordered table-condensed">
 
+							<tr>
 
+								<th class="taC" colspan="4">留存工资</th>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">本月留存</th><td width="210"><input type="text" value="2500.00" disabled></td>
 
+								<th class="taC" width="150"></th><td></td>
 
+							</tr>
 
+							<tr>
 
+								<th class="taC" width="150">累计留存</th><td width="210"><input type="text" value="15000.00" disabled></td>
 
+								<th class="taC" width="150">累计期数</th><td><input type="text" value="6" disabled></td>
 
+							</tr>
 
+						</table>
 
+					</div>
 
+					<div class="fL staff-detail-side">
 
+						<!--工资调整记录-->
 
+						<div class="infoFlowList">
 
+						 <div class="dateTitle">
 
+							 <em class="month"><span class="num">9</span><span class="text">-02</span></em>
 
+							 <span class="year">2013</span>
 
+						 </div>
 
+						 <ul class="flowList">
 
+							 <li class="item colGray">总部-温秀娟</li>
 
+							 <li class="item">岗位工资 3100 -> 6700</li>
 
+						 </ul>
 
+					 	</div>
 
+						<div class="infoFlowList">
 
+							 <div class="dateTitle">
 
+								 <em class="month"><span class="num">8</span><span class="text">-01</span></em>
 
+								 <span class="year">2013</span>
 
+							 </div>
 
+							 <ul class="flowList">
 
+								 <li class="item colGray">总部-温秀娟</li>
 
+								 <li class="item">基本工资 2000 -> 3000</li>
 
+							 </ul>
 
+						 	</div>
 
+					</div>
 
+				</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 fade" id="need-data">
 
+	<div class="modal-dialog">
 
+		<div class="modal-content">
 
+    <div class="modal-header">
 
+    <h3>生成本月工资需要完成以下数据</h3>
 
+    </div>
 
+    <div class="modal-body saeaList">
 
+			<table class="table table-bordered table-condensed">
 
+				<tbody>
 
+					<tr><th class="taC" width="150">社保公积金</th><td class="colGreen">完成</td></tr>
 
+					<tr><th class="taC" width="150">考勤</th><td class="">未完成</td></tr>
 
+					<tr><th class="taC" width="150">提成</th><td class="">未完成</td></tr>
 
+				</tbody>
 
+			</table>
 
+    </div>
 
+	<!-- <div class="modal-footer">
 
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
 
+	</div> -->
 
+			</div>
 
+		</div>
 
+</div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+<script type="text/javascript">$('#need-data').modal('show2')</script>
 
+</body>