Просмотр исходного кода

培训班管理;提成分配

Chente 7 лет назад
Родитель
Сommit
abf5c14ac6
11 измененных файлов с 1779 добавлено и 107 удалено
  1. 17 16
      invoice-my.html
  2. 5 0
      saea-receipt-add.html
  3. 418 0
      staff-commission-org.html
  4. 114 91
      staff-commission.html
  5. 252 0
      train-approval.html
  6. 82 0
      train-edit-view.html
  7. 151 0
      train-edit.html
  8. 142 0
      train-edit2.html
  9. 256 0
      train-my.html
  10. 184 0
      train-registration-list.html
  11. 158 0
      train-registration.html

+ 17 - 16
invoice-my.html

@@ -256,21 +256,21 @@
 						</tr>
 						<th class="taC" width="150">所在办事处</th><td>广东办(刘飞)</td>
 						<th class="taC">开票内容</th><td>纵横公路工程造价管理系统V9.0</td>
-					</tr>
-					<tr>
-						<th class="taC" width="150">发票备注</th><td colspan="3"></td>
-					</tr>
-					<tr>
-						<th class="taC" width="150">数量</th><td><b>1</b></td>
-						<th class="taC">单价</th><td><b>¥20000.00</b></td>
-					</tr>
-					<tr>
-						<th class="taC">开票金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥20000.00</b></td>
-					</tr>
-					<tr>
-						<th class="taC" width="150">结算方式</th><td colspan="3"><!-- 软件销售 --> 培训班(<a href="invoice-batch-detail.html" target="_blank">2018年4月18江西省公路工程造价高级应用培训-清单培训</a>)</td>
-					</tr>
-						</tbody>
+						</tr>
+						<tr>
+							<th class="taC" width="150">发票备注</th><td colspan="3"></td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">数量</th><td><b>1</b></td>
+							<th class="taC">单价</th><td><b>¥20000.00</b></td>
+						</tr>
+						<tr>
+							<th class="taC">开票金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥20000.00</b></td>
+						</tr>
+						<tr>
+							<th class="taC" width="150">结算方式</th><td colspan="3"><!-- 软件销售 --> 培训班(<a href="invoice-batch-detail.html" target="_blank">2018年4月18江西省公路工程造价高级应用培训-清单培训</a>)</td>
+						</tr>
+							</tbody>
 					</table>
 					<table class="table table-bordered table-condensed">
 						<tbody>
@@ -399,7 +399,8 @@
 						<tr>
 							<th class="taC">认领收款</th><td colspan="3">张少珊 转入 陈特 2015-04-12 11:30:02</td>
 						</tr>
-						</tbody></table>
+						</tbody>
+					</table>
 				</div>
 				<div class="modal-footer">
 					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>

+ 5 - 0
saea-receipt-add.html

@@ -86,6 +86,11 @@
 			  						<tr><th>借款</th><td  width="200" class="taR">¥<input type="number" value="0" placeholder="输入公关费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
 			  						<tr><th>可自加费用</th><td  width="200" class="taR">¥<input type="number" value="0" placeholder="输入可自加费用" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
 			  						<tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
+			  						<tr><th colspan="2" class="taC">公关费绑定发票</th></tr>
+			  						<tr><th class="colRed">本次报销有公关费支出,确认是否涉需要绑定发票</th><td class="taR"><select class="span2"><option>绑定开票</option><option>不需要</option></select></td></tr>
+			  						<tr><th></th><td class="taR"><a class="button">添加发票</a></select></td></tr>
+			  						<tr><th>发票</a></th><td class="taR">公关费(¥500.00)</td></tr>
+			  						<tr><th><a href="#">#F201909187362</a> <a class="fR">移除</a></th><td class="taR">¥<input type="number" value="0" placeholder="输入可自加费用" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
 			  						<tr class="warning"><td class="taR"><b>本次报销费用合计</b></td><td class="colGreed taR"><b style="font-size:24px">¥2160.00</b></td></tr>
 									<tr><th colspan="2" class="taC">报销单审批</th></tr>
 									<tr>

+ 418 - 0
staff-commission-org.html

@@ -0,0 +1,418 @@
+<!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-commission-org.html" class="selected">分配提成</a></li>
+						<li><a href="staff-affixation.html">附加收支项</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-guanaitong.html">关爱通</a></li>
+						<li><a href="staff-tax.html">六项专项扣除</a></li>
+						<li class="topLine"><a href="staff-set-job.html">岗位设置</a></li>
+						<li><a href="staff-set-insurance.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>
+									<option>讲课费</option>
+								</select>
+							</li>
+							<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:200px">
+										<button class="btn btn-small" type="button">搜索</button>
+									</div>
+								</div>
+							</li>
+							<li>
+								<a class="button" href="#download" data-toggle="modal">下载5月提成</a>
+							</li>
+							<li>
+								<a class="button" href="#done" data-toggle="modal">完成本月提成</a>
+							</li>
+							<li>
+								<a class="button btn-gray">5月已完成</a>
+							</li>
+		  				</ul>
+		  			</div>
+					<div class="saeaList">
+						<table class="table table-hover">
+							<tbody>
+							<tr class="thead"><th>产品类别</th><th>单位</th><th width="60">金额</th><th width="60">公关费</th><th width="60">计提金额</th><th>分配</th><th width="60">刘飞</th><th width="60">姜栋</th><th width="60">冯娟</th><th width="60">何燿</th><th width="60">杨克松</th><th width="60">杨朱颖</th><th width="60">黄俊杰</th><th width="60">赖超锋</th><th width="60">张嘉伟</th><th width="60">严霜</th></tr>
+							<tr><td>纵横公路工程造价管理系统V9.0</td><td><a href="#detail" data-toggle="modal">广东XXXXX公司</a></td><td>20000.00</td><td>500.00</td><td class="colRed">3900.00</td><td><a href="#dist" data-toggle="modal">分配</a></td><td>1000.00</td><td>0</td><td>1000.00</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr>
+							<tr><td>纵横公路工程造价管理系统V9.0</td><td><a href="#detail" data-toggle="modal">广东YYYYYY公司</a></td><td>20000.00</td><td>0</td><td class="colRed">4000.00</td><td><a href="#dist" data-toggle="modal">分配</a></td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr>
+							<tr><td>纵横公路工程造价管理系统V9.0</td><td><a href="#detail" data-toggle="modal">广东ZZZZZZ公司</a></td><td>20000.00</td><td>500</td><td>4000.00</td><td><a href="#dist" data-toggle="modal">分配</a></td><td>0</td><td>0</td><td>2000.00</td><td>1000.00</td><td>1000.00</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr>
+							<tr><td>培训班</td><td><a href="#detail2" data-toggle="modal">广东某某某培训班</a></td><td>80000.00</td><td>0</td><td class="colRed">30000.00</td><td><a href="#dist" data-toggle="modal">分配</a></td><td>1000.00</td><td>0</td><td>1000.00</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr>
+							<!--培训班讲课费-->
+							<tr><td>讲课费</td><td><a href="#detail2" data-toggle="modal">广东某某某培训班</a></td><td>0.00</td><td></td><td></td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr>
+							<tr><td colspan="2">合计</td><td>140000.00</td><td>500.00</td><td class="colRed">42000.00</td><td><a href="#dist" data-toggle="modal">分配</a></td><td>2000.00</td><td>0</td><td>3000.00</td><td>1000.00</td><td>1000.00</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</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" style="overflow:hidden;margin:0">
+					<div class="staff-detail-con">
+						<!--提成计算-->
+						<table class="table table-bordered table-condensed">
+							<tr><th class="taC" colspan="2">本次销售计提金额</th></tr>
+							<tr><th class="taC">计提计算方式</th><td>计提金额={销售金额-费用报销(公关费)}x20%</td></tr>
+							<tr><th class="taC">计提金额</th><td><b>3900</b>=(20000-500)*20%</td></tr>
+						</table>
+						<!--开票详情-->
+						<table class="table table-bordered table-condensed">
+							<tbody>
+							<tr>
+								<th colspan="4" class="taC">开票详情</th>
+							</tr>
+							<tr>
+								<th class="taC" width="150">开票流水号</th><td>#F20160316001</td>
+								<th class="taC" width="150">提交时间</th><td>2016-03-01 12:30:01</td>
+							</tr>
+							<th class="taC" width="150">所在办事处</th><td>广东办(刘飞)</td>
+							<th class="taC">开票内容</th><td>纵横公路工程造价管理系统V9.0</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">发票备注</th><td colspan="3"></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">数量</th><td><b>1</b></td>
+								<th class="taC">单价</th><td><b>¥20000.00</b></td>
+							</tr>
+							<tr>
+								<th class="taC">开票金额</th><td colspan="3"><b class="colOrange" style="font-size:18px">¥20000.00</b></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">结算方式</th><td colspan="3">软件销售 <!-- 培训班(<a href="invoice-batch-detail.html" target="_blank">2018年4月18江西省公路工程造价高级应用培训-清单培训</a>) --></td>
+							</tr>
+							<tr>
+								<th colspan="4" class="taC">增值税专用发票</th>
+							</tr>
+							<tr>
+								<th class="taC" width="150">单位名称</th><td>珠海纵横创建软件有限公司</td>
+								<th class="taC" width="150">纳税人识别码</th><td>1212123123123</td>
+
+							</tr>
+
+							<tr>
+								<th class="taC">注册地址</th><td>广东省珠海市香洲区银桦路8号24D</td>
+								<th class="taC">注册电话</th><td>0756-34324</td>
+							</tr>
+							<tr>
+								<th class="taC">开户银行</th><td>广发银行</td>
+								<th class="taC">银行账号</th><td>234324234</td>
+							</tr>
+							</tbody>
+						</table>
+						<!--收款-->
+						<table class="table table-bordered table-condensed">
+							<tbody>
+							<tr>
+								<th class="taC" colspan="4">收款详情</th>
+							</tr>
+							<tr>
+								<th class="taC">收款流水号</th><td>#SK20160316001</td>
+								<th class="taC">录入收款</th><td>张少珊 2015-04-12 11:30:02</td>
+							</tr>
+							<tr>
+								<th class="taC">收款金额</th><td><b>¥200000.00</b></td>
+								<th class="taC">收款信息</th><td>陈宇</td>
+							</tr>
+							<tr>
+								<th class="taC">收款银行</th><td>广发银行珠海分行柠溪支行</td>
+								<th class="taC">银行到帐</th><td>2016-04-11</td>
+							</tr>
+							<tr>
+								<th class="taC">认领收款</th><td colspan="3">张少珊 转入 陈特 2015-04-12 11:30:02</td>
+							</tr>
+							<tr>
+								<th class="taC">发票入账</th><td colspan="3">张少珊 入账 2015-04-12 11:30:02</td>
+							</tr>
+							</tbody>
+						</table>
+						<!--与发票绑定的公关费-->
+						<table class="table table-bordered table-condensed">
+							<tr>
+								<th colspan="4" class="taC">与发票绑定费用</th>
+							</tr>
+							<tr>
+								<th class="taC">费用单号</th><td>#B1402130405002</td>
+								<th class="taC">提交人</th><td>广东办-刘飞</td>
+							</tr>
+							<tr>
+								<th class="taC">费用所在办事处</th><td>广东办</td>
+								<th class="taC"></th><td></td>
+							</tr>
+								<th class="taC">费用说明</th><td colspan="3">销售软件公关费</td>
+							</tr>
+							<tr>
+								<th class="taC">费用合计</th><td colspan="3"><b>500.00</b></td>
+							</tr>
+							<tr>
+								<th colspan="4" class="taC">费用明细</th>
+							</tr>
+							<tr>
+								<th class="taC">公关费</th><td>500.00</td>
+								<th class="taC"></th><td></td>
+							</tr>
+							<tr>
+						</table>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出培训班结算结果-->
+	<div class="modal hide fade" id="detail2">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>销售详情</h3>
+				</div>
+				<div class="modal-body saeaList" style="overflow:hidden;margin:0">
+					<div class="staff-detail-con">
+						<table class="table table-bordered table-condensed table-hover">
+							<tbody>
+								<tr>
+									<th class="taC" colspan="2">项目</th><th class="taC">人数</th><th class="taC">单价</th><th class="taC">金额</th><th class="taC" rowspan="2">占比</th><th class="taC" width="300">备注</th>
+								</tr>
+								<tr>
+									<th colspan="2">收入</th><td>0</td><td>0</td><td>0</td><td></td>
+								</tr>
+								<tr>
+									<th rowspan="15" width="20">支出明细</th><th>交通费</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th rowspan="2">讲课费</th><td colspan="2" class="taC colGray">外聘</td><td class="taR">0<!--外聘--></td><td></td><td></td>
+								</tr>
+								<tr>
+									<td colspan="2" class="taC colGray">员工</td><td class="taR">0<!--员工--></td><td></td><td></td>
+								</tr>
+								<tr>
+									<th>住宿费</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th>场租费</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th rowspan="2">办公费</th><td colspan="2" class="taC colGray">办事处支出</td><td class="taR">0<!--办事处支出--></td><td></td><td></td>
+								</tr>
+								<tr>
+									<td colspan="2" class="taC colGray">公司支出</td><td class="taR">0<!--公司支出--></td><td></td><td></td>
+								</tr>
+								<tr>
+									<th>电话费<!--新增--></th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th rowspan="2">邮寄费</th><td colspan="2" class="taC colGray">办事处支出</td><td class="taR">0<!--办事处支出--></td><td></td><td></td>
+								</tr>
+								<tr>
+									<td colspan="2" class="taC colGray">公司支出</td><td class="taR">0<!--公司支出--></td><td></td><td></td>
+								</tr>
+								<tr>
+									<th>公关费</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th>其他</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th>税款</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th>研究中心经费</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th>小计</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th colspan="2">利润</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th colspan="2">备用金(预借)</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th colspan="2">公司收款</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th colspan="2">办事处收款</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th colspan="2">办事处实际支出</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th colspan="2">付总部款</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th colspan="2">公司利润</th><td colspan="3" class="taR">0</td><td></td><td></td>
+								</tr>
+								<tr>
+									<th colspan="2">办事处利润</th><td colspan="3" class="taR">30000.00</td><td></td><td></td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出下载数据-->
+	<div class="modal hide fade" id="download">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>下载5月提成数据</h3>
+				</div>
+				<div class="modal-body saeaList">
+					<p><a href="#">CLD-5月广东办提成.xls</a></p>
+				</div>
+				<div class="modal-footer">
+					<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>
+	<!--弹出分配提成-->
+	<div class="modal hide fade" id="dist">
+		<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">计提金额</th><td>4000.00</td></tr>
+						<tr><th class="taC">已分配</th><td>2000.00</td></tr>
+						<tr><th class="taC">未分配</th><td>2000.00</td></tr>
+					</table>
+					<p class="alert alert-erro">计提金额未分配完成</p>
+					<p class="alert alert-success">计提金额分配完成</p>
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC" width="100">员工</th><th class="taC">分配金额</th><th class="taC" width="100">员工</th><th class="taC">分配金额</th></tr>
+						<tr><td>刘飞</td><td><input  type="number" step="100" min="0" style="width:90%" value="1000"></td><td>姜栋</td><td><input type="number" step="100" min="0" style="width:90%"></td></tr>
+						<tr><td>冯娟</td><td><input type="number" step="100" min="0" style="width:90%" value="1000"></td><td>何燿</td><td><input type="number" step="100" min="0" style="width:90%"></td></tr>
+						<tr><td>杨克松</td><td><input type="number" step="100" min="0" style="width:90%"></td><td>杨朱颖</td><td><input type="number" step="100" min="0" style="width:90%"></td></tr>
+						<tr><td>黄俊杰</td><td><input type="number" step="100" min="0" style="width:90%"></td><td>赖超锋</td><td><input type="number" step="100" min="0" style="width:90%"></td></tr>
+						<tr><td>张嘉伟</td><td><input type="number" step="100" min="0" style="width:90%"></td><td>严霜</td><td><input type="number" step="100" min="0" style="width:90%"></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>
+<script type="text/javascript">autoFlashHeight();</script>
+<script type="text/javascript">$('#need-data').modal('show2')</script>
+</body>

+ 114 - 91
staff-commission.html

@@ -45,6 +45,7 @@
 						<li><a href="staff-insurance.html">社保公积金</a></li>
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html" class="selected">提成</a></li>
+						<li><a href="staff-commission-org.html">分配提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
 						<li><a href="staff-welfare.html">福利奖金</a></li>
 						<li><a href="staff-guanaitong.html">关爱通</a></li>
@@ -57,88 +58,116 @@
 				</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>
-							</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>
-							<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>
-							<a class="button" href="#upload" data-toggle="modal">上传5月提成</a>
-						</li>
-						<li>
-							<a class="button" href="#done" data-toggle="modal">完成本月提成</a>
-						</li>
-						<li>
-							<a class="button btn-gray">5月已完成</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></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>2000</td><td>0</td><td>2000</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></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></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></tr>
-						</tbody>
-					</table>
+				<div class="librarySide">
+					<div class="sideMnav">
+						<ul class="navLeve0 autoHeight">
+							<!-- <li class="title"><h3>组织列表</h3></li> -->
+							<li class="selected"><span>所有组织</span>
+							<li><span>总部</span>
+							<li><span>总部-研究中心</span><!-- <span class="icon- fR">a</span> --></li>
+							<li><span>总部-总经办</span></li>
+							<li><span>总部-财务部</span></li>
+							<li><span>总部-研发部</span></li>
+							<li><span>总部-测试与技术支持部</span></li>
+							<li><span>总部-综合管理部</span></li>
+							<li><span>甘肃办</span></li>
+							<li><a href="#">广东办(点我)</a></li>
+							<li><span>内蒙办</span></li>
+							<li><span>浙江办</span></li>
+							<li><span>安徽办</span></li>
+							<li><span>江西办</span></li>
+							<li><span>四川办</span></li>
+							<li><span>广西办</span></li>
+							<li><span>湖南办</span></li>
+							<li><span>山东办</span></li>
+							<li><span>重庆办</span></li>
+						</ul>
+					</div>
 				</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 class="libraryContent adminContent autoHeight">
+					<legend>本月(05.01-05.31)提成详情</legend>
+					<div class="demandCate">
+						<ul class="cateList">
+							<li>
+								<select class="select">
+									<option>所有</option>
+									<option>总部</option>
+									<option>广东办</option>
+									<option>广西办</option>
+								</select>
+							</li>
+							<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>
+								<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>
+								<a class="button" href="#download" data-toggle="modal">下载5月提成</a>
+							</li>
+							<li>
+								<a class="button" href="#done" data-toggle="modal">完成本月提成</a>
+							</li>
+							<li>
+								<a class="button btn-gray">5月已完成</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>2000</td><td>0</td><td>0</td><td>2000</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>0</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>0</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>0</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>
@@ -208,23 +237,17 @@
 			</div>
 		</div>
 	</div>
-	<!--弹出上传数据-->
-	<div class="modal hide fade" id="upload">
+	<!--弹出下载数据-->
+	<div class="modal hide fade" id="download">
 		<div class="modal-dialog">
 			<div class="modal-content">
 				<div class="modal-header">
-					<h3>上传社保数据</h3>
+					<h3>下载5月提成数据</h3>
 				</div>
 				<div class="modal-body saeaList">
-					<p class="alert alert-info">本次上传为 本月提成 数据,请别上传错误数据!</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>
+					<p><a href="#">CLD-5月广东办提成.xls</a></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>

+ 252 - 0
train-approval.html

@@ -0,0 +1,252 @@
+<!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="trainTitle">培训班管理</li>
+						<li class="news"><a href="train-my.html">我的培训班</a></li>
+						<li><a href="train-approval.html" class="selected">审批培训班</a></li>
+						<li class="news"><a href="train-registration.html">培训班筹备</a></li>
+						<li><a href="train-processing.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>待审批</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">培训班名称</th><th class="taC">办事处</th><th class="taC">创建</th><th class="taC">开班时间</th><th class="taC" width="100">操作</th></tr>
+									<tr>
+										<td><a data-toggle="modal" href="#traindeail">2018XX培训班(点我)</a></td>
+										<td>重庆办</td>
+										<td>李清学</td>
+										<td>2018-03-15</td>
+										<td><div class="btn-group"><a class="button btn-gray  btn-inline" data-toggle="modal"  href="#back">退回</a><a class="button btn-inline" data-toggle="modal"  href="#submit-approval">审批发布</a></div></td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>重庆办</td>
+										<td>周洪波</td>
+										<td>2018-03-16</td>
+										<td><div class="btn-group"><a class="button btn-gray  btn-inline" data-toggle="modal"  href="#back">退回</a><a class="button btn-inline" data-toggle="modal"  href="#submit-approval">审批发布</a></div></td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>重庆办</td>
+										<td>周洪波</td>
+										<td>2018-03-16</td>
+										<td><div class="btn-group"><a class="button btn-gray  btn-inline"  data-toggle="modal"  href="#back">退回</a><a class="button btn-inline" data-toggle="modal"  href="#submit-approval">审批发布</a></div></td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>重庆办</td>
+										<td>周洪波</td>
+										<td>2018-03-16</td>
+										<td><div class="btn-group"><a class="button btn-gray  btn-inline"  data-toggle="modal"  href="#back">退回</a><a class="button btn-inline" data-toggle="modal"  href="#submit-approval">审批发布</a></div></td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>重庆办</td>
+										<td>李清学</td>
+										<td>2018-03-16</td>
+										<td><div class="btn-group"><a class="button btn-gray  btn-inline" data-toggle="modal"  href="#back">退回</a><a class="button btn-inline" data-toggle="modal"  href="#submit-approval">审批发布</a></div></td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有待审批培训班</p></blockquote>
+							</div>
+							<div class="clearfix">
+								<legend><!--<div class="fR"><a href="">查看更多</a></div>-->已发布</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">培训班名称</th><th class="taC">办事处</th><th class="taC">创建</th><th class="taC">开班时间</th><th class="taC">状态</th></tr>
+									<tr>
+										<td><a href="">2018XX培训班</a></td>
+										<td>重庆办</td>
+										<td>李清学</td>
+										<td>2018-03-15</td>
+										<td>进行中</td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>云南办</td>
+										<td>周洪波</td>
+										<td>2018-03-16</td>
+										<td>报名中</td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>云南办</td>
+										<td>周洪波</td>
+										<td>2018-02-11</td>
+										<td>结束</td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有已发布培训班</p></blockquote>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出(培训班信息详情)-->
+	<div class="modal hide fade" id="traindeail">
+		<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 colspan="4" class="taC">培训班信息</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训班名称</th><td colspan="3">广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</td>
+								</tr>
+								<tr>
+									<th class="taC">开班时间</th><td>2019-03-01</td>
+									<th class="taC">结束时间</th><td>2019-03-07</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">所在办事处</th><td>广西办</td>
+									<th class="taC">培训班地址</th><td>XXX酒店</td>
+								</tr>
+								<tr>
+									<th class="taC">备注</th><td colspan="3"></td>
+								</tr>
+							</tbody>
+						</table>
+			  			<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th colspan="2" class="taC">培训班详情(显示在官网)</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训班类型</th><td>收费培训</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">地区</th><td>广东</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">报名内容</th><td>内容</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训对象</th><td>内容</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训方式</th><td>内容</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">时间地点</th><td>
+										开班时间:2019-03-01 结束时间:2019-03-07 地点:XXX酒店
+									</td>
+								</tr>
+								<!--免费-->
+								<tr>
+									<th class="taC" width="150">培训费用</th><td>免费,不收取任何费用。</td>
+								</tr>
+								<!--收费-->
+								<tr>
+									<th class="taC" width="150">培训费用</th><td>
+										<table  class="table table-bordered table-condensed">
+											<tr><th class="taC" colspan="3">收费方案</th></tr>
+											<tr><td>方案一</td><td>培训会务费</td><td>1480元/人</td></tr>
+											<tr><td>方案二</td><td>培训会务费<br>纵横公路工程造价管理系统一年版一套(全国公路造价)</td><td>原价 5480元/人<br>优惠价 2280元/人</td></tr>
+										</table>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">备注</th><td></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>
+
+
+	<!--提交发布-->
+<div class="modal hide fade" id="submit-approval">
+		<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header">
+			<h3>审批发布</h3>
+			</div>
+			<div class="modal-body saeaList">
+				<p>确认发布 <b>2018XXXX培训班</b> ?</p>
+				<p>审批发布后,将发布至官网「<a href="https://smartcost.com.cn/train" target="_blank">纵横专业培训</a>」栏目。</p>
+			</div>
+			<div class="modal-footer">
+				<a href="train-edit.html" 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="back">
+		<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header">
+			<h3>审批退回</h3>
+			</div>
+			<div class="modal-body saeaList">
+				<p>确认退回 <b>2018XXXX培训班</b> ?</p>
+				<p>退回后,将讲由提交者重新处理。</p>
+			</div>
+			<div class="modal-footer">
+				<a href="train-edit.html" 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>

+ 82 - 0
train-edit-view.html

@@ -0,0 +1,82 @@
+<!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>
+<legend><div class="fR"><button type="submit" class="button" href="#confirm" data-toggle="modal">提交报名表</button></div>&nbsp;广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</legend>
+				<div class="borad-news">
+			  		<div class="saeaList">
+			  			<table class="table table-bordered table-condensed">
+							<tbody>
+							<tr>
+								<th class="taC"><span class="colRed">*</span>单位名称</th>
+								<td colspan="3">
+									<input type="text" placeholder="必填">
+								</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150"><span class="colRed">*</span>联系人</th><td><input type="text" placeholder="必填"></td>
+								<th class="taC" width="150"><span class="colRed">*</span>QQ/邮箱</th><td><input type="text" placeholder="必填"></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150"><span class="colRed">*</span>电话</th><td><input type="text" placeholder="必填"></td>
+								<th class="taC" width="150">传真</th><td><input type="text" placeholder="选填"></td>
+							</tr>
+								<tr>
+									<th class="taC"><span class="colRed">*</span>发票类型</th><td colspan="3">
+									<label class="radio inline"><input type="radio">增值税普通发票</label>
+									<label class="radio inline colRed"><input type="radio"><sup>专</sup> 增值税专用发票</label>
+									</td>
+								</tr>
+							<tr>
+								<th colspan="4" class="taC">增值税普通发票</th>
+							</tr>
+							<tr>
+								<th class="taC" width="150"><span class="colRed">*</span>开票单位名称</th><td><input type="text" placeholder="必填"></td>
+								<th class="taC" width="150">纳税人识别码</th><td><input type="text" placeholder="选填"></td>
+							</tr>
+							<tr>
+								<th class="taC">注册地址</th><td><input type="text" placeholder="选填"></td>
+								<th class="taC">注册电话</th><td><input type="text" placeholder="选填"></td>
+							</tr>
+							<tr>
+								<th class="taC">开户银行</th><td><input type="text" placeholder="选填"></td>
+								<th class="taC">银行账号</th><td><input type="text" placeholder="选填"></td>
+							</tr>
+							<!--专票-->
+							<tr>
+								<th colspan="4" class="taC colRed"><sup>专</sup> 增值税专用发票</th>
+							</tr>
+							<tr>
+								<th class="taC" width="150"><span class="colRed">*</span>开票单位名称</th><td><input type="text" placeholder="必填"></td>
+								<th class="taC" width="150"><span class="colRed">*</span>纳税人识别码</th><td><input type="text" placeholder="必填"></td>
+							</tr>
+							<tr>
+								<th class="taC"><span class="colRed">*</span>注册地址</th><td><input type="text" placeholder="必填"></td>
+								<th class="taC"><span class="colRed">*</span>注册电话</th><td><input type="text" placeholder="必填"></td>
+							</tr>
+							<tr>
+								<th class="taC"><span class="colRed">*</span>开户银行</th><td><input type="text" placeholder="必填"></td>
+								<th class="taC"><span class="colRed">*</span>银行账号</th><td><input type="text" placeholder="必填"></td>
+							</tr>
+							</tbody>
+						</table>
+						<table class="table table-bordered table-condensed ">
+							<tbody>
+								<tr><th colspan="4" class="taC">参加人员</th></tr>
+								<tr><th class="taC">姓名</th><th class="taC">性别</th><th class="taC">手机</th><th class="taC">方案</th></tr>
+								<tr><td colspan="4" class="taC"><button type="submit" class="button" href="#add" data-toggle="modal">添加参加人员</button></td></tr>
+							</tbody>
+						</table>
+						<p class="taR"><button type="submit" class="button" href="#confirm" data-toggle="modal">提交报名表</button></p>
+					</div>
+				</div>
+</body>

+ 151 - 0
train-edit.html

@@ -0,0 +1,151 @@
+<!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="日程表"><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-">U</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-">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-">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="trainTitle">培训班管理</li>
+						<li class="news"><a href="train-my.html" class="selected">我的培训班</a></li>
+						<li><a href="train-approval.html">审批培训班</a></li>
+						<li class="news"><a href="train-registration.html">培训班筹备</a></li>
+						<li><a href="train-processing.html">培训班开班</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend><div class="fR"><button type="submit" class="button" href="#confirm" data-toggle="modal">提交审批</button></div>编辑 广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</legend>
+				<div class="borad-news">
+					<div class="subNav">
+			    		<ul class="navTabs">
+						  <li class="active"><a href="train-edit.html">信息</a></li>
+						  <li class=""><a href="train-edit2.html">报名表</a></li>
+						</ul>
+					</div>
+			  		<div class="saeaList">
+			  			<legend>培训班信息</legend>
+			  			<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th colspan="4" class="taC">培训班信息</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed" title="必填">*</span>培训班名称</th><td><input placeholder="必填" type="text" value="广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训"></td>
+									<th class="taC" width="150">所在办事处</th><td>广西办</td>
+								</tr>
+								<tr>
+									<th class="taC"><span class="colRed" title="必填">*</span>开班时间</th><td><input placeholder="选填" type="date" value="2019-03-01"></td>
+									<th class="taC"><span class="colRed" title="必填">*</span>结束时间</th><td><input placeholder="选填" type="date" value="2019-03-07"></td>
+								</tr>
+								<tr>
+									<th class="taC">参加人数</th><td></td>
+									<th class="taC"><span class="colRed" title="必填">*</span>培训班地址</th><td><input placeholder="必填" type="text" value="XXX酒店"></td>
+								</tr>
+								<tr>
+									<th class="taC">备注</th><td colspan="3"><textarea placeholder="选填项" style="width:600px"></textarea></td>
+								</tr>
+							</tbody>
+						</table>
+			  			<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th colspan="2" class="taC">培训班详情(显示在官网)</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed" title="必填">*</span>培训班类型</th><td><select ><option value="">免费培训</option><option value="">收费培训</option></select></td>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed" title="必填">*</span>地区</th><td><select><option value="">广东</option><option value="">广西</option></select></td>
+								</tr>
+								<tr>
+									<th class="taC" width="150"><span class="colRed" title="必填">*</span>报名内容</th><td><textarea placeholder="" style="width:600px"></textarea></td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训对象</th><td><textarea placeholder="" style="width:600px"></textarea></td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训方式</th><td><textarea placeholder="" style="width:600px"></textarea></td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">时间地点</th><td>
+										<textarea placeholder="" style="width:600px">开班时间:2019-03-01 结束时间:2019-03-07 地点:XXX酒店
+										</textarea>
+									</td>
+								</tr>
+								<!--免费-->
+								<tr>
+									<th class="taC" width="150">培训费用</th><td>免费,不收取任何费用。</td>
+								</tr>
+								<!--收费-->
+								<tr>
+									<th class="taC" width="150">培训费用</th><td>
+										<table  class="table table-bordered table-condensed">
+											<tr><th class="taC" colspan="4">收费方案</th></tr>
+											<tr><td>方案一</td><td>培训会务费</td><td>1480元/人</td><td><a href="#">编辑</a> <a href="#" class="colRed">删除</a></td></tr>
+											<tr><td>方案二</td><td>培训会务费<br>纵横公路工程造价管理系统一年版一套(全国公路造价)</td><td>原价 5480元/人<br>优惠价 2280元/人</td><td><a href="#">编辑</a> <a href="#" class="colRed">删除</a></td></tr>
+											<tr><td colspan="4"><a  data-toggle="modal" href="#addItem">+添加</a></td></tr>
+										</table>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">备注</th><td><textarea placeholder="" style="width:600px"></textarea></td>
+								</tr>
+							</tbody>
+						</table>
+						<p class="taR"><button type="submit" class="button" href="#confirm" data-toggle="modal">保存修改</button></p>
+					</div>
+				</div>
+		</div>
+	</div>
+	<!--弹出添加方案-->
+<div class="modal hide fade" id="addItem">
+	<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">方案描述</th><td><textarea placeholder="" style="width:300px"></textarea></td></tr>
+		    		<tr><th class="taC">方案价格</th><td><input placeholder="请填写价格" type="number">&nbsp;<label class="checkbox inline"><input type="checkbox" name="">优惠价</label></td></tr>
+		    		<tr><th class="taC">方案优惠价</th><td><input placeholder="请填写优惠价" type="number"></td></tr>
+		    	</table>
+		    </div>
+			<div class="modal-footer">
+			    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+			   	<a href="#" class="button">确定</a>
+			</div>
+		</div>
+	</div>
+</div>
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 142 - 0
train-edit2.html

@@ -0,0 +1,142 @@
+<!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="日程表"><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-">U</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-">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-">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="trainTitle">培训班管理</li>
+						<li class="news"><a href="train-my.html" class="selected">我的培训班</a></li>
+						<li><a href="train-approval.html">审批培训班</a></li>
+						<li class="news"><a href="train-registration.html">培训班筹备</a></li>
+						<li><a href="train-processing.html">培训班开班</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend><div class="fR"><button type="submit" class="button" href="#confirm" data-toggle="modal">提交审批</button></div>编辑 广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</legend>
+				<div class="borad-news">
+					<div class="subNav">
+			    		<ul class="navTabs">
+						  <li class=""><a href="train-edit.html">信息</a></li>
+						  <li class="active"><a href="train-edit2.html">报名表</a></li>
+						</ul>
+					</div>
+			  		<div class="saeaList">
+			  			<legend>培训班信息</legend>
+			  			<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th colspan="2" class="taC">组件</th>
+									<th class="taC">参数</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150">公司/单位信息</th><td width="100"><select disabled=""><option>启用</option></td>
+									<td>
+										<label class="checkbox inline"><input type="checkbox" name="" checked="" disabled="">单位名称</label>
+										<label class="checkbox inline"><input type="checkbox" name="" checked="" disabled="">联系人</label>
+										<label class="checkbox inline"><input type="checkbox" name="" checked="" disabled="">传真</label>
+										<label class="checkbox inline"><input type="checkbox" name="" checked="" disabled="">手机</label>
+										<label class="checkbox inline"><input type="checkbox" name="" checked="" disabled="">邮编</label>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">参加名单</th><td width="100"><select disabled=""><option>启用</option></td>
+									<td>
+										<label class="checkbox inline"><input type="checkbox" name="" checked="" disabled="">姓名</label>
+										<label class="checkbox inline"><input type="checkbox" name="" checked="" disabled="">性别</label>
+										<label class="checkbox inline"><input type="checkbox" name="">职务/职称</label>
+										<label class="checkbox inline"><input type="checkbox" name="" checked="" disabled="">手机</label>
+										<label class="checkbox inline"><input type="checkbox" name="">QQ</label>
+										<label class="checkbox inline"><input type="checkbox" name="">邮箱</label>
+										<label class="checkbox inline"><input type="checkbox" name="">备注</label>
+										<label class="checkbox inline"><input type="checkbox" name="" checked="" disabled="">方案选择(培训费用)</label>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">开票信息</th><td width="100"><select><option>关闭</option><option>启用</option></td>
+									<td>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">住宿选项</th><td width="100"><select><option>关闭</option><option>启用</option></td>
+									<td>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">单选项</th><td width="100"><select><option>关闭</option><option>启用</option></td>
+									<td>
+										<label class="radio inline"><input type="radio" name="" disabled="">选项1</label>
+										<label class="radio inline"><input type="radio" name="" disabled="">选项2</label>
+										<label class="radio inline"><a data-toggle="modal" href="#add-option">添加选项</a></label>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">多选项</th><td width="100"><select><option>关闭</option><option>启用</option></td>
+									<td>
+										<label class="checkbox inline"><input type="checkbox" name="" disabled="">选项1</label>
+										<label class="checkbox inline"><a data-toggle="modal" href="#add-option">添加选项</a></label>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">备注</th><td width="100"><select><option>关闭</option><option>启用</option></td>
+									<td>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<p class="taR"><a class="button btn-green" href="train-edit-view.html" >预览全部</a><button type="submit" class="button" href="#confirm" data-toggle="modal">保存修改</button></p>
+					</div>
+				</div>
+		</div>
+	</div>
+	<!--创建培训班-->
+<div class="modal hide fade" id="add-option">
+	<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="150">选项值</th><td><input type="text"></td></tr>
+			</table>
+		</div>
+		<div class="modal-footer">
+			<a href="train-edit.html" 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>

+ 256 - 0
train-my.html

@@ -0,0 +1,256 @@
+<!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="trainTitle">培训班管理</li>
+						<li class="news"><a href="train-my.html" class="selected">我的培训班</a></li>
+						<li><a href="train-approval.html">审批培训班</a></li>
+						<li class="news"><a href="train-registration.html">培训班筹备</a></li>
+						<li><a href="train-processing.html">培训班开班</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<div class="saea-borad">
+					<div class="borad-menu">
+						<a data-toggle="modal" href="#add-train" class="invoice">创建培训班</a>
+					</div>
+					<div class="borad-news">
+						<div class="saeaList">
+							<div class="clearfix">
+								<legend>未发布</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">培训班名称</th><th class="taC">办事处</th><th class="taC">创建</th><th class="taC">开班时间</th><th class="taC" width="100">操作</th></tr>
+									<!--同个办事处其他人创建的培训班 没有管理权-->
+									<tr>
+										<td><a data-toggle="modal" href="#traindeail">2018XX培训班(点我)</a></td>
+										<td>重庆办</td>
+										<td>李清学</td>
+										<td>2018-03-15</td>
+										<td>草稿</td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>重庆办</td>
+										<td>周洪波</td>
+										<td>2018-03-16</td>
+										<td><div class="btn-group"><a class="button btn-gray  btn-inline" href="train-edit.html">返回编辑</a><a class="button btn-inline" data-toggle="modal"  href="#submit-approval">提交审批</a></div></td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>重庆办</td>
+										<td>周洪波</td>
+										<td>2018-03-16</td>
+										<td><div class="btn-group"><a class="button btn-gray  btn-inline" href="train-add.html">返回编辑</a><a class="button btn-inline" data-toggle="modal"  href="#submit-approval">提交审批</a></div></td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>重庆办</td>
+										<td>周洪波</td>
+										<td>2018-03-16</td>
+										<td>审批中</td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>重庆办</td>
+										<td>李清学</td>
+										<td>2018-03-16</td>
+										<td>审批中</td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有培训班</p></blockquote>
+							</div>
+							<div class="clearfix">
+								<legend><!--<div class="fR"><a href="">查看更多</a></div>-->已发布</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">培训班名称</th><th class="taC">办事处</th><th class="taC">创建</th><th class="taC">开班时间</th><th class="taC">状态</th></tr>
+									<tr>
+										<td><a href="">2018XX培训班</a></td>
+										<td>重庆办</td>
+										<td>李清学</td>
+										<td>2018-03-15</td>
+										<td>进行中</td>
+									</tr>
+									<tr>
+										<td><a href="">2018XXXX培训班</a></td>
+										<td>云南办</td>
+										<td>周洪波</td>
+										<td>2018-03-16</td>
+										<td>报名中</td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有已完成入账培训班</p></blockquote>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出(培训班信息详情)-->
+	<div class="modal hide fade" id="traindeail">
+		<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 colspan="4" class="taC">培训班信息</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训班名称</th><td colspan="3">广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</td>
+								</tr>
+								<tr>
+									<th class="taC">开班时间</th><td>2019-03-01</td>
+									<th class="taC">结束时间</th><td>2019-03-07</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">所在办事处</th><td>广西办</td>
+									<th class="taC">培训班地址</th><td>XXX酒店</td>
+								</tr>
+								<tr>
+									<th class="taC">备注</th><td colspan="3"></td>
+								</tr>
+							</tbody>
+					</table>
+		  			<table class="table table-bordered table-condensed">
+						<tbody>
+							<tr>
+								<th colspan="2" class="taC">培训班详情(显示在官网)</th>
+							</tr>
+							<tr>
+								<th class="taC" width="150">培训班类型</th><td>收费培训</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">地区</th><td>广东</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">报名内容</th><td>内容</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">培训对象</th><td>内容</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">培训方式</th><td>内容</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">时间地点</th><td>
+									开班时间:2019-03-01 结束时间:2019-03-07 地点:XXX酒店
+								</td>
+							</tr>
+							<!--免费-->
+							<tr>
+								<th class="taC" width="150">培训费用</th><td>免费,不收取任何费用。</td>
+							</tr>
+							<!--收费-->
+							<tr>
+								<th class="taC" width="150">培训费用</th><td>
+									<table  class="table table-bordered table-condensed">
+										<tr><th class="taC" colspan="3">收费方案</th></tr>
+										<tr><td>方案一</td><td>培训会务费</td><td>1480元/人</td></tr>
+										<tr><td>方案二</td><td>培训会务费<br>纵横公路工程造价管理系统一年版一套(全国公路造价)</td><td>原价 5480元/人<br>优惠价 2280元/人</td></tr>
+									</table>
+								</td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">备注</th><td></td>
+							</tr>
+						</tbody>
+					</table>
+					<!--报名表-->
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC">报名表</th></tr>
+						<tr><th class="taC">报名表</th><td></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>
+
+	<!--创建培训班-->
+<div class="modal hide fade" id="add-train">
+	<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="150">培训班名称</th><td><input type="text"></td></tr>
+				<tr><th class="taC" width="150">所在办事处</th><td>重庆办</td></tr>
+				<tr><th class="taC" width="150"><span class="colRed" title="必填">*</span>开班时间</th><td><input type="date"></td></tr>
+				<tr><th class="taC" width="150"><span class="colRed" title="必填">*</span>结束时间</th><td><input type="date"></td></tr>
+			</table>
+		</div>
+	<div class="modal-footer">
+			<a href="train-edit.html" 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="submit-approval">
+	<div class="modal-dialog">
+		<div class="modal-content">
+		<div class="modal-header">
+		<h3>提交审批</h3>
+		</div>
+		<div class="modal-body saeaList">
+			<p>确认提交 <b>2018XXXX培训班</b> 审批?</p>
+			<p>审批通过后,将发布至官网「<a href="https://smartcost.com.cn/train" target="_blank">纵横专业培训</a>」栏目。</p>
+		</div>
+	<div class="modal-footer">
+			<a href="train-edit.html" 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>

+ 184 - 0
train-registration-list.html

@@ -0,0 +1,184 @@
+<!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="trainTitle">培训班管理</li>
+						<li class="news"><a href="train-my.html">我的培训班</a></li>
+						<li><a href="train-approval.html">审批培训班</a></li>
+						<li class="news"><a href="train-registration.html" class="selected">培训班筹备</a></li>
+						<li><a href="train-processing.html">培训班开班</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend><div class="fR">报名中</div>2018XX培训班</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+	  					<li><a href="#" class="now">所有</a><a href="#">意向</a><a href="#">确认</a><a href="#">取消</a></li>
+	  					<li>公司/单位:13</li>
+	  					<li>报名人数:45人</li>
+						<li>确认参加:30人</li>
+	  					<li><a class="now" href="train-registration-list.html">隐藏名单</a><a href="train-registration-list2.html">显示名单</a></li>
+		  			</ul>
+		  		</div>
+				<div class="saeaList">
+					<table class="table table-bordered table-condensed">
+						<tr><th class="taC">公司/单位</th><th class="taC">联系人</th><th class="taC">手机</th><th class="taC">传真</th><th class="taC">报名参加</th><th class="taC">确认参加</th><th class="taC">总金额</th><th class="taC">开票金额</th><th class="taC">发票</th></tr>
+						<tr><td>XXXX公司</td><td>张三</td><td>15828764591</td><td>0756-875578</td><td><a href="#list" data-toggle="modal">5 人</a></td><td>2人确认</td><td>¥30000.00</td><td></td><td><a href="#add-fapiao" data-toggle="modal">添加</a></td></tr>
+						<tr><td>YYYY公司</td><td>王五</td><td>15834546157</td><td>0755-842356</td><td><a href="#list" data-toggle="modal">3 人</a></td><td>5人确认</td><td>¥20000.00</td><td>¥15000.00</td><td><a href="#">#B201904169821</a> <a href="#add-fapiao" data-toggle="modal">添加</a></td></tr>
+						<tr><td>ZZZZ公司</td><td>李四</td><td>15223668568</td><td>0757-424123</td><td><a href="#list" data-toggle="modal">6 人</a></td><td>5人确认</td><td>¥40000.00</td><td></td><td><a href="#add-fapiao" data-toggle="modal">添加</a></td></tr>
+						<tr><td>ZZZZ公司</td><td>李四</td><td>15223668568</td><td>0757-424123</td><td><a href="#list" data-toggle="modal">6 人</a></td><td>0 人确认</td><td>¥55000.00</td><td></td><td><a href="#add-fapiao" data-toggle="modal">添加</a></td></tr>
+					</table>
+				</div>
+			</div>
+		</div>
+	</div>
+
+</div>
+<!--弹出添加发票-->
+<div class="modal hide fade" id="add-fapiao">
+	<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><select><option>广东办</option></select></td>
+						<th class="taC" width="150"><span class="colRed">*</span>开票内容</th><td><select>
+						<option>纵横公路工程造价管理系统V9.0</option>
+						<option>纵横公路工程设计数量表算量软件V3.1</option>
+						<option>纵横公路工程计量支付决算一体化软件V3.1</option>
+						<option>纵横公路造价编审软件V9.0</option>
+						<option>培训费</option>
+						<option>服务费</option>
+						<option>软件培训费</option>
+						<option>软件服务费</option>
+						<option>报表定制费</option>
+						<option>软件升级费</option>
+					</select></td>
+					</tr>
+					<tr>
+						<th class="taC"><span class="colRed">*</span>数量</th>
+						<td>
+							<input style="width:60px" value="1" placeholder="输入数量" pattern="[0-9]" type="number" min="1" step="1">
+						</td>
+						<th class="taC"><span class="colRed">*</span>单价</th>
+						<td><input style="width:100px" placeholder="输入单价" pattern="[0-9]" type="number" min="1" step="100"></td>
+					</tr>
+					<tr>
+						<th class="taC">开票金额</th><td colspan="3">
+							<p class="colGray">单价*数量=开票金额</p>
+							<b class="colOrange" style="font-size:18px">¥20000.00</b></td>
+					</tr>
+					<tr>
+						<th class="taC">发票备注</th><td colspan="3"><textarea style="width:550px"></textarea>
+						</td>
+					</tr>
+					<tr>
+						<th class="taC"><span class="colRed">*</span>发票类型</th><td colspan="3">
+						<label class="radio inline"><input type="radio">增值税普通发票</label>
+						<label class="radio inline colRed"><input type="radio"><sup>专</sup> 增值税专用发票</label>
+						</td>
+					</tr>
+					<tr>
+						<th class="taC"><span class="colRed">*</span>结算方式</th><td colspan="3">2018XXXX培训班
+						</td>
+					</tr>
+				</tbody>
+			</table>
+			<table class="table table-bordered table-condensed ">
+				<tbody>
+				<tr>
+					<th colspan="4" class="taC colRed"><sup>专</sup> 增值税专用发票</th>
+				</tr>
+				<tr>
+					<th class="taC" width="150"><span class="colRed">*</span>单位名称</th><td><input type="text" placeholder="必填"></td>
+					<th class="taC" width="150"><span class="colRed">*</span>纳税人识别码</th><td><input type="text" placeholder="必填"></td>
+				</tr>
+				<tr>
+					<th class="taC"><span class="colRed">*</span>注册地址</th><td><input type="text" placeholder="必填"></td>
+					<th class="taC"><span class="colRed">*</span>注册电话</th><td><input type="text" placeholder="必填"></td>
+				</tr>
+				<tr>
+					<th class="taC"><span class="colRed">*</span>开户银行</th><td><input type="text" placeholder="必填"></td>
+					<th class="taC"><span class="colRed">*</span>银行账号</th><td><input type="text" placeholder="必填"></td>
+				</tr>
+				</tbody>
+			</table>
+			<p>此处仅快速添加至培训班开票,设置邮寄物品及提交审批,请移步培训班开票。</p>
+		</div>
+		<div class="modal-footer">
+			<a href="train-edit.html" 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="list">
+	<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">姓名</th><th class="taC">性别</th><th class="taC">职务</th><th class="taC">手机</th><th class="taC">方案</th><th class="taC">确认参加</th>
+				</tr>
+				<tr><td>AAA</td><td>男</td><td></td><td>15827655984</td><td>方案一(¥1480.00)</td><td><select><option>意向</option><option>确认</option><option>取消</option></select></td></tr>
+				<tr><td>BBB</td><td>男</td><td></td><td>15827655984</td><td>方案一(¥1480.00)</td><td><select><option>意向</option><option>确认</option><option>取消</option></select></td></tr>
+				<tr><td>CCC</td><td>男</td><td></td><td>15827655984</td><td>方案一(¥1480.00)</td><td><select><option>意向</option><option>确认</option><option>取消</option></select></td></tr>
+				<tr><td>DDD</td><td>男</td><td></td><td>15827655984</td><td>方案一(¥1480.00)</td><td><select><option>意向</option><option>确认</option><option>取消</option></select></td></tr>
+				<tr><td>EEE</td><td>男</td><td></td><td>15827655984</td><td>方案一(¥1480.00)</td><td><select><option>意向</option><option>确认</option><option>取消</option></select></td></tr>
+				</tbody>
+			</table>
+		</div>
+		<div class="modal-footer">
+			<a href="train-edit.html" 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>

+ 158 - 0
train-registration.html

@@ -0,0 +1,158 @@
+<!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="trainTitle">培训班管理</li>
+						<li class="news"><a href="train-my.html">我的培训班</a></li>
+						<li><a href="train-approval.html">审批培训班</a></li>
+						<li class="news"><a href="train-registration.html" class="selected">培训班筹备</a></li>
+						<li><a href="train-processing.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>报名中</legend>
+								<table class="table table-bordered table-condensed">
+									<tbody>
+									<tr><th class="taC">培训班名称</th><th class="taC">创建</th><th class="taC">开班时间</th><th class="taC">报名人数</th><th class="taC" width="100">操作</th></tr>
+									<tr>
+										<td><a data-toggle="modal" href="#traindeail">2018XX培训班(点我)</a></td>
+										<td>李清学</td>
+										<td>2018-03-15</td>
+										<td>15</td>
+										<td><div class="btn-group"><a class="button btn-inline" href="train-registration-list.html">查看报名表</a></div></td>
+									</tr>
+									</tbody>
+								</table>
+								<blockquote><p class="colGray">暂时没有报名中的培训班</p></blockquote>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出(培训班信息详情)-->
+	<div class="modal hide fade" id="traindeail">
+		<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 colspan="4" class="taC">培训班信息</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训班名称</th><td colspan="3">广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</td>
+								</tr>
+								<tr>
+									<th class="taC">开班时间</th><td>2019-03-01</td>
+									<th class="taC">结束时间</th><td>2019-03-07</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">所在办事处</th><td>广西办</td>
+									<th class="taC">培训班地址</th><td>XXX酒店</td>
+								</tr>
+								<tr>
+									<th class="taC">备注</th><td colspan="3"></td>
+								</tr>
+							</tbody>
+						</table>
+			  			<table class="table table-bordered table-condensed">
+							<tbody>
+								<tr>
+									<th colspan="2" class="taC">培训班详情(显示在官网)</th>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训班类型</th><td>收费培训</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">地区</th><td>广东</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">报名内容</th><td>内容</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训对象</th><td>内容</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">培训方式</th><td>内容</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">时间地点</th><td>
+										开班时间:2019-03-01 结束时间:2019-03-07 地点:XXX酒店
+									</td>
+								</tr>
+								<!--免费-->
+								<tr>
+									<th class="taC" width="150">培训费用</th><td>免费,不收取任何费用。</td>
+								</tr>
+								<!--收费-->
+								<tr>
+									<th class="taC" width="150">培训费用</th><td>
+										<table  class="table table-bordered table-condensed">
+											<tr><th class="taC" colspan="3">收费方案</th></tr>
+											<tr><td>方案一</td><td>培训会务费</td><td>1480元/人</td></tr>
+											<tr><td>方案二</td><td>培训会务费<br>纵横公路工程造价管理系统一年版一套(全国公路造价)</td><td>原价 5480元/人<br>优惠价 2280元/人</td></tr>
+										</table>
+									</td>
+								</tr>
+								<tr>
+									<th class="taC" width="150">备注</th><td></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>
+
+</div>
+<script type="text/javascript">autoFlashHeight();</script>
+</body>