费用管理页修改

css/global.css

@@ -4075,7 +4075,7 @@ td div.dlLev3{
 .saeaType li{
   float: left;
   padding:20px 80px;
-  margin:0 13px;
+  margin:0 10px;
   background: #f6f6f6;
 }
 .saeaType li.active{
@@ -4097,4 +4097,21 @@ td div.dlLev3{
 }
 .btn-display .button{
   display: block !important;
+}
+.fixedSide{
+  position: absolute;
+  top: 0;
+  left: 205px;
+  width: 22px;
+}
+.fixedSide ul li{
+  float: left;
+}
+.fixedSide ul li a{
+  display: block;
+  font-size: 14px;
+  color: #fff;
+  padding: 15px 3px;
+  margin: 10px 0;
+  background: #191818;
 }

js/jquery.easing.1.3.js

@@ -0,0 +1,205 @@
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2008 George McGinley Smith
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+jQuery.easing['jswing'] = jQuery.easing['swing'];
+
+jQuery.extend( jQuery.easing,
+{
+	def: 'easeOutQuad',
+	swing: function (x, t, b, c, d) {
+		//alert(jQuery.easing.default);
+		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+	},
+	easeInQuad: function (x, t, b, c, d) {
+		return c*(t/=d)*t + b;
+	},
+	easeOutQuad: function (x, t, b, c, d) {
+		return -c *(t/=d)*(t-2) + b;
+	},
+	easeInOutQuad: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t + b;
+		return -c/2 * ((--t)*(t-2) - 1) + b;
+	},
+	easeInCubic: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t + b;
+	},
+	easeOutCubic: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t + 1) + b;
+	},
+	easeInOutCubic: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t + b;
+		return c/2*((t-=2)*t*t + 2) + b;
+	},
+	easeInQuart: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t + b;
+	},
+	easeOutQuart: function (x, t, b, c, d) {
+		return -c * ((t=t/d-1)*t*t*t - 1) + b;
+	},
+	easeInOutQuart: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+		return -c/2 * ((t-=2)*t*t*t - 2) + b;
+	},
+	easeInQuint: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t*t + b;
+	},
+	easeOutQuint: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t*t*t + 1) + b;
+	},
+	easeInOutQuint: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+		return c/2*((t-=2)*t*t*t*t + 2) + b;
+	},
+	easeInSine: function (x, t, b, c, d) {
+		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+	},
+	easeOutSine: function (x, t, b, c, d) {
+		return c * Math.sin(t/d * (Math.PI/2)) + b;
+	},
+	easeInOutSine: function (x, t, b, c, d) {
+		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+	},
+	easeInExpo: function (x, t, b, c, d) {
+		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+	},
+	easeOutExpo: function (x, t, b, c, d) {
+		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+	},
+	easeInOutExpo: function (x, t, b, c, d) {
+		if (t==0) return b;
+		if (t==d) return b+c;
+		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+	},
+	easeInCirc: function (x, t, b, c, d) {
+		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+	},
+	easeOutCirc: function (x, t, b, c, d) {
+		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+	},
+	easeInOutCirc: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+	},
+	easeInElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+	},
+	easeOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+	},
+	easeInOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+	},
+	easeInBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*(t/=d)*t*((s+1)*t - s) + b;
+	},
+	easeOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+	},
+	easeInOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158; 
+		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+	},
+	easeInBounce: function (x, t, b, c, d) {
+		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+	},
+	easeOutBounce: function (x, t, b, c, d) {
+		if ((t/=d) < (1/2.75)) {
+			return c*(7.5625*t*t) + b;
+		} else if (t < (2/2.75)) {
+			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+		} else if (t < (2.5/2.75)) {
+			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+		} else {
+			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+		}
+	},
+	easeInOutBounce: function (x, t, b, c, d) {
+		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+	}
+});
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+ */

saea-myList-detail.html

@@ -442,16 +442,8 @@
 									<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>
-									<th class="taC" colspan="2">费用说明</th>
-									<tr><td colspan="2">这是报销说明的内容</td></tr>
 									<th class="taC" colspan="2">附件</th>
 									<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>（#B1402130405003）本次费用合计</b></td><td class="taR"><b style="font-size:24px">￥7011.22</b><br>柒仟零壹拾壹元贰角贰分</td></tr>
-									<tr class="success"><td class="taR"><b>借款结余</b></td>
-										<td class="taR"><b style="font-size:24px">0.00</b><br>零元整</td>
-									</tr>
 									</tbody>
 								</table>
 								<br>
@@ -743,16 +735,8 @@
 									<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>
-									<th class="taC" colspan="2">费用说明</th>
-									<tr><td colspan="2">这是报销说明的内容</td></tr>
 									<th class="taC" colspan="2">附件</th>
 									<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>（#B1402130405003）本次费用合计</b></td><td class="taR"><b style="font-size:24px">￥7011.22</b><br>柒仟零壹拾壹元贰角贰分</td></tr>
-									<tr class="success"><td class="taR"><b>借款结余</b></td>
-										<td class="taR"><b style="font-size:24px">0.00</b><br>零元整</td>
-									</tr>
 									</tbody>
 								</table>
 								<br>
@@ -1268,11 +1252,6 @@
 									<tr><th><a href="#">#F201909187362</a></th><td  width="140" class="taR">￥600.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>
-									<th class="taC" colspan="2">费用说明</th>
-									<tr><td colspan="2">这是报销说明的内容</td></tr>
-									<tr class="warning"><td class="taR"><b>（#B1402130405002）本次费用合计</b></td><td class="taR"><b style="font-size:24px">￥600.00</b><br>陆佰元整</td></tr>
 									</tbody>
 								</table>
 								<br>
@@ -1464,13 +1443,8 @@
 									<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>
-									<th class="taC" colspan="2">费用说明</th>
-									<tr><td colspan="2">这是报销说明的内容</td></tr>
 									<th class="taC" colspan="2">附件</th>
 									<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>（#B1402130405003）本次费用合计</b></td><td class="taR"><b style="font-size:24px">￥7011.22</b><br>柒仟零壹拾壹元贰角贰分</td></tr>
 									</tbody>
 								</table>
 								<br>
@@ -1569,13 +1543,8 @@
 									<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>
-									<th class="taC" colspan="2">费用说明</th>
-									<tr><td colspan="2">这是报销说明的内容</td></tr>
 									<th class="taC" colspan="2">附件</th>
 									<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>（#B1402130405003）本次费用合计</b></td><td class="taR"><b style="font-size:24px">￥7011.22</b><br>柒仟零壹拾壹元贰角贰分</td></tr>
 									</tbody>
 								</table>
 								<br>

saea-receipt-add4.html

@@ -46,6 +46,14 @@
 			</div>
 			<div class="adminContent autoHeight">
 		  		<div class="borad-news">
+		  			<div class="fixedSide" id="fixedSide">
+		  				<ul>
+		  					<li><a href="#banshichu">办事处相关费用</a></li>
+		  					<li><a href="#xingchengdan">差旅相关费用</a></li>
+		  					<li><a href="#neibupeixun">内部培训费用</a></li>
+		  					<li><a href="#baixiao">报销单审批</a></li>
+		  				</ul>
+		  			</div>
 					<legend><div class="fR"></div>申请报销相关费用</legend>
 			  		<div class="saeaList">
 			  			<h4 class="saeaTip">请选择一下需要报销的费用类型</h4>
@@ -67,7 +75,7 @@
 			  				<div class="seTable">
 			  					<table class="table table-bordered table-condensed table-hover">
 			  					<tbody>
-			  						<tr><th colspan="2" class="taC">办事处相关费用</th></tr>
+			  						<tr><th colspan="2" class="taC" id="banshichu">办事处相关费用</th></tr>
 			  						<tr><th>市内交通费</th><td  width="200" class="taR">￥<input type="number" value="0" placeholder="输入市内交通费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
 			  						<tr><th>市内出租费</th><td  width="200" class="taR">￥<input type="number" value="0" placeholder="输入市内出租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
 			  						<tr><th>办事处房租</th><td  width="200" class="taR">￥<input type="number" value="0" placeholder="输入办事处房租" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
@@ -90,25 +98,6 @@
 					  								<tr><th>发票</a></th><td class="taR">公关费（￥500.00）</td></tr>
 					  								<tr><th><a href="#invdetail" data-toggle="modal">#F201909187362</a> <a class="fR">移除</a></th><td class="taR">￥<input type="number" value="0" placeholder="输入可自加费用" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
 			  						<tr class="warning"><td class="taR"><b>本次报销费用合计</b></td><td class="colGreed taR"><b style="font-size:24px">￥2160.00</b></td></tr>
-									<tr><th colspan="2" class="taC">报销单审批</th></tr>
-									<tr>
-										<th>选择审批组</th>
-										<td class="taR"><select><option>通用组（何银龄 >  谭玉堂 >赵淑燕）</option></select></td>
-									</tr>
-									<tr><th colspan="2" class="taC">产生费用所在办事处</th></tr>
-									<tr>
-										<th>选择办事处</th>
-										<td class="taR"><select class="span2"><option>总部</option></select></td>
-									</tr>
-									<tr><th colspan="2" class="taC">汇款信息</th></tr>
-									<tr><th>汇款人户名</th><td><input type="text" placeholder="请输入汇款人户名" value="刘飞"></td></tr>
-									<tr><th>汇款开户银行名称</th><td><input type="text" placeholder="请输入汇款开户银行名称" value="建行西安长安路支行"></td></tr>
-									<tr><th>汇款帐号</th><td><input type="text" placeholder="请输入汇款帐号" value="61001720015050000695"></td></tr>
-									<tr><th class="tipFather">联行号&nbsp;<div class="tipContent"><span class="tipGray">?</span><div class="tipConactive"><p>1.如果不是公司广发，务必填上银行联行号</p><p>2.如不清楚银行联行号请咨询报销查款专用 QQ：2870766094</p></div></div></th><td><input type="text" placeholder="请输入联行号" value=""></td></tr>
-			  						<tr><th colspan="2" class="taC">报销说明</th></tr>
-			  						<tr><th colspan="2">
-			  									<textarea required rows="2" style="width:99%" placeholder="市内交通费、邮寄费、公关费、办公费等费用说明，请详细填写在这。"></textarea>
-			  						</th></tr>
 			  						<tr><th colspan="2" class="taC">附件</th></tr>
 			  						<tr><td colspan="2">
 			  							<input type="file"><a class="btn btn-primary btn-mini">上传</a>&nbsp;&nbsp;<span>支持jpg、png、doc、docx、els、elsx；最大8M文件。</span>
@@ -141,7 +130,7 @@
 			  				<div class="seTable">
 			  					<table class="table table-bordered table-condensed table-hover">
 			  					<tbody>
-			  						<tr><th colspan="2" class="taC">行程1#详细<a href="#del" class="fR text-danger" data-toggle="modal">删除</a></th></tr>
+			  						<tr><th colspan="2" class="taC" id="xingchengdan">行程1#详细<a href="#del" class="fR text-danger" data-toggle="modal">删除</a></th></tr>
 			  						<tr><th colspan="2" class="ta"><i class="contactsMark icon-">P</i> 2020-01-03 珠海-广州<div class="fR"><a href="">编辑</a>&nbsp;<a href="" class="colRed">移除</a></div></th></tr>
 			  						<tr><th>往来交通费<p class="colGray">#高铁</p></th><td  width="200" class="taR">￥75.00</td></tr>
 			  						<tr><th>市内交通费<p class="colGray">#出租车</p></th><td  width="200" class="taR">￥25.00</td></tr>
@@ -171,28 +160,6 @@
 			  						<tr><th>其他费用</th><td  width="200" class="taR">￥0.00</td></tr>
 			  						<tr><th class="taR">合计</th><td class="colGreen taR">￥495.00</td></tr>
 			  						<tr class="warning"><td class="taR"><b>本次报销费用合计</b></td><td class="colGreed taR"><b style="font-size:24px">￥495.00</b></td></tr>
-									<tr><th colspan="2" class="taC">报销单审批</th></tr>
-									<tr>
-										<th>选择审批组</th>
-										<td class="taR"><select><option>通用组（何银龄 >  谭玉堂 >赵淑燕）</option></select></td>
-									</tr>
-									<tr><th colspan="2" class="taC">产生费用所在办事处</th></tr>
-									<tr>
-										<th>选择办事处</th>
-										<td class="taR"><select class="span2"><option>总部</option></select></td>
-									</tr>
-									<tr><th colspan="2" class="taC">汇款信息</th></tr>
-									<tr><th>汇款人户名</th><td><input type="text" placeholder="请输入汇款人户名" value="刘飞"></td></tr>
-									<tr><th>汇款开户银行名称</th><td><input type="text" placeholder="请输入汇款开户银行名称" value="建行西安长安路支行"></td></tr>
-									<tr><th>汇款帐号</th><td><input type="text" placeholder="请输入汇款帐号" value="61001720015050000695"></td></tr>
-									<tr><th class="tipFather">联行号&nbsp;<div class="tipContent"><span class="tipGray">?</span><div class="tipConactive"><p>1.如果不是公司广发，务必填上银行联行号</p><p>2.如不清楚银行联行号请咨询报销查款专用 QQ：2870766094</p></div></div></th><td><input type="text" placeholder="请输入联行号" value=""></td></tr>
-			  						<tr><th colspan="2" class="taC">报销说明</th></tr>
-			  						<tr><th colspan="2">
-	  									<textarea required rows="2" style="width:99%" placeholder="市内交通费、邮寄费、公关费、办公费等费用说明，请详细填写在这。">
-2020-01-03～2020-01-05 珠海-广州
-2020-01-05 珠海-中山
-	  									</textarea>
-			  						</th></tr>
 			  						<tr><th colspan="2" class="taC">附件</th></tr>
 			  						<tr><td colspan="2">
 			  							<input type="file"><a class="btn btn-primary btn-mini">上传</a>&nbsp;&nbsp;<span>支持jpg、png、doc、docx、els、elsx；最大8M文件。</span>
@@ -316,7 +283,7 @@
 			  				<div class="seTable">
 			  					<table class="table table-bordered table-condensed table-hover">
 			  					<tbody>
-			  						<tr><th colspan="2" class="taC">内部培训费用</th></tr>
+			  						<tr><th colspan="2" class="taC" id="neibupeixun">内部培训费用</th></tr>
 			  						<tr><th>场租费</th><td  width="200" class="taR">￥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
 			  						<tr><th>薪酬</th><td  width="200" class="taR">￥<input type="number" value="0" placeholder="输入薪酬" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
 			  						<tr><th>住宿费</th><td  width="200" class="taR">￥<input type="number" value="0" placeholder="输入住宿费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
@@ -329,7 +296,7 @@
 			  						<tr class="warning"><td class="taR"><b>本次报销费用合计</b></td><td class="colGreed taR"><b style="font-size:24px">￥2160.00</b></td></tr>
 									<tr><th colspan="2" class="taC">报销单审批</th></tr>
 									<tr>
-										<th>选择审批组</th>
+										<th id="baixiao">选择审批组</th>
 										<td class="taR"><select><option>通用组（何银龄 >  谭玉堂 >赵淑燕）</option></select></td>
 									</tr>
 									<tr><th colspan="2" class="taC">产生费用所在办事处</th></tr>
@@ -431,4 +398,25 @@
 	</div>
 			<!--移除-->
 <script type="text/javascript">autoFlashHeight();</script>
+<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
+<script type="text/javascript">
+function FloatMenu(){
+	var animationSpeed=1500;
+	var animationEasing='easeOutQuint';
+	var scrollAmount=$(document).scrollTop();
+	var newPosition=menuPosition+scrollAmount;
+	if($(window).height()<$('#fixedSide').height()){
+		$('#fixedSide').css('top',menuPosition);
+	} else {
+		$('#fixedSide').stop().animate({top: newPosition}, animationSpeed, animationEasing);
+	}
+}
+$(window).load(function(){
+	menuPosition=$('#fixedSide').position().top;
+	FloatMenu();
+});
+$(window).scroll(function(){ 
+	FloatMenu();
+});
+</script>
 </body>

saea-reportList-report-5.html

@@ -81,38 +81,11 @@
 									<tr><th><a href="#">撤销</a><span class="interval">|</span>何银龄：机票我出了100</th><td class="taR">-￥110.00</td></tr>
 									<tr><th><a href="#">撤销</a><span class="interval">|</span>谭玉堂：奖励10元</th><td class="taR">+￥10.00</td></tr>
 									<tr><th class="taR">合计</th><td class="colOrange taR">-￥110.00</td></tr>
-									<tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
-									<tr><th style="text-align:center" colspan="2">广东办</th></tr>
 									<th class="taC" colspan="2">附件</th>
 									<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>
 									</tbody>
 								</table>
 								<br>
-								<!--结算结果（原汇款信息）自动生成-->
-								<table class="table table-bordered table-condensed table-hover">
-									<tbody>
-										<tr><th colspan="2" class="taC">费用结算</th></tr><tr><th>结算结果<br><span class="colGray">("支出"由公司汇出，"收入"提交人需汇款至公司。)</span></th><td class="taR" width="200"><!-- <span class="colGreen">收入</span> --><span class="colRed">支出</span></td></tr>
-								<tr><th>汇款金额</th><td class="taR" width="200">￥2050.00</td></tr>
-									</tbody>
-								</table>
-								<!--已经有流水，不需要填信息-->
-								<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>流水类型<br><span class="colGray">("支出"由公司汇出，"收入"提交人需汇款至公司。)</span></th><td class="taR" width="200"><span class="colRed">支出</span><!-- <span class="colGreen">收入</span> --></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> -->
-										<tr><th>提交人</th><td class="taR" width="220">
-										总部-黄嘉玲</td></tr>
-										<tr><th>备注</th><td class="taR" width="220">
-										</td></tr>
-										</tbody>
-								</table>
 							</div>
 							<!-- 差旅相关审批 -->
 							<div class="seTable reportTable">
@@ -270,47 +243,18 @@
 									<tr><th><a href="#">撤销</a><span class="interval">|</span>何银龄：机票我出了100</th><td class="taR">-￥110.00</td></tr>
 									<tr><th><a href="#">撤销</a><span class="interval">|</span>谭玉堂：奖励10元</th><td class="taR">+￥10.00</td></tr>
 									<tr><th class="taR">合计</th><td class="colOrange taR">-￥110.00</td></tr>
-									<tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
-									<tr><th style="text-align:center" colspan="2">广东办</th></tr>
 									<th class="taC" colspan="2">附件</th>
 									<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>
 									</tbody>
 								</table>
 								<br>
-								<!--结算结果（原汇款信息）自动生成-->
-								<table class="table table-bordered table-condensed table-hover">
-									<tbody>
-										<tr><th colspan="2" class="taC">费用结算</th></tr><tr><th>结算结果<br><span class="colGray">("支出"由公司汇出，"收入"提交人需汇款至公司。)</span></th><td class="taR" width="200"><!-- <span class="colGreen">收入</span> --><span class="colRed">支出</span></td></tr>
-								<tr><th>汇款金额</th><td class="taR" width="200">￥2050.00</td></tr>
-									</tbody>
-								</table>
-								<!--已经有流水，不需要填信息-->
-								<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>流水类型<br><span class="colGray">("支出"由公司汇出，"收入"提交人需汇款至公司。)</span></th><td class="taR" width="200"><span class="colRed">支出</span><!-- <span class="colGreen">收入</span> --></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> -->
-										<tr><th>提交人</th><td class="taR" width="220">
-										总部-黄嘉玲</td></tr>
-										<tr><th>备注</th><td class="taR" width="220">
-										</td></tr>
-										</tbody>
-								</table>
 							</div>
 							<!--对公汇款审批-->
 							<div class="seTable reportTable">
 								<table class="table table-bordered table-condensed table-hover">
 									<tbody>
 									<tr class="warning"><td class="taR"><b>（#G1402130405003）本次费用合计</b></td><td class="taR"><b style="font-size:24px">￥2050.00</b><br>贰仟零伍拾元整</td></tr>
-									<tr><th class="taC" colspan="2">费用说明</th></tr>
-									<tr><td colspan="2">这是费用说明的内容</td></tr>
-									<tr><th colspan="2" class="taC">办事处相关费用</th></tr>
+									<tr><th colspan="2" class="taC">内部培训费用</th></tr>
 									<tr><th>办公费用<div class="repMark fR"><i class="rmDone">●</i><i class="rmUdone">●</i><i class="rmClear">●</i></div></th><td  width="140" class="taR">￥2020.00</td></tr>
 									<tr><th>其他费用<div class="repMark fR"><i class="rmDone">●</i><i class="rmUdone">●</i><i class="rmClear">●</i></div></th><td class="taR">￥50.00</td></tr>
 									<tr><th class="taR">合计</th><td class="colGreen taR">￥0.00</td></tr>
@@ -574,8 +518,6 @@
 								<table class="table table-bordered table-condensed table-hover">
 									<tbody>
 									<tr class="warning"><td class="taR"><b>（#J1402130405003）本次费用合计</b></td><td class="taR"><b style="font-size:24px">￥2050.00</b><br>贰仟零伍拾元整</td></tr>
-									<tr><th class="taC" colspan="2">费用说明</th></tr>
-									<tr><td colspan="2">这是费用说明的内容</td></tr>
 									<tr><th colspan="2" class="taC">行程详细</th></tr>
 			  						<tr><th colspan="2" class="ta"><i class="contactsMark icon-">P</i> 2020-01-03 珠海-广州<div class="fR"><a href="">编辑</a>&nbsp;<a href="" class="colRed">移除</a></div></th></tr>
 			  						<tr><th>往来交通费<p class="colGray">#高铁</p></th><td width="200" class="taR">￥75.00</td></tr>
@@ -600,8 +542,6 @@
 									<tr><th><a href="#">撤销</a><span class="interval">|</span>何银龄：机票我出了100</th><td class="taR">-￥110.00</td></tr>
 									<tr><th><a href="#">撤销</a><span class="interval">|</span>谭玉堂：奖励10元</th><td class="taR">+￥10.00</td></tr>
 									<tr><th class="taR">合计</th><td class="colOrange taR">-￥110.00</td></tr>
-									<tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
-									<tr><th style="text-align:center" colspan="2">广东办</th></tr>
 									<th class="taC" colspan="2">附件</th>
 									<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>
 									</tbody>
@@ -609,8 +549,6 @@
 								<table class="table table-bordered table-condensed table-hover">
 									<tbody>
 									<tr class="warning"><td class="taR"><b>（#J1402130405003）本次费用合计</b></td><td class="taR"><b style="font-size:24px">￥2050.00</b><br>贰仟零伍拾元整</td></tr>
-									<tr><th class="taC" colspan="2">费用说明</th></tr>
-									<tr><td colspan="2">这是费用说明的内容</td></tr>
 			  						<tr><th colspan="2" class="taC">内部培训费用</th></tr>
 			  						<tr><th>场租费</th><td width="200" class="taR">￥<input type="number" value="0" placeholder="输入场租费" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
 			  						<tr><th>薪酬</th><td width="200" class="taR">￥<input type="number" value="0" placeholder="输入薪酬" pattern="[0-9]" step="1" min="0" class="span2"></td></tr>
@@ -627,8 +565,6 @@
 									<tr><th><a href="#">撤销</a><span class="interval">|</span>何银龄：机票我出了100</th><td class="taR">-￥110.00</td></tr>
 									<tr><th><a href="#">撤销</a><span class="interval">|</span>谭玉堂：奖励10元</th><td class="taR">+￥10.00</td></tr>
 									<tr><th class="taR">合计</th><td class="colOrange taR">-￥110.00</td></tr>
-									<tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
-									<tr><th style="text-align:center" colspan="2">广东办</th></tr>
 									<th class="taC" colspan="2">附件</th>
 									<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>
 									</tbody>