Home Explore Help
Sign In
S.H.I.E.L.D.
/
jiliangzhifuV2
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

升级bootstarp3.0

Chente 8 years ago
parent
a178c65fa0
commit
d91d9e752c
11 changed files with 248 additions and 187 deletions
Unified View Show Diff Stats
  1. 15 7
      css/style.css
  2. 3 3
      js/jl.js
  3. 30 22
      sign-create_sign.html
  4. 36 28
      sign-list-all.html
  5. 36 28
      sign-list-done_sign.html
  6. 49 35
      sign-list-my_create.html
  7. 23 23
      sign-list-need_sign.html
  8. 35 27
      sign-list-on_sign.html
  9. 9 5
      sign-view-page.html
  10. 9 6
      sign-view-set_signer.html
  11. 3 3
      sign-view-signer_sign.html

+ 15 - 7
css/style.css
View File 

@@ -147,9 +147,10 @@ div.userInfo .btn-group .dropdown-menu{
 
   padding:0 30px 0
 
   padding:0 30px 0
 
 }
 
 }
 
 .mainContent .title h1{
 
 .mainContent .title h1{
 
-  font-size:24px;
 
+  font-size:20px;
 
   color:#333;
 
   color:#333;
 
-  font-weight:normal
 
+  font-weight:normal;
 
+  margin-top: 10px
 
 }
 
 }
 
 .mainContent .title {
 
 .mainContent .title {
 
   padding:10px 0 0 0;
 
   padding:10px 0 0 0;
 
@@ -998,7 +999,7 @@ left:5px
 
   padding:0;
 
   padding:0;
 
 }
 
 }
 
 .signContent .title{
 
 .signContent .title{
 
-  padding:0 30px;
 
+  padding:0 20px;
 
   border-bottom:1px solid #ddd
 
   border-bottom:1px solid #ddd
 
 }
 
 }
 
 .sign-avatars span{
 
 .sign-avatars span{
 
@@ -1014,7 +1015,7 @@ left:5px
 
 .sign-menu .item {
 
 .sign-menu .item {
 
   float:left;
 
   float:left;
 
   width:300px;
 
   width:300px;
 
-  height:120px;
 
+  height:140px;
 
   text-align:center;
 
   text-align:center;
 
   font-size:38px;
 
   font-size:38px;
 
   border:1px solid #ddd;
 
   border:1px solid #ddd;
 
@@ -1030,10 +1031,10 @@ left:5px
 
   margin:0 auto
 
   margin:0 auto
 
 }
 
 }
 
 .sign-topbar{
 
 .sign-topbar{
 
-  margin:15px 0 0 0
 
+  margin:5px 0 0 0
 
 }
 
 }
 
 .sign-page-num {
 
 .sign-page-num {
 
-  margin:15px 15px 0 0;
 
+  margin:5px 15px 0 0;
 
   font-size:18px;
 
   font-size:18px;
 
   height:30px;
 
   height:30px;
 
   line-height: 30px;
 
   line-height: 30px;
 
@@ -1045,6 +1046,13 @@ left:5px
 
   border-right:1px solid #ddd;
 
   border-right:1px solid #ddd;
 
   box-sizing: border-box;
 
   box-sizing: border-box;
 
 }
 
 }
 
+.bg-content {
 
+  border-right:none;
 
+  border-left:1px solid #ddd;
 
+  background:#fff;
 
+  overflow-x: hidden;
 
+  overflow-y: auto;
 
+}
 
 .sign-content .page{
 
 .sign-content .page{
 
   border: 9px solid transparent;
 
   border: 9px solid transparent;
 
   position: relative;
 
   position: relative;
 
@@ -1070,7 +1078,7 @@ left:5px
 
   color:#999
 
   color:#999
 
 }
 
 }
 
 .signed-list li{
 
 .signed-list li{
 
-  height:48px;
 
+  height:68px;
 
   line-height:48px;
 
   line-height:48px;
 
   padding:10px 10px 10px 30px;
 
   padding:10px 10px 10px 30px;
 
   border-bottom:1px dashed #ddd;
 
   border-bottom:1px dashed #ddd;

+ 3 - 3
js/jl.js
View File 

@@ -1,13 +1,13 @@
 
 function autoFlashHeight(){
 
 function autoFlashHeight(){
 
     var signSide = $(".sign-side").width();
 
     var signSide = $(".sign-side").width();
 
     $(".body").height($(window).height());
 
     $(".body").height($(window).height());
 
-    $(".mainContainer").height($(window).height()-51 );
 
+    $(".mainContainer").height($(window).height()-48 );
 
     $(".adminContent").height($(window).height()-117 );
 
     $(".adminContent").height($(window).height()-117 );
 
     $(".slidePanel").height($(window).height()-48);
 
     $(".slidePanel").height($(window).height()-48);
 
     $(".jlTable").height($(window).height()-101 );
 
     $(".jlTable").height($(window).height()-101 );
 
     $(".misTable").height($(window).height()-228 );
 
     $(".misTable").height($(window).height()-228 );
 
     $(".topBanner").height($(window).height()-65 );
 
     $(".topBanner").height($(window).height()-65 );
 
-    $(".sign-content").height($(window).height()-112);
 
+    $(".sign-content").height($(window).height()-98);
 
     $(".sign-content").width($(window).width()-signSide-69);
 
     $(".sign-content").width($(window).width()-signSide-69);
 
     $(".sign-content-warp").height($(window).height()-30);
 
     $(".sign-content-warp").height($(window).height()-30);
 
     $(".sign-content-warp").width($(window).width());
 
     $(".sign-content-warp").width($(window).width());
 
@@ -41,5 +41,5 @@ waveloop2();
 
    $('*[data-toggle=tooltip]').mouseover(function() {
 
    $('*[data-toggle=tooltip]').mouseover(function() {
 
  $(this).tooltip('show');
 
  $(this).tooltip('show');
 
   });
 
   });
 
-  
+
 
 });
 
 });

+ 30 - 22
sign-create_sign.html
View File 

@@ -1,15 +1,15 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
-<html lang=zh-cn> 
+<html lang=zh-cn>
 
 <head>
 
 <head>
 
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/bootstrap.css> 
-	<link rel=stylesheet href=css/style.css> 
-	<script src=js/jquery-1.9.1.min.js></script> 
-	<script src=js/bootstrap.js></script> 
-	<script src=js/jl.js></script> 
+	<meta charset=utf-8>
 
+	<title>纵横计量支付系统</title>
 
+	<meta name=description content=计量支付>
 
+	<meta name=copyright content=smartcost.com.cn>
 
+	<link rel=stylesheet href=css/bootstrap.css>
 
+	<link rel=stylesheet href=css/style.css>
 
+	<script src=js/jquery-1.9.1.min.js></script>
 
+	<script src=js/bootstrap.js></script>
 
+	<script src=js/jl.js></script>
 
 </head>
 
 </head>
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 			<div class="btn-group">
 
 			<div class="btn-group">
 
@@ -46,9 +46,9 @@
 
     <div class="project">
 
     <div class="project">
 
       <div class="proSection">
 
       <div class="proSection">
 
         <ul class="nav nav-pills">
 
         <ul class="nav nav-pills">
 
-          <li><select><option>请选择项目</option></select>&nbsp;</li>
 
-          <li><select><option>请选择标段</option></select>&nbsp;</li>
 
-          <li><select><option>请选择期数</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择项目</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择标段</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择期数</option></select>&nbsp;</li>
 
         </ul>
 
         </ul>
 
         <table class="table">
 
         <table class="table">
 
           <thead>
 
           <thead>
 
@@ -60,35 +60,43 @@
 
             <td>杭州某某公路-交安1标-第一期</td>
 
             <td>杭州某某公路-交安1标-第一期</td>
 
             <td>张三</td>
 
             <td>张三</td>
 
             <td>2016-08-01</td>
 
             <td>2016-08-01</td>
 
-            <td width=""><a class="btn btn-primary btn-small" href="sign-view-set_signer.html">发起签署</a></td>
 
+            <td width=""><a class="btn btn-primary btn-sm" href="sign-view-set_signer.html">发起签署</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="">工程进度表（1）</td>
 
             <td width="">工程进度表（1）</td>
 
             <td>杭州某某公路-交安1标-第一期</td>
 
             <td>杭州某某公路-交安1标-第一期</td>
 
             <td>张三</td>
 
             <td>张三</td>
 
             <td>2016-08-01</td>
 
             <td>2016-08-01</td>
 
-            <td width=""><a class="btn btn-primary btn-small" href="sign-view-set_signer.html">发起签署</a></td>
 
+            <td width=""><a class="btn btn-primary btn-sm" href="sign-view-set_signer.html">发起签署</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="">报表名</td>
 
             <td width="">报表名</td>
 
             <td>杭州某某公路-交安1标-第一期</td>
 
             <td>杭州某某公路-交安1标-第一期</td>
 
             <td>张三</td>
 
             <td>张三</td>
 
             <td>2016-08-01</td>
 
             <td>2016-08-01</td>
 
-            <td width=""><a class="btn btn-primary btn-small" href="sign-view-set_signer.html">发起签署</a></td>
 
+            <td width=""><a class="btn btn-primary btn-sm" href="sign-view-set_signer.html">发起签署</a></td>
 
           </tr>
 
           </tr>
 
           </tbody>
 
           </tbody>
 
         </table>
 
         </table>
 
-        <div class="pagination">
 
-          <ul>
 
-            <li><a href="#">上一页</a></li>
 
+        <nav aria-label="Page navigation">
 
+          <ul class="pagination">
 
+            <li>
 
+              <a href="#" aria-label="Previous">
 
+                <span aria-hidden="true">&laquo;</span>
 
+              </a>
 
+            </li>
 
             <li><a href="#">1</a></li>
 
             <li><a href="#">1</a></li>
 
             <li><a href="#">2</a></li>
 
             <li><a href="#">2</a></li>
 
             <li><a href="#">3</a></li>
 
             <li><a href="#">3</a></li>
 
             <li><a href="#">4</a></li>
 
             <li><a href="#">4</a></li>
 
             <li><a href="#">5</a></li>
 
             <li><a href="#">5</a></li>
 
-            <li><a href="#">下一页</a></li>
 
+            <li>
 
+              <a href="#" aria-label="Next">
 
+                <span aria-hidden="true">&raquo;</span>
 
+              </a>
 
+            </li>
 
           </ul>
 
           </ul>
 
-        </div>
 
+        </nav>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
@@ -97,4 +105,4 @@
 
     </div>
 
     </div>
 
 
 
 <script type="text/javascript">autoFlashHeight();</script>
 
 <script type="text/javascript">autoFlashHeight();</script>
 
-</body>
 
+</body>

+ 36 - 28
sign-list-all.html
View File 

@@ -1,15 +1,15 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
-<html lang=zh-cn> 
+<html lang=zh-cn>
 
 <head>
 
 <head>
 
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/bootstrap.css> 
-	<link rel=stylesheet href=css/style.css> 
-	<script src=js/jquery-1.9.1.min.js></script> 
-	<script src=js/bootstrap.js></script> 
-	<script src=js/jl.js></script> 
+	<meta charset=utf-8>
 
+	<title>纵横计量支付系统</title>
 
+	<meta name=description content=计量支付>
 
+	<meta name=copyright content=smartcost.com.cn>
 
+	<link rel=stylesheet href=css/bootstrap.css>
 
+	<link rel=stylesheet href=css/style.css>
 
+	<script src=js/jquery-1.9.1.min.js></script>
 
+	<script src=js/bootstrap.js></script>
 
+	<script src=js/jl.js></script>
 
 </head>
 
 </head>
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 			<div class="btn-group">
 
 			<div class="btn-group">
 
@@ -46,9 +46,9 @@
 
     <div class="project">
 
     <div class="project">
 
       <div class="proSection">
 
       <div class="proSection">
 
         <ul class="nav nav-pills">
 
         <ul class="nav nav-pills">
 
-          <li><select><option>请选择项目</option></select>&nbsp;</li>
 
-          <li><select><option>请选择标段</option></select>&nbsp;</li>
 
-          <li><select><option>请选择期数</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择项目</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择标段</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择期数</option></select>&nbsp;</li>
 
         </ul>
 
         </ul>
 
         <table class="table">
 
         <table class="table">
 
           <thead>
 
           <thead>
 
@@ -61,7 +61,7 @@
 
             <td>张三<br>2016-08-01</td>
 
             <td>张三<br>2016-08-01</td>
 
             <td>张三<br>2016-08-01</td>
 
             <td>张三<br>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="">报表名</td>
 
             <td width="">报表名</td>
 
@@ -69,7 +69,7 @@
 
             <td>张三<br>2016-08-01</td>
 
             <td>张三<br>2016-08-01</td>
 
             <td>张三<br>2016-08-01</td>
 
             <td>张三<br>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="">报表名</td>
 
             <td width="">报表名</td>
 
@@ -77,21 +77,29 @@
 
             <td>张三<br>2016-08-01</td>
 
             <td>张三<br>2016-08-01</td>
 
             <td>张三<br>2016-08-01</td>
 
             <td>张三<br>2016-08-01</td>
 
             <td><span class="colOrange">签署中</span><br></td>
 
             <td><span class="colOrange">签署中</span><br></td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a></td>
 
           </tr>
 
           </tr>
 
           </tbody>
 
           </tbody>
 
         </table>
 
         </table>
 
-        <div class="pagination">
 
-          <ul>
 
-            <li><a href="#">上一页</a></li>
 
-            <li><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><a href="#">下一页</a></li>
 
-          </ul>
 
-        </div>
 
+				<nav aria-label="Page navigation">
 
+				  <ul class="pagination">
 
+				    <li>
 
+				      <a href="#" aria-label="Previous">
 
+				        <span aria-hidden="true">&laquo;</span>
 
+				      </a>
 
+				    </li>
 
+				    <li><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>
 
+				      <a href="#" aria-label="Next">
 
+				        <span aria-hidden="true">&raquo;</span>
 
+				      </a>
 
+				    </li>
 
+				  </ul>
 
+				</nav>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
@@ -100,4 +108,4 @@
 
     </div>
 
     </div>
 
 
 
 <script type="text/javascript">autoFlashHeight();</script>
 
 <script type="text/javascript">autoFlashHeight();</script>
 
-</body>
 
+</body>

+ 36 - 28
sign-list-done_sign.html
View File 

@@ -1,15 +1,15 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
-<html lang=zh-cn> 
+<html lang=zh-cn>
 
 <head>
 
 <head>
 
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/bootstrap.css> 
-	<link rel=stylesheet href=css/style.css> 
-	<script src=js/jquery-1.9.1.min.js></script> 
-	<script src=js/bootstrap.js></script> 
-	<script src=js/jl.js></script> 
+	<meta charset=utf-8>
 
+	<title>纵横计量支付系统</title>
 
+	<meta name=description content=计量支付>
 
+	<meta name=copyright content=smartcost.com.cn>
 
+	<link rel=stylesheet href=css/bootstrap.css>
 
+	<link rel=stylesheet href=css/style.css>
 
+	<script src=js/jquery-1.9.1.min.js></script>
 
+	<script src=js/bootstrap.js></script>
 
+	<script src=js/jl.js></script>
 
 </head>
 
 </head>
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 			<div class="btn-group">
 
 			<div class="btn-group">
 
@@ -46,9 +46,9 @@
 
     <div class="project">
 
     <div class="project">
 
       <div class="proSection">
 
       <div class="proSection">
 
         <ul class="nav nav-pills">
 
         <ul class="nav nav-pills">
 
-          <li><select><option>请选择项目</option></select>&nbsp;</li>
 
-          <li><select><option>请选择标段</option></select>&nbsp;</li>
 
-          <li><select><option>请选择期数</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择项目</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择标段</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择期数</option></select>&nbsp;</li>
 
         </ul>
 
         </ul>
 
         <table class="table">
 
         <table class="table">
 
           <thead>
 
           <thead>
 
@@ -60,35 +60,43 @@
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>2016-08-01</td>
 
             <td>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="">报表名</td>
 
             <td width="">报表名</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>2016-08-01</td>
 
             <td>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="">报表名</td>
 
             <td width="">报表名</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>2016-08-01</td>
 
             <td>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a></td>
 
           </tr>
 
           </tr>
 
           </tbody>
 
           </tbody>
 
         </table>
 
         </table>
 
-        <div class="pagination">
 
-          <ul>
 
-            <li><a href="#">上一页</a></li>
 
-            <li><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><a href="#">下一页</a></li>
 
-          </ul>
 
-        </div>
 
+				<nav aria-label="Page navigation">
 
+				  <ul class="pagination">
 
+				    <li>
 
+				      <a href="#" aria-label="Previous">
 
+				        <span aria-hidden="true">&laquo;</span>
 
+				      </a>
 
+				    </li>
 
+				    <li><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>
 
+				      <a href="#" aria-label="Next">
 
+				        <span aria-hidden="true">&raquo;</span>
 
+				      </a>
 
+				    </li>
 
+				  </ul>
 
+				</nav>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
@@ -97,4 +105,4 @@
 
     </div>
 
     </div>
 
 
 
 <script type="text/javascript">autoFlashHeight();</script>
 
 <script type="text/javascript">autoFlashHeight();</script>
 
-</body>
 
+</body>

+ 49 - 35
sign-list-my_create.html
View File 

@@ -1,15 +1,15 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
-<html lang=zh-cn> 
+<html lang=zh-cn>
 
 <head>
 
 <head>
 
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/bootstrap.css> 
-	<link rel=stylesheet href=css/style.css> 
-	<script src=js/jquery-1.9.1.min.js></script> 
-	<script src=js/bootstrap.js></script> 
-	<script src=js/jl.js></script> 
+	<meta charset=utf-8>
 
+	<title>纵横计量支付系统</title>
 
+	<meta name=description content=计量支付>
 
+	<meta name=copyright content=smartcost.com.cn>
 
+	<link rel=stylesheet href=css/bootstrap.css>
 
+	<link rel=stylesheet href=css/style.css>
 
+	<script src=js/jquery-1.9.1.min.js></script>
 
+	<script src=js/bootstrap.js></script>
 
+	<script src=js/jl.js></script>
 
 </head>
 
 </head>
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 			<div class="btn-group">
 
 			<div class="btn-group">
 
@@ -46,9 +46,9 @@
 
     <div class="project">
 
     <div class="project">
 
       <div class="proSection">
 
       <div class="proSection">
 
         <ul class="nav nav-pills">
 
         <ul class="nav nav-pills">
 
-          <li><select><option>请选择项目</option></select>&nbsp;</li>
 
-          <li><select><option>请选择标段</option></select>&nbsp;</li>
 
-          <li><select><option>请选择期数</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择项目</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择标段</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择期数</option></select>&nbsp;</li>
 
         </ul>
 
         </ul>
 
         <table class="table">
 
         <table class="table">
 
           <thead>
 
           <thead>
 
@@ -60,35 +60,43 @@
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>2016-08-01</td>
 
             <td>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a>&nbsp;<a class="btn btn-small" href="#share" title="分享" data-toggle="modal"><span class="icon-share"></span></a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a>&nbsp;<a class="btn btn-small" href="#share" title="分享" data-toggle="modal"><span class="icon-share"></span></a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="">报表名</td>
 
             <td width="">报表名</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>2016-08-01</td>
 
             <td>2016-08-01</td>
 
             <td><span class="colOrange">签署中</span><br></td>
 
             <td><span class="colOrange">签署中</span><br></td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a>&nbsp;<a class="btn btn-small btn-success" href="#share" title="分享" data-toggle="modal"><span class="icon-share icon-white"></span></a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a>&nbsp;<a class="btn btn-sm btn-success" href="#share" title="分享" data-toggle="modal"><span data-icon="n"></span></a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="">报表名</td>
 
             <td width="">报表名</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>项目名称-标段名称-第一期</td>
 
             <td>2016-08-01</td>
 
             <td>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
             <td><span class="colGreen">完成</span><br>2016-08-01</td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a>&nbsp;<a class="btn btn-small" href="#share" title="分享" data-toggle="modal"><span class="icon-share"></span></a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a>&nbsp;<a class="btn btn-small" href="#share" title="分享" data-toggle="modal"><span class="icon-share"></span></a></td>
 
           </tr>
 
           </tr>
 
           </tbody>
 
           </tbody>
 
         </table>
 
         </table>
 
-        <div class="pagination">
 
-          <ul>
 
-            <li><a href="#">上一页</a></li>
 
-            <li><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><a href="#">下一页</a></li>
 
-          </ul>
 
-        </div>
 
+				<nav aria-label="Page navigation">
 
+				  <ul class="pagination">
 
+				    <li>
 
+				      <a href="#" aria-label="Previous">
 
+				        <span aria-hidden="true">&laquo;</span>
 
+				      </a>
 
+				    </li>
 
+				    <li><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>
 
+				      <a href="#" aria-label="Next">
 
+				        <span aria-hidden="true">&raquo;</span>
 
+				      </a>
 
+				    </li>
 
+				  </ul>
 
+				</nav>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
@@ -96,32 +104,38 @@
 
     	</div>
 
     	</div>
 
     </div>
 
     </div>
 
 <!-- 添加签署人弹出 -->
 
 <!-- 添加签署人弹出 -->
 
-<div id="share" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
-    <div class="modal-header">
 
+<div id="share" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+		<div class="modal-dialog">
 
+			<div class="modal-content">
 
+		<div class="modal-header">
 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
         <h3 id="myModalLabel">分享报表</h3>
 
         <h3 id="myModalLabel">分享报表</h3>
 
     </div>
 
     </div>
 
     <div class="modal-body">
 
     <div class="modal-body">
 
         <form class="form-horizontal">
 
         <form class="form-horizontal">
 
 
 
-        <div class="control-group">
 
-            <label class="control-label" for="inputEmail"></label>
 
-            <div class="controls">
 
+        <div class="form-group">
 
+            <label class="control-label col-sm-2" for="inputEmail"></label>
 
+            <div class="col-sm-8">
 
                 <div class="checkbox">
 
                 <div class="checkbox">
 
                     <label>
 
                     <label>
 
                         <input checked="" type="checkbox"> 启用
 
                         <input checked="" type="checkbox"> 启用
 
                     </label>
 
                     </label>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
-            <label class="control-label" for="inputEmail">分享地址</label>
 
-            <div class="controls">
 
+					</div>
 
+						<div class="form-group">
 
+            <label class="control-label col-sm-2" for="inputEmail">分享地址</label>
 
+            <div class="col-sm-8">
 
                 <input placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly="" class="span4" onfocus="this.select()" onmouseover="this.focus()" type="text">
 
                 <input placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly="" class="span4" onfocus="this.select()" onmouseover="this.focus()" type="text">
 
                 <p>分享以上链接即可免登录查阅标该报表。</p>
 
                 <p>分享以上链接即可免登录查阅标该报表。</p>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </form>
 
     </form>
 
     </div>
 
     </div>
 
+    </div>
 
+    </div>
 
 </div>
 
 </div>
 
 <!-- 添加签署人弹出 -->
 
 <!-- 添加签署人弹出 -->
 
 <script type="text/javascript">autoFlashHeight();</script>
 
 <script type="text/javascript">autoFlashHeight();</script>
 
-</body>
 
+</body>

+ 23 - 23
sign-list-need_sign.html
View File 

@@ -1,15 +1,15 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
-<html lang=zh-cn> 
+<html lang=zh-cn>
 
 <head>
 
 <head>
 
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/bootstrap.css> 
-	<link rel=stylesheet href=css/style.css> 
-	<script src=js/jquery-1.9.1.min.js></script> 
-	<script src=js/bootstrap.js></script> 
-	<script src=js/jl.js></script> 
+	<meta charset=utf-8>
 
+	<title>纵横计量支付系统</title>
 
+	<meta name=description content=计量支付>
 
+	<meta name=copyright content=smartcost.com.cn>
 
+	<link rel=stylesheet href=css/bootstrap.css>
 
+	<link rel=stylesheet href=css/style.css>
 
+	<script src=js/jquery-1.9.1.min.js></script>
 
+	<script src=js/bootstrap.js></script>
 
+	<script src=js/jl.js></script>
 
 </head>
 
 </head>
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 			<div class="btn-group">
 
 			<div class="btn-group">
 
@@ -59,7 +59,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a href="sign-view-signer_sign.html" class="btn btn-primary btn-small">签署（点我）</a></td>
 
+            <td width="10%"><a href="sign-view-signer_sign.html" class="btn btn-primary btn-sm">签署（点我）</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="50%">报表名</td>
 
             <td width="50%">报表名</td>
 
@@ -69,7 +69,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm">签署</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="50%">报表名</td>
 
             <td width="50%">报表名</td>
 
@@ -79,7 +79,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm">签署</a></td>
 
           </tr>
 
           </tr>
 
           </tbody>
 
           </tbody>
 
         </table>
 
         </table>
 
@@ -96,7 +96,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small" href="sign-view-signer_sign.html">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm" href="sign-view-signer_sign.html">签署</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="50%">报表名</td>
 
             <td width="50%">报表名</td>
 
@@ -106,7 +106,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small" href="sign-view-signer_sign.html">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm" href="sign-view-signer_sign.html">签署</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="50%">报表名</td>
 
             <td width="50%">报表名</td>
 
@@ -116,7 +116,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small" href="sign-view-signer_sign.html">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm" href="sign-view-signer_sign.html">签署</a></td>
 
           </tr>
 
           </tr>
 
           </tbody>
 
           </tbody>
 
         </table>
 
         </table>
 
@@ -136,7 +136,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm">签署</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="50%">报表名</td>
 
             <td width="50%">报表名</td>
 
@@ -146,7 +146,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm">签署</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="50%">报表名</td>
 
             <td width="50%">报表名</td>
 
@@ -156,7 +156,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm">签署</a></td>
 
           </tr>
 
           </tr>
 
           </tbody>
 
           </tbody>
 
         </table>
 
         </table>
 
@@ -173,7 +173,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small" href="sign-view-signer_sign.html">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm" href="sign-view-signer_sign.html">签署</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="50%">报表名</td>
 
             <td width="50%">报表名</td>
 
@@ -183,7 +183,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small" href="sign-view-signer_sign.html">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm" href="sign-view-signer_sign.html">签署</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="50%">报表名</td>
 
             <td width="50%">报表名</td>
 
@@ -193,7 +193,7 @@
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">张三</span>
 
                 <span>任杰</span></div>
 
                 <span>任杰</span></div>
 
             </td>
 
             </td>
 
-            <td width="10%"><a class="btn btn-primary btn-small" href="sign-view-signer_sign.html">签署</a></td>
 
+            <td width="10%"><a class="btn btn-primary btn-sm" href="sign-view-signer_sign.html">签署</a></td>
 
           </tr>
 
           </tr>
 
           </tbody>
 
           </tbody>
 
         </table>
 
         </table>
 
@@ -204,4 +204,4 @@
 
     	</div>
 
     	</div>
 
     </div>
 
     </div>
 
 <script type="text/javascript">autoFlashHeight();</script>
 
 <script type="text/javascript">autoFlashHeight();</script>
 
-</body>
 
+</body>

+ 35 - 27
sign-list-on_sign.html
View File 

@@ -1,15 +1,15 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
-<html lang=zh-cn> 
+<html lang=zh-cn>
 
 <head>
 
 <head>
 
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/bootstrap.css> 
-	<link rel=stylesheet href=css/style.css> 
-	<script src=js/jquery-1.9.1.min.js></script> 
-	<script src=js/bootstrap.js></script> 
-	<script src=js/jl.js></script> 
+	<meta charset=utf-8>
 
+	<title>纵横计量支付系统</title>
 
+	<meta name=description content=计量支付>
 
+	<meta name=copyright content=smartcost.com.cn>
 
+	<link rel=stylesheet href=css/bootstrap.css>
 
+	<link rel=stylesheet href=css/style.css>
 
+	<script src=js/jquery-1.9.1.min.js></script>
 
+	<script src=js/bootstrap.js></script>
 
+	<script src=js/jl.js></script>
 
 </head>
 
 </head>
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 <body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
 			<div class="btn-group">
 
 			<div class="btn-group">
 
@@ -46,9 +46,9 @@
 
     <div class="project">
 
     <div class="project">
 
       <div class="proSection">
 
       <div class="proSection">
 
         <ul class="nav nav-pills">
 
         <ul class="nav nav-pills">
 
-          <li><select><option>请选择项目</option></select>&nbsp;</li>
 
-          <li><select><option>请选择标段</option></select>&nbsp;</li>
 
-          <li><select><option>请选择期数</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择项目</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择标段</option></select>&nbsp;</li>
 
+          <li><select class="form-control"><option>请选择期数</option></select>&nbsp;</li>
 
         </ul>
 
         </ul>
 
         <table class="table">
 
         <table class="table">
 
           <thead>
 
           <thead>
 
@@ -64,7 +64,7 @@
 
                 <span class="colGreen" data-toggle="tooltip" data-placement="bottom" data-original-title="2016-08-13 完成签署">张三</span>
 
                 <span class="colGreen" data-toggle="tooltip" data-placement="bottom" data-original-title="2016-08-13 完成签署">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">任杰</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">任杰</span>
 
             </td>
 
             </td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a></td>
 
           </tr>
 
           </tr>
 
           <tr>
 
           <tr>
 
             <td width="">报表名</td>
 
             <td width="">报表名</td>
 
@@ -75,21 +75,29 @@
 
                 <span class="colGreen" data-toggle="tooltip" data-placement="bottom" data-original-title="2016-08-13 完成签署">张三</span>
 
                 <span class="colGreen" data-toggle="tooltip" data-placement="bottom" data-original-title="2016-08-13 完成签署">张三</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">任杰</span>
 
                 <span class="colOrange" data-toggle="tooltip" data-placement="bottom" data-original-title="签署中">任杰</span>
 
             </td>
 
             </td>
 
-            <td width=""><a class="btn btn-small" href="sign-view-page.html">查看报表</a></td>
 
+            <td width=""><a class="btn btn-default btn-sm" href="sign-view-page.html">查看报表</a></td>
 
           </tr>
 
           </tr>
 
           </tbody>
 
           </tbody>
 
         </table>
 
         </table>
 
-        <div class="pagination">
 
-          <ul>
 
-            <li><a href="#">上一页</a></li>
 
-            <li><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><a href="#">下一页</a></li>
 
-          </ul>
 
-        </div>
 
+				<nav aria-label="Page navigation">
 
+				  <ul class="pagination">
 
+				    <li>
 
+				      <a href="#" aria-label="Previous">
 
+				        <span aria-hidden="true">&laquo;</span>
 
+				      </a>
 
+				    </li>
 
+				    <li><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>
 
+				      <a href="#" aria-label="Next">
 
+				        <span aria-hidden="true">&raquo;</span>
 
+				      </a>
 
+				    </li>
 
+				  </ul>
 
+				</nav>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
@@ -98,4 +106,4 @@
 
     </div>
 
     </div>
 
 
 
 <script type="text/javascript">autoFlashHeight();</script>
 
 <script type="text/javascript">autoFlashHeight();</script>
 
-</body>
 
+</body>

+ 9 - 5
sign-view-page.html
View File 

@@ -48,7 +48,7 @@
 
       <div class="mainContent signContent">
 
       <div class="mainContent signContent">
 
       <div class="title clearfix sign-title-height">
 
       <div class="title clearfix sign-title-height">
 
           <div class="fR sign-topbar">
 
           <div class="fR sign-topbar">
 
-              <a class="btn " href="#"><i class="icon-print "></i> 打印</a>
 
+              <a class="btn btn-default" href="#"><i class="icon-print "></i> 打印</a>
 
           </div>
 
           </div>
 
           <div class="fR sign-page-num">
 
           <div class="fR sign-page-num">
 
               1 / 5 页
 
               1 / 5 页
 
@@ -58,14 +58,14 @@
 
       <div class="sign-view clearfix">
 
       <div class="sign-view clearfix">
 
           <div class="sign-side fR">
 
           <div class="sign-side fR">
 
               <div class="view-info">
 
               <div class="view-info">
 
-                <ul>
 
+                <ul class="list-unstyled">
 
                     <li><div class="fL">所在项目</div>杭州某某公路</li>
 
                     <li><div class="fL">所在项目</div>杭州某某公路</li>
 
                     <li><div class="fL">标段</div>交安1标</li>
 
                     <li><div class="fL">标段</div>交安1标</li>
 
                     <li><div class="fL">期数</div>第一期</li>
 
                     <li><div class="fL">期数</div>第一期</li>
 
                 </ul>
 
                 </ul>
 
               </div>
 
               </div>
 
               <div class="signed-list">
 
               <div class="signed-list">
 
-                  <ul>
 
+                  <ul class="list-unstyled">
 
                       <li><div class="no fL">1</div><div class="avatars fL"><img src="images/avatar-1.png">陈特</div><div class="corl fR"><span class="colGreen">完成</span></div></li>
 
                       <li><div class="no fL">1</div><div class="avatars fL"><img src="images/avatar-1.png">陈特</div><div class="corl fR"><span class="colGreen">完成</span></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">张三</div><div class="corl fR"><span class="colOrange">签署中</span></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">张三</div><div class="corl fR"><span class="colOrange">签署中</span></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">王五</div><div class="corl fR"><span class=""></span></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">王五</div><div class="corl fR"><span class=""></span></div></li>
 
@@ -106,8 +106,10 @@
 
     	</div>
 
     	</div>
 
     </div>
 
     </div>
 
 <!-- 添加签署人弹出 -->
 
 <!-- 添加签署人弹出 -->
 
-<div id="addsign" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
-    <div class="modal-header">
 
+<div id="addsign" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+		<div class="modal-dialog">
 
+			<div class="moadl-content">
 
+		<div class="modal-header">
 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
         <h3 id="myModalLabel">添加签署人</h3>
 
         <h3 id="myModalLabel">添加签署人</h3>
 
     </div>
 
     </div>
 
@@ -153,6 +155,8 @@
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
 </div>
 
 </div>
 
+</div>
 
+</div>
 
 <!-- 添加签署人弹出 -->
 
 <!-- 添加签署人弹出 -->
 
 <script type="text/javascript">autoFlashHeight();</script>
 
 <script type="text/javascript">autoFlashHeight();</script>

+ 9 - 6
sign-view-set_signer.html
View File 

@@ -42,7 +42,7 @@
 
       <div class="mainContent signContent">
 
       <div class="mainContent signContent">
 
       <div class="title clearfix sign-title-height">
 
       <div class="title clearfix sign-title-height">
 
           <div class="fR sign-topbar">
 
           <div class="fR sign-topbar">
 
-              <a class="btn " href="#"><i class="icon-print "></i> 打印</a>
 
+              <a class="btn btn-default" href="#"><i class="icon-print "></i> 打印</a>
 
           </div>
 
           </div>
 
           <div class="fR sign-page-num">
 
           <div class="fR sign-page-num">
 
               1 / 5 页
 
               1 / 5 页
 
@@ -52,20 +52,20 @@
 
       <div class="sign-view clearfix">
 
       <div class="sign-view clearfix">
 
           <div class="sign-side fR">
 
           <div class="sign-side fR">
 
               <div class="view-info">
 
               <div class="view-info">
 
-                <ul>
 
+                <ul class="list-unstyled">
 
                     <li><div class="fL">所在项目</div>杭州某某公路</li>
 
                     <li><div class="fL">所在项目</div>杭州某某公路</li>
 
                     <li><div class="fL">标段</div>交安1标</li>
 
                     <li><div class="fL">标段</div>交安1标</li>
 
                     <li><div class="fL">期数</div>第一期</li>
 
                     <li><div class="fL">期数</div>第一期</li>
 
                 </ul>
 
                 </ul>
 
               </div>
 
               </div>
 
               <div class="signed-list">
 
               <div class="signed-list">
 
-                  <ul>
 
+                  <ul class="list-unstyled">
 
                       <li><div class="no fL">1</div><div class="avatars fL"><img src="images/avatar-1.png">陈特</div><div class="corl fR"><a href="#" class="colRed">移除</a></div></li>
 
                       <li><div class="no fL">1</div><div class="avatars fL"><img src="images/avatar-1.png">陈特</div><div class="corl fR"><a href="#" class="colRed">移除</a></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">陈特</div><div class="corl fR"><a href="#" class="colRed">移除</a></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">陈特</div><div class="corl fR"><a href="#" class="colRed">移除</a></div></li>
 
                       <li class="add"><a href="#addsign" data-toggle="modal">+ 添加签署人</a></li>
 
                       <li class="add"><a href="#addsign" data-toggle="modal">+ 添加签署人</a></li>
 
                   </ul>
 
                   </ul>
 
                   <div class="btn-bar">
 
                   <div class="btn-bar">
 
-                      <a class="btn btn-large btn-block disabled">发起签署</a>
 
+                      <a class="btn btn-default btn-large btn-block disabled">发起签署</a>
 
                       <a href="#starsign" data-toggle="modal" class="btn btn-primary btn-large btn-block">发起签署</a>
 
                       <a href="#starsign" data-toggle="modal" class="btn btn-primary btn-large btn-block">发起签署</a>
 
                   </div>
 
                   </div>
 
               </div>
 
               </div>
 
@@ -137,8 +137,9 @@
 
 </div>
 
 </div>
 
 <!-- 添加签署人弹出 -->
 
 <!-- 添加签署人弹出 -->
 
 <!-- 发起签署弹出 -->
 
 <!-- 发起签署弹出 -->
 
-<div id="starsign" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
 
-
 
+<div id="starsign" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
 
+	<div class="modal-dialog">
 
+		<div class="modal-content">
 
     <div class="modal-body">
 
     <div class="modal-body">
 
         <h4>发起后不可更改，确认发起签署？</h4>
 
         <h4>发起后不可更改，确认发起签署？</h4>
 
     </div>
 
     </div>
 
@@ -147,6 +148,8 @@
 
         <button type="button" class="btn btn-success">确认</button>
 
         <button type="button" class="btn btn-success">确认</button>
 
       </div>
 
       </div>
 
 </div>
 
 </div>
 
+</div>
 
+</div>
 
 <!-- 发起签署弹出 -->
 
 <!-- 发起签署弹出 -->
 
 <script type="text/javascript">autoFlashHeight();</script>
 
 <script type="text/javascript">autoFlashHeight();</script>
 
 </body>
 
 </body>

+ 3 - 3
sign-view-signer_sign.html
View File 

@@ -50,7 +50,7 @@
 
           <div class="fR sign-topbar">
 
           <div class="fR sign-topbar">
 
               <a class="btn btn-primary" href="#"><i class="icon-pencil icon-white"></i> 签名</a>
 
               <a class="btn btn-primary" href="#"><i class="icon-pencil icon-white"></i> 签名</a>
 
 							<a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> 清除签名</a>
 
 							<a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> 清除签名</a>
 
-              <a class="btn " href="#"><i class="icon-print "></i> 打印</a>
 
+              <a class="btn btn-default" href="#"><i class="icon-print "></i> 打印</a>
 
           </div>
 
           </div>
 
           <div class="fR sign-page-num">
 
           <div class="fR sign-page-num">
 
               1 / 5 页
 
               1 / 5 页
 
@@ -60,14 +60,14 @@
 
       <div class="sign-view clearfix">
 
       <div class="sign-view clearfix">
 
           <div class="sign-side fR">
 
           <div class="sign-side fR">
 
               <div class="view-info">
 
               <div class="view-info">
 
-                <ul>
 
+                <ul class="list-unstyled">
 
                     <li><div class="fL">所在项目</div>杭州某某公路</li>
 
                     <li><div class="fL">所在项目</div>杭州某某公路</li>
 
                     <li><div class="fL">标段</div>交安1标</li>
 
                     <li><div class="fL">标段</div>交安1标</li>
 
                     <li><div class="fL">期数</div>第一期</li>
 
                     <li><div class="fL">期数</div>第一期</li>
 
                 </ul>
 
                 </ul>
 
               </div>
 
               </div>
 
               <div class="signed-list">
 
               <div class="signed-list">
 
-                  <ul>
 
+                  <ul class="list-unstyled">
 
                       <li><div class="no fL">1</div><div class="avatars fL"><img src="images/avatar-1.png">陈特</div><div class="corl fR"><span class="colGreen">完成</span></div></li>
 
                       <li><div class="no fL">1</div><div class="avatars fL"><img src="images/avatar-1.png">陈特</div><div class="corl fR"><span class="colGreen">完成</span></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">张三</div><div class="corl fR"><span class="colOrange">签署中</span></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">张三</div><div class="corl fR"><span class="colOrange">签署中</span></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">王五</div><div class="corl fR"><span class=""></span></div></li>
 
                       <li><div class="no fL">2</div><div class="avatars fL"><img src="images/avatar-1.png">王五</div><div class="corl fR"><span class=""></span></div></li>