Преглед изворни кода

增加培训班结算汇总页

Chente пре 7 година
родитељ
комит
5e50aea2df
5 измењених фајлова са 1041 додато и 0 уклоњено
  1. 1 0
      saea-borad.html
  2. 3 0
      saea-income-all.html
  3. 237 0
      saea-train-all.html
  4. 600 0
      saea-train-detail.html
  5. 200 0
      saea-train.html

+ 1 - 0
saea-borad.html

@@ -42,6 +42,7 @@
 						<li><a href="saea-reportList-bill.html">费用流水</a></li>
 						<li><a href="saea-reportList-bill.html">费用流水</a></li>
 						<li><a href="saea-reportList-pay.html">费用执行</a></li>
 						<li><a href="saea-reportList-pay.html">费用执行</a></li>
 						<li><a href="saea-reportList-remit.html">费用汇款</a></li>
 						<li><a href="saea-reportList-remit.html">费用汇款</a></li>
+						<li><a href="saea-train.html">培训班结算</a></li>
 						<li class="topLine"><a href="saea-dlist-category-year.html">公司费用汇总</a></li>
 						<li class="topLine"><a href="saea-dlist-category-year.html">公司费用汇总</a></li>
 						<li><a href="saea-income-dlist-year.html">日常收支汇总</a></li>
 						<li><a href="saea-income-dlist-year.html">日常收支汇总</a></li>
                         <li><a href="saea-bank.html">公司流水</a></li>
                         <li><a href="saea-bank.html">公司流水</a></li>

+ 3 - 0
saea-income-all.html

@@ -9,6 +9,9 @@
 	<link rel=stylesheet href=css/global.css>
 	<link rel=stylesheet href=css/global.css>
 	<script src=js/jquery-1.7.1.min.js></script>
 	<script src=js/jquery-1.7.1.min.js></script>
 	<script src=js/global.js></script>
 	<script src=js/global.js></script>
+	<link href="css/datepicker.min.css" rel="stylesheet" type="text/css">
+	<script src="js/datepicker.min.js"></script>
+	<script src="js/datepicker.zh.js"></script>
 </head>
 </head>
 <body>
 <body>
 	<div class="mainLayout">
 	<div class="mainLayout">

+ 237 - 0
saea-train-all.html

@@ -0,0 +1,237 @@
+<!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>
+	<link href="css/datepicker.min.css" rel="stylesheet" type="text/css">
+	<script src="js/datepicker.min.js"></script>
+	<script src="js/datepicker.zh.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- selected">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-">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="saeaTitle">费用管理</li>
+						<li><a href="saea-borad.html">公布板</a></li>
+						<li><a href="saea-myList.html">我的费用</a></li>
+						<li><a href="saea-slist-1.html">费用汇总</a></li>
+						<li class="topLine"><a href="saea-income.html">日常收支</a></li>
+						<li><a href="saea-reportList.html">费用审批</a></li>
+						<li><a href="saea-reportList-bill.html">费用流水</a></li>
+						<li><a href="saea-reportList-pay.html">费用执行</a></li>
+						<li><a href="saea-reportList-remit.html">费用汇款</a></li>
+						<li><a href="saea-train.html" class="selected">培训班结算</a></li>
+						<li class="topLine"><a href="saea-dlist-category-year.html">公司费用汇总</a></li>
+						<li><a href="saea-income-dlist-year.html">日常收支汇总</a></li>
+                        <li><a href="saea-bank.html">公司流水</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>
+					所有培训班
+				</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+						<li>
+							<a class="now" href="#">所有</a>
+							<a href="#" title="未完成收款">未完成收款</a>
+							<a href="#" title="收款完成">收款完成</a>
+						</li>
+						<!--收入-->
+						<li>
+							<select>
+								<option>所有办事处</option>
+								<option>广东办</option>
+							</select>
+						</li>
+						<li>
+							<div class="search">
+								<div class="input-append">
+									<input class="datepicker-here span3" placeholder="按结算时间筛选" type="text" data-range="true"
+							    data-multiple-dates-separator=" - "
+							    data-language="zh" >
+									<button class="btn btn-small" type="button">查询</button>
+								</div>
+							</div></li>
+							<li>收入合计:¥123387.00&nbsp;<span class="colBlue">支出合计:¥123387.00</span>&nbsp;利润合计:¥123387.00</li>
+							<li class="colRed">未收款:¥12387.00</li>
+					</ul>
+				</div>
+				<div class="saeaList">
+					<table class="table table-hover">
+						<tbody>
+							<tr class="thead"><th width="140">培训班名称</th><th>开班时间</th><th>结算时间</th><th >收入(开票金额)</th><th >支出</th><th>办事处利润</th><th>公司利润</th><th>未收款金额</th></tr>
+							<tr><td><a href="saea-train-detail.html" targer="_blank">XXX培训班</a></td><td>2019-05-01</td><td>2019-05-31</td><td>¥30000.00</td><td>¥10000.00</td><td>¥4000.00</td><td>¥16000.00</td><td></td></tr>
+							<tr><td><a href="saea-train-detail.html" targer="_blank">XXX培训班</a></td><td>2019-05-01</td><td>2019-05-31</td><td>¥30000.00</td><td>¥10000.00</td><td>¥4000.00</td><td>¥16000.00</td><td class="colRed">¥5000.00</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 class="modal hide fade" id="editincome">
+		<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" colspan="2">收入信息填写</th>
+							</tr>
+													<tr>
+								<th class="taC">费用类型</th>
+								<td >
+								<select>
+									<option>请选择</option>
+									<option>利息收入</option>
+									<option>补贴收入</option>
+									<option>纵横知道</option>
+									<option>借款收回</option>
+									<option>退汇</option>
+									<option>其他</option>
+									<option>理财本金</option>
+								</select>
+								<p>
+								<!--利息收入 二级-->
+								<label class="radio inline"><input type="radio">银行存款</label>
+								<label class="radio inline"><input type="radio">理财收益</label>
+								<label class="radio inline"><input type="radio">个人借款</label>
+								<!--补贴收入 二级-->
+								<!-- <label class="radio inline"><input type="radio">社保</label>
+								<label class="radio inline"><input type="radio">财政</label> -->
+								<!--借款收回 二级-->
+								<!-- <label class="radio inline"><input type="radio">备用金</label>
+								<label class="radio inline"><input type="radio">私人借款</label> -->
+								<!--理财G 二级-->
+								<!-- 可提取余额:¥30,000,000.00 -->
+								</p>
+								</td>
+							</tr>
+							<tr>
+								<th class="taC">到款金额</th><td><input value="0" placeholder="输入开票金额" pattern="[0-9]" min="0" step="0.01" type="number"></td>
+							</tr>
+							<tr>
+								<th class="taC">到款信息</th><td><input type="text"></td>
+							</tr>
+							<tr>
+								<th class="taC">到款银行</th>
+								<td>
+									<select>
+										<option>纵横广发</option>
+										<option>个人广发</option>
+										<option>华润银行</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<th class="taC">银行到款时间</th><td><input type="date"></td>
+							</tr>
+							<!--收入-->
+						</tbody>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button" data-dismiss="modal" aria-hidden="true">确认修改</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>
+<!--弹出(日收支)-->
+<div class="modal hide fade" id="delincome">
+		<div class="modal-dialog ">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>删除收支</h3>
+				</div>
+				<div class="modal-body">
+					<p>确认删除该收支?</p>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button" data-dismiss="modal" aria-hidden="true">确认删除</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div></div>
+	</div>	
+<!--弹出(退款)-->
+<div class="modal hide fade" id="refundincome">
+		<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 colspan="2" class="taC">退款信息</th>
+						</tr>
+						<tr>
+							<th class="taC">退款单位名称</th>
+							<td><input type="text" name="refundCompany" id="refundCompany" placeholder="请输入单位名称" aria-required="true" aria-invalid="true"></td>
+						</tr>
+						<tr>
+							<th class="taC">退款的账号</th>
+							<td><input type="text" name="refundNumber" id="refundNumber" placeholder="请输入账号" aria-required="true" aria-invalid="true"></td>
+						</tr>
+						<tr>
+							<th class="taC">退款金额</th>
+							<td><input type="text" name="refundPrice" id="refundPrice" placeholder="请输入退款金额" aria-required="true" aria-invalid="true"></td>
+						</tr>
+						<tr>
+							<th class="taC">备注</th>
+							<td><textarea name="refundRemarks" style="width:390px"></textarea></td>
+						</tr>
+						</tbody>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<a href="#" class="button" data-dismiss="modal" aria-hidden="true">确认</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>

+ 600 - 0
saea-train-detail.html

@@ -0,0 +1,600 @@
+<!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- selected">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-">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="saeaTitle">费用管理</li>
+						<li><a href="saea-borad.html">公布板</a></li>
+						<li><a href="saea-myList.html">我的费用</a></li>
+						<li><a href="saea-slist-1.html">费用汇总</a></li>
+						<li class="topLine"><a href="saea-income.html">日常收支</a></li>
+						<li><a href="saea-reportList.html">费用审批</a></li>
+						<li><a href="saea-reportList-bill.html">费用流水</a></li>
+						<li><a href="saea-reportList-pay.html">费用执行</a></li>
+						<li><a href="saea-reportList-remit.html">费用汇款</a></li>
+						<li><a href="saea-train.html" class="selected">培训班结算</a></li>
+						<li class="topLine"><a href="saea-dlist-category-year.html">公司费用汇总</a></li>
+						<li><a href="saea-income-dlist-year.html">日常收支汇总</a></li>
+                        <li><a href="saea-bank.html">公司流水</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend>广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</legend>
+				<div class="borad-news">
+					<div class="subNav">
+			    		<ul class="navTabs">
+						  <li class="active"><a href="">信息</a></li>
+						  <li><a href="">汇总表</a></li>
+						  <li><a href="">借款</a></li>
+						  <li><a href="">收入</a></li>
+						  <li><a href="">支出</a></li>
+						  <li><a href="">讲师</a></li>
+						  <li><a href="">审批结算</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>广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</td>
+									<th class="taC" width="150">所在办事处</th><td>广西办</td>
+								</tr>
+								<tr>
+									<th class="taC"><span class="colRed" title="必填">*</span>开班时间</th><td>2018-11-11</td>
+									<th class="taC"><span class="colRed" title="必填">*</span>结束时间</th><td>2018-11-13</td>
+								</tr>
+								<tr>
+									<th class="taC"><span class="colRed" title="必填">*</span>参加人数</th><td>25</td>
+									<th class="taC"><span class="colRed" title="必填">*</span>培训班地址</th><td>XXX酒店</td>
+								</tr>
+								<tr>
+									<th class="taC">备注</th><td colspan="3">备注内容</td>
+								</tr>
+								<tr>
+									<th colspan="4" class="taC">审批信息</th>
+								</tr>
+								<tr>
+									<th class="taC"><span class="colRed" title="必填">*</span>审批组
+									</th><td>通用组(何银龄 &gt;  谭玉堂 &gt;赵淑燕)</td>
+									<th class="taC"><span class="colRed" title="必填">*</span>所在办事处</th><td>总部</td>
+								</tr>
+								<tr>
+									<th colspan="4" class="taC">汇款信息</th>
+								</tr>
+								<tr>
+									<th class="taC"><span class="colRed" title="必填">*</span>汇款人户名
+									</th><td>刘飞</td>
+									<th class="taC"><span class="colRed" title="必填">*</span>汇款银行</th><td>公司广发</td>
+								</tr>
+								<tr>
+									<th class="taC"><span class="colRed" title="必填">*</span>汇款开户银行名称
+									</th><td>建行西安长安路支行</td>
+									<th class="taC"><span class="colRed" title="必填">*</span>汇款帐号</th><td>61001720015050000695</td>
+								</tr>
+								<tr>
+									<th class="taC"><span class="colRed" title="必填">*</span>联行号
+									</th><td>37862</td>
+									<th class="taC"></th><td></td>
+								</tr>
+							</tbody>
+						</table>
+			  			<!--汇总表-->
+			  			<legend>汇总表</legend>
+			  			<table class="table table-condensed table-hover table-bordered">
+								<tr>
+									<th class="taC" rowspan="2">汇总项目</th><th class="taC" colspan="2">收入按开票金额计算</th><th class="taC" colspan="2">收入按入账金额计算</th>
+								<tr>
+									<th class="taC">金额</th><th class="taC">占比</th><th class="taC">金额</th><th class="taC">占比</th>
+								</tr>
+								<tr>
+									<th>收入</th><td class="taR">0</td><td class="taR">0%</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>支出</th><td class="taR">0</td><td class="taR">0%</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>利润</th><td class="taR"><b>0</b></td><td class="taR">0%</td><td class="taR"><b>0</b></td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<td colspan="5" class="taC colGray">收入-支出=利润</td>
+								</tr>
+								<tr>
+									<th>公司利润</th><td class="taR">0</td><td class="taR">0%</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>办事处利润</th><td class="taR">0</td><td class="taR">0%</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>公司收款</th><td class="taR">0</td><td class="taR">0%</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<td colspan="5" class="taC colGray">收入×40%=办事处利润&nbsp;&nbsp;&nbsp;收入×60%=公司利润</td>
+								</tr>
+								<tr>
+									<th>备用金(借款)</th><td class="taR">0</td><td class="taR">0%</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>办事处收款</th><td class="taR">0</td><td class="taR">0%</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>办事处实际支出</th><td class="taR">0</td><td class="taR">0%</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>付总部款</th><td class="taR"><b>0</b></td><td class="taR">0%</td><td class="taR"><b>0</b></td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<td colspan="5" class="taC colGray">备用金+办事处收款-办事处实际支出=付总部款</td>
+								</tr>
+								<tr><td colspan="5">学员:36 人&nbsp;&nbsp;&nbsp;讲师:36 人</td></tr>
+						</table>
+			  			<table class="table table-bordered table-condensed table-hover">
+							<tbody>
+								<tr>
+									<th class="taC" colspan="2">支出项目</th><th class="taC" >金额</th><th class="taC" width="150">占开票金额比例</th>
+								</tr>
+								<tr><th>交通费</th><td colspan="2" class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th rowspan="3">讲课费</th><td class="taC colGray">外聘</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<td class="taC colGray">外聘(不计税)</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<td class="taC colGray">员工</td><td class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>住宿费</th><td colspan="2" class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>场租费</th><td colspan="2" class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th rowspan="2">办公费</th><td class="taC colGray">办事处支出</td><td class="taR">0<!--办事处支出--></td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<td class="taC colGray">公司支出</td><td class="taR">0<!--公司支出--></td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th >电话费<!--新增--></th><td colspan="2" class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th rowspan="2" >邮寄费</th><td class="taC colGray">办事处支出</td><td class="taR">0<!--办事处支出--></td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<td class="taC colGray">公司支出</td><td  class="taR">0<!--公司支出--></d><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th >公关费</th><td colspan="2" class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th >其他</th><td colspan="2" class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>税款</th><td colspan="2" class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>研究中心经费</th><td colspan="2" class="taR">0</td><td class="taR">0%</td>
+								</tr>
+								<tr>
+									<th>支出小计</th><td class="taR" colspan="2"><b>0</b></td><td class="taR"><b>0%</b></td>
+								</tr>
+							</tbody>
+						</table>
+						<br>
+								<!--已经有流水,不需要填信息-->
+								<div class="alert alert-erro" style="margin:0">该费用已生成流水。</div><br>
+								<table class="table table-bordered table-condensed table-hover">
+									<tbody>
+										<tr><th colspan="2" class="taC">银行水流详情</th></tr>
+										<tr><th>流水类型("支出"由公司汇出,"收入"提交人汇款至公司。)</th><td class="taR" width="200">支出</td></tr>
+										<tr><th>汇款金额</th><td class="taR" width="220">¥2050.00
+										</td></tr>
+										<tr><th>提交人</th><td class="taR" width="220">
+										总部-黄嘉玲</td></tr>
+										<tr><th>备注</th><td class="taR" width="220">
+										</td></tr>
+										</tbody>
+								</table>
+						<!--借款-->
+			  			<legend>借款</legend>
+						<div class="saeaList">
+                        	<div class="entry loan-list" style="margin-bottom:50px">
+								<div class="seal"></div>
+								<div class="seTable">
+									<table class="table table-bordered table-condensed table-hover">
+										<tbody>
+										<tr><th colspan="2" class="taC">借款费用</th></tr>
+										<tr><th>借款费用</th><td class="taR" width="140">¥2020.00</td></tr>
+										<tr><th colspan="2" class="taC">金额调整</th></tr>
+										<tr><th class="taR">合计</th><td class="colOrange taR">-¥0.00</td></tr>
+										<tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
+										<tr><th style="text-align:center" colspan="2">广东办</th></tr>
+										<tr><th colspan="2" class="taC">汇款信息</th></tr>
+										<tr><th>汇款人户名</th><td>刘飞</td></tr>
+										<tr><th>汇款银行</th><td>其他</td></tr>
+										<tr><th>汇款开户银行名称</th><td>建行西安长安路支行</td></tr>
+										<tr><th>汇款帐号</th><td>61001720015050000695</td></tr>
+										<tr><th>联行号</th><td>301290000007</td></tr>
+										<tr><th class="taC" colspan="2">费用说明</th>
+										</tr><tr><td colspan="2">这是报销说明的内容</td></tr>
+										<tr><th class="taC" colspan="2">附件</th>
+										</tr><tr><td colspan="2"><a href="#" class="sFile" target="_blank">发票1.jpg</a><a href="#" class="sFile" target="_blank">QQ截图20150624170045.png</a><a href="#" class="sFile" target="_blank">Doc1.docx</a></td></tr>
+										<tr class="warning"><td class="taR"><b>(#G1402130405003)本次费用合计</b></td><td class="taR"><b style="font-size:24px">¥7011.22</b><br>柒仟零壹拾壹元贰角贰分</td></tr>
+										<tr class="warning"><td class="taR"><b>汇款金额</b></td>
+											<td class="taR" width="140"><b style="font-size:24px">¥7011.22</b><br>柒仟零壹拾壹元贰角贰分</td>
+										</tr>
+										</tbody>
+									</table>
+								</div>
+								<div class="seCensor loan-censor">
+									<div class="title">
+										#G1402130405003
+									</div>
+									<div class="censorList clearfix censorHeight" style="height: 510px;">
+										<ul>
+											<li class="post">
+												<div class="avtra"><img src="images/avatar-6.png" width="32"></div>
+												<div class="comment">
+													<p><span class="fR">2014-02-13</span>刘飞</p>
+													<p>提交审批</p>
+												</div>
+											</li>
+											<li class="back">
+												<div class="avtra"><img src="images/avatar-1.png" width="32"></div>
+												<div class="comment">
+													<p class="colGray"><span class="fR">2014-02-13</span>谭玉堂</p>
+													<p>审批意见</p>
+												</div>
+											</li>
+											<li class="post">
+												<div class="avtra"><img src="images/avatar-6.png" width="32"></div>
+												<div class="comment">
+													<p><span class="fR">2014-02-15</span>刘飞</p>
+													<p>提交审批</p>
+												</div>
+											</li>
+											<li class="done">
+												<div class="avtra"><img src="images/avatar-1.png" width="32"></div>
+												<div class="comment">
+													<p class="colGray"><span class="fR">2014-02-15</span>谭玉堂</p>
+													<p>同意支付!阿斯顿萨上的事实的是当时的是对</p>
+												</div>
+											</li>
+											<li class="done">
+												<div class="avtra"><img src="images/avatar-2.png" width="32"></div>
+												<div class="comment">
+													<p class="colGray"><span class="fR">2014-02-16</span>何银龄</p>
+													<p>同意支付!</p>
+												</div>
+											</li>
+											<li class="done">
+												<div class="avtra"><img src="images/avatar-3.png" width="32"></div>
+												<div class="comment">
+													<p class="colGray"><span class="fR">2014-02-16</span>赵淑燕</p>
+													<p>同意支付!</p>
+												</div>
+											</li>
+											<li class="">
+												<div class="avtra"><img src="images/avatar-4.png" width="32"></div>
+												<div class="comment">
+													<p class="colGray"><span class="fR">2014-02-17</span>杨福芳</p>
+													<p></p>
+												</div>
+											</li>
+										</ul>
+									</div>
+								</div>
+							</div>
+                        </div>
+			  			<!--收入-->
+			  			<legend>
+                            <div class="fR"></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" width="90">包含发票</th>
+                                    <th class="taC">开票金额合计</th>
+                                    <th class="taC">入账金额合计</th>
+                                    <th class="taC" width="90">入账完成度</th>
+                                </tr>
+                                <tr>
+                                    <td><a href="invoice-batch-detail.html" target="_blank">2018XX培训班</a></td>
+                                    <td>重庆办</td>
+                                    <td>李清学</td>
+                                    <td>2018-03-15</td>
+                                    <td>45</td>
+                                    <td>¥234,981.00</td>
+                                    <td>¥34,734.00</td>
+                                    <td>14%</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <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><a href="">#F20160316001</a></td>
+                                    <td>珠海XXXX公司</td>
+                                    <td>NO.12123</td>
+                                    <td><b>¥9800.00</b><sup>专</sup></td>
+                                    <td>已入账</td>
+                                    <td><a href="#">#SK20160316001</a></td>
+                                </tr>
+                                <tr class="warning">
+                                    <td><a href="">#F20160316001</a></td>
+                                    <td>珠海XXXX公司</td>
+                                    <td>NO.12123</td>
+                                    <td><b>¥9800.00</b><sup>专</sup></td>
+                                    <td>已出票</td>
+                                    <td></td>
+                                </tr>
+                                <tr>
+                                    <td><a href="">#F20160316001</a></td>
+                                    <td>珠海XXXX公司</td>
+                                    <td>NO.12123</td>
+                                    <td><b>¥9800.00</b><sup>专</sup></td>
+                                    <td>已入账</td>
+                                    <td><a href="#">#SK20160316001</a></td>
+                                </tr>
+                                <tr>
+                                    <td><a href="">#F20160316001</a></td>
+                                    <td>珠海XXXX公司</td>
+                                    <td>NO.12123</td>
+                                    <td><b>¥9800.00</b><sup>专</sup></td>
+                                    <td>已入账</td>
+                                    <td><a href="#">#SK20160316001</a></td>
+                                </tr>
+                            </tbody>
+                        </table>
+			  			<!--支出-->
+			  			<legend><div class="fR"></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" width="90">金额</th><th class="taC">经手人</th><th class="taC">支出描述</th>
+								<tr>
+									<td>1</td>
+									<td>8月24日</td>
+									<td>交通费</td>
+									<td>2980.00</td>
+									<td>陈叶婷</td>
+									<td>往来交通费</td>
+								</tr>
+								<tr>
+									<td>2</td>
+									<td>8月24日</td>
+									<td>交通费</td>
+									<td>20.00</td>
+									<td>陈叶婷</td>
+									<td>机票相关</td>
+								</tr><tr>
+									<td>3</td>
+									<td>8月24日</td>
+									<td>交通费</td>
+									<td>1050.00</td>
+									<td>陈叶婷 黄巾桃 李柔嘉</td>
+									<td>往来交通费</td>
+								</tr>
+							</tbody>
+						</table>
+			  			<!--讲师-->
+			  			<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></tr>
+									<tr>
+										<td>总部-何银龄</td>
+										<td>2</td>
+										<td>3000.00</td>
+										<td>6000.00</td>
+									</tr>
+									<tr>
+										<td>研究中心-赵君红</td>
+										<td>1</td>
+										<td>2000.00</td>
+										<td>2000.00</td>
+									</tr>
+									<tr>
+										<td>外聘-张三</td>
+										<td>1</td>
+										<td>2000.00</td>
+										<td>2000.00</td>
+									</tr>
+								</tbody>
+						</table>
+						<!--审批-->
+						<legend>审批结算</legend>
+						<div class="censorList clearfix censorHeight">
+							<ul>
+								<li class="post">
+									<div class="avtra"><img src="images/avatar-6.png" width="32"></div>
+									<div class="comment">
+										<p><span class="fR" title="提交时间">2014-02-13</span>刘飞</p>
+										<p>提交审批</p>
+									</div>
+								</li>
+								<li class="done">
+									<div class="avtra"><img src="images/avatar-1.png" width="32"></div>
+									<div class="comment">
+										<p class="colGray"><span class="fR">2014-02-13</span>谭玉堂(经理)</p>
+										<p>同意支付!阿斯顿萨上的事实的是当时的是对</p>
+									</div>
+								</li>
+								<li class="done">
+									<div class="avtra"><img src="images/avatar-2.png" width="32"></div>
+									<div class="comment">
+										<p class="colGray"><span class="fR">2014-02-13</span>何银龄(经理)</p>
+										<p>同意</p>
+									</div>
+								</li>
+								<li class="back">
+									<div class="avtra"><img src="images/avatar-3.png" width="32"></div>
+									<div class="comment">
+										<p class="colGray"><span class="fR">2014-02-13</span>赵淑燕</p>
+										<p>撤回</p>
+									</div>
+								</li>
+								<li class="post">
+									<div class="avtra"><img src="images/avatar-6.png" width="32"></div>
+									<div class="comment">
+										<p><span class="fR">2014-02-13</span>刘飞</p>
+										<p>提交审批</p>
+									</div>
+								</li>
+								<li class="done">
+									<div class="avtra"><img src="images/avatar-1.png" width="32"></div>
+									<div class="comment">
+										<p class="colGray"><span class="fR">2014-02-13</span>谭玉堂(经理)</p>
+										<p>同意支付!阿斯顿萨上的事实的是当时的是对</p>
+									</div>
+								</li>
+								<li class="done">
+									<div class="avtra"><img src="images/avatar-2.png" width="32"></div>
+									<div class="comment">
+										<p class="colGray"><span class="fR">2014-02-13</span>何银龄(经理)</p>
+										<p>同意</p>
+									</div>
+								</li>
+								<li class="done">
+									<div class="avtra"><img src="images/avatar-3.png" width="32"></div>
+									<div class="comment">
+										<p class="colGray">赵淑燕</p>
+										<p>同意</p>
+									</div>
+								</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+		</div>
+	</div>
+	<!--弹出 添加支出 -->
+    <div class="modal hide fade" id="add-expenses">
+        <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" colspan="2">支出信息填写</th>
+						</tr>
+						<tr>
+							<th class="taC">项目</th><td>
+							<select>
+								<option>请选择</option>
+								<option>办公费(公司支出)</option>
+								<option>邮寄费(公司支出)</option>
+							</select>
+						</tr>
+						<tr>
+							<th class="taC">支出金额</th><td><input value="0" placeholder="输入支出金额" pattern="[0-9]" min="0" step="0.01" type="number"></td>
+						</tr>
+						<tr>
+							<th class="taC">日期</th><td><input type="date"></td>
+						</tr>
+						<tr>
+							<th class="taC">经手人</th>
+							<td><input class="form-control" type="text"></td>
+						</tr>
+						<tr>
+							<th class="taC">支出描述</th>
+							<td><textarea class="form-control" rows="3"></textarea></td>
+						</tr>
+						<!--支出-->
+						</tbody>
+					</table>
+                </div>
+                <div class="modal-footer">
+                	<a href="#" class="button" data-dismiss="modal" aria-hidden="true">确认</a>
+                    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+                </div>
+            </div>
+        </div>
+    </div>
+	<!--弹出 冲账 -->
+    <div class="modal hide fade" id="recorded">
+        <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" colspan="4">收款信息填写</th>
+						</tr>
+						<tr>
+							<th class="taC">收款金额</th><td><input type="text" value="9800" readonly=""></td>
+						</tr>
+						<tr>
+							<th class="taC">收款信息</th><td>2018XX培训班 冲账</td>
+						</tr>
+						<tr>
+							<th class="taC">收款银行</th><td>财务录入</td>
+						</tr>
+						</tbody>
+					</table>
+					<p class="alert alert-block">冲账仅发生在培训班结算中,发票冲账后不会添加银行流水。</p>
+                </div>
+                <div class="modal-footer">
+                	<a href="#" class="button" data-dismiss="modal" aria-hidden="true">确认</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>

+ 200 - 0
saea-train.html

@@ -0,0 +1,200 @@
+<!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>
+	<script src=js/echarts.common.min.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- selected">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-">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="saeaTitle">费用管理</li>
+						<li><a href="saea-borad.html">公布板</a></li>
+						<li><a href="saea-myList.html">我的费用</a></li>
+						<li><a href="saea-slist-1.html">费用汇总</a></li>
+						<li class="topLine"><a href="saea-income.html">日常收支</a></li>
+						<li><a href="saea-reportList.html">费用审批</a></li>
+						<li><a href="saea-reportList-bill.html">费用流水</a></li>
+						<li><a href="saea-reportList-pay.html">费用执行</a></li>
+						<li><a href="saea-reportList-remit.html">费用汇款</a></li>
+						<li><a href="saea-train.html" class="selected">培训班结算</a></li>
+						<li class="topLine"><a href="saea-dlist-category-year.html">公司费用汇总</a></li>
+						<li><a href="saea-income-dlist-year.html">日常收支汇总</a></li>
+                        <li><a href="saea-bank.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">
+	                                <div id="chartContainer3" style="height: 300px; width: 100%;">
+	                                </div>
+	                            </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">操作</th></tr>
+										</tbody>
+									</table>
+								</div> -->
+								<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">收款金额</th><th class="taC">差额</th></tr>
+										<tr>
+											<th><a href="saea-train-detail.html">XXX培训班</a></th>
+											<td>2019-05-01</td>
+											<td>2019-05-16</td>
+											<td>¥300000.00</td>
+											<td>¥270000.00</td>
+											<td>¥30000.00</td>
+										</tr>
+										</tbody>
+									</table>
+								</div>
+								<div class="clearfix">
+									<legend><div class="fR"><a href="saea-train-all.html">所有培训班</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><th class="taC">利润</th></tr>
+										<tr>
+											<th><a href="saea-train-detail.html">XXX培训班</a></th>
+											<td>2019-05-01</td>
+											<td>2019-05-16</td>
+											<td>¥300000.00</td>
+											<td>¥70000.00</td>
+											<td>¥130000.00</td>
+										</tr>
+										</tbody>
+									</table>
+								</div>
+							</div>
+						</div>
+					</div>
+			</div>
+<script type="text/javascript">autoFlashHeight();</script>
+    <script type="text/javascript">
+	    // 基于准备好的dom,初始化echarts图表
+	    var myChart = echarts.init(document.getElementById('chartContainer3'));
+	    var option = {
+	        color: ["#F56954", "#00A65A", "#3C8DBC"],
+	        title: {
+	            text: '培训班营收图表'
+	        },
+	        tooltip: {
+	            trigger: 'axis',
+	            formatter: "{b} <br/>{a}:{c} 元<br/>{a1}:{c1} 元<br/>{a2}:{c2} 元"
+	        },
+	        legend: {
+	            data: ['支出', '收入', '利润']
+	        },
+	        toolbox: {
+	            show: true,
+	            feature: {
+	                magicType: { show: true, type: ['line', 'bar'] }
+	            }
+	        },
+	        dataZoom: {
+	            show: true,
+	            start: 50,
+	            end: 100
+	        },
+	        xAxis: [{
+	            type: 'category',
+	            boundaryGap: true,
+	            data: [
+	                '2017-02', '2017-03', '2017-04', '2017-05', '2017-06', '2017-07', '2017-08', '2017-09', '2017-10'
+	            ]
+	        }],
+	        yAxis: [{
+	            type: 'value',
+	            axisLabel: {
+	                formatter: '{value} 元'
+	            },
+	            splitArea: { show: true }
+	        }],
+	        series: [{
+	                name: '支出',
+	                type: 'line',
+	                itemStyle: {
+	                    normal: {
+	                        lineStyle: {
+	                            shadowColor: 'rgba(0,0,0,0.4)',
+	                            shadowBlur: 5,
+	                            shadowOffsetX: 3,
+	                            shadowOffsetY: 3
+	                        }
+	                    }
+	                },
+	                data: [30, 40, 30, 40, 50, 60, 40, 55, 40]
+	            },
+	            {
+	                name: '收入',
+	                type: 'line',
+	                itemStyle: {
+	                    normal: {
+	                        lineStyle: {
+	                            shadowColor: 'rgba(0,0,0,0.4)',
+	                            shadowBlur: 5,
+	                            shadowOffsetX: 3,
+	                            shadowOffsetY: 3
+	                        }
+	                    }
+	                },
+	                data: [10, 20, 20, 10, 10, 10, 10, 5, 15]
+	            },
+	            {
+	                name: '利润',
+	                type: 'line',
+	                itemStyle: {
+	                    normal: {
+	                        lineStyle: {
+	                            shadowColor: 'rgba(0,0,0,0.4)',
+	                            shadowBlur: 5,
+	                            shadowOffsetX: 3,
+	                            shadowOffsetY: 3
+	                        }
+	                    }
+	                },
+	                data: [20, 20, 10, 30, 40, 50, 30, 50, 25]
+	            }
+	        ]
+	    };
+	    // 为echarts对象加载数据 
+	    myChart.setOption(option);
+	    //3 标段计量分布//
+    </script>
+</body>