我的费用 费用审批 增加翻页 年份筛选 增加 所有年份

css/global.css

@@ -675,7 +675,7 @@ border-color: #d6e9c6;
   line-height: 32px;
   padding:0 5px 0 0 ;
 }
-.lockRecord .addRecordForm{ 
+.lockRecord .addRecordForm{
   background-color: #F7F7F7;
   padding: 5px;
   margin:5px;
@@ -792,7 +792,7 @@ border-color: #d6e9c6;
     position: fixed;
     top: 0;
     width:50px;
-    z-index: 1000;  
+    z-index: 1000;
     display: inline-block;
     letter-spacing: normal;
     text-rendering: auto;
@@ -801,7 +801,7 @@ border-color: #d6e9c6;
 }
 .mainMenu .menuItem{
   display:block
-}   
+}
 .mainMenu .mLogo{
   margin:5px;
   padding:5px 0;
@@ -904,7 +904,7 @@ border-color: #d6e9c6;
 }
 .header h2.cate a.now{
   background:#191818;
-  color: #FFFFFF; 
+  color: #FFFFFF;
 }
 .header h2.btnList a{
   padding:0 2px;
@@ -1107,16 +1107,16 @@ border-color: #d6e9c6;
 }
 .centerRecord .mostList li.now{
   border-right:1px solid #f7f7f7;
-  border-left:1px solid #8E0950; 
+  border-left:1px solid #8E0950;
   background:#f7f7f7;
 }
 .centerRecord .mostList li.now:hover{
-  border-left:1px solid #8E0950; 
+  border-left:1px solid #8E0950;
   border-right:1px solid #f7f7f7
 }
 .centerRecord .mostList li.now .conNum{
   display:block;
-  background:#f7f7f7 
+  background:#f7f7f7
 }
 .centerRecord .mostList li .conNum span{
   display:inline-block;
@@ -1212,7 +1212,7 @@ border-color: #d6e9c6;
   color: #FFFFFF;
   margin: 0 2px 0 0;
   padding: 0 3px;
-  overflow:hidden; 
+  overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
   display:inline-block;
@@ -1263,7 +1263,7 @@ border-color: #d6e9c6;
   margin: 0 2px 0 0;
   font-size:14px;
   line-height: 16px;
-  overflow:hidden; 
+  overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
   display:inline-block;
@@ -1356,7 +1356,7 @@ border-color: #d6e9c6;
   line-height:25px;
 }
 .demandCate .cateList li a{
-  margin:0 5px 0 0 
+  margin:0 5px 0 0
 }
 .demandCate .cateList li a.now{
   background:#191818;
@@ -1375,7 +1375,7 @@ border-color: #d6e9c6;
   display:inline-block;
   width:13%;
   padding:0 0 0 3px;
-  overflow:hidden; 
+  overflow:hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
 }
@@ -1616,7 +1616,7 @@ a.new-ribbon:before{
 }
 .contactCate .contactTableHead{
   border-bottom:1px solid #ddd
-} 
+}
 .contactCate .contactTableHead table{
   width:100%;
   -moz-box-sizing: border-box;
@@ -1741,7 +1741,7 @@ a.new-ribbon:before{
   margin:0
 }
 .loginBg {
-  background:url(loginbg.jpg) no-repeat left top 
+  background:url(loginbg.jpg) no-repeat left top
 }
 .loginPanel {
   height: 345px;
@@ -2180,7 +2180,7 @@ table .taC{
 .censorList {
   background-color: #fff;
   background:#fff url(timeline_hline2.png) repeat-y scroll 26px 0px;
-  overflow-y:auto 
+  overflow-y:auto
 }
 .censorList li {
   position: relative;
@@ -2237,7 +2237,7 @@ table .taC{
   color:#fff
 }
 .censorList li.back{
-  background-color:#fff3e5 
+  background-color:#fff3e5
 }
 .censorList li.back .avtra{
   background:#FFA132 ;
@@ -2315,7 +2315,7 @@ table .taC{
   margin:0;
 }
 .staffList{
- overflow-y: auto; 
+ overflow-y: auto;
 }
 .staffItem {
   float:left;
@@ -2501,7 +2501,7 @@ table .taC{
 }
 .uploadAvtra .uploadPanel{
   position:absolute;
-  top:0;  
+  top:0;
   left:220px;
 }
 /**/
@@ -2563,7 +2563,7 @@ animation:shake 1s .2s ease both;}
   font-size: 10px;
   right:2px;
   top:2px;
-  background-color: #F90000; 
+  background-color: #F90000;
   border-radius: 10px;
   width:18px;
   height: 18px;
@@ -2718,7 +2718,7 @@ animation:shake 1s .2s ease both;}
   padding: 10px 20px
 }
 .groupSide .groupCont li:hover{
-  color:#8E0950  
+  color:#8E0950
 }
 .groupSide .groupCont li.active {
   background: #f9ecf3;
@@ -2891,7 +2891,7 @@ animation:shake 1s .2s ease both;}
 .demanStat .stat1 > div{
   border-right: 1px solid #86c774;
   height: 105px;
-  text-align: center;  
+  text-align: center;
   padding-top:15px;
   height: 90px
 }
@@ -3111,7 +3111,7 @@ animation:shake 1s .2s ease both;}
   width: 400px;
   max-width: 400px;
   min-width: 400px
-}  
+}
 /**表情**/
 .smile {
   position: relative;
@@ -3316,25 +3316,27 @@ ul.smileBox li a:hover,ul.smileBox li a:active {
 }
 .pagination li{
   float: left;
-  border-left:1px solid #ddd;
-  border-top: 1px solid #ddd;
-  border-bottom: 1px solid #ddd
+  margin-left:-1px;
+  border:1px solid #ddd;
+  position: relative;
 }
-.pagination li:last-child{
-  border-right:1px solid #ddd
+.pagination li.point{
+  border: none;
 }
-.pagination li a{
+.pagination li a,.pagination li span{
   padding: 6px 12px;
   display:inline-block
 }
 .pagination li:hover{
-  background: #ddd
+  border-color:#8E0950;
+  z-index: 1
 }
 .pagination li.active{
+  border-color:#8E0950;
   background-color:#8E0950
 }
 .pagination li.active a{
-  color:#fff
+  color:#fff;
 }
 .demandTabList .side{
   position: absolute;
@@ -3407,10 +3409,10 @@ legend .search{
   color: #8E0950
 }
 .sideMnav li.focus a,.sideMnav li.focus span{
-  color: #8E0950 
+  color: #8E0950
 }
 .sideSnav li a:hover,.sideSnav li span:hover {
-  color: #8E0950 
+  color: #8E0950
 }
 .sideSnav li a.focus{
   color: #8E0950
@@ -3704,4 +3706,4 @@ td div.dlLev3{
 }
 .invoButton a.buttonUndone:active{
   background:#790000;
-}
+}

saea-myList.html

@@ -1,13 +1,13 @@
 <!DOCTYPE html>
-<html lang=zh-cn> 
+<html lang=zh-cn>
 <head>
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<meta name=description content=电子版晴雨表，在线晴雨表，网页晴雨表> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css> 
-	<script src=js/jquery-1.7.1.min.js></script> 
+	<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>
@@ -49,7 +49,7 @@
 				<div class="demandCate">
 					<ul class="cateList">
 	  					<li><a href="#" class="now">所有</a><a href="#">借款申请</a><a href="#">报销单</a><a href="#">对公汇款</a></li>
-	  					<li><select><option>2014</option></select> <select><option>所有月份</option></select></li>
+	  					<li><select><option>所有年份</option><option>2014</option></select> <select><option>所有月份</option></select></li>
 	  					<li>报销总计：￥5470.00</li>
 	  					<li>同意支付：<span class="colGreen">￥2160.00</span></li>
 						<li>审批中：￥1150.00</li>
@@ -99,9 +99,31 @@
 						</tr>
 						</tbody>
 					</table>
+					<ul class="pagination fR">
+								<li><a href="#" title="上一页">&lt;</a></li>
+								<li class="active"><a href="#">1</a></li>
+								<li><a href="#">2</a></li>
+								<li><a href="#">3</a></li>
+								<li><a href="#">4</a></li>
+								<li><a href="#">5</a></li>
+								<li class="point"><span>...</span></li>
+								<li><a href="#" title="下一页">&gt;</a></li>
+					</ul>
+					<ul class="pagination fR">
+								<li><a href="#" title="上一页">&lt;</a></li>
+								<li><a href="#">1</a></li>
+								<li class="point"><span>...</span></li>
+								<li><a href="#">3</a></li>
+								<li><a href="#">4</a></li>
+								<li class="active"><a href="#">5</a></li>
+								<li><a href="#">6</a></li>
+								<li><a href="#">7</a></li>
+								<li class="point"><span>...</span></li>
+								<li><a href="#" title="下一页">&gt;</a></li>
+					</ul>
 				</div>
 			</div>
 		</div>
 	</div>
-<script type="text/javascript">autoFlashHeight();</script>	
-</body>
+<script type="text/javascript">autoFlashHeight();</script>
+</body>

saea-reportList.html

@@ -1,13 +1,13 @@
 <!DOCTYPE html>
-<html lang=zh-cn> 
+<html lang=zh-cn>
 <head>
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<meta name=description content=电子版晴雨表，在线晴雨表，网页晴雨表> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css> 
-	<script src=js/jquery-1.7.1.min.js></script> 
+	<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>
@@ -49,7 +49,7 @@
 				<div class="demandCate">
 					<ul class="cateList">
 	  					<li><a class="now" href="#">全部</a><a href="#">待审批</a><a href="#">审批中</a><a href="#">执行中</a><a href="#">费用完成</a><a href="#">撤回</a><a href="#">终止</a></li>
-	  					<li><select><option>2014</option></select> <select><option>所有月份</option></select></li>
+	  					<li><select><option>所有年份</option><option>2014</option></select> <select><option>所有月份</option></select></li>
 	  					<li><select><option>办事处</option></select> <select><option>员工</option></select></li>
 	  			</ul>
 	  		</div>
@@ -151,10 +151,33 @@
 							</tr>
 	  					</tbody>
 	  				</table>
+
+						<ul class="pagination fR">
+			  					<li><a href="#" title="上一页">&lt;</a></li>
+			  					<li class="active"><a href="#">1</a></li>
+			  					<li><a href="#">2</a></li>
+			  					<li><a href="#">3</a></li>
+			  					<li><a href="#">4</a></li>
+			  					<li><a href="#">5</a></li>
+			  					<li class="point"><span>...</span></li>
+			  					<li><a href="#" title="下一页">&gt;</a></li>
+			  		</ul>
+						<ul class="pagination fR">
+			  					<li><a href="#" title="上一页">&lt;</a></li>
+			  					<li><a href="#">1</a></li>
+			  					<li class="point"><span>...</span></li>
+			  					<li><a href="#">3</a></li>
+			  					<li><a href="#">4</a></li>
+			  					<li class="active"><a href="#">5</a></li>
+			  					<li><a href="#">6</a></li>
+			  					<li><a href="#">7</a></li>
+			  					<li class="point"><span>...</span></li>
+			  					<li><a href="#" title="下一页">&gt;</a></li>
+			  		</ul>
 	  			</div>
 	  		</div>
 			</div>
 		</div>
 	</div>
-<script type="text/javascript">autoFlashHeight();</script>	
-</body>
+<script type="text/javascript">autoFlashHeight();</script>
+</body>