Przeglądaj źródła

公司流水 培训班结算

Chente 7 lat temu
rodzic
commit
cfd96bac42

+ 21 - 0
css/global.css

@@ -1916,6 +1916,13 @@ a.new-ribbon:before{
 .borad-menu a.receipt:hover{
   background:#3A84C7
 }
+
+.borad-menu a.train{
+  background:#2daebf
+}
+.borad-menu a.train:hover{
+  background:#2ecade
+}
 .borad-menu a.invoice{
   background:#955251
 }
@@ -2194,6 +2201,9 @@ table .taC{
 .public-censor .title  {
   background:#008659
 }
+.train-censor .title  {
+  background:#2daebf
+}
 .loan-censor .detail p:first-letter{
   font-size:24px;
   font-weight:bold;
@@ -2209,6 +2219,11 @@ table .taC{
   font-weight:bold;
   color:#008659
 }
+.train-censor .detail p:first-letter{
+  font-size:24px;
+  font-weight:bold;
+  color:#2daebf
+}
 .loan-list.entry  {
   border-top:2px solid #5C0793
 }
@@ -2218,6 +2233,9 @@ table .taC{
 .public-list.entry  {
   border-top:2px solid #008659
 }
+.train-list.entry  {
+  border-top:2px solid #2daebf
+}
 .loan-list table .taC{
   color:#5C0793
 }
@@ -2227,6 +2245,9 @@ table .taC{
 .public-list table .taC{
   color:#008659
 }
+.train-list table .taC{
+  color:#2daebf
+}
 .censorList {
   background-color: #fff;
   background:#fff url(timeline_hline2.png) repeat-y scroll 26px 0px;

Plik diff jest za duży
+ 22 - 0
js/echarts.common.min.js


+ 108 - 0
saea-bank-expenses-all.html

@@ -0,0 +1,108 @@
+<!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-">Z</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-myTrain.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-pay.html">费用执行</a></li>
+                        <li><a href="saea-reportList-remit.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-bank.html" class="selected">公司流水</a></li>
+                    </ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend><div class="fR"></div>公司流水所有支出</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+	  					<li><a href="saea-bank-expenses-all.html" class="now">所有支出</a><a href="saea-bank-income-all.html">所有收入</a></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>合计:¥1287.00</li>
+	  			</ul>
+	  		</div>
+	  		<div class="saeaList">
+	  			<!--执行列表-->
+	  			<div class="entry">
+	  				<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></tr>
+	  				</table>
+	  			</div>
+	  		</div>
+			</div>
+		</div>
+	</div>
+<!--弹出汇款信息-->
+<div class="modal hide fade" id="saea-remit">
+	<div class="modal-dialog">
+		<div class="modal-content">
+	<div class="modal-header">
+		<h3>汇款信息</h3>
+	</div>
+	<div class="modal-body saeaList">
+		<p style="padding-bottom: 20px;">请选择导出的内容</p>
+		<select>
+			<option>待执行</option>
+			<option>已执行</option>
+		</select>
+		<select>
+			<option>办事处</option>
+		</select>
+	</div>
+	<div class="modal-footer">
+		<a href="#" class="button btn-primary" >导出Excel</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>

+ 108 - 0
saea-bank-income-all.html

@@ -0,0 +1,108 @@
+<!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-">Z</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-myTrain.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-pay.html">费用执行</a></li>
+                        <li><a href="saea-reportList-remit.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-bank.html" class="selected">公司流水</a></li>
+                    </ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend><div class="fR"></div>公司流水所有收入</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+	  					<li><a href="saea-bank-expenses-all.html">所有支出</a><a href="saea-bank-income-all.html" class="now">所有收入</a></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>合计:¥1287.00</li>
+	  			</ul>
+	  		</div>
+	  		<div class="saeaList">
+	  			<!--执行列表-->
+	  			<div class="entry">
+	  				<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></tr>
+	  				</table>
+	  			</div>
+	  		</div>
+			</div>
+		</div>
+	</div>
+<!--弹出汇款信息-->
+<div class="modal hide fade" id="saea-remit">
+	<div class="modal-dialog">
+		<div class="modal-content">
+	<div class="modal-header">
+		<h3>汇款信息</h3>
+	</div>
+	<div class="modal-body saeaList">
+		<p style="padding-bottom: 20px;">请选择导出的内容</p>
+		<select>
+			<option>待执行</option>
+			<option>已执行</option>
+		</select>
+		<select>
+			<option>办事处</option>
+		</select>
+	</div>
+	<div class="modal-footer">
+		<a href="#" class="button btn-primary" >导出Excel</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>

+ 596 - 0
saea-bank.html

@@ -0,0 +1,596 @@
+<!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-myTrain.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-pay.html">费用执行</a></li>
+                        <li><a href="saea-reportList-remit.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-bank.html" class="selected">公司流水</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">
+                                <table class="table table-bordered table-condensed">
+                                    <tbody>
+                                        <tr>
+                                            <th class="taC">资产</th>
+                                            <td>¥109,484,765.00</td>
+                                            <th class="taC">理财G</th>
+                                            <td>¥3999.00</td>
+                                        </tr>
+                                        <tr>
+                                            <th class="taC">保证金</th>
+                                            <td>¥3999.00</td>
+                                            <th class="taC">合计资产</th>
+                                            <td>¥209,484,765.00</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            <div class="clearfix">
+                                <div id="chartContainer3" style="height: 300px; width: 100%;">
+                                </div>
+                            </div>
+                            <div class="clearfix">
+                                <legend>
+                                    <div class="fR"><a href="saea-bank-expenses-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>
+                                        </tr>
+                                        <tr>
+                                            <td>费用管理(报销)</td>
+                                            <td>¥3000.00</td>
+                                            <td>2018-11-11</td>
+                                            <td><a href="#saea-detail2" data-toggle="modal">#B2019873649(点我)</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>费用管理(借款)</td>
+                                            <td>¥2000.00</td>
+                                            <td>2018-11-11</td>
+                                            <td><a href="#saea-detail3" data-toggle="modal">#B2019873649(点我)</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>费用管理(借款报销)</td>
+                                            <td>¥2000.00</td>
+                                            <td>2018-11-11</td>
+                                            <td><a href="#saea-detail1" data-toggle="modal">#B2019873649(点我)</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>费用管理(对公汇款)</td>
+                                            <td>¥2000.00</td>
+                                            <td>2018-11-11</td>
+                                            <td><a href="#">#B2019873649</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>日常支出(银行手续费)</td>
+                                            <td>¥2000.00</td>
+                                            <td>2018-11-11</td>
+                                            <td><a href="#saea-detail4" data-toggle="modal">#J2019873649(点我)</a></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            <div class="clearfix">
+                                <legend>
+                                    <div class="fR"><a href="saea-bank-income-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>
+                                        </tr>
+                                        <tr>
+                                            <td>发票收款</td>
+                                            <td>¥3000.00</td>
+                                            <td>2018-11-11</td>
+                                            <td><a href="#">#N2019873649</a></td>
+                                        </tr>
+                                        <tr>
+                                            <td>日常收入(利息收入)</td>
+                                            <td>¥2000.00</td>
+                                            <td>2018-11-11</td>
+                                            <td><a href="#">#N2019873649</a></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出费用详情 报销 对公-->
+    <div class="modal hide fade" id="saea-detail2">
+        <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>水费</th>
+                                <td width="140" class="taR">¥30000.00</td>
+                            </tr>
+                            <tr>
+                                <th class="taR">合计</th>
+                                <td class="colGreen taR">¥30000.00</td>
+                            </tr>
+                            <tr>
+                                <th colspan="2" class="taC">差旅相关费用</th>
+                            </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="taR">合计</th>
+                                <td class="colGreen taR">¥0.00</td>
+                            </tr>
+                            <tr>
+                                <th colspan="2" class="taC">其他</th>
+                            </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="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 class="taC" colspan="2">报销说明</th>
+                            </tr>
+                            <tr>
+                                <td colspan="2">实际使用30000</td>
+                            </tr>
+                            <tr class="warning">
+                                <td class="taR"><b>(#J201705317463)本次报销费用合计</b></td>
+                                <td class="colGreed taR"><b style="font-size:24px">¥30000.00</b><br>叁万元整</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                            <tr>
+                                <th class="taC" width="90">审批人</th>
+                                <th class="taC">审批意见</th>
+                            </tr>
+                            <tr>
+                                <td>何银龄</td>
+                                <td>同意</td>
+                            </tr>
+                            <tr>
+                                <td>赵淑燕</td>
+                                <td>同意</td>
+                            </tr>
+                            <tr>
+                                <td>谭玉堂</td>
+                                <td>同意</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                            <tr>
+                                <th class="taC" width="90">执行人</th>
+                                <th class="taC">执行意见</th>
+                            </tr>
+                            <tr>
+                                <td>张少珊</td>
+                                <td>已执行</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tr class="warning">
+                            <td class="taR"><b>汇款金额</b></td>
+                            <td width="140" class="taR"><b style="font-size:24px">¥30000.00</b><br>贰万元整</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="saea-detail1">
+        <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>申请金额</th>
+                                <td width="140" class="taR">¥10000.00</td>
+                            </tr>
+                            <tr>
+                                <th class="taC" colspan="2">产生费用所在办事处</th>
+                            </tr>
+                            <tr>
+                                <th style="text-align:center" colspan="2">总部</th>
+                            </tr>
+                            <tr>
+                                <th class="taC" colspan="2">费用说明</th>
+                            </tr>
+                            <tr>
+                                <td colspan="2">实际使用10000</td>
+                            </tr>
+                            <tr class="warning">
+                                <td class="taR"><b>(#J201705317463)本次费用合计</b></td>
+                                <td class="taR"><b style="font-size:24px">¥10000.00</b><br>壹万元整</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                            <tr>
+                                <th colspan="2" class="taC">日常相关费用</th>
+                            </tr>
+                            <tr>
+                                <th>水费</th>
+                                <td width="140" class="taR">¥30000.00</td>
+                            </tr>
+                            <tr>
+                                <th class="taR">合计</th>
+                                <td class="colGreen taR">¥30000.00</td>
+                            </tr>
+                            <tr>
+                                <th colspan="2" class="taC">差旅相关费用</th>
+                            </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="taR">合计</th>
+                                <td class="colGreen taR">¥0.00</td>
+                            </tr>
+                            <tr>
+                                <th colspan="2" class="taC">其他</th>
+                            </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="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 class="taC" colspan="2">报销说明</th>
+                            </tr>
+                            <tr>
+                                <td colspan="2">实际使用30000</td>
+                            </tr>
+                            <tr class="warning">
+                                <td class="taR"><b>(#J201705317463)本次报销费用合计</b></td>
+                                <td class="colGreed taR"><b style="font-size:24px">¥30000.00</b><br>叁万元整</td>
+                            </tr>
+                            <tr class="success">
+                                <td class="taR"><b>借款结余</b></td>
+                                <td class="taR"><b style="font-size:24px">¥20000.00</b><br>贰万元整</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                            <tr>
+                                <th class="taC" width="90">审批人</th>
+                                <th class="taC">审批意见</th>
+                            </tr>
+                            <tr>
+                                <td>何银龄</td>
+                                <td>同意</td>
+                            </tr>
+                            <tr>
+                                <td>赵淑燕</td>
+                                <td>同意</td>
+                            </tr>
+                            <tr>
+                                <td>谭玉堂</td>
+                                <td>同意</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                            <tr>
+                                <th class="taC" width="90">执行人</th>
+                                <th class="taC">执行意见</th>
+                            </tr>
+                            <tr>
+                                <td>张少珊</td>
+                                <td>已执行</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tr class="warning">
+                            <td class="taR"><b>汇款金额</b></td>
+                            <td width="140" class="taR"><b style="font-size:24px">¥20000.00</b><br>贰万元整</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="saea-detail3">
+        <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>申请金额</th>
+                                <td width="140" class="taR">¥10000.00</td>
+                            </tr>
+                            <tr>
+                                <th class="taC" colspan="2">产生费用所在办事处</th>
+                            </tr>
+                            <tr>
+                                <th style="text-align:center" colspan="2">总部</th>
+                            </tr>
+                            <tr>
+                                <th class="taC" colspan="2">费用说明</th>
+                            </tr>
+                            <tr>
+                                <td colspan="2">实际使用10000</td>
+                            </tr>
+                            <tr class="warning">
+                                <td class="taR"><b>(#J201705317463)本次费用合计</b></td>
+                                <td class="taR"><b style="font-size:24px">¥10000.00</b><br>壹万元整</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                            <tr>
+                                <th class="taC" width="90">审批人</th>
+                                <th class="taC">审批意见</th>
+                            </tr>
+                            <tr>
+                                <td>何银龄</td>
+                                <td>同意</td>
+                            </tr>
+                            <tr>
+                                <td>赵淑燕</td>
+                                <td>同意</td>
+                            </tr>
+                            <tr>
+                                <td>谭玉堂</td>
+                                <td>同意</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tbody>
+                            <tr>
+                                <th class="taC" width="90">执行人</th>
+                                <th class="taC">执行意见</th>
+                            </tr>
+                            <tr>
+                                <td>张少珊</td>
+                                <td>已执行</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered table-condensed">
+                        <tr class="warning">
+                            <td class="taR"><b>汇款金额</b></td>
+                            <td width="140" class="taR"><b style="font-size:24px">¥10000.00</b><br>贰万元整</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="saea-detail4">
+        <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">
+                        <tboay>
+                        	<tr><th class="taC" colspan="2">支出</th></tr>
+                        	<tr><th class="taC" width="110">收支录入</th><td>总部-赵淑燕</td></tr>
+                        	<tr><th class="taC">单号</th><td>#J2019873649</td></tr>
+                        	<tr><th class="taC">费用类型</th><td>银行手续费</td></tr>
+                        	<tr><th class="taC">支出金额</th><td>¥2000.00</td></tr>
+                        	<tr><th class="taC">支出银行</th><td>纵横广发</td></tr>
+                        	<tr><th class="taC">银行支付时间</th><td>2018-11-11</td></tr>
+                        	<tr><th class="taC">备注</th><td></td></tr>
+                        </tboay>
+                    </table>
+                </div>
+                <div class="modal-footer">
+                    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--邮寄-->
+    <script type="text/javascript">
+    	autoFlashHeight();
+    </script>
+    <script type="text/javascript">
+	    // 基于准备好的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} 元"
+	        },
+	        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: [10, 10, 30, 40, 50, 60, 80, 85, 100]
+	            },
+	            {
+	                name: '收入',
+	                type: 'line',
+	                itemStyle: {
+	                    normal: {
+	                        lineStyle: {
+	                            shadowColor: 'rgba(0,0,0,0.4)',
+	                            shadowBlur: 5,
+	                            shadowOffsetX: 3,
+	                            shadowOffsetY: 3
+	                        }
+	                    }
+	                },
+	                data: [10, 0, 20, 10, 10, 10, 10, 5, 15]
+	            }
+	        ]
+	    };
+	    // 为echarts对象加载数据 
+	    myChart.setOption(option);
+	    //3 标段计量分布//
+    </script>
+    </body>

+ 15 - 2
saea-borad.html

@@ -36,11 +36,15 @@
 						<li class="saeaTitle">费用管理</li>
 						<li><a href="saea-borad.html" class="selected">公布板</a></li>
 						<li><a href="saea-myList.html">我的费用</a></li>
+						<li><a href="saea-myTrain.html">我的培训班</a></li>
 						<li><a href="saea-slist-1.html">费用汇总</a></li>
-						<li class="topLine"><a href="saea-reportList.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-pay.html">费用执行</a></li>
 						<li><a href="saea-reportList-remit.html">费用汇款</a></li>
-						<li><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-bank.html">公司流水</a></li>
 					</ul>
 				</div>
 			</div>
@@ -49,6 +53,7 @@
 						<div class="borad-menu">
 							<a href="saea-loan-add.html" class="loan">申请借款</a>
 							<a href="saea-receipt-add.html" class="receipt">申请报销单</a>
+							<a href="saea-train-add.html" class="train">培训班结算</a>
 							<a href="saea-public-add.html" class="public">申请对公汇款</a>
 						</div>
 						<div class="borad-news">
@@ -67,6 +72,14 @@
 									</table>
 								</div>
 								<div class="clearfix">
+									<legend><div class="fR"></div>培训班结算</legend>
+									<table class="table table-bordered table-condensed">
+										<tbody>
+										<tr><th class="taC" width="140">培训班名称</th><th class="taC">开班时间</th><th class="taC">金额</th><th class="taC">状态</th></tr>
+										</tbody>
+									</table>
+								</div>
+								<div class="clearfix">
 									<legend><div class="fR"></div>最近费用动态</legend>
 									<table class="table table-bordered table-condensed">
 										<tbody>

+ 2 - 0
saea-dlist-category-year.html

@@ -36,6 +36,7 @@
 						<li class="saeaTitle">费用管理</li>
 						<li><a href="saea-borad.html">公布板</a></li>
 						<li><a href="saea-myList.html">我的费用</a></li>
+						<li><a href="saea-myTrain.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>
@@ -43,6 +44,7 @@
 						<li><a href="saea-reportList-remit.html">费用汇款</a></li>
 						<li class="topLine"><a href="saea-dlist-category-year.html" class="selected">公司费用汇总</a></li>
 						<li><a href="saea-income-dlist-year.html">日常收支汇总</a></li>
+						<li><a href="saea-bank.html">公司流水</a></li>
 					</ul>
 				</div>
 			</div>

+ 2 - 0
saea-income-dlist-year.html

@@ -36,6 +36,7 @@
 						<li class="saeaTitle">费用管理</li>
 						<li><a href="saea-borad.html">公布板</a></li>
 						<li><a href="saea-myList.html">我的费用</a></li>
+						<li><a href="saea-myTrain.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>
@@ -43,6 +44,7 @@
 						<li><a href="saea-reportList-remit.html">费用汇款</a></li>
 						<li class="topLine"><a href="saea-dlist-category-year.html">公司费用汇总</a></li>
 						<li><a href="saea-income-dlist.html" class="selected">日常收支汇总</a></li>
+						<li><a href="saea-bank.html">公司流水</a></li>
 					</ul>
 				</div>
 			</div>

+ 80 - 0
saea-train-add.html

@@ -0,0 +1,80 @@
+<!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" class="selected">我的费用</a></li>
+						<li><a href="saea-slist-1.html">费用汇总</a></li>
+						<li class="topLine"><a href="saea-reportList.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-dlist-category-year.html">公司汇总</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend><div class="fR"></div>创建培训班结算</legend>
+				<div class="borad-news">
+			  		<div class="saeaList">
+			  			<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"></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"></td>
+									<th class="taC"><span class="colRed" title="必填">*</span>结束时间</th><td><input placeholder="选填" type="date"></td>
+								</tr>
+								<tr>
+									<th class="taC"><span class="colRed" title="必填">*</span>参加人数</th><td><input placeholder="必填" type="text"></td>
+									<th class="taC"><span class="colRed" title="必填">*</span>培训班地址</th><td><input placeholder="必填" type="text"></td>
+								</tr>
+								<tr>
+									<th class="taC">备注</th><td colspan="3"><textarea placeholder="选填项" style="width:600px"></textarea></td>
+								</tr>
+							</tbody>
+						</table>
+						<p class="taR"><a  class="button" href="saea-train-edit.html" >创建培训班</a></p>
+					</div>
+				</div>
+		</div>
+	</div>
+
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 111 - 0
saea-train-edit.html

@@ -0,0 +1,111 @@
+<!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" class="selected">我的费用</a></li>
+						<li><a href="saea-slist-1.html">费用汇总</a></li>
+						<li class="topLine"><a href="saea-reportList.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-dlist-category-year.html">公司汇总</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend><div class="fR"></div>编辑 广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</legend>
+				<div class="borad-news">
+					<div class="subNav">
+			    		<ul class="navTabs">
+						  <li class="active"><a href="saea-train-edit.html">信息</a></li>
+						  <li><a href="saea-train-edit2.html">汇总表</a></li>
+						  <li><a href="saea-train-edit3.html">收入</a></li>
+						  <li><a href="saea-train-edit4.html">支出</a></li>
+						  <li><a href="saea-train-edit5.html">讲师</a></li>
+						</ul>
+					</div>
+			  		<div class="saeaList">
+			  			<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"></td>
+									<th class="taC"><span class="colRed" title="必填">*</span>结束时间</th><td><input placeholder="选填" type="date"></td>
+								</tr>
+								<tr>
+									<th class="taC"><span class="colRed" title="必填">*</span>参加人数</th><td><input placeholder="必填" type="text" value="3"></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>
+						<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="addCallout">
+    <div class="modal-header">
+    <h3>添加批注</h3>
+    </div>
+    <div class="modal-body">
+    <form class="">
+	    	<div class="control-group">
+				<div class="controls clearfix">
+					<label>
+	                	批注内容
+	              	</label>
+	              	<textarea rows="8" class="span6"></textarea>
+				</div>
+	    	</div>
+    </form>
+    </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>
+    <!--弹出内容-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 162 - 0
saea-train-edit2.html

@@ -0,0 +1,162 @@
+<!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" class="selected">我的费用</a></li>
+						<li><a href="saea-slist-1.html">费用汇总</a></li>
+						<li class="topLine"><a href="saea-reportList.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-dlist-category-year.html">公司汇总</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend><div class="fR"></div>编辑 广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</legend>
+				<div class="borad-news">
+					<div class="subNav">
+			    		<ul class="navTabs">
+						  <li><a href="saea-train-edit.html">信息</a></li>
+						  <li class="active"><a href="saea-train-edit2.html">汇总表</a></li>
+						  <li><a href="saea-train-edit3.html">收入</a></li>
+						  <li><a href="saea-train-edit4.html">支出</a></li>
+						  <li><a href="saea-train-edit5.html">讲师</a></li>
+						</ul>
+					</div>
+			  		<div class="saeaList">
+			  			<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="13" width="20">支出明细</th><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 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<!--公司支出--></d><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">0</td><td></td><td></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="addCallout">
+    <div class="modal-header">
+    <h3>添加批注</h3>
+    </div>
+    <div class="modal-body">
+    <form class="">
+	    	<div class="control-group">
+				<div class="controls clearfix">
+					<label>
+	                	批注内容
+	              	</label>
+	              	<textarea rows="8" class="span6"></textarea>
+				</div>
+	    	</div>
+    </form>
+    </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>
+    <!--弹出内容-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 119 - 0
saea-train-edit3.html

@@ -0,0 +1,119 @@
+<!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" class="selected">我的费用</a></li>
+						<li><a href="saea-slist-1.html">费用汇总</a></li>
+						<li class="topLine"><a href="saea-reportList.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-dlist-category-year.html">公司汇总</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend><div class="fR"></div>编辑 广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</legend>
+				<div class="borad-news">
+					<div class="subNav">
+			    		<ul class="navTabs">
+						  <li><a href="saea-train-edit.html">信息</a></li>
+						  <li><a href="saea-train-edit2.html">汇总表</a></li>
+						  <li class="active"><a href="saea-train-edit3.html">收入</a></li>
+						  <li><a href="saea-train-edit4.html">支出</a></li>
+						  <li><a href="saea-train-edit5.html">讲师</a></li>
+						</ul>
+					</div>
+			  		<div class="saeaList">
+			  			<!--还没有培训班开票-->
+			  			<p><button type="submit" class="button" href="#confirm" data-toggle="modal">添加培训班开票</button></p>
+
+			  			<!--添加了培训班开票-->
+			  			<div class="clearfix">
+			  			<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><th class="taC" width="100">操作</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>
+										<td><a>移除</a></td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<div class="clearfix">
+			  			<legend><div class="fR"></div>培训班发票</legend>
+				  			<table class="table table-bordered table-condensed">
+								<tbody>
+									<tr><th class="taC">开票单位(抬头)</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>
+								</tbody>
+							</table>
+						</div>
+					</div>
+				</div>
+		</div>
+	</div>
+	<!--弹出-->
+<div class="modal hide fade" id="addCallout">
+    <div class="modal-header">
+    <h3>添加批注</h3>
+    </div>
+    <div class="modal-body">
+    <form class="">
+	    	<div class="control-group">
+				<div class="controls clearfix">
+					<label>
+	                	批注内容
+	              	</label>
+	              	<textarea rows="8" class="span6"></textarea>
+				</div>
+	    	</div>
+    </form>
+    </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>
+    <!--弹出内容-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 120 - 0
saea-train-edit4.html

@@ -0,0 +1,120 @@
+<!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" class="selected">我的费用</a></li>
+						<li><a href="saea-slist-1.html">费用汇总</a></li>
+						<li class="topLine"><a href="saea-reportList.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-dlist-category-year.html">公司汇总</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight" style="height: 821px;">
+				<legend><div class="fR"></div>编辑 广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</legend>
+				<div class="borad-news">
+					<div class="subNav">
+			    		<ul class="navTabs">
+						  <li><a href="saea-train-edit.html">信息</a></li>
+						  <li><a href="saea-train-edit2.html">汇总表</a></li>
+						  <li><a href="saea-train-edit3.html">收入</a></li>
+						  <li class="active"><a href="saea-train-edit4.html">支出</a></li>
+						  <li><a href="saea-train-edit5.html">讲师</a></li>
+						</ul>
+					</div>
+			  		<div class="saeaList">
+			  			<!--支出项-->
+			  			<div class="clearfix">
+			  			<legend><div class="fR"><button type="submit" class="button" href="#confirm" data-toggle="modal">添加支出</button></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>
+						</div>
+					</div>
+				</div>
+		</div>
+	</div>
+	<!--弹出-->
+<div class="modal hide fade" id="addCallout">
+    <div class="modal-header">
+    <h3>添加批注</h3>
+    </div>
+    <div class="modal-body">
+    <form class="">
+	    	<div class="control-group">
+				<div class="controls clearfix">
+					<label>
+	                	批注内容
+	              	</label>
+	              	<textarea rows="8" class="span6"></textarea>
+				</div>
+	    	</div>
+    </form>
+    </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>
+    <!--弹出内容-->
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

+ 2 - 1
staff-affixation.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html" class="selected">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>

+ 2 - 1
staff-attendance.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html" class="selected">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>

+ 2 - 1
staff-commission.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html" class="selected">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>

+ 2 - 1
staff-employee.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>

+ 2 - 1
staff-home-report-year.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>

+ 2 - 1
staff-home-report.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>

+ 2 - 1
staff-home.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>

+ 2 - 1
staff-insurance.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>

+ 32 - 3
staff-payroll.html

@@ -41,12 +41,13 @@
 						<li><a href="staff-home.html">首页</a></li>
 						<li><a href="staff-organization.html">组织</a></li>
 						<li><a href="staff-employee.html">员工</a></li>
-						<li><a href="staff-payroll.html" class="selected">工资</a></li>
+						<li class="topLine"><a href="staff-payroll.html" class="selected">工资</a></li>
 						<li><a href="staff-insurance.html">社保公积金</a></li>
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>
@@ -145,7 +146,7 @@
 		<div class="modal-dialog modal-xlg">
 			<div class="modal-content">
 				<div class="modal-header">
-					<h3>员工详情</h3>
+					<h3>员工本月工资</h3>
 				</div>
 				<div class="modal-body saeaList" style="overflow:hidden;margin:0">
 					<div class="fL staff-detail-con">
@@ -251,6 +252,34 @@
 								<td class="taC" colspan="4"><select><option>请选择</option></select> <a href="#">添加</a></td>
 							</tr>
 						</table>
+						<!--留存工资-->
+						<table class="table table-bordered table-condensed">
+							<tr>
+								<th class="taC" colspan="4">留存工资</th>
+							</tr>
+							<tr>
+								<th class="taC" width="150">扣税前留存</th><td width="210"><input disabled type="number" value="12000"></td>
+								<th class="taC" width="150">个税扣除</th><td><input type="number" disabled value="1000"></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">实际发放</th><td width="210"><input type="number" value="11000" disabled></td>
+								<th class="taC"></th><td></td>
+							</tr>
+						</table>
+						<!--福利奖金-->
+						<table class="table table-bordered table-condensed">
+							<tr>
+								<th class="taC" colspan="4">福利奖金</th>
+							</tr>
+							<tr>
+								<th class="taC" width="150">扣税前留存</th><td width="210"><input disabled type="number" value="100"></td>
+								<th class="taC" width="150">个税扣除</th><td><input type="number" disabled value="0"></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">实际发放</th><td width="210"><input type="number" value="100" disabled></td>
+								<th class="taC">备注</th><td>中秋过节费</td>
+							</tr>
+						</table>
 						<table class="table table-bordered table-condensed">
 							<tr>
 								<th class="taC" colspan="2">合计</th>

+ 217 - 0
staff-retain.html

@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+	<title>CLD.System</title>
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
+	<link rel="shortcut icon" href="images/favicon.ico">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/global.css>
+	<script src=js/jquery-1.7.1.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单" class="topLine"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="发票申请"><a href="#" class="icon-">D</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="人资管理"><a href="#" class="icon- selected">m</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+				</ul>
+			</div>
+			<div class="userMenu">
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="staffTitle">人资管理</li>
+						<li><a href="staff-home.html">首页</a></li>
+						<li><a href="staff-organization.html">组织</a></li>
+						<li><a href="staff-employee.html">员工</a></li>
+						<li><a href="staff-payroll.html">工资</a></li>
+						<li><a href="staff-insurance.html">社保公积金</a></li>
+						<li><a href="staff-attendance.html">考勤</a></li>
+						<li><a href="staff-commission.html">提成</a></li>
+						<li><a href="staff-affixation.html">附加收支项</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.html" class="selected">留存工资</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>留存工资</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+						<li>
+							<select class="select">
+								<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:100px">
+									<button class="btn btn-small" type="button">搜索</button>
+								</div>
+							</div>
+						</li>
+						<li>
+							<a class="button" href="#done" data-toggle="modal">发放留存工资</a>
+						</li>
+						<li>
+							<a href="#">历史发放</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>1月</th><th>2月</th><th>3月</th><th>4月</th><th>5月</th><th>6月</th><th>7月</th><th>8月</th><th>9月</th><th>10月</th><th>11月</th><th>12月</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></td><td>0</td><td>0</td><td>2000</td><td>2000</td><td>2000</td><td>2000</td><td>2000</td><td>2000</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-xlg">
+			<div class="modal-content">
+				<div class="modal-header">
+					<h3>员工详情</h3>
+				</div>
+				<div class="modal-body saeaList" style="overflow:hidden;margin:0">
+					<div class="fL staff-detail-con">
+						<table class="table table-bordered table-condensed">
+							<tbody>
+							<tr>
+								<th class="taC" width="150">工号</th><td width="210">Z0001</td>
+								<th class="taC" width="150">姓名</th><td><input type="text" value="张三" disabled></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">办事处/部门</th><td><select disabled><option>重庆</option><option>总部-研究中心</option><option>广东办</option></select></td>
+								<th class="taC" width="150">岗位</th><td><input type="text" value="销售" disabled></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">入职日期</th><td><input type="text" value="2017-01-01" disabled></td>
+								<th class="taC" width="150">离职日期</th><td><input type="text" value="" disabled></td>
+							</tr>
+							</tbody>
+						</table>
+						<table class="table table-bordered table-condensed">
+							<tr>
+								<th class="taC colRed" colspan="4">留存工资扣除(税前)</th>
+							</tr>
+							<tr>
+								<th class="taC" width="150">每月留存</th><td width="210"><input type="text" value="2500.00"></td>
+								<th class="taC" width="150"></th><td></td>
+							</tr>
+							<tr>
+								<th class="taC" width="150">累计留存</th><td width="210"><input type="text" value="15000.00" disabled></td>
+								<th class="taC" width="150">累计期数</th><td><input type="text" value="6" disabled></td>
+							</tr>
+						</table>
+					</div>
+					<div class="fL staff-detail-side">
+						<!--工资调整记录-->
+						<div class="infoFlowList">
+						 <div class="dateTitle">
+							 <em class="month"><span class="num">9</span><span class="text">-02</span></em>
+							 <span class="year">2013</span>
+						 </div>
+						 <ul class="flowList">
+							 <li class="item colGray">总部-温秀娟</li>
+							 <li class="item">岗位工资 由 3100 调至 6700</li>
+						 </ul>
+					 	</div>
+						<div class="infoFlowList">
+							 <div class="dateTitle">
+							 	<em class="month"><span class="num">8</span><span class="text">-01</span></em>
+							 	<span class="year">2013</span>
+							 </div>
+							 <ul class="flowList">
+							 	<li class="item colGray">总部-温秀娟</li>
+							 	<li class="item">基本工资 由 2000 调至 3000</li>
+							 </ul>
+						 	</div>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<span class="alert alert-erro fL" style="margin:0">6月工资已经发放,您的修改将影响7月工资。</span>
+					<a href="#" class="button">确定更新</a>
+					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--弹出需要完成数据-->
+	<div class="modal fade" id="done">
+	<div class="modal-dialog">
+		<div class="modal-content">
+    <div class="modal-header">
+    <h3>生成18年留存工资</h3>
+    </div>
+    <div class="modal-body saeaList">
+    	<div class="staff-detail-con">
+		<table class="table table-sm table-bordered">
+			<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>张三</td><td>广东办</td><td>¥12000.00</td><td>12</td><td>¥1000.00</td><td>¥11000.00</td></tr>
+			<tr><td>王五</td><td>广东办</td><td>¥18000.00</td><td>12</td><td>¥2000.00</td><td>¥16000.00</td></tr>
+		</table>
+	</div>
+    </div>
+	<div class="modal-footer">
+		<a href="#" class="button">确认生成</a>
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
+	</div>
+			</div>
+		</div>
+</div>
+<script type="text/javascript">autoFlashHeight();</script>
+<script type="text/javascript">$('#need-data').modal('show2')</script>
+</body>

+ 2 - 1
staff-set-approval.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.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>

+ 2 - 1
staff-set-insurance.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.html">留存工资</a></li>
 						<li class="topLine"><a href="staff-set-job.html">岗位设置</a></li>
 						<li><a href="staff-set-insurance.html" class="selected">社保设置</a></li>
 						<li><a href="staff-srt-commission.html">提成设置</a></li>

+ 2 - 1
staff-set-job.html

@@ -46,7 +46,8 @@
 						<li><a href="staff-attendance.html">考勤</a></li>
 						<li><a href="staff-commission.html">提成</a></li>
 						<li><a href="staff-affixation.html">附加收支项</a></li>
-						<li><a href="staff-set-payroll.html">留存工资</a></li>
+						<li><a href="staff-welfare.html">福利奖金</a></li>
+						<li><a href="staff-retain.html">留存工资</a></li>
 						<li class="topLine"><a href="staff-set-job.html" class="selected">岗位设置</a></li>
 						<li><a href="staff-set-insurance.html">社保设置</a></li>
 						<li><a href="staff-srt-commission.html">提成设置</a></li>