outaozhen 5 years ago
parent
commit
000bc74d16
3 changed files with 205 additions and 160 deletions
  1. 26 0
      css/global.css
  2. 176 160
      saea-all-reportList.html
  3. 3 0
      saea-receipt-add4.html

+ 26 - 0
css/global.css

@@ -4156,4 +4156,30 @@ td div.dlLev3{
 }
 .hidden{
   display: none !important;
+}
+.saeasideMnav{
+  padding: 20px 20px 0 20px;
+  border-right: 1px solid #ddd;
+  background: #fff;
+}
+.saeaScreen{
+  margin: 0 0 20px 0;
+}
+.saeaScreen span{
+  display: inline-block;
+  padding:5px;
+  background: #ccc;
+}
+.popupTip{
+  position: absolute;
+  top: 0px;
+  z-index: 999;
+  width: 960px;
+  text-align: center;
+}
+.popupTipText{
+  background: #f70000;
+  color: #fff;
+  padding: 5px 10px;
+  border-radius:0 0 5px 5px;
 }

+ 176 - 160
saea-all-reportList.html

@@ -46,168 +46,184 @@
 					</ul>
 				</div>
 			</div>
-			<div class="adminContent autoHeight" style="height: 821px;">
-				<legend><div class="fR"></div>所有费用列表</legend>
-				<div class="demandCate">
-					<ul class="cateList">
-	  					<li><input type="month" style="width:120px"></li>
-	  					<li><select><option>办事处</option></select> <select><option>员工</option></select></li>
-	  					<li><select><option>费用类型</option><option>培训班</option><option>报销单</option><option>对公汇款</option><option>借款</option></select></li>
-						<li><div class="search">
+			<div class="adminContent adminContentS autoHeight">
+				<div class="librarySide">
+					<div class="saeasideMnav autoHeight">
+						<div class="search">
 							<div class="input-append">
-								<input class="span3" placeholder="单号搜索" type="text">
-								<button class="btn btn-small" type="button">搜索</button>
+								<input class="" placeholder="搜索" type="text" style="width: 130px !important;border-radius: 4px;">
+								<!-- <button class="btn btn-small" type="button">搜索</button> -->
 							</div>
-						</div></li>
-						<li>报销总计:¥5470.00</li>
-	  					<li>同意支付:<span class="colGreen">¥2160.00</span></li>
-						<li>审批中:¥1150.00</li>
-	  			</ul>
-	  		</div>
-	  		<div class="saeaList">
-	  			<!--待审批列表-->
-	  			<div class="entry">
-	  				<table class="table table-bordered table-condensed">
-	  					<thead><tr><th width="54" class="taC">上报人</th><th width="80" class="taC">费用类型</th><th width="100" class="taC">费用总金额</th><th width="100" class="taC">费用结算</th><th width="120" class="taC">费用所在办事处</th><th width="120" class="taC">费用单号</th><th class="taC">费用说明</th><th width="100" class="taC">状态</th><th width="100" class="taC">操作</th></tr></thead>
-	  					<tbody>
-	  						<tr>
-	  							<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>培训班结算</td>
-	  							<td class="taR colOrange"><b>¥21212.00</b></td>
-	  							<td class="taR"></td>
-	  							<td>广东办</td>
-	  							<td>#B201405286811<p class="colGray">2015-2-21</p></td>
-	  							<td>说明说明说明说明</td>
-								<td>审批中</td>
-	  							<td><a href="saea-reportList-report2.html">详情</a></td>
-	  						</tr>
-	  						<tr>
-	  							<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>报销单</td>
-	  							<td class="taR colOrange"><b>¥1212.00</b></td>
-	  							<td class="taR"></td>
-	  							<td>广东办</td>
-	  							<td>#B201405286811<p class="colGray">2015-2-21</p></td>
-	  							<td>说明说明说明说明</td>
-								<td>审批中</td>
-	  							<td><a href="saea-reportList-detail.html">详情</a></td>
-	  						</tr>
-	  						<tr>
-	  							<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>报销单</td>
-	  							<td class="taR colOrange"><b>¥1212.00</b></td>
-	  							<td class="taR"></td>
-	  							<td>广东办</td>
-	  							<td>#B201405286811<p class="colGray">2015-2-21</p></td></td>
-	  							<td>说明说明说明说明</td>
-	  							<td>审批中</td>
-	  							<td><a href="saea-reportList-detail.html">详情</a></td>
-	  						</tr>
-	  						<tr>
-	  							<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>报销单</td>
-	  							<td class="taR colOrange"><b>¥1212.00</b></td>
-	  							<td class="taR"></td>
-	  							<td>广东办</td>
-	  							<td>#B201405286811<p class="colGray">2015-2-21</p></td>
-	  							<td>说明说明说明说明</td>
-	  							<td>审批中</td>
-	  							<td><a href="saea-reportList-detail.html">详情</a></td>
-	  						</tr>
-							<tr>
-								<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>对公汇款</td>
-								<td class="taR colOrange"><b>¥1212.00</b></td>
-								<td class="taR "><span class="colGreen">收入</span>¥110.00</td>
-								<td>广东办</td>
-								<td>#G201405286811<p class="colGray">2015-2-21</p></td></td>
-								<td>说明说明说明说明</td>
-								<td class="colBlue">执行中<p class="colGray">2015-2-23</p></td>
-								<td><a href="saea-reportList-detail.html">详情</a></td>
-							</tr>
-							<tr>
-								<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>对公汇款</td>
-								<td class="taR colOrange"><b>¥1212.00</b></td>
-								<td class="taR "><span class="colGreen">收入</span>¥110.00</td>
-								<td>广东办</td>
-								<td>#G201405286811<p class="colGray">2015-2-21</p></td>
-								<td>说明说明说明说明</td>
-								<td class="colGreen">费用完成<p class="colGray">2015-2-23</p></td>
-								<td><a href="saea-reportList-detail.html">详情</a></td>
-							</tr>
-							<tr>
-								<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>借款</td>
-								<td class="taR colOrange"><b>¥1212.00</b></td>
-								<td class="taR "><span class="colRed">支出</span>¥300.00</td>
-								<td>广东办</td>
-								<td>#J201405286811<p class="colGray">2015-2-21</p></td></td>
-								<td>说明说明说明说明</td>
-								<td class="colBlue">执行中<p class="colGray">2015-2-23</p></td>
-								<td><a href="saea-reportList-detail.html">详情</a></td>
-							</tr>
-							<tr>
-								<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>借款(报销)</td>
-								<td class="taR colOrange"><b>¥2000.00</b><br><b class="colRed">¥1864.00</b></td>
-								<td class="taR "><span class="colRed">支出</span>¥300.00</td>
-								<td>广东办</td>
-								<td>#J201405286811<p class="colGray">2015-2-21</p></td>
-								<td>说明说明说明说明</td>
-								<td class="colGreen">费用完成<p class="colGray">2015-2-23</p></td>
-								<td><a href="saea-reportList-detail.html">详情</a></td>
-							</tr>
-							<tr>
-								<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>借款(报销)</td>
-								<td class="taR colOrange"><b>¥2000.00</b><br><b class="colGreen">¥3641.00</b></td>
-								<td class="taR "><span class="colRed">支出</span>¥300.00</td>
-								<td>广东办</td>
-								<td>#J201405286811<p class="colGray">2015-2-21</p></td>
-								<td>说明说明说明说明</td>
-								<td class="colGreen">费用完成<p class="colGray">2015-2-23</p></td>
-								<td><a href="saea-reportList-detail.html">详情</a></td>
-							</tr>
-							<!--培训班-->
-							<tr>
-								<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
-								<td>借款<br><a href="saea-reportList-report2.html" target="_blank">培训班</a></td>
-								<td class="taR colOrange"><b>¥2000.00</b><br><b class="colRed">0.00</b></td>
-								<td class="taR "><span class="colRed">支出</span>¥300.00</td>
-								<td>广东办</td>
-								<td>#J201405286811<p class="colGray">2015-2-21</p></td>
-								<td>说明说明说明说明</td>
-								<td class="colGreen">费用完成<p class="colGray">2015-2-23</p></td>
-								<td><a href="saea-reportList-detail.html">详情</a></td>
-							</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><input type="month" style="width:120px"></div>
+						<div class="clearfix">
+							<select class="fL"><option>请选择所在办事处</option><option>广东办</option><option>总部</option></select>
+						</div>
+						<div class="clearfix">
+							<select class="fL"><option>请选择员工</option></select>
+						</div>
+						<div class="clearfix">
+							<select class="fL"><option>请选择费用类型</option><option>培训班</option><option>报销单</option><option>对公汇款</option><option>借款</option></select>
+						</div>
+						<a class="button stockdemandBtn">点击查询</a>
+					</div>
+				</div>
+				<div class="libraryContent">
+					<legend><div class="fR"></div>所有费用列表</legend>
+					<div class="demandCate">
+						<div class="saeaScreen">
+							<span>2020年11月 <a href="" class="icon-">k</a> </span>
+							<span>广东办 <a href="" class="icon-">k</a> </span>
+							<span>刘飞 <a href="" class="icon-">k</a> </span>
+						</div>
+						<!-- <ul class="cateList">
+		  					<li><select><option>办事处</option></select> <select><option>员工</option></select></li>
+		  				</ul> -->
+		  			</div>
+					<div class="saeaList">
+			  			<!--待审批列表-->
+			  			<div class="entry">
+			  				<table class="table table-bordered table-condensed">
+			  					<thead><tr><th width="54" class="taC">上报人</th><th width="80" class="taC">费用类型</th><th width="100" class="taC">费用总金额</th><th width="100" class="taC">费用结算</th><th width="120" class="taC">费用所在办事处</th><th width="120" class="taC">费用单号</th><th class="taC">费用说明</th><th width="100" class="taC">状态</th><th width="100" class="taC">操作</th></tr></thead>
+			  					<tbody>
+			  						<tr>
+			  							<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>培训班结算</td>
+			  							<td class="taR colOrange"><b>¥21212.00</b></td>
+			  							<td class="taR"></td>
+			  							<td>广东办</td>
+			  							<td>#B201405286811<p class="colGray">2015-2-21</p></td>
+			  							<td>说明说明说明说明</td>
+										<td>审批中</td>
+			  							<td><a href="saea-reportList-report2.html">详情</a></td>
+			  						</tr>
+			  						<tr>
+			  							<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>报销单</td>
+			  							<td class="taR colOrange"><b>¥1212.00</b></td>
+			  							<td class="taR"></td>
+			  							<td>广东办</td>
+			  							<td>#B201405286811<p class="colGray">2015-2-21</p></td>
+			  							<td>说明说明说明说明</td>
+										<td>审批中</td>
+			  							<td><a href="saea-reportList-detail.html">详情</a></td>
+			  						</tr>
+			  						<tr>
+			  							<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>报销单</td>
+			  							<td class="taR colOrange"><b>¥1212.00</b></td>
+			  							<td class="taR"></td>
+			  							<td>广东办</td>
+			  							<td>#B201405286811<p class="colGray">2015-2-21</p></td></td>
+			  							<td>说明说明说明说明</td>
+			  							<td>审批中</td>
+			  							<td><a href="saea-reportList-detail.html">详情</a></td>
+			  						</tr>
+			  						<tr>
+			  							<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>报销单</td>
+			  							<td class="taR colOrange"><b>¥1212.00</b></td>
+			  							<td class="taR"></td>
+			  							<td>广东办</td>
+			  							<td>#B201405286811<p class="colGray">2015-2-21</p></td>
+			  							<td>说明说明说明说明</td>
+			  							<td>审批中</td>
+			  							<td><a href="saea-reportList-detail.html">详情</a></td>
+			  						</tr>
+									<tr>
+										<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>对公汇款</td>
+										<td class="taR colOrange"><b>¥1212.00</b></td>
+										<td class="taR "><span class="colGreen">收入</span>¥110.00</td>
+										<td>广东办</td>
+										<td>#G201405286811<p class="colGray">2015-2-21</p></td></td>
+										<td>说明说明说明说明</td>
+										<td class="colBlue">执行中<p class="colGray">2015-2-23</p></td>
+										<td><a href="saea-reportList-detail.html">详情</a></td>
+									</tr>
+									<tr>
+										<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>对公汇款</td>
+										<td class="taR colOrange"><b>¥1212.00</b></td>
+										<td class="taR "><span class="colGreen">收入</span>¥110.00</td>
+										<td>广东办</td>
+										<td>#G201405286811<p class="colGray">2015-2-21</p></td>
+										<td>说明说明说明说明</td>
+										<td class="colGreen">费用完成<p class="colGray">2015-2-23</p></td>
+										<td><a href="saea-reportList-detail.html">详情</a></td>
+									</tr>
+									<tr>
+										<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>借款</td>
+										<td class="taR colOrange"><b>¥1212.00</b></td>
+										<td class="taR "><span class="colRed">支出</span>¥300.00</td>
+										<td>广东办</td>
+										<td>#J201405286811<p class="colGray">2015-2-21</p></td></td>
+										<td>说明说明说明说明</td>
+										<td class="colBlue">执行中<p class="colGray">2015-2-23</p></td>
+										<td><a href="saea-reportList-detail.html">详情</a></td>
+									</tr>
+									<tr>
+										<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>借款(报销)</td>
+										<td class="taR colOrange"><b>¥2000.00</b><br><b class="colRed">¥1864.00</b></td>
+										<td class="taR "><span class="colRed">支出</span>¥300.00</td>
+										<td>广东办</td>
+										<td>#J201405286811<p class="colGray">2015-2-21</p></td>
+										<td>说明说明说明说明</td>
+										<td class="colGreen">费用完成<p class="colGray">2015-2-23</p></td>
+										<td><a href="saea-reportList-detail.html">详情</a></td>
+									</tr>
+									<tr>
+										<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>借款(报销)</td>
+										<td class="taR colOrange"><b>¥2000.00</b><br><b class="colGreen">¥3641.00</b></td>
+										<td class="taR "><span class="colRed">支出</span>¥300.00</td>
+										<td>广东办</td>
+										<td>#J201405286811<p class="colGray">2015-2-21</p></td>
+										<td>说明说明说明说明</td>
+										<td class="colGreen">费用完成<p class="colGray">2015-2-23</p></td>
+										<td><a href="saea-reportList-detail.html">详情</a></td>
+									</tr>
+									<!--培训班-->
+									<tr>
+										<td><div class="avtra"><img src="images/avatar-6.png" width="32"><br>刘飞</td>
+										<td>借款<br><a href="saea-reportList-report2.html" target="_blank">培训班</a></td>
+										<td class="taR colOrange"><b>¥2000.00</b><br><b class="colRed">0.00</b></td>
+										<td class="taR "><span class="colRed">支出</span>¥300.00</td>
+										<td>广东办</td>
+										<td>#J201405286811<p class="colGray">2015-2-21</p></td>
+										<td>说明说明说明说明</td>
+										<td class="colGreen">费用完成<p class="colGray">2015-2-23</p></td>
+										<td><a href="saea-reportList-detail.html">详情</a></td>
+									</tr>
+			  					</tbody>
+			  				</table>
+								<ul class="pagination fL">
+					  					<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 fL">
+					  					<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>
 	</div>

+ 3 - 0
saea-receipt-add4.html

@@ -50,6 +50,9 @@
 			</div>
 			<div class="adminContent autoHeight">
 		  		<div class="borad-news">
+		  			<div class="popupTip">
+			  			<span class="popupTipText">错误提示</span>
+			  		</div>
 		  			<div class="fixedSide" id="fixedSide">
 		  				<ul>
 		  					<li class="banshi active"><a href="#banshi">办事处</a></li>