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

no message

Chente 9 years ago
commit
39d22863a9
96 changed files with 16852 additions and 0 deletions
Unified View Show Diff Stats
  1. 85 0
      admin-addUser.html
  2. 98 0
      admin-editUser.html
  3. 79 0
      admin-login.html
  4. 69 0
      admin-option.html
  5. 114 0
      admin-section.html
  6. 75 0
      admin-sysinfo.html
  7. 99 0
      admin-userlist.html
  8. 5482 0
      css/bootstrap.css
  9. 9 0
      css/bootstrap.min.css
  10. BIN
      css/fileico.gif
  11. 99 0
      css/fixedheadertable.css
  12. BIN
      css/fonts/icomoon.eot
  13. 51 0
      css/fonts/icomoon.svg
  14. BIN
      css/fonts/icomoon.ttf
  15. BIN
      css/fonts/icomoon.woff
  16. BIN
      css/glyphicons-halflings-white.png
  17. BIN
      css/glyphicons-halflings.png
  18. BIN
      css/headerBg.jpg
  19. 5 0
      css/icomoon/Read Me.txt
  20. 157 0
      css/icomoon/demo-files/demo.css
  21. 30 0
      css/icomoon/demo-files/demo.js
  22. 578 0
      css/icomoon/demo.html
  23. BIN
      css/icomoon/fonts/icomoon.eot
  24. 51 0
      css/icomoon/fonts/icomoon.svg
  25. BIN
      css/icomoon/fonts/icomoon.ttf
  26. BIN
      css/icomoon/fonts/icomoon.woff
  27. 850 0
      css/icomoon/selection.json
  28. 148 0
      css/icomoon/style.css
  29. 179 0
      css/index.css
  30. BIN
      css/logo.png
  31. BIN
      css/logo2.png
  32. BIN
      css/sidebarAfocue.png
  33. BIN
      css/sidebarBg.jpg
  34. 994 0
      css/style.css
  35. BIN
      css/wave1.png
  36. BIN
      css/wave2.png
  37. 56 0
      edit-profile-avtra.html
  38. 82 0
      edit-profile-pw.html
  39. 113 0
      edit-profile.html
  40. BIN
      images/avatar-1.png
  41. BIN
      images/avatar-2.png
  42. BIN
      images/avatar-3.png
  43. BIN
      images/avatar-4.png
  44. BIN
      images/avatar-normal - 副本.png
  45. BIN
      images/avatar-normal.png
  46. BIN
      images/avatar-normald.png
  47. BIN
      images/avtra.png
  48. BIN
      images/favicon.ico
  49. BIN
      img/mainLogo.png
  50. BIN
      img/softtips1.jpg
  51. BIN
      img/topBanner.png
  52. BIN
      img/未标题-1.png
  53. 70 0
      index.html
  54. 162 0
      js/bootstrap-scrollspy.js
  55. 1437 0
      js/bootstrap.js
  56. 7 0
      js/bootstrap.min.js
  57. 42 0
      js/jl.js
  58. 4 0
      js/jquery-1.7.1.min.js
  59. 5 0
      js/jquery-1.9.1.min.js
  60. 706 0
      js/jquery.fixedheadertable.js
  61. 20 0
      js/jquery.fixedheadertable.min.js
  62. 80 0
      login.html
  63. 294 0
      r-project-section-detail.html
  64. 176 0
      r-project-section-files.html
  65. 447 0
      r-project-section-measure.html
  66. 193 0
      r-project-section-report.html
  67. 280 0
      r-project-section.html
  68. 105 0
      r-project.html
  69. 291 0
      s-project-section-detail.html
  70. 431 0
      s-project-section-measure.html
  71. 272 0
      s-project-section.html
  72. 79 0
      s-project.html
  73. 344 0
      w-project-detail - 副本.html
  74. 344 0
      w-project-detail.html
  75. 292 0
      w-project-section-detail.html
  76. 176 0
      w-project-section-files.html
  77. 337 0
      w-project-section-measure.html
  78. 290 0
      w-project-section.html
  79. 214 0
      w-project.html
  80. 68 0
      welcome - 1.html
  81. 102 0
      welcome.html
  82. BIN
      开发文档/审批不通过.xlsx
  83. BIN
      开发文档/审批不通过相关弹窗 2.docx
  84. BIN
      开发文档/审批不通过相关弹窗.docx
  85. BIN
      开发文档/审批意见.xlsx
  86. BIN
      开发文档/数据关系.xlsx
  87. BIN
      开发文档/数据更新出发条件与方式.xlsx
  88. BIN
      开发文档/计量支付业务流程.xlsx
  89. BIN
      开发文档/计量支付云版流程.xlsx
  90. 35 0
      开发文档/计量支付邮件通知.txt
  91. BIN
      开发文档/进度条.docx
  92. BIN
      开发文档/进度条修正.xlsx
  93. BIN
      开发文档/配置服务器IP.docx
  94. BIN
      开发文档/需求.xlsx
  95. BIN
      开发文档/需求详解#2.docx
  96. 46 0
      模板.html

+ 85 - 0
admin-addUser.html
View File 

@@ -0,0 +1,85 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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>  
+</head>
 
+<body>
 
+<div class="wrapHeader">
 
+      <h1 class="mainLogo" title="纵横计量支付"></h1>
 
+      <div class="sysTools"><a title="返回首页" href="index.html"><i class="icon-circle-arrow-left icon-white"></i></a>&nbsp;&nbsp;&nbsp;<a title="纵横官网" target="_blank" href="http://smartcost.com.cn"><i class="icon-home icon-white"></i></a></div>
 
+    </div>
 
+<div class="width960 userInfoPanel clearfix">
 
+		<p><b>你好，管理员</b>；<a href="#">修改密码</a>&nbsp;<a href="admin-login.html">退出</a></p>
 
+</div>
 
+	<div class="warpAdmin">
 
+		<div class="adminSidebar fL">
 
+			<ul>
 
+				<li><a href="admin-userlist.html">用户列表</a></li>
 
+				<li><a href="admin-addUser.html" class="now">添加用户</a></li>
 
+			</ul>
 
+		</div>
 
+		<div class="adminContent">
 
+			<div class="adminMain">
 
+				<form class="form-horizontal">
 
+					<fieldset>
 
+						<legend>添加用户</legend>
 
+						<div class="control-group">
 
+				        	<label class="control-label">邮箱（登录使用）</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" placeholder="登录系统、找回密码和接收通知">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">单位（公司）</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" placeholder="用户所在单位或公司">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">职位</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" placeholder="用户在所单位（公司）职位">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">姓名</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" placeholder="输入真实姓名">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">电话</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" placeholder="输入电话号码，0000-0000000">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">手机</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" placeholder="输入用户手机">
 
+				        	</div>
 
+				        </div>
 
+				     <div class="alert alert-info">
 
+						    添加成功后，系统将会发送一封确认邮件给该用户，邮件中将包含登录密码。
 
+						    </div>
 
+				        <div class="control-group">
 
+				        	<label class="control-label"></label>
 
+				        	<div class="controls">
 
+				        		<a type="button" class="btn btn-normal btn-primary" href="admin-userlist.html">确定添加</a>
 
+				        	</div>
 
+				        </div>
 
+					</fieldset>
 
+				</form>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 98 - 0
admin-editUser.html
View File 

@@ -0,0 +1,98 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body>
 
+<div class="wrapHeader">
 
+      <h1 class="mainLogo" title="纵横计量支付"></h1>
 
+      <div class="sysTools"><a title="返回首页" href="index.html"><i class="icon-circle-arrow-left icon-white"></i></a>&nbsp;&nbsp;&nbsp;<a title="纵横官网" target="_blank" href="http://smartcost.com.cn"><i class="icon-home icon-white"></i></a></div>
 
+    </div>
 
+<div class="width960 userInfoPanel clearfix">
 
+		<p><b>你好，管理员</b>；<a href="admin-option.html">修改密码</a>&nbsp;<a href="admin-login.html">退出</a></p>
 
+</div>
 
+	<div class="warpAdmin">
 
+		<div class="adminSidebar fL">
 
+			<ul>
 
+				<li><a href="admin-userlist.html" class="now">用户列表</a></li>
 
+				<li><a href="admin-addUser.html">添加用户</a></li>
 
+			</ul>
 
+		</div>
 
+		<div class="adminContent">
 
+			<div class="adminMain">
 
+				<form class="form-horizontal">
 
+					<fieldset>
 
+						<legend>编辑用户</legend>
 
+						<div class="control-group">
 
+				        	<label class="control-label">邮箱（登录使用）</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" value="sp1@qq.com">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">单位（公司）</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" value="XXX公司">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">职位</label>
 
+				        	<div class="controls">
 
+				        		<input type="text"  value="审批人">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">姓名</label>
 
+				        	<div class="controls">
 
+				        		<input type="text"  value="蔡工">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">电话</label>
 
+				        	<div class="controls">
 
+				        		<input type="text"  value="0756-3850888">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">手机</label>
 
+				        	<div class="controls">
 
+				        		<input type="text"  value="12345678901">
 
+				        	</div>
 
+				        </div>
 
+				    <div class="alert alert-error">
 
+						    <strong>请谨慎编辑用户!</strong> 编辑后将影响该用户曾参与的所有标段数据。
 
+						    </div>
 
+				        <div class="control-group">
 
+				        	<label class="control-label"></label>
 
+				        	<div class="controls">
 
+				        		<a type="button" class="btn btn-normal btn-danger" href="admin-userlist.html">完成编辑</a>
 
+				        	</div>
 
+				        </div>
 
+					</fieldset>
 
+				</form>
 
+				<div class="userPrj">
 
+					<legend>该用户参与的标段</legend>
 
+					<table class="table table-striped">
 
+					<thead>
 
+						<tr><th>项目名称</th><th>标段名称</th></tr>
 
+					</thead>
 
+					<tbody>
 
+						<tr><td>XXXX项目</td><td>A标段</td></tr>
 
+						<tr><td>XXXX项目</td><td>B标段</td></tr>
 
+						<tr><td>XXXX项目</td><td>C标段</td></tr>
 
+					</tbody>
 
+					</table>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 79 - 0
admin-login.html
View File 

@@ -0,0 +1,79 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body>
 
+<div class="wrapHeader">
 
+      <h1 title="纵横计量支付" class="mainLogo"></h1>
 
+      <div class="sysTools"><a href="index.html" title="返回首页" ><i class="icon-circle-arrow-left icon-white"></i></a>&nbsp;&nbsp;&nbsp;<a href="http://smartcost.com.cn" target="_blank" title="纵横官网" ><i class="icon-home icon-white"></i></a></div>
 
+    </div>
 
+    <div class="wrapLogin">
 
+      <div class="loginPanel">
 
+        <div  class="tpa"><b>管理后台</b></div>
 
+        <div class="clearfix">
 
+        <div class="fL">
 
+          <img src="images/avatar-normald.png">
 
+        </div>
 
+        <div class="fR">
 
+          <div><input type="text" placeholder="输入管理员帐号" ></div>
 
+          <input type="password" placeholder="密码">
 
+          <span id="helpBlock" class="help-block"><a href="#fnpw" data-toggle="modal">找回密码</a></span>
 
+        </div>
 
+      </div>
 
+        <div class="clearfix">
 
+          <a class="btn btn-normal btn-block btn-warning" href="admin-userlist.html">登录后台</a>
 
+          <div class="alert alert-error">
 
+                <span data-icon="t" aria-hidden="true"></span> 帐号不存在，请检查输入是否有误
 
+          </div>
 
+          <div class="alert alert-error">
 
+                <span data-icon="t" aria-hidden="true"></span> 密码错误，注意大小写
 
+          </div>
 
+          <div class="alert alert-success">
 
+                <span data-icon="b" aria-hidden="true"></span> 即将进入系统
 
+          </div>
 
+        </div>  
+      </div>
 
+      <div class="copyRight">Copyright @<a href="http://smartcost.com.cn" target="_blank">珠海纵横创新软件有限公司</a> all rights reserved<br>v1.2.1</div>
 
+    </div>
 
+    <!-- 找回密码 -->
 
+    <div id="fnpw" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">找回密碼</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">账号（邮箱）</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入邮箱地址">
 
+              <span id="helpBlock" class="help-block">系统会发送一个随机密码到邮箱中</span>
 
+            </div>
 
+          </div> 
+          <div class="alert alert-success">
 
+            <span data-icon="b" aria-hidden="true"></span> 发送成功
 
+          </div>
 
+          <div class="alert alert-error">
 
+            <span data-icon="t" aria-hidden="true"></span> 帐号(邮箱)不存在
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">发送</button>
 
+      </div>
 
+    </div>
 
+    <!-- 找回密码 -->      
+</body>

+ 69 - 0
admin-option.html
View File 

@@ -0,0 +1,69 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader">
 
+      <h1 class="mainLogo" title="纵横计量支付"></h1>
 
+      <div class="sysTools"><a title="返回首页" href="index.html"><i class="icon-circle-arrow-left icon-white"></i></a>&nbsp;&nbsp;&nbsp;<a title="纵横官网" target="_blank" href="http://smartcost.com.cn"><i class="icon-home icon-white"></i></a></div>
 
+    </div>
 
+<div class="width960 userInfoPanel clearfix">
 
+		<p><b>你好，管理员</b>；<a href="admin-option.html">修改密码</a>&nbsp;<a href="admin-login.html">退出</a></p>
 
+</div>
 
+	<div class="warpAdmin">
 
+		<div class="adminSidebar fL">
 
+			<ul>
 
+				<li><a href="admin-userlist.html">用户列表</a></li>
 
+				<li><a href="admin-addUser.html">添加用户</a></li>
 
+			</ul>
 
+		</div>
 
+		<div class="adminContent">
 
+			<div class="adminMain">
 
+				<form class="form-horizontal">
 
+					<fieldset>
 
+						<legend>修改管理员密码</legend>
 
+						<div class="control-group">
 
+				        	<label class="control-label">管理员</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" value="jladmin" disabled>
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">旧密码</label>
 
+				        	<div class="controls">
 
+				        		<input type="password" placeholder="输入您当前管理员登录密码">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">新密码</label>
 
+				        	<div class="controls">
 
+				        		<input type="password" placeholder="输入您需要设置的新密码">
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">确认新密码</label>
 
+				        	<div class="controls">
 
+				        		<input type="password" placeholder="再次输入您的新密码">
 
+				        	</div>
 
+				        </div>
 
+				        <div class="control-group">
 
+				        	<label class="control-label"></label>
 
+				        	<div class="controls">
 
+				        		<a type="button" class="btn btn-normal btn-primary" href="#">修改</a>
 
+				        	</div>
 
+				        </div>
 
+					</fieldset>
 
+				</form>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 114 - 0
admin-section.html
View File 

@@ -0,0 +1,114 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body>
 
+<div class="wrapHeader">
 
+      <h1 class="mainLogo" title="纵横计量支付"></h1>
 
+      <div class="sysTools"><a title="返回首页" href="index.html"><i class="icon-circle-arrow-left icon-white"></i></a>&nbsp;&nbsp;&nbsp;<a title="纵横官网" target="_blank" href="http://smartcost.com.cn"><i class="icon-home icon-white"></i></a></div>
 
+    </div>
 
+<div class="width960 userInfoPanel clearfix">
 
+		<p><b>你好，管理员</b>；<a href="admin-option.html">修改密码</a>&nbsp;<a href="admin-login.html">退出</a></p>
 
+</div>
 
+	<div class="warpAdmin">
 
+		<div class="adminSidebar fL">
 
+			<ul>
 
+				<li><a href="admin-userlist.html" class="now">标段管理</a></li>
 
+			</ul>
 
+		</div>
 
+		<div class="adminContent">
 
+			<div class="adminMain">
 
+				<fieldset>
 
+					<legend><select><option>下拉选择项目</option></select></legend>
 
+				<table class="table table-striped table-hover">
 
+              <thead>
 
+                <tr>
 
+                  <th>标段名称</th>
 
+                  <th>标段类型</th>
 
+                  <th>标段总额</th>
 
+                  <th>标段状态</th>
 
+                  <th>审批人</th>
 
+                  <th>操作</th>
 
+                </tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr>
 
+                  <td>A</td>
 
+                  <td>类型1</td>
 
+                  <td>0</td>
 
+                  <th><span class="colOrange">#1 审批中</span></th>
 
+                  <th><span class="colGreen">陈特（5审）完成</span></th>
 
+                  <td><a href="" class="colGray" class="colGray" data-original-title="数据诚可贵，删除有风险" data-toggle="tooltip" data-placement="bottom">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td>A</td>
 
+                  <td>类型1</td>
 
+                  <td>0</td>
 
+                  <th><span class="colOrange">#2 审批中</span></th>
 
+                  <th><span class="colGreen">陈特（5审）完成</span></th>
 
+                  <td><a href="" class="colGray" class="colGray" data-original-title="数据诚可贵，删除有风险" data-toggle="tooltip" data-placement="bottom">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td>B</td>
 
+                  <td>类型2</td>
 
+                  <td>0</td>
 
+                  <th><span class="colGreen">#1 完成</span></th>
 
+                  <th><span class="colGreen">陈特（终审）完成</span></th>
 
+                  <td><a href="" class="colGray" class="colGray" data-original-title="数据诚可贵，删除有风险" data-toggle="tooltip" data-placement="bottom">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td>C</td>
 
+                  <td>类型3</td>
 
+                  <td>0</td>
 
+                  <th><span class="colRed">#1 不通过</span></th>
 
+                  <th><span class="colRed">陈特（2审）不通过</span></th>
 
+                  <td><a href="" class="colGray" data-original-title="数据诚可贵，删除有风险" data-toggle="tooltip" data-placement="bottom">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td>C</td>
 
+                  <td>类型3</td>
 
+                  <td>0</td>
 
+                  <th><span class="colRed">#1 不通过</span></th>
 
+                  <th><span class="colRe">陈特（上报）</span></th>
 
+                  <td><a href="" class="colGray" data-original-title="数据诚可贵，删除有风险" data-toggle="tooltip" data-placement="bottom">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td>D</td>
 
+                  <td>类型4</td>
 
+                  <td>0</td>
 
+                  <th><span class="colGray">#1 未上报</span></th>
 
+                  <th></th>
 
+                  <td><a href="" class="colGray" class="colGray" data-original-title="数据诚可贵，删除有风险" data-toggle="tooltip" data-placement="bottom">删除</a></td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+				</fieldset>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--重置密码-->
 
+	<div class="modal hide fade" id="sendpw">
 
+    <div class="modal-header">
 
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 
+    <h3>重置密码成功</h3>
 
+    </div>
 
+    <div class="modal-body">
 
+    <p>系统已将新密码发送至该用户的登录邮箱：<b>sp1@qq.com</b></p>
 
+    <p>如果长时间无法接收到邮件，请确认该邮箱是否可以正常接收邮件；</p>
 
+    <p>添加 test@abc.com 至邮箱白名单，再重新操作<b>重置密码</b>。</p>
 
+    </div>
 
+    <div class="modal-footer">
 
+    </div>
 
+  </div>
 
+	<!--重置密码-->
 
+	<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 75 - 0
admin-sysinfo.html
View File 

@@ -0,0 +1,75 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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>  
+</head>
 
+<body>
 
+<div class="wrapHeader">
 
+      <h1 class="mainLogo" title="纵横计量支付"></h1>
 
+      <div class="sysTools"><a title="返回首页" href="index.html"><i class="icon-circle-arrow-left icon-white"></i></a>&nbsp;&nbsp;&nbsp;<a title="纵横官网" target="_blank" href="http://smartcost.com.cn"><i class="icon-home icon-white"></i></a></div>
 
+    </div>
 
+<div class="width960 userInfoPanel clearfix">
 
+		<p><b>你好，管理员</b>；<a href="#">修改密码</a>&nbsp;<a href="admin-login.html">退出</a></p>
 
+</div>
 
+	<div class="warpAdmin">
 
+		<div class="adminSidebar fL">
 
+			<ul>
 
+				<li><a href="admin-addUser.html" class="now">系统信息</a></li>
 
+				<li><a href="admin-userlist.html">用户列表</a></li>
 
+				<li><a href="admin-addUser.html">添加用户</a></li>
 
+			</ul>
 
+		</div>
 
+		<div class="adminContent">
 
+			<div class="adminMain">
 
+				<form class="form-horizontal">
 
+					<fieldset>
 
+						<legend>系统信息</legend>
 
+						<div class="control-group">
 
+				        	<label class="control-label">云端版本</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" value="1.2.1" disabled>
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">系统名称</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" placeholder="输入系统名称" value="珠海纵横创新软件有限公司">
 
+				        		<span id="helpBlock" class="help-block">该名称在登录页等位置显示</span>
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">管理员账号</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" value="madmin" disabled>
 
+				        	</div>
 
+				        </div>
 
+						<div class="control-group">
 
+				        	<label class="control-label">管理员邮箱</label>
 
+				        	<div class="controls">
 
+				        		<input type="text" placeholder="用于找回密码">
 
+				        	</div>
 
+				        </div>
 
+				     <div class="alert alert-info">
 
+						    邮箱修改成功后，系统将会发送一封确认邮件给该邮箱地址，请确认邮箱可以正常收取邮件。
 
+						    </div>
 
+				        <div class="control-group">
 
+				        	<label class="control-label"></label>
 
+				        	<div class="controls">
 
+				        		<a type="button" class="btn btn-normal btn-primary" href="admin-userlist.html">修改</a>
 
+				        	</div>
 
+				        </div>
 
+					</fieldset>
 
+				</form>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 99 - 0
admin-userlist.html
View File 

@@ -0,0 +1,99 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body>
 
+<div class="wrapHeader">
 
+      <h1 class="mainLogo" title="纵横计量支付"></h1>
 
+      <div class="sysTools"><a title="返回首页" href="index.html"><i class="icon-circle-arrow-left icon-white"></i></a>&nbsp;&nbsp;&nbsp;<a title="纵横官网" target="_blank" href="http://smartcost.com.cn"><i class="icon-home icon-white"></i></a></div>
 
+    </div>
 
+<div class="width960 userInfoPanel clearfix">
 
+		<p><b>你好，管理员</b>；<a href="admin-option.html">修改密码</a>&nbsp;<a href="admin-login.html">退出</a></p>
 
+</div>
 
+	<div class="warpAdmin">
 
+		<div class="adminSidebar fL">
 
+			<ul>
 
+				<li><a href="admin-userlist.html" class="now">用户列表</a></li>
 
+				<li><a href="admin-addUser.html">添加用户</a></li>
 
+			</ul>
 
+		</div>
 
+		<div class="adminContent">
 
+			<div class="adminMain">
 
+				<fieldset>
 
+					<legend>用户列表</legend>
 
+				<table class="table table-striped">
 
+              <thead>
 
+                <tr>
 
+                  <th>#</th>
 
+                  <th>姓名</th>
 
+                  <th>单位（公司）</th>
 
+                  <th>职位</th>
 
+                  <th>电话</th>
 
+                  <th>手机</th>
 
+                  <th>邮箱（登录使用）</th>
 
+                  <th>操作</th>
 
+                </tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr>
 
+                  <td>1</td>
 
+                  <td>陈工</td>
 
+                  <td>XXX公司</td>
 
+                  <td>编制人</td>
 
+                  <td>0756-3850888</td>
 
+                  <td>12345678901</td>
 
+                  <td>sg@qq.com</td>
 
+                  <td><a href="#" class="colRed">停用</a> <a href="admin-editUser.html" >编辑</a> <a data-toggle="modal" href="#sendpw" data-keyboard="false" data-backdrop="ture" class="colGray">重置密码</a></td>
 
+                </tr>
 
+                <tr class="colRed">
 
+                  <td>2</td>
 
+                  <td>蔡工</td>
 
+                  <td>XXX公司</td>
 
+                  <td>审批人</td>
 
+                  <td>0756-3850888</td>
 
+                  <td>12345678901</td>
 
+                  <td>sp1@qq.com</td>
 
+                  <td><a href="#" class="colGreen">启用</a> <a href="admin-editUser.html" >编辑</a> <a data-toggle="modal" href="#sendpw" data-keyboard="false" data-backdrop="ture" class="colGray">重置密码</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td>3</td>
 
+                  <td>任杰</td>
 
+                  <td>XXX公司</td>
 
+                  <td>审批人</td>
 
+                  <td>0756-3850888</td>
 
+                  <td>12345678901</td>
 
+                  <td>sp2@qq.com</td>
 
+                  <td><a href="#" class="colRed">停用</a> <a href="admin-editUser.html" >编辑</a> <a data-toggle="modal" href="#sendpw" data-keyboard="false" data-backdrop="ture" class="colGray">重置密码</a></td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+				</fieldset>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<!--重置密码-->
 
+	<div class="modal hide fade" id="sendpw">
 
+    <div class="modal-header">
 
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 
+    <h3>重置密码成功</h3>
 
+    </div>
 
+    <div class="modal-body">
 
+    <p>系统已将新密码发送至该用户的登录邮箱：<b>sp1@qq.com</b></p>
 
+    <p>如果长时间无法接收到邮件，请确认该邮箱是否可以正常接收邮件；</p>
 
+    <p>添加 test@abc.com 至邮箱白名单，再重新操作<b>重置密码</b>。</p>
 
+    </div>
 
+    <div class="modal-footer">
 
+    </div>
 
+  </div>
 
+	<!--重置密码-->
 
+	<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

File diff suppressed because it is too large
+ 5482 - 0
css/bootstrap.css


File diff suppressed because it is too large
+ 9 - 0
css/bootstrap.min.css


BIN
css/fileico.gif
View File


+ 99 - 0
css/fixedheadertable.css
View File 

@@ -0,0 +1,99 @@
 
+/*!
 
+* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
 
+*
 
+* Copyright (c) 2011 Mark Malek
 
+* http://fixedheadertable.com
 
+*
 
+* Licensed under MIT
 
+* http://www.opensource.org/licenses/mit-license.php
 
+* 
+* http://docs.jquery.com/Plugins/Authoring
 
+* jQuery authoring guidelines
 
+*
 
+* Launch  : October 2009
 
+* Version : 1.3
 
+* Released: May 9th, 2011
 
+*
 
+* 
+* all CSS sizing (width,height) is done in pixels (px)
 
+*/
 
+
 
+/* @group Reset */
 
+
 
+.fht-table,
 
+.fht-table thead,
 
+.fht-table tfoot,
 
+.fht-table tbody,
 
+.fht-table tr,
 
+.fht-table th,
 
+.fht-table td {
 
+  margin: 0;
 
+	padding: 0;
 
+	vertical-align:middle;
 
+	}
 
+.fht-table {
 
+	}
 
+.fht-table-wrapper,
 
+.fht-table-wrapper .fht-thead,
 
+.fht-table-wrapper .fht-tfoot,
 
+.fht-table-wrapper .fht-fixed-column .fht-tbody,
 
+.fht-table-wrapper .fht-fixed-body .fht-tbody,
 
+.fht-table-wrapper .fht-tbody {
 
+	overflow: hidden;
 
+
 
+	position: relative;
 
+	}
 
+
 
+	.fht-table-wrapper .fht-fixed-body .fht-tbody,
 
+	.fht-table-wrapper .fht-tbody {
 
+
 
+	    overflow: auto;
 
+		}
 
+
 
+		.fht-table-wrapper .fht-table .fht-cell {
 
+
 
+			overflow: hidden;
 
+		    height: 1px;
 
+			}
 
+	
+	.fht-table-wrapper .fht-fixed-column,
 
+	.fht-table-wrapper .fht-fixed-body {
 
+	    top: 0;
 
+	    left: 0;
 
+	    position: absolute;
 
+	    }
 
+	    
+	.fht-table-wrapper .fht-fixed-column {
 
+	    z-index: 1;
 
+	    }
 
+
 
+.fancyTable td, .fancyTable th {
 
+	border: 1px solid #d4d4d4;
 
+	padding:3px;
 
+	white-space:nowrap;
 
+	}
 
+	.fancyTable td{
 
+	min-width:60px
 
+
 
+	}
 
+.fancyTable tbody tr th {
 
+	background-color: #fff;
 
+	}
 
+.fancyTable tbody tr td {
 
+	background-color: #fff;
 
+	}
 
+.fancyTable tbody tr.odd td{
 
+	background: #fff
 
+	}
 
+.fancyTable tbody tr th{
 
+	font-weight: 600;
 
+	background: #fff
 
+	}
 
+.fancyTable thead tr th,
 
+.fancyTable thead tr td,
 
+.fancyTable tfoot tr th, 
+.fancyTable tfoot tr td {
 
+	background: #fff;
 
+	font-weight: bold;
 
+	color:#444;
 
+	}

BIN
css/fonts/icomoon.eot
View File


File diff suppressed because it is too large
+ 51 - 0
css/fonts/icomoon.svg


BIN
css/fonts/icomoon.ttf
View File


BIN
css/fonts/icomoon.woff
View File


BIN
css/glyphicons-halflings-white.png
View File


BIN
css/glyphicons-halflings.png
View File


BIN
css/headerBg.jpg
View File


+ 5 - 0
css/icomoon/Read Me.txt
View File 

@@ -0,0 +1,5 @@
 
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
 
+
 
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
 
+
 
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu > Manage Projects) to retrieve your icon selection.

+ 157 - 0
css/icomoon/demo-files/demo.css
View File 

@@ -0,0 +1,157 @@
 
+body {
 
+	padding: 0;
 
+	margin: 0;
 
+	font-family: sans-serif;
 
+	font-size: 1em;
 
+	line-height: 1.5;
 
+	color: #555;
 
+	background: #fff;
 
+}
 
+h1 {
 
+	font-size: 1.5em;
 
+	font-weight: normal;
 
+}
 
+small {
 
+	font-size: .66666667em;
 
+}
 
+a {
 
+	color: #e74c3c;
 
+	text-decoration: none;
 
+}
 
+a:hover, a:focus {
 
+	box-shadow: 0 1px #e74c3c;
 
+}
 
+.bshadow0, input {
 
+	box-shadow: inset 0 -2px #e7e7e7;
 
+}
 
+input:hover {
 
+	box-shadow: inset 0 -2px #ccc;
 
+}
 
+input, fieldset {
 
+	font-size: 1em;
 
+	margin: 0;
 
+	padding: 0;
 
+	border: 0;
 
+}
 
+input {
 
+	color: inherit;
 
+	line-height: 1.5;
 
+	height: 1.5em;
 
+	padding: .25em 0;
 
+}
 
+input:focus {
 
+	outline: none;
 
+	box-shadow: inset 0 -2px #449fdb;
 
+}
 
+.glyph {
 
+	font-size: 16px;
 
+	width: 15em;
 
+	padding-bottom: 1em;
 
+	margin-right: 4em;
 
+	margin-bottom: 1em;
 
+	float: left;
 
+	overflow: hidden;
 
+}
 
+.liga {
 
+	width: 80%;
 
+	width: calc(100% - 2.5em);
 
+}
 
+.talign-right {
 
+	text-align: right;
 
+}
 
+.talign-center {
 
+	text-align: center;
 
+}
 
+.bgc1 {
 
+	background: #f1f1f1;
 
+}
 
+.fgc1 {
 
+	color: #999;
 
+}
 
+.fgc0 {
 
+	color: #000;
 
+}
 
+p {
 
+	margin-top: 1em;
 
+	margin-bottom: 1em;
 
+}
 
+.mvm {
 
+	margin-top: .75em;
 
+	margin-bottom: .75em;
 
+}
 
+.mtn {
 
+	margin-top: 0;
 
+}
 
+.mtl, .mal {
 
+	margin-top: 1.5em;
 
+}
 
+.mbl, .mal {
 
+	margin-bottom: 1.5em;
 
+}
 
+.mal, .mhl {
 
+	margin-left: 1.5em;
 
+	margin-right: 1.5em;
 
+}
 
+.mhmm {
 
+	margin-left: 1em;
 
+	margin-right: 1em;
 
+}
 
+.mls {
 
+	margin-left: .25em;
 
+}
 
+.ptl {
 
+	padding-top: 1.5em;
 
+}
 
+.pbs, .pvs {
 
+	padding-bottom: .25em;
 
+}
 
+.pvs, .pts {
 
+	padding-top: .25em;
 
+}
 
+.clearfix {
 
+	zoom: 1;
 
+}
 
+.unit {
 
+	float: left;
 
+}
 
+.unitRight {
 
+	float: right;
 
+}
 
+.size1of2 {
 
+	width: 50%;
 
+}
 
+.size1of1 {
 
+	width: 100%;
 
+}
 
+.clearfix:before, .clearfix:after {
 
+	content: " ";
 
+	display: table;
 
+}
 
+.clearfix:after {
 
+	clear: both;
 
+}
 
+.hidden-true {
 
+	display: none;
 
+}
 
+.textbox0 {
 
+	width: 3em;
 
+	background: #f1f1f1;
 
+	padding: .25em .5em;
 
+	line-height: 1.5;
 
+	height: 1.5em;
 
+}
 
+#testDrive {
 
+	padding-top: 24px;
 
+}
 
+.fs0 {
 
+	font-size: 16px;
 
+}
 
+.fs1 {
 
+	font-size: 32px;
 
+}
 
+.fs2 {
 
+	font-size: 32px;
 
+}
 
+.fs3 {
 
+	font-size: 32px;
 
+}

+ 30 - 0
css/icomoon/demo-files/demo.js
View File 

@@ -0,0 +1,30 @@
 
+if (!('boxShadow' in document.body.style)) {
 
+	document.body.setAttribute('class', 'noBoxShadow');
 
+}
 
+
 
+document.body.addEventListener("click", function(e) {
 
+	var target = e.target;
 
+	if (target.tagName === "INPUT" &&
 
+		target.getAttribute('class').indexOf('liga') === -1) {
 
+		target.select();
 
+	}
 
+});
 
+
 
+(function() {
 
+	var fontSize = document.getElementById('fontSize'),
 
+		testDrive = document.getElementById('testDrive'),
 
+		testText = document.getElementById('testText');
 
+	function updateTest() {
 
+		testDrive.innerHTML = testText.value || String.fromCharCode(160);
 
+		if (window.icomoonLiga) {
 
+			window.icomoonLiga(testDrive);
 
+		}
 
+	}
 
+	function updateSize() {
 
+		testDrive.style.fontSize = fontSize.value + 'px';
 
+	}
 
+	fontSize.addEventListener('change', updateSize, false);
 
+	testText.addEventListener('input', updateTest, false);
 
+	testText.addEventListener('change', updateTest, false);
 
+	updateSize();
 
+}());

+ 578 - 0
css/icomoon/demo.html
View File 

@@ -0,0 +1,578 @@
 
+<!doctype html>
 
+<html>
 
+<head>
 
+	<meta charset="utf-8">
 
+	<title>IcoMoon Demo</title>
 
+	<meta name="description" content="An Icon Font Generated By IcoMoon.io">
 
+	<meta name="viewport" content="width=device-width">
 
+	<link rel="stylesheet" href="demo-files/demo.css">
 
+	<link rel="stylesheet" href="style.css"></head>
 
+<body>
 
+	<div class="bgc1 clearfix">
 
+		<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;41)</small></h1>
 
+	</div>
 
+	<div class="clearfix mhl ptl">
 
+		<h1 class="mvm mtn bshadow fgc1">Grid Size: Unknown</h1>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni42"></span><span class="mls"> icon-uni42</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="43" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x43;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni43"></span><span class="mls"> icon-uni43</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="44" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x44;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni47"></span><span class="mls"> icon-uni47</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="47" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x47;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni4D"></span><span class="mls"> icon-uni4D</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="4d" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x4d;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni4E"></span><span class="mls"> icon-uni4E</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="4e" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x4e;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni4F"></span><span class="mls"> icon-uni4F</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="4f" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x4f;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni50"></span><span class="mls"> icon-uni50</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="50" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x50;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni52"></span><span class="mls"> icon-uni52</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="52" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x52;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni53"></span><span class="mls"> icon-uni53</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="53" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x53;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni54"></span><span class="mls"> icon-uni54</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="54" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x54;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni55"></span><span class="mls"> icon-uni55</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="55" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x55;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni56"></span><span class="mls"> icon-uni56</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="56" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x56;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni57"></span><span class="mls"> icon-uni57</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="57" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x57;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni58"></span><span class="mls"> icon-uni58</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="58" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x58;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni59"></span><span class="mls"> icon-uni59</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="59" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x59;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni5A"></span><span class="mls"> icon-uni5A</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="5a" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x5a;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni61"></span><span class="mls"> icon-uni61</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="61" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x61;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni62"></span><span class="mls"> icon-uni62</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="62" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x62;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni63"></span><span class="mls"> icon-uni63</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="63" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x63;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni64"></span><span class="mls"> icon-uni64</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="64" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x64;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni65"></span><span class="mls"> icon-uni65</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="65" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x65;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni66"></span><span class="mls"> icon-uni66</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="66" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x66;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni67"></span><span class="mls"> icon-uni67</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="67" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x67;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni68"></span><span class="mls"> icon-uni68</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="68" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x68;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni69"></span><span class="mls"> icon-uni69</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="69" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x69;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni6A"></span><span class="mls"> icon-uni6A</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="6a" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x6a;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni6B"></span><span class="mls"> icon-uni6B</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="6b" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x6b;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni6C"></span><span class="mls"> icon-uni6C</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="6c" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x6c;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni6D"></span><span class="mls"> icon-uni6D</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="6d" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x6d;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni6F"></span><span class="mls"> icon-uni6F</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="6f" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x6f;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni70"></span><span class="mls"> icon-uni70</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="70" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x70;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni71"></span><span class="mls"> icon-uni71</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="71" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x71;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni72"></span><span class="mls"> icon-uni72</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="72" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x72;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni73"></span><span class="mls"> icon-uni73</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="73" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x73;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni74"></span><span class="mls"> icon-uni74</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="74" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x74;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs1">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-uni75"></span><span class="mls"> icon-uni75</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="75" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x75;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="clearfix mhl ptl">
 
+		<h1 class="mvm mtn bshadow fgc1">Grid Size: 16</h1>
 
+		<div class="glyph fs2">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-window"></span><span class="mls"> icon-window</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="49" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x49;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs2">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-monitor"></span><span class="mls"> icon-monitor</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="48" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x48;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="clearfix mhl ptl">
 
+		<h1 class="mvm mtn bshadow fgc1">Grid Size: 32</h1>
 
+		<div class="glyph fs3">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-upload"></span><span class="mls"> icon-upload</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="42" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x42;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs3">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-inbox"></span><span class="mls"> icon-inbox</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="41" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x41;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+		<div class="glyph fs3">
 
+			<div class="clearfix bshadow0 pbs">
 
+				<span class="icon-chart"></span><span class="mls"> icon-chart</span>
 
+			</div>
 
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
 
+				<input type="text" readonly value="45" class="unit size1of2" />
 
+				<input type="text" maxlength="1" readonly value="&#x45;" class="unitRight size1of2 talign-right" />
 
+			</fieldset>
 
+			<div class="fs0 bshadow0 clearfix hidden-true">
 
+				<span class="unit pvs fgc1">liga: </span>
 
+				<input type="text" readonly value="" class="liga unitRight" />
 
+			</div>
 
+		</div>
 
+	</div>
 
+
 
+	<!--[if gt IE 8]><!-->
 
+	<div class="mhl clearfix mbl">
 
+		<h1>Font Test Drive</h1>
 
+		<label>
 
+			Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
 
+			min="8" value="48" />
 
+			px
 
+		</label>
 
+		<input id="testText" type="text" class="phl size1of1 mvl"
 
+		placeholder="Type some text to test..." value=""/>
 
+		</label>
 
+		<div id="testDrive" class="icon-">&nbsp;
 
+		</div>
 
+	</div>
 
+	<!--<![endif]-->
 
+	<div class="bgc1 clearfix">
 
+		<p class="mhl">Generated by <a href="http://icomoon.io/app">IcoMoon</a></p>
 
+	</div>
 
+
 
+	<script src="demo-files/demo.js"></script>
 
+</body>
 
+</html>

BIN
css/icomoon/fonts/icomoon.eot
View File


File diff suppressed because it is too large
+ 51 - 0
css/icomoon/fonts/icomoon.svg


BIN
css/icomoon/fonts/icomoon.ttf
View File


BIN
css/icomoon/fonts/icomoon.woff
View File


File diff suppressed because it is too large
+ 850 - 0
css/icomoon/selection.json


+ 148 - 0
css/icomoon/style.css
View File 

@@ -0,0 +1,148 @@
 
+@font-face {
 
+	font-family: 'icomoon';
 
+	src:url('fonts/icomoon.eot?miflbf');
 
+	src:url('fonts/icomoon.eot?#iefixmiflbf') format('embedded-opentype'),
 
+		url('fonts/icomoon.woff?miflbf') format('woff'),
 
+		url('fonts/icomoon.ttf?miflbf') format('truetype'),
 
+		url('fonts/icomoon.svg?miflbf#icomoon') format('svg');
 
+	font-weight: normal;
 
+	font-style: normal;
 
+}
 
+
 
+[class^="icon-"], [class*=" icon-"] {
 
+	font-family: 'icomoon';
 
+	speak: none;
 
+	font-style: normal;
 
+	font-weight: normal;
 
+	font-variant: normal;
 
+	text-transform: none;
 
+	line-height: 1;
 
+
 
+	/* Better Font Rendering =========== */
 
+	-webkit-font-smoothing: antialiased;
 
+	-moz-osx-font-smoothing: grayscale;
 
+}
 
+
 
+.icon-uni42:before {
 
+	content: "\43";
 
+}
 
+.icon-uni43:before {
 
+	content: "\44";
 
+}
 
+.icon-uni47:before {
 
+	content: "\47";
 
+}
 
+.icon-uni4D:before {
 
+	content: "\4d";
 
+}
 
+.icon-uni4E:before {
 
+	content: "\4e";
 
+}
 
+.icon-uni4F:before {
 
+	content: "\4f";
 
+}
 
+.icon-uni50:before {
 
+	content: "\50";
 
+}
 
+.icon-uni52:before {
 
+	content: "\52";
 
+}
 
+.icon-uni53:before {
 
+	content: "\53";
 
+}
 
+.icon-uni54:before {
 
+	content: "\54";
 
+}
 
+.icon-uni55:before {
 
+	content: "\55";
 
+}
 
+.icon-uni56:before {
 
+	content: "\56";
 
+}
 
+.icon-uni57:before {
 
+	content: "\57";
 
+}
 
+.icon-uni58:before {
 
+	content: "\58";
 
+}
 
+.icon-uni59:before {
 
+	content: "\59";
 
+}
 
+.icon-uni5A:before {
 
+	content: "\5a";
 
+}
 
+.icon-uni61:before {
 
+	content: "\61";
 
+}
 
+.icon-uni62:before {
 
+	content: "\62";
 
+}
 
+.icon-uni63:before {
 
+	content: "\63";
 
+}
 
+.icon-uni64:before {
 
+	content: "\64";
 
+}
 
+.icon-uni65:before {
 
+	content: "\65";
 
+}
 
+.icon-uni66:before {
 
+	content: "\66";
 
+}
 
+.icon-uni67:before {
 
+	content: "\67";
 
+}
 
+.icon-uni68:before {
 
+	content: "\68";
 
+}
 
+.icon-uni69:before {
 
+	content: "\69";
 
+}
 
+.icon-uni6A:before {
 
+	content: "\6a";
 
+}
 
+.icon-uni6B:before {
 
+	content: "\6b";
 
+}
 
+.icon-uni6C:before {
 
+	content: "\6c";
 
+}
 
+.icon-uni6D:before {
 
+	content: "\6d";
 
+}
 
+.icon-uni6F:before {
 
+	content: "\6f";
 
+}
 
+.icon-uni70:before {
 
+	content: "\70";
 
+}
 
+.icon-uni71:before {
 
+	content: "\71";
 
+}
 
+.icon-uni72:before {
 
+	content: "\72";
 
+}
 
+.icon-uni73:before {
 
+	content: "\73";
 
+}
 
+.icon-uni74:before {
 
+	content: "\74";
 
+}
 
+.icon-uni75:before {
 
+	content: "\75";
 
+}
 
+.icon-window:before {
 
+	content: "\49";
 
+}
 
+.icon-monitor:before {
 
+	content: "\48";
 
+}
 
+.icon-upload:before {
 
+	content: "\42";
 
+}
 
+.icon-inbox:before {
 
+	content: "\41";
 
+}
 
+.icon-chart:before {
 
+	content: "\45";
 
+}

+ 179 - 0
css/index.css
View File 

@@ -0,0 +1,179 @@
 
+@charset "utf-8";
 
+@font-face {
 
+  font-family: 'icomoon';
 
+  src:url('fonts/icomoon.eot');
 
+  src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
 
+    url('fonts/icomoon.woff') format('woff'),
 
+    url('fonts/icomoon.ttf') format('truetype'),
 
+    url('fonts/icomoon.svg#icomoon') format('svg');
 
+  font-weight: normal;
 
+  font-style: normal;
 
+}
 
+[data-icon]:before {
 
+  font-family: 'icomoon';
 
+  content: attr(data-icon);
 
+  speak: none;
 
+  font-weight: normal;
 
+  font-variant: normal;
 
+  text-transform: none;
 
+  line-height: 1;
 
+  -webkit-font-smoothing: antialiased;
 
+  vertical-align:middle
 
+}
 
+ul, ol, li{
 
+  line-height:normal;
 
+  list-style-image:none;
 
+  list-style-position:outside;
 
+  list-style-type:none;
 
+  margin:0
 
+}
 
+dl {
 
+  margin:0
 
+}
 
+dd {
 
+  margin-left:0
 
+}
 
+body{
 
+  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',"微软雅黑",sans-serif;
 
+}a {
 
+  outline:none;
 
+} 
+
 
+a {
 
+  color: #0088cc;
 
+  text-decoration: none;
 
+}
 
+a:hover,
 
+a:focus {
 
+  color: #005580;
 
+  text-decoration:none;
 
+}
 
+.taC,td.taC,th.taC{text-align: center;}
 
+.taR,td.taR,th.taR{text-align:right;}
 
+.fL{float:left}
 
+.fR{float:right}
 
+.width960{
 
+  width:960px;
 
+  margin:0 auto;
 
+}
 
+.colRed {color:#f70000}
 
+.colOrange {color:#ed8b00}
 
+.colYel {color:#d9a601}
 
+.colGreen{color:#17ab0c}
 
+.colGray{color:#999}
 
+.colBlue{color:#3172d9}
 
+.indexNav {
 
+  height:45px;
 
+  background:#CFD37A;
 
+  position:fixed;
 
+  top:0;
 
+  width:100%;
 
+  padding:10px 0;
 
+  z-index: 99
 
+}
 
+.indexNav .inav {
 
+  margin:0 0 0 20px;
 
+}
 
+.indexNav .inav li {
 
+  float:left;
 
+  margin:0 20px 0 0;
 
+  line-height: 40px
 
+}
 
+.indexNav .inav li a{
 
+  color:#fff;
 
+  border:1px solid #CFD37A;
 
+  padding:2px 6px;
 
+}
 
+.indexNav .inav li a:hover{
 
+  color:#f5f5f5;
 
+  text-decoration: none;
 
+}
 
+.indexNav .inav li.active a{
 
+  border:1px solid #fff;
 
+  border-radius: 3px;
 
+}
 
+.indexNav .inav li.mlogo a{
 
+  padding:0;
 
+}
 
+.indexNav .inav li.mlogo.active a{
 
+  border:1px solid #CFD37A;
 
+  padding:0;
 
+}
 
+.indexNav .menBtn {
 
+  text-align: right;
 
+}
 
+.indexNav .menBtn li{
 
+  display: inline-block;
 
+}
 
+.indexNav .menBtn a{
 
+  background: transparent;
 
+  color: #fff;
 
+  border: 1px solid #fff;
 
+  padding: 3px 12px;
 
+  border-radius: 5px;
 
+}
 
+.indexNav .menBtn a:hover{
 
+  text-decoration: none;
 
+  background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
 
+}
 
+.indexNav .menBtn a.login{
 
+  color:#bdc15f;
 
+  background:#fff;
 
+}
 
+.indexNav .menBtn a.login:hover{
 
+  background: none repeat scroll 0 0 #f5f6e4
 
+}
 
+.warpIndex .topBanner{
 
+  background:#CFD37A;
 
+  text-align: center;
 
+  margin-top:65px;
 
+  position: relative;
 
+  vertical-align: middle;
 
+}
 
+.topBanner img{
 
+  position: absolute;
 
+  bottom:0;
 
+  left:50%;
 
+  margin:0 0 0 -480px;
 
+  z-index: 0
 
+}
 
+.warpIndex .topBanner .width960{
 
+  padding:15% 0 0 0;
 
+  z-index:0
 
+}
 
+.warpIndex .topBanner h1{
 
+  z-index: 1;
 
+  position: relative;
 
+  color:#fff;
 
+  font-weight: normal;
 
+  font-size:52px;
 
+  margin-bottom:20px;
 
+}
 
+.warpIndex .topBanner p{
 
+  z-index: 1;
 
+  position: relative;
 
+  color:#fff;
 
+  font-size:22px;
 
+  margin:0 0 30px 0;
 
+  line-height: 34px;
 
+  display: block
 
+}
 
+.warpIndex .topBanner p a{
 
+  color:#fff;
 
+  padding:12px 24px;
 
+  border:1px solid #fff;
 
+  border-radius: 5px;
 
+  font-size:16px;
 
+  margin:10px;
 
+} 
+.warpIndex .topBanner p a:hover{
 
+  text-decoration: none;
 
+  background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
 
+}
 
+.warpIndex .topBanner p a.login{
 
+  background: #fff;
 
+  color:#bdc15f;
 
+}
 
+.warpIndex .topBanner p a.login:hover{
 
+  background: none repeat scroll 0 0 #f5f6e4
 
+}

BIN
css/logo.png
View File


BIN
css/logo2.png
View File


BIN
css/sidebarAfocue.png
View File


BIN
css/sidebarBg.jpg
View File


+ 994 - 0
css/style.css
View File 

@@ -0,0 +1,994 @@
 
+@charset "utf-8";
 
+@font-face {
 
+  font-family: 'icomoon';
 
+  src:url('fonts/icomoon.eot');
 
+  src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
 
+    url('fonts/icomoon.woff') format('woff'),
 
+    url('fonts/icomoon.ttf') format('truetype'),
 
+    url('fonts/icomoon.svg#icomoon') format('svg');
 
+  font-weight: normal;
 
+  font-style: normal;
 
+}
 
+[data-icon]:before {
 
+  font-family: 'icomoon';
 
+  content: attr(data-icon);
 
+  speak: none;
 
+  font-weight: normal;
 
+  font-variant: normal;
 
+  text-transform: none;
 
+  line-height: 1;
 
+  -webkit-font-smoothing: antialiased;
 
+  vertical-align:middle
 
+}
 
+ul, ol, li{
 
+  line-height:normal;
 
+  list-style-image:none;
 
+  list-style-position:outside;
 
+  list-style-type:none;
 
+  margin:0
 
+}
 
+dl {
 
+  margin:0
 
+}
 
+dd {
 
+  margin-left:0
 
+}
 
+body{
 
+  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',"微软雅黑",sans-serif;
 
+  overflow:hidden;
 
+}a {
 
+  outline:none;
 
+} 
+
 
+a {
 
+  color: #0088cc;
 
+  text-decoration: none;
 
+}
 
+a:hover,
 
+a:focus {
 
+  color: #005580;
 
+  text-decoration:none;
 
+}
 
+.taC,td.taC,th.taC{text-align: center;}
 
+.taR,td.taR,th.taR{text-align:right;}
 
+.fL{float:left}
 
+.fR{float:right}
 
+.width960{
 
+  width:960px;
 
+  margin:0 auto;
 
+}
 
+.colRed {color:#f70000}
 
+.colOrange {color:#ed8b00}
 
+.colYel {color:#d9a601}
 
+.colGreen{color:#17ab0c}
 
+.colGray{color:#999}
 
+.colBlue{color:#3172d9}
 
+.wrapHeader{
 
+  height:48px;
 
+  background:url(headerBg.jpg) repeat-x 0 0;
 
+  position:relative
 
+}
 
+.wrapHeader h1.mainLogo{
 
+  width:249px;
 
+  height:48px;
 
+  position: absolute;
 
+  background:url(logo.png) no-repeat 0 0;
 
+  left:0;
 
+  top:0;
 
+  margin:0
 
+}
 
+.wrapHeader div.userInfo,.wrapHeader div.sysTools {
 
+  position:absolute;
 
+  right:0
 
+}
 
+.wrapHeader div.sysTools{
 
+  top:15px;
 
+  right:10px
 
+}
 
+div.userInfo .btn-group {
 
+  margin:8px 10px 0 0
 
+}
 
+div.userInfo .btn-group .dropdown-menu{
 
+  left:inherit;
 
+  right:0
 
+}
 
+.mainSidebar{
 
+  width:68px;
 
+  float:left
 
+}
 
+.mainSidebar ul{
 
+  border-bottom:1px solid #535353
 
+}
 
+.mainSidebar li{
 
+  text-align:center;
 
+  border-bottom:1px solid #303030;
 
+  position:relative
 
+}
 
+.mainSidebar li .badge{
 
+  position:absolute;
 
+  right:8px;
 
+  top:8px
 
+}
 
+.mainNav a{
 
+  color:#fff;
 
+  text-decoration:none;
 
+  font-size:12px;
 
+  border-top:1px solid #535353;
 
+  padding:15px 0;
 
+  display:block;
 
+  color:#BABABA
 
+}
 
+.mainNav a:hover{
 
+  border-left:1px solid #CFD37A;
 
+  padding-right:1px;
 
+  color:#e3e3e3
 
+}
 
+.mainNav a.focus{
 
+  background:url(sidebarAfocue.png) repeat;
 
+  border-left:1px solid #CFD37A;
 
+  cursor: default;
 
+  padding-right:1px;
 
+  color:#fff
 
+}
 
+.mainNav .navIcon{
 
+  font-size:24px
 
+}
 
+.wrapContent{
 
+  background:url(sidebarBg.jpg) repeat-y 0 0;
 
+  position:relative
 
+}
 
+.mainContainer{
 
+  margin:0 0 0 68px;
 
+  border-top:5px solid #CFD37A;
 
+  overflow-y:auto;
 
+}
 
+.mainContent{
 
+  padding:0 30px 0
 
+}
 
+.mainContent .title h1{
 
+  font-size:24px;
 
+  color:#333;
 
+  font-weight:normal
 
+}
 
+.mainContent .title {
 
+  padding:10px 0 0 0;
 
+}
 
+.mainContent .title .nav{
 
+  display: inline-block;
 
+  font-size: 18px;
 
+  margin: 5px 0 0;
 
+}
 
+.mainContent .title .nav li.dropdown{
 
+  float:left;
 
+  margin:0 5px 0;
 
+  line-height:18px
 
+}
 
+.mainContent .title .nav li.dropdown .dropdown-menu{
 
+  font-size:12px
 
+}
 
+.mainContent .title  .btn-group .dropdown-menu {
 
+    left: inherit;
 
+    right: 0;
 
+}
 
+.project {
 
+  margin:0 0 30px 0;
 
+}
 
+.projec .odd{
 
+  background:#fcfcfc
 
+}
 
+.project table th input,.project table td input{
 
+  margin:0
 
+}
 
+.projectEntry {
 
+  height:70px;
 
+  margin:0 0 5px 0;
 
+  border-radius:5px;
 
+  background:#f7f7f7;
 
+  color:#666
 
+}
 
+.project .proSection{
 
+  margin:0 0 50px 0;
 
+}
 
+.project .proSection .table{
 
+  margin:0;
 
+}
 
+.projectEntry:hover{
 
+  background:#fff8ef;
 
+  color:#333
 
+}
 
+.projectEntry .pojIcon {
 
+  min-width:65px;
 
+  height:70px;
 
+  line-height:70px;
 
+  text-align:center;
 
+  text-shadow:0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.4);
 
+  font-size:36px;
 
+  border-radius:5px 0 0 5px;
 
+  position:relative;
 
+  background:#CFD37A;
 
+}
 
+.projectEntry .pojIcon div {
 
+  height: 40px;
 
+  line-height: 40px;
 
+  margin: 16px 0 0;
 
+}
 
+.projectEntry .c1{
 
+  background-color: #E9DDCF;
 
+  color: #D8A196
 
+}
 
+.projectEntry .c2{
 
+  background-color: #ECE8D5;
 
+  color: #C8BFA5
 
+}
 
+.projectEntry .c3{
 
+  background-color: #E4EDD1;
 
+  color: #C8D7A5
 
+}
 
+.projectEntry .c4{
 
+  background-color: #DBEEE6;
 
+  color: #AFD8C7
 
+}
 
+.projectEntry .c5{
 
+  background-color: #CFE6E9;
 
+  color: #8CB6C7
 
+}
 
+.projectEntry .c6{
 
+  background-color: #CFD8E9;
 
+  color: #8FA6D1
 
+}
 
+.projectEntry .c7{
 
+  background-color: #F0DCE3;
 
+  color: #DBA8BA
 
+}
 
+.projectEntry .c8{
 
+  background-color: #E3E3E3;
 
+  color: #B9C0C7
 
+}
 
+.projectEntry .pojDetail{
 
+  width:92%
 
+}
 
+.pojDetail .title{
 
+  width:25%;
 
+  padding:0 0 0 10px;
 
+  margin:12px 0 0 0
 
+}
 
+.pojDetail .title h5{
 
+  margin:0 0 5px 0
 
+}
 
+.pojDetail .detail,.pojDetail .detail2 {
 
+  width:35%;
 
+  margin:12px 0 0 20px;
 
+  overflow: hidden;
 
+}
 
+.pojDetail .detail2{
 
+  width:35%
 
+}
 
+.pojDetail .detail p{
 
+  margin:0 0 5px 0
 
+}
 
+.pojDetail .detail .progress {
 
+  margin:0
 
+}
 
+.slidePanel{
 
+  position:absolute;
 
+  right:-100%;
 
+  top:0;
 
+  width:75%;
 
+  height:100%;
 
+  background:#fff;
 
+  border-left: 1px solid #9b9c9e;
 
+  box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.2);
 
+  overflow: auto;
 
+  z-index: 999
 
+}
 
+.slidePanel .panelContent{
 
+  margin:20px 20px 20px 0
 
+}
 
+.panelContent .title{
 
+  margin:0 0 30px 0
 
+}
 
+.panelContent .title div.closePanel{
 
+  cursor:pointer;
 
+  border-radius:0 15px 15px 0
 
+}
 
+.panelContent .title div.closePanel:hover {
 
+  background:#B94A48
 
+}
 
+.slidePanel .panelContent h2{
 
+  font-size:18px;
 
+  color:#666;
 
+  margin:0;
 
+  color:#333;
 
+  font-weight:normal;
 
+  height:30px;
 
+  line-height:30px
 
+}
 
+.panelContent h2 div{
 
+  height:30px;
 
+  line-height:30px;
 
+  text-align:center;
 
+  width:24px;
 
+  color:#fff;
 
+  background:#9b9c9e;
 
+  margin:0 5px 0 0
 
+}
 
+.panelContent .form{
 
+  margin:0 0 0 20px
 
+}
 
+.panelContent .table input {
 
+  margin:0;
 
+}
 
+.form .controls .alert{
 
+  margin:0 90px 0 0
 
+}
 
+.jlTable,.misTable{
 
+  overflow:auto;
 
+  margin:8px 0 2px 0;
 
+  position: relative
 
+}
 
+.misTable {
 
+  margin-left:140px;
 
+  margin-right:5px;
 
+}
 
+.jlTable .alert,.misTable .alert{
 
+  position: absolute;
 
+  bottom:0;
 
+  right:20px;
 
+  z-index: 999;
 
+}
 
+.bottomToolsbar {
 
+  height:60px;
 
+  overflow:hidden;
 
+}
 
+.reportList {
 
+  margin:5px 0;
 
+}
 
+.tableTypeList {
 
+  float:left;
 
+  width:140px;
 
+  margin-top:8px;
 
+}
 
+.tableTypeList li {
 
+  width:140px;
 
+  overflow: hidden
 
+}
 
+.tableTypeList li a{
 
+  display: inline-block;
 
+  padding:5px 10px;
 
+  width:120px;
 
+  line-height: 16px
 
+}
 
+.tableTypeList li a:hover{
 
+  text-decoration: none;
 
+  background: #f5f5f5;
 
+  font-weight: 600
 
+}
 
+.tableTypeList li a.now{
 
+  background:#414141;
 
+  color:#CFD37A;
 
+  cursor: default;
 
+  font-weight: 600
 
+}
 
+.periodBar{
 
+  height:28px;
 
+  line-height:28px;
 
+  background:#f1f1f1;
 
+  padding:0 0 0 20px
 
+}
 
+.pjColorList{
 
+  position:relative
 
+}
 
+.pjColor,.pjIcon{
 
+  display:inline-block;
 
+  *display:inline;
 
+  zoom:1;
 
+  width:24px;
 
+  height:24px;
 
+  margin:0 5px 0 0;
 
+  text-align:center;
 
+  padding:0;
 
+  position:relative;
 
+  font-size:14px;
 
+  cursor: pointer;
 
+  border-radius:3px
 
+}
 
+.pjSelect {
 
+  height:20px;
 
+  width:20px;
 
+  border-width: 2px;
 
+  border-style:solid;
 
+}
 
+.pjColor:hover {
 
+  height:22px;
 
+  width:22px;
 
+  border-width: 1px;
 
+  border-style:solid;
 
+}
 
+.pjSelect:hover {
 
+  height:20px;
 
+  width:20px;
 
+  border-width: 2px;
 
+  border-style:solid;
 
+}
 
+.pjSelect:after{
 
+content: "✔";
 
+position: absolute;
 
+top:0;
 
+left:5px
 
+}
 
+.pjIcon{
 
+  font-size:18px;
 
+  height:30px;
 
+  line-height:30px;
 
+  width:30px
 
+}
 
+.pjiSelect{
 
+  border-width: 2px;
 
+  border-style:solid;
 
+  height:26px;
 
+  width:26px;
 
+  line-height:26px
 
+}
 
+.pjIcon:hover{
 
+  border-width: 1px;
 
+  border-style:solid;
 
+  height:28px;
 
+  width:28px;
 
+  line-height:28px
 
+}
 
+.pjiSelect:hover{
 
+  border-width: 2px;
 
+  border-style:solid;
 
+  height:26px;
 
+  width:26px;
 
+  line-height:26px
 
+}
 
+.pj-c1 {
 
+  background-color: #E9DDCF;
 
+  border-color: #D8A196;
 
+  color: #D8A196
 
+}
 
+.pj-c2{
 
+  background-color: #ECE8D5;
 
+  border-color: #C8BFA5;
 
+  color: #C8BFA5
 
+}
 
+.pj-c3{
 
+  background-color: #E4EDD1;
 
+  border-color: #C8D7A5;
 
+  color: #C8D7A5
 
+}
 
+.pj-c4{
 
+  background-color: #DBEEE6;
 
+  border-color: #AFD8C7;
 
+  color: #AFD8C7
 
+}
 
+.pj-c5{
 
+  background-color: #DBEEE6;
 
+  border-color: #AFD8C7;
 
+  color: #AFD8C7
 
+}
 
+.pj-c6{
 
+  background-color: #CFE6E9;
 
+  border-color: #8CB6C7;
 
+  color: #8CB6C7
 
+}
 
+.pj-c7{
 
+  background-color: #E3E3E3;
 
+  border-color: #B9C0C7;
 
+  color: #B9C0C7
 
+}
 
+.pj-c8{
 
+  background-color: #F0DCE3;
 
+  border-color: #DBA8BA;
 
+  color: #DBA8BA
 
+}
 
+.periodBar .entry{
 
+  float:left
 
+}
 
+.periodBar a{
 
+  text-decoration:none;
 
+  cursor:pointer
 
+}
 
+.periodBar a.disAva{
 
+  color:#999;
 
+  cursor:default
 
+}
 
+.periodBar .page a{
 
+  margin:0 5px
 
+}
 
+.periodBar a.dashed{
 
+  margin:0 5px
 
+}
 
+.periodList .periodItem {
 
+  width:370px;
 
+  overflow: hidden;
 
+  border-left:1px solid #d6d6d6;
 
+  margin:0 0 0 20px
 
+}
 
+.periodList li{
 
+  float:left;
 
+  height:28px;
 
+  line-height:28px;
 
+  border:1px solid #d6d6d6;
 
+  border-top:none;
 
+  border-bottom:none;
 
+  margin:0 0 0 -1px
 
+}
 
+.periodList li a{
 
+  padding:0 15px
 
+}
 
+.periodList li.focus{
 
+  float:left;
 
+  height:25px;
 
+  line-height:25px;
 
+  border-color:#ababab;
 
+  border-bottom:2px solid #333333;
 
+  background:#fff
 
+}
 
+.periodList li.focus a{
 
+  color:#333;
 
+  border-color:#fff
 
+}
 
+.periodBar{.
 
+  height:28px;
 
+  overflow: hidden
 
+}
 
+.periodBar .addPeriod{
 
+  margin:0 0 0 10px;
 
+  font-size:18px
 
+}
 
+.periodBar .addPeriod a{
 
+  margin:8px 0 0 0
 
+}
 
+.mpItem .title{
 
+  padding:0 5px;
 
+  font-size:48px;
 
+  line-height:48px;
 
+  height:48px;
 
+  border-top:1px solid #F7F7F7
 
+}
 
+.mpItem .title div{
 
+  font-size:12px;
 
+  margin:0 5px 0 48px;
 
+  text-align:right;
 
+  line-height:16px
 
+}
 
+.mpItem .title div p{
 
+  margin:10px 0 0 0
 
+}
 
+.avatar {
 
+  margin:13px 0 0 10px
 
+}
 
+.avatar li{
 
+  border:2px solid #999;
 
+  padding:1px;
 
+  background:#fff;
 
+  position:relative;
 
+  float:left;
 
+  margin:0 3px 0 0;
 
+  border-radius:3px
 
+}
 
+.avatar li img{
 
+  border-radius:3px
 
+}
 
+.avatar li span{
 
+  position: absolute;
 
+  background:#333;
 
+  color:#fff;
 
+  left:1px;
 
+  bottom:1px;
 
+  height:14px;
 
+  line-height:14px;
 
+  text-align:center;
 
+  width:14px
 
+}
 
+.avatar li.add {
 
+  width:54px;
 
+  height:54px;
 
+  border:none;
 
+  background:none;
 
+}
 
+.avatar li.add span{
 
+  font-size:56px;
 
+  left:0;
 
+  top:3px;
 
+  background: none;
 
+  color:#999;
 
+  cursor:pointer;
 
+}
 
+.avatar li.add:hover{
 
+  border-color: #333
 
+}
 
+.avatar li.add span:hover{
 
+  color:#333
 
+}
 
+.avatar li.num {
 
+  font-size:36px;
 
+  color:#ccc;
 
+  border:none;
 
+  background:none;
 
+  padding:0 15px;
 
+  height:54px;
 
+  line-height:54px;
 
+  margin-right:5px;
 
+}
 
+.avatar li.name {
 
+  font-size:18px;
 
+  border:none;
 
+  background:none;
 
+  padding:0 10px;
 
+  height:54px;
 
+  line-height:54px;
 
+  min-width:100px;
 
+}
 
+.avatar li.con {
 
+  font-size:12px;
 
+  border:none;
 
+  background:none;
 
+  padding:0 10px;
 
+  height:54px;
 
+  line-height:54px;
 
+  color:#666;
 
+  max-width:500px
 
+}
 
+.avatar li.con p{
 
+  line-height: 18px;
 
+  margin-top:15px
 
+}
 
+.missionPeriod .mpPass{
 
+  width:60px;
 
+  height:60px;
 
+  background-color: #f7f7f7;
 
+  border:1px solid #e5e5e5;
 
+  float:left;
 
+  line-height:60px;
 
+  text-align:center;
 
+  margin:0 5px 5px 0;
 
+  color:#84af84;
 
+  font-size:50px;
 
+  text-decoration:none
 
+}
 
+.missionPeriod .mpPass:hover{
 
+  background:#fff8ef
 
+}
 
+.missionPeriod {
 
+  border-bottom:1px dashed #dbdbdb;
 
+  padding:0 0 20px 0
 
+}
 
+.missionPeriod h4{
 
+  font-weight:normal;
 
+  font-size:14px;
 
+  color:#666;
 
+  height:30px;
 
+  line-height:30px;
 
+  cursor: pointer;
 
+  padding:0 10px
 
+}
 
+.missionPeriod:hover h4{
 
+  background:#f7f7f7;
 
+  border-color:#fff
 
+}
 
+.missionPeriod .mpTips{
 
+  text-align:center
 
+}
 
+.mpNotpass .title{
 
+  border-color:#cc0000
 
+}
 
+.mpNotpass .title b{
 
+  color:#cc0000
 
+}
 
+.mpWait .title{
 
+  border-color:#ff9900
 
+}
 
+.mpWait .title b{
 
+  color:#ff9900
 
+}
 
+.avatar .pass{
 
+  border-color:#009d0e
 
+}
 
+.avatar .pass span{
 
+  background:#009d0e
 
+}
 
+.avatar .wait{
 
+  border-color:#ff9900
 
+}
 
+.avatar .wait span{
 
+  background:#ff9900
 
+}
 
+.avatar .notpass{
 
+  border-color:#cc0000
 
+}
 
+.avatar .notpass span{
 
+  background:#cc0000
 
+}
 
+.avatarBar {
 
+  background:#F1F1F1;
 
+  width:100%;
 
+  height:60px;
 
+}
 
+.avatarBar .avatar{
 
+  margin:2px 0 0 5px
 
+}
 
+.avatarBar .fR{
 
+  margin:15px 20px 0 0
 
+}
 
+.avatarBar .caret {
 
+  border-bottom:4px solid #fff
 
+}
 
+.label input{
 
+  margin:0;
 
+  vertical-align:top;
 
+}
 
+.group-c1 {
 
+  background-color:#e56061
 
+}
 
+.group-c2 {
 
+  background-color:#8d9cb1
 
+}
 
+.group-c3 {
 
+  background-color:#4fb7b8
 
+}
 
+.group-c4 {
 
+  background-color:#66b856
 
+}
 
+.group-c5 {
 
+  background-color:#B8569E
 
+}
 
+.group-c6 {
 
+  background-color:#B87456
 
+}
 
+.group-c7 {
 
+  background-color:#564FB8
 
+}
 
+.group-c8 {
 
+  background-color:#4F81B8
 
+}
 
+.group-c9 {
 
+  background-color:#D0CC59
 
+}
 
+.workGroup .groupEntry {
 
+  background:#f7f7f7;
 
+  padding:0 0 10px 0;
 
+  margin:0 0 15px 0;
 
+  box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.1);
 
+  border-radius:3px;
 
+}
 
+.groupEntry .title b{
 
+  color:#fff;
 
+  height:28px;
 
+  line-height:28px;
 
+  display:inline-block;
 
+  *display:inline;
 
+  zoom:1;
 
+  padding:0 10px;
 
+  margin:0 10px 0 0;
 
+  border-radius:3px 0 0 0;
 
+}
 
+.groupEntry .title a{
 
+  font-size:18px;
 
+  color:#999;
 
+  margin:0 10px 0 0;
 
+  text-decoration:none
 
+}
 
+.groupEntry .title a:hover{
 
+  color:#EAB05E
 
+}
 
+.groupEntry .avatar li{
 
+  margin:0 15px 0 0;
 
+  border:none
 
+}
 
+.groupEntry .avatar li:hover{
 
+  border-color:#333
 
+}
 
+.groupEntry .avatar li p{
 
+  float:right;
 
+  font-size:12px;
 
+  margin:0;
 
+  line-height:14px;
 
+  padding:3px 5px 0 10px;
 
+  color:666;
 
+  display:none
 
+}
 
+.groupEntry .avatar li.count{
 
+  height:48px;
 
+  width:55px;
 
+  font-size:12px;
 
+  line-height:48px;
 
+  border:none;
 
+  background:none;
 
+  text-align:center
 
+}
 
+.groupEntry .avatar li img{
 
+  opacity: 0.9;
 
+  -moz-opacity: 0.9;
 
+  filter:alpha(opacity=9);
 
+}
 
+.groupEntry .avatar li:hover img{
 
+  opacity: 1;
 
+  -moz-opacity:1;
 
+  filter:alpha(opacity=1);
 
+}
 
+.partner {
 
+  padding:10px 15px;
 
+  background:#f7f7f7
 
+}
 
+.partner li{
 
+  border:none;
 
+  margin:0 15px 15px 0;
 
+  text-align:center;
 
+  font-size:12px
 
+}
 
+.partner li img{
 
+  opacity: 0.5;
 
+  -moz-opacity: 0.5;
 
+  filter:alpha(opacity=5);
 
+  display:block
 
+}
 
+.partner li.focus{
 
+  background-color:#333;
 
+  color:#fff
 
+}
 
+.partner li.focus img{
 
+  opacity: 1;
 
+  -moz-opacity:1;
 
+  filter:alpha(opacity=1);
 
+}
 
+.partner li input{
 
+  position:absolute;
 
+  right:2px;
 
+  top:31px
 
+}
 
+.partner li.invite{
 
+  border:1px dashed #999;
 
+  height:48px;
 
+  line-height:48px;
 
+  width:48px;
 
+  text-align:center
 
+}
 
+.partner li.invite:hover{
 
+  border:1px solid #ccc
 
+}
 
+.form .partner .alert{
 
+  margin:0
 
+}
 
+.inviteAvatar {
 
+  background:#f7f7f7;
 
+  padding:10px
 
+}
 
+.inviteAvatar img{
 
+  padding:1px;
 
+  background:#fff;
 
+  border-radius:3px;
 
+  float:left
 
+}
 
+.inviteAvatar p{
 
+  margin:0 0 0 58px
 
+}
 
+.avatar li span.waitJoin{
 
+  color:#CFD37A;
 
+  background: #333333;
 
+  width:20px;
 
+  height:20px;
 
+  line-height:16px;
 
+  font-size:18px;
 
+  border-radius: 10px;
 
+  left:-10px;
 
+  top:-10px;
 
+}
 
+.wrapLogin{
 
+  border-top:5px solid #CFD37A;
 
+}
 
+.wrapLogin .loginPanel .tpa{
 
+  text-align: right;
 
+  margin:0 0 5px 0
 
+}
 
+.wrapLogin .loginPanel{
 
+  width:330px;
 
+  position: absolute;
 
+  bottom:50%;
 
+  right:50%;
 
+  padding:10px;
 
+  background:#F8F8F8;
 
+  margin:0 -165px -100px 0
 
+}
 
+.wrapLogin .loginPanel img{
 
+  margin:0 0 10px 0;
 
+  border-radius:3px;
 
+  padding:1px;
 
+  background:#fff
 
+}
 
+.wrapLogin .loginPanel .alert{
 
+  margin:10px 0 0 0;
 
+  text-align:center
 
+}
 
+.adminSidebar{
 
+  width:140px;
 
+  padding:10px 10px 10px 0;
 
+}
 
+.adminSidebar li{
 
+  margin:0 0 1px 0
 
+}
 
+.adminSidebar li a{
 
+  display:inline-block;
 
+  *display:inline;
 
+  zoom:1;
 
+  width:150px;
 
+  text-align:center;
 
+  padding:10px 0;
 
+  font-size:14px;
 
+  color:#999
 
+}
 
+.adminSidebar li a:hover{
 
+  background:#f2f2f2
 
+}
 
+.adminSidebar li a.now{
 
+  color:#666;
 
+  font-weight:600;
 
+  background:#ddd
 
+}
 
+.adminContent {
 
+  margin:0 0 0 150px;
 
+  padding:15px 15px 0 20px;
 
+  border-left:1px solid #ddd;
 
+  background:#fff;
 
+  overflow-y:auto 
+}
 
+.userInfoPanel{
 
+  margin:20px auto 5px
 
+}
 
+.userInfoPanel p{
 
+  text-align:right;
 
+  margin:10px 10px 0 0
 
+}
 
+.copyRight{
 
+  position:absolute;
 
+  bottom:20px;
 
+  width:100%;
 
+  text-align:center;
 
+  font-size:12px;
 
+  color:#999
 
+}
 
+.copyRight a{
 
+  color:#666
 
+}
 
+.filesWrap {
 
+  position: relative;
 
+  overflow: hidden;
 
+}
 
+.filesWrap .filesList{
 
+  overflow-y:auto;
 
+  width:70%;
 
+}
 
+.filesWrap .filesDetail{
 
+  position: absolute;
 
+  right:0;
 
+  top:0;
 
+  width:29%;
 
+  border:1px solid #ccc;
 
+}
 
+.fileico {
 
+  display: inline-block;
 
+  width: 26px;
 
+  height: 22px;
 
+  background: url(fileico.gif) no-repeat 0 0;
 
+  vertical-align: middle;
 
+}
 
+.fileico.ico-jpg{
 
+  background-position:0 -80px
 
+}
 
+.fileico.ico-pdf{
 
+  background-position:-64px -80px
 
+}
 
+.fileico.ico-doc{
 
+  background-position:-96px -80px
 
+}
 
+.fileico.ico-xls{
 
+  background-position:-128px -80px
 
+}
 
+.fileico.ico-txt{
 
+  background-position:-160px -80px
 
+}
 
+.fileico.ico-zip{
 
+  background-position:-352px -80px
 
+}

BIN
css/wave1.png
View File


BIN
css/wave2.png
View File


+ 56 - 0
edit-profile-avtra.html
View File 

@@ -0,0 +1,56 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+    				<li><a href="" title="开始计量"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目</a></li>
 
+    				<li><a href="" title="查看我的任务"><div data-icon="B" aria-hidden="true" class="navIcon"></div>审批</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="C" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据统计"><div data-icon="D" aria-hidden="true" class="navIcon"></div>统计</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+        <!--内容-->
 
+        <div class="mainContent">
 
+          <div class="title clearfix">
 
+            <div class="fR">
 
+              <button class="btn btn-link" type="button"><i class="icon-question-sign"></i>&nbsp;帮助</button>
 
+            </div>
 
+          </div>
 
+          <div class="form">
 
+              <legend>修改头像</legend>
 
+              <div class="clearfix">上传头像插件在此</div>
 
+          </div>
 
+        </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 82 - 0
edit-profile-pw.html
View File 

@@ -0,0 +1,82 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+    				<li><a href="" title="开始计量"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目</a></li>
 
+    				<li><a href="" title="查看我的任务"><div data-icon="B" aria-hidden="true" class="navIcon"></div>审批</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="C" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据统计"><div data-icon="D" aria-hidden="true" class="navIcon"></div>统计</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+        <!--内容-->
 
+        <div class="mainContent">
 
+          <div class="title clearfix">
 
+            <div class="fR">
 
+              <button class="btn btn-link" type="button"><i class="icon-question-sign"></i>&nbsp;帮助</button>
 
+            </div>
 
+          </div>
 
+          <div class="form">
 
+            <form class="form-horizontal">
 
+              <legend>修改密码</legend>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">旧密码</label>
 
+                <div class="controls">
 
+                  <input type="password" placeholder="输入您的当前密码">
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">新密码</label>
 
+                <div class="controls">
 
+                  <input type="password" placeholder="输入您的新密码">
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">确认新密码</label>
 
+                <div class="controls">
 
+                  <input type="password" placeholder="再输入您的新密码">
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label"></label>
 
+                <div class="controls">
 
+                  <a class="btn btn-primary"  href="welcome - 1.html"><i class="icon-ok icon-white"></i>&nbsp;确定提交</a>
 
+                </div>
 
+              </div>
 
+              </fieldset>
 
+            </form>
 
+          </div>
 
+        </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 113 - 0
edit-profile.html
View File 

@@ -0,0 +1,113 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+    				<li><a href="" title="开始计量"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目</a></li>
 
+    				<li><a href="" title="查看我的任务"><div data-icon="B" aria-hidden="true" class="navIcon"></div>审批</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="C" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据统计"><div data-icon="D" aria-hidden="true" class="navIcon"></div>统计</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+        <!--内容-->
 
+        <div class="mainContent">
 
+          <div class="title clearfix">
 
+            <div class="fR">
 
+              <button class="btn btn-link" type="button"><i class="icon-question-sign"></i>&nbsp;帮助</button>
 
+            </div>
 
+          </div>
 
+          <div class="form">
 
+            <form class="form-horizontal">
 
+              <legend>编辑个人信息</legend>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">头像</label>
 
+                <div class="controls">
 
+                  <img src="images/avatar-1.png"> <a href="edit-profile-avtra.html" target="_blank">更换</a>
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">邮箱（登录账号）</label>
 
+                <div class="controls">
 
+                  <input type="text" value="sg@qq.com" disabled="">&nbsp;<a href="#">修改密码</a>
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">姓名</label>
 
+                <div class="controls">
 
+                  <input type="text" placeholder="输入您的姓名">
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">单位(公司)名称</label>
 
+                <div class="controls">
 
+                  <input type="text" placeholder="输入您的单位或者公司名称" >
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">职位</label>
 
+                <div class="controls">
 
+                  <input type="text" placeholder="输入您的职位">
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">联系电话</label>
 
+                <div class="controls">
 
+                  <div class="input-prepend">
 
+                    <span class="add-on">固话</span>
 
+                    <input type="text" placeholder="格式：0000-00000000" style="width:167px">
 
+                  </div>
 
+                  <div class="input-prepend">
 
+                    <span class="add-on">手机</span>
 
+                    <input type="text" placeholder="输入11位手机号码"  class="span2">
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">QQ</label>
 
+                <div class="controls">
 
+                  <input type="text" placeholder="输入您的QQ号码">
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label"></label>
 
+                <div class="controls">
 
+                  <a class="btn btn-primary"  href="welcome - 1.html"><i class="icon-ok icon-white"></i>&nbsp;确定提交</a>
 
+                </div>
 
+              </div>
 
+              </fieldset>
 
+            </form>
 
+          </div>
 
+        </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

BIN
images/avatar-1.png
View File


BIN
images/avatar-2.png
View File


BIN
images/avatar-3.png
View File


BIN
images/avatar-4.png
View File


BIN
images/avatar-normal - 副本.png
View File


BIN
images/avatar-normal.png
View File


BIN
images/avatar-normald.png
View File


BIN
images/avtra.png
View File


BIN
images/favicon.ico
View File


BIN
img/mainLogo.png
View File


BIN
img/softtips1.jpg
View File


BIN
img/topBanner.png
View File


BIN
img/未标题-1.png
View File


+ 70 - 0
index.html
View File 

@@ -0,0 +1,70 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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/index.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstra2p.js></script> 
+	<script src=js/jl.js></script> 
+	<script src=js/bootstrap-scrollspy.js></script> 
+</head>
 
+<body data-spy="scroll" data-target="#inav">
 
+  <div class="warpIndex">
 
+    <div class="indexNav">
 
+    	<div class="width960 nav" id="inav">
 
+	      <ul class="fL inav">
 
+	      <li class="mlogo"><a href="#" title="首页" class="fL"><img src="img/mainLogo.png"></a></li>
 
+	      <li><a href="#introduce">介绍</a></li>
 
+	      <li><a href="#feature">功能</a></li>
 
+	      <li><a href="#docs">文档</a></li>
 
+	      </ul>
 
+	      <ul class="menBtn">
 
+	      	<li><a href="http://sso.smartcost.com.cn" target="_blank">注册</a></li>
 
+	      	<li><a href="login.html" class="login">登录</a></li>
 
+	      </ul>
 
+	    </div>
 
+    </div>
 
+    <div class="topBanner" id="topBanner">
 
+    	<div class="width960">
 
+	    	<img src="img/topBanner.png">
 
+	    	<h1>更快的计量，更简的审批</h1>
 
+	    	<p class=="fadeInDown">重新定义计量支付</p>
 
+	    	<p class=="fadeInDown"><a href="#introduce">了解更多 →</a><a href="login.html" class="login">登录使用 →</a></p>
 
+	    </div>
 
+    </div>
 
+    <div class="introduce" id="introduce">
 
+			2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>
 
+			2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>
 
+			2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>
 
+			2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>
 
+			2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>
 
+			2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>
 
+			2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>
 
+			2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>
 
+    </div>
 
+    <div class="feature" id="feature">
 
+			3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>
 
+			3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>
 
+			3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>
 
+			3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>
 
+			3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>
 
+			3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>
 
+			3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>
 
+			3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>
 
+    </div>
 
+    <div class="docs" id="docs">
 
+			4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>
 
+			4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>
 
+			4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>
 
+			4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>
 
+			4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>
 
+			4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>
 
+			4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>4<br>
 
+    </div>
 
+  </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 162 - 0
js/bootstrap-scrollspy.js
View File 

@@ -0,0 +1,162 @@
 
+/* =============================================================
 
+ * bootstrap-scrollspy.js v2.3.2
 
+ * http://twitter.github.com/bootstrap/javascript.html#scrollspy
 
+ * =============================================================
 
+ * Copyright 2012 Twitter, Inc.
 
+ *
 
+ * Licensed under the Apache License, Version 2.0 (the "License");
 
+ * you may not use this file except in compliance with the License.
 
+ * You may obtain a copy of the License at
 
+ *
 
+ * http://www.apache.org/licenses/LICENSE-2.0
 
+ *
 
+ * Unless required by applicable law or agreed to in writing, software
 
+ * distributed under the License is distributed on an "AS IS" BASIS,
 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 
+ * See the License for the specific language governing permissions and
 
+ * limitations under the License.
 
+ * ============================================================== */
 
+
 
+
 
+!function ($) {
 
+
 
+  "use strict"; // jshint ;_;
 
+
 
+
 
+ /* SCROLLSPY CLASS DEFINITION
 
+  * ========================== */
 
+
 
+  function ScrollSpy(element, options) {
 
+    var process = $.proxy(this.process, this)
 
+      , $element = $(element).is('body') ? $(window) : $(element)
 
+      , href
 
+    this.options = $.extend({}, $.fn.scrollspy.defaults, options)
 
+    this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process)
 
+    this.selector = (this.options.target
 
+      || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
 
+      || '') + ' .inav li > a'
 
+    this.$body = $('body')
 
+    this.refresh()
 
+    this.process()
 
+  }
 
+
 
+  ScrollSpy.prototype = {
 
+
 
+      constructor: ScrollSpy
 
+
 
+    , refresh: function () {
 
+        var self = this
 
+          , $targets
 
+
 
+        this.offsets = $([])
 
+        this.targets = $([])
 
+
 
+        $targets = this.$body
 
+          .find(this.selector)
 
+          .map(function () {
 
+            var $el = $(this)
 
+              , href = $el.data('target') || $el.attr('href')
 
+              , $href = /^#\w/.test(href) && $(href)
 
+            return ( $href
 
+              && $href.length
 
+              && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]] ) || null
 
+          })
 
+          .sort(function (a, b) { return a[0] - b[0] })
 
+          .each(function () {
 
+            self.offsets.push(this[0])
 
+            self.targets.push(this[1])
 
+          })
 
+      }
 
+
 
+    , process: function () {
 
+        var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
 
+          , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
 
+          , maxScroll = scrollHeight - this.$scrollElement.height()
 
+          , offsets = this.offsets
 
+          , targets = this.targets
 
+          , activeTarget = this.activeTarget
 
+          , i
 
+
 
+        if (scrollTop >= maxScroll) {
 
+          return activeTarget != (i = targets.last()[0])
 
+            && this.activate ( i )
 
+        }
 
+
 
+        for (i = offsets.length; i--;) {
 
+          activeTarget != targets[i]
 
+            && scrollTop >= offsets[i]
 
+            && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
 
+            && this.activate( targets[i] )
 
+        }
 
+      }
 
+
 
+    , activate: function (target) {
 
+        var active
 
+          , selector
 
+
 
+        this.activeTarget = target
 
+
 
+        $(this.selector)
 
+          .parent('.active')
 
+          .removeClass('active')
 
+
 
+        selector = this.selector
 
+          + '[data-target="' + target + '"],'
 
+          + this.selector + '[href="' + target + '"]'
 
+
 
+        active = $(selector)
 
+          .parent('li')
 
+          .addClass('active')
 
+
 
+        if (active.parent('.dropdown-menu').length)  {
 
+          active = active.closest('li.dropdown').addClass('active')
 
+        }
 
+
 
+        active.trigger('activate')
 
+      }
 
+
 
+  }
 
+
 
+
 
+ /* SCROLLSPY PLUGIN DEFINITION
 
+  * =========================== */
 
+
 
+  var old = $.fn.scrollspy
 
+
 
+  $.fn.scrollspy = function (option) {
 
+    return this.each(function () {
 
+      var $this = $(this)
 
+        , data = $this.data('scrollspy')
 
+        , options = typeof option == 'object' && option
 
+      if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options)))
 
+      if (typeof option == 'string') data[option]()
 
+    })
 
+  }
 
+
 
+  $.fn.scrollspy.Constructor = ScrollSpy
 
+
 
+  $.fn.scrollspy.defaults = {
 
+    offset: 10
 
+  }
 
+
 
+
 
+ /* SCROLLSPY NO CONFLICT
 
+  * ===================== */
 
+
 
+  $.fn.scrollspy.noConflict = function () {
 
+    $.fn.scrollspy = old
 
+    return this
 
+  }
 
+
 
+
 
+ /* SCROLLSPY DATA-API
 
+  * ================== */
 
+
 
+  $(window).on('load', function () {
 
+    $('[data-spy="scroll"]').each(function () {
 
+      var $spy = $(this)
 
+      $spy.scrollspy($spy.data())
 
+    })
 
+  })
 
+
 
+}(window.jQuery);

File diff suppressed because it is too large
+ 1437 - 0
js/bootstrap.js


File diff suppressed because it is too large
+ 7 - 0
js/bootstrap.min.js


+ 42 - 0
js/jl.js
View File 

@@ -0,0 +1,42 @@
 
+function autoFlashHeight(){
 
+    $(".body").height($(window).height());
 
+    $(".mainContainer").height($(window).height()-51 );
 
+    $(".adminContent").height($(window).height()-117 );
 
+    $(".slidePanel").height($(window).height()-48);
 
+    $(".jlTable").height($(window).height()-101 );
 
+    $(".misTable").height($(window).height()-228 );
 
+    $(".topBanner").height($(window).height()-65 );
 
+    $(".filesWrap").height($(window).height()-170 );
 
+    $(".filesList").height($(window).height()-170 );
 
+};
 
+$(window).resize(autoFlashHeight);
 
+
 
+ $(function(){
 
+//滑动二级页面
 
+  $("#opensidebar").click(function(){
 
+$(".slidePanel").animate({right:"0"},"5000")
 
+});
 
+  $(".closePanel").click(function(){
 
+    $(".slidePanel").animate({right:"-100%"},"3000")
 
+  });
 
+ //添加工作组选择工作伙伴
 
+$(".partner input").click(function(){
 
+	$(this).parent("li").toggleClass("focus")
 
+});
 
+$('*[data-toggle=tooltip]').mouseover(function() { 
+ $(this).tooltip('show'); 
+  });
 
+function waveloop1(){
 
+  $("#banner_bolang_bg_1").css({"left":"-236px"}).animate({"left":"-1233px"},25000,'linear',waveloop1);
 
+}
 
+function waveloop2(){
 
+  $("#banner_bolang_bg_2").css({"left":"0px"}).animate({"left":"-1009px"},60000,'linear',waveloop2);
 
+}
 
+waveloop1();
 
+waveloop2();
 
+   $('*[data-toggle=tooltip]').mouseover(function() { 
+ $(this).tooltip('show'); 
+  });
 
+});
 
+
 
+

File diff suppressed because it is too large
+ 4 - 0
js/jquery-1.7.1.min.js


File diff suppressed because it is too large
+ 5 - 0
js/jquery-1.9.1.min.js


+ 706 - 0
js/jquery.fixedheadertable.js
View File 

@@ -0,0 +1,706 @@
 
+/*!
 
+ * jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
 
+ *
 
+ * Copyright (c) 2013 Mark Malek
 
+ * http://fixedheadertable.com
 
+ *
 
+ * Licensed under MIT
 
+ * http://www.opensource.org/licenses/mit-license.php
 
+ *
 
+ * http://docs.jquery.com/Plugins/Authoring
 
+ * jQuery authoring guidelines
 
+ *
 
+ * Launch  : October 2009
 
+ * Version : 1.3
 
+ * Released: May 9th, 2011
 
+ *
 
+ *
 
+ * all CSS sizing (width,height) is done in pixels (px)
 
+ */
 
+
 
+(function ($) {
 
+
 
+  $.fn.fixedHeaderTable = function (method) {
 
+
 
+    // plugin's default options
 
+    var defaults = {
 
+      width:          '100%',
 
+      height:         '100%',
 
+      themeClass:     'fht-default',
 
+      borderCollapse:  true,
 
+      fixedColumns:    0, // fixed first columns
 
+      fixedColumn:     false, // For backward-compatibility
 
+      sortable:        false,
 
+      autoShow:        true, // hide table after its created
 
+      footer:          false, // show footer
 
+      cloneHeadToFoot: false, // clone head and use as footer
 
+      autoResize:      false, // resize table if its parent wrapper changes size
 
+      create:          null // callback after plugin completes
 
+    };
 
+
 
+    var settings = {};
 
+
 
+    // public methods
 
+    var methods = {
 
+      init: function (options) {
 
+        settings = $.extend({}, defaults, options);
 
+
 
+        // iterate through all the DOM elements we are attaching the plugin to
 
+        return this.each(function () {
 
+          var $self = $(this); // reference the jQuery version of the current DOM element
 
+
 
+          if (helpers._isTable($self)) {
 
+            methods.setup.apply(this, Array.prototype.slice.call(arguments, 1));
 
+            $.isFunction(settings.create) && settings.create.call(this);
 
+          } else {
 
+            $.error('Invalid table mark-up');
 
+          }
 
+        });
 
+      },
 
+
 
+      /*
 
+       * Setup table structure for fixed headers and optional footer
 
+       */
 
+      setup: function () {
 
+        var $self       = $(this),
 
+            self        = this,
 
+            $thead      = $self.find('thead'),
 
+            $tfoot      = $self.find('tfoot'),
 
+            tfootHeight = 0,
 
+            $wrapper,
 
+            $divHead,
 
+            $divBody,
 
+            $fixedBody,
 
+            widthMinusScrollbar;
 
+
 
+        settings.originalTable = $(this).clone();
 
+        settings.includePadding = helpers._isPaddingIncludedWithWidth();
 
+        settings.scrollbarOffset = helpers._getScrollbarWidth();
 
+        settings.themeClassName = settings.themeClass;
 
+
 
+        if (settings.width.search('%') > -1) {
 
+            widthMinusScrollbar = $self.parent().width() - settings.scrollbarOffset;
 
+        } else {
 
+            widthMinusScrollbar = settings.width - settings.scrollbarOffset;
 
+        }
 
+
 
+        $self.css({
 
+          width: widthMinusScrollbar
 
+        });
 
+
 
+
 
+        if (!$self.closest('.fht-table-wrapper').length) {
 
+          $self.addClass('fht-table');
 
+          $self.wrap('<div class="fht-table-wrapper"></div>');
 
+        }
 
+
 
+        $wrapper = $self.closest('.fht-table-wrapper');
 
+
 
+        if(settings.fixedColumn == true && settings.fixedColumns <= 0) {
 
+          settings.fixedColumns = 1;
 
+        }
 
+
 
+        if (settings.fixedColumns > 0 && $wrapper.find('.fht-fixed-column').length == 0) {
 
+          $self.wrap('<div class="fht-fixed-body"></div>');
 
+
 
+          $('<div class="fht-fixed-column"></div>').prependTo($wrapper);
 
+
 
+          $fixedBody    = $wrapper.find('.fht-fixed-body');
 
+        }
 
+
 
+        $wrapper.css({
 
+          width: settings.width,
 
+          height: settings.height
 
+        })
 
+          .addClass(settings.themeClassName);
 
+
 
+        if (!$self.hasClass('fht-table-init')) {
 
+          $self.wrap('<div class="fht-tbody"></div>');
 
+        }
 
+
 
+        $divBody = $self.closest('.fht-tbody');
 
+
 
+        var tableProps = helpers._getTableProps($self);
 
+
 
+        helpers._setupClone($divBody, tableProps.tbody);
 
+
 
+        if (!$self.hasClass('fht-table-init')) {
 
+          if (settings.fixedColumns > 0) {
 
+            $divHead = $('<div class="fht-thead"><table class="fht-table"></table></div>').prependTo($fixedBody);
 
+          } else {
 
+            $divHead = $('<div class="fht-thead"><table class="fht-table"></table></div>').prependTo($wrapper);
 
+          }
 
+
 
+          $divHead.find('table.fht-table')
 
+            .addClass(settings.originalTable.attr('class'))
 
+            .attr('style', settings.originalTable.attr('style'));
 
+
 
+          $thead.clone().appendTo($divHead.find('table'));
 
+        } else {
 
+          $divHead = $wrapper.find('div.fht-thead');
 
+        }
 
+
 
+        helpers._setupClone($divHead, tableProps.thead);
 
+
 
+        $self.css({
 
+          'margin-top': -$divHead.outerHeight(true)
 
+        });
 
+
 
+        /*
 
+         * Check for footer
 
+         * Setup footer if present
 
+         */
 
+        if (settings.footer == true) {
 
+          helpers._setupTableFooter($self, self, tableProps);
 
+
 
+          if (!$tfoot.length) {
 
+            $tfoot = $wrapper.find('div.fht-tfoot table');
 
+          }
 
+
 
+          tfootHeight = $tfoot.outerHeight(true);
 
+        }
 
+
 
+        var tbodyHeight = $wrapper.height() - $thead.outerHeight(true) - tfootHeight - tableProps.border;
 
+
 
+        $divBody.css({
 
+          'height': tbodyHeight
 
+        });
 
+
 
+        $self.addClass('fht-table-init');
 
+
 
+        if (typeof(settings.altClass) !== 'undefined') {
 
+          methods.altRows.apply(self);
 
+        }
 
+
 
+        if (settings.fixedColumns > 0) {
 
+          helpers._setupFixedColumn($self, self, tableProps);
 
+        }
 
+
 
+        if (!settings.autoShow) {
 
+          $wrapper.hide();
 
+        }
 
+
 
+        helpers._bindScroll($divBody, tableProps);
 
+
 
+        return self;
 
+      },
 
+
 
+      /*
 
+       * Resize the table
 
+       * Incomplete - not implemented yet
 
+       */
 
+      resize: function() {
 
+        var self  = this;
 
+        return self;
 
+      },
 
+
 
+      /*
 
+       * Add CSS class to alternating rows
 
+       */
 
+      altRows: function(arg1) {
 
+        var $self = $(this),
 
+        altClass  = (typeof(arg1) !== 'undefined') ? arg1 : settings.altClass;
 
+
 
+        $self.closest('.fht-table-wrapper')
 
+          .find('tbody tr:odd:not(:hidden)')
 
+          .addClass(altClass);
 
+      },
 
+
 
+      /*
 
+       * Show a hidden fixedHeaderTable table
 
+       */
 
+      show: function(arg1, arg2, arg3) {
 
+        var $self   = $(this),
 
+            self      = this,
 
+            $wrapper  = $self.closest('.fht-table-wrapper');
 
+
 
+        // User provided show duration without a specific effect
 
+        if (typeof(arg1) !== 'undefined' && typeof(arg1) === 'number') {
 
+          $wrapper.show(arg1, function() {
 
+            $.isFunction(arg2) && arg2.call(this);
 
+          });
 
+
 
+          return self;
 
+
 
+        } else if (typeof(arg1) !== 'undefined' && typeof(arg1) === 'string' &&
 
+          typeof(arg2) !== 'undefined' && typeof(arg2) === 'number') {
 
+          // User provided show duration with an effect
 
+
 
+          $wrapper.show(arg1, arg2, function() {
 
+            $.isFunction(arg3) && arg3.call(this);
 
+          });
 
+
 
+          return self;
 
+
 
+        }
 
+
 
+        $self.closest('.fht-table-wrapper')
 
+          .show();
 
+        $.isFunction(arg1) && arg1.call(this);
 
+
 
+        return self;
 
+      },
 
+
 
+      /*
 
+       * Hide a fixedHeaderTable table
 
+       */
 
+      hide: function(arg1, arg2, arg3) {
 
+        var $self     = $(this),
 
+            self    = this,
 
+            $wrapper  = $self.closest('.fht-table-wrapper');
 
+
 
+        // User provided show duration without a specific effect
 
+        if (typeof(arg1) !== 'undefined' && typeof(arg1) === 'number') {
 
+          $wrapper.hide(arg1, function() {
 
+            $.isFunction(arg3) && arg3.call(this);
 
+          });
 
+
 
+          return self;
 
+        } else if (typeof(arg1) !== 'undefined' && typeof(arg1) === 'string' &&
 
+          typeof(arg2) !== 'undefined' && typeof(arg2) === 'number') {
 
+
 
+          $wrapper.hide(arg1, arg2, function() {
 
+            $.isFunction(arg3) && arg3.call(this);
 
+          });
 
+
 
+          return self;
 
+        }
 
+
 
+        $self.closest('.fht-table-wrapper')
 
+          .hide();
 
+
 
+        $.isFunction(arg3) && arg3.call(this);
 
+
 
+
 
+
 
+        return self;
 
+      },
 
+
 
+      /*
 
+       * Destory fixedHeaderTable and return table to original state
 
+       */
 
+      destroy: function() {
 
+        var $self    = $(this),
 
+            self     = this,
 
+            $wrapper = $self.closest('.fht-table-wrapper');
 
+
 
+        $self.insertBefore($wrapper)
 
+          .removeAttr('style')
 
+          .append($wrapper.find('tfoot'))
 
+          .removeClass('fht-table fht-table-init')
 
+          .find('.fht-cell')
 
+          .remove();
 
+
 
+        $wrapper.remove();
 
+
 
+        return self;
 
+      }
 
+
 
+    };
 
+
 
+    // private methods
 
+    var helpers = {
 
+
 
+      /*
 
+       * return boolean
 
+       * True if a thead and tbody exist.
 
+       */
 
+      _isTable: function($obj) {
 
+        var $self = $obj,
 
+            hasTable = $self.is('table'),
 
+            hasThead = $self.find('thead').length > 0,
 
+            hasTbody = $self.find('tbody').length > 0;
 
+
 
+        if (hasTable && hasThead && hasTbody) {
 
+          return true;
 
+        }
 
+
 
+        return false;
 
+
 
+      },
 
+
 
+      /*
 
+       * return void
 
+       * bind scroll event
 
+       */
 
+      _bindScroll: function($obj) {
 
+        var $self = $obj,
 
+            $wrapper = $self.closest('.fht-table-wrapper'),
 
+            $thead = $self.siblings('.fht-thead'),
 
+            $tfoot = $self.siblings('.fht-tfoot');
 
+
 
+        $self.bind('scroll', function() {
 
+          if (settings.fixedColumns > 0) {
 
+            var $fixedColumns = $wrapper.find('.fht-fixed-column');
 
+
 
+            $fixedColumns.find('.fht-tbody table')
 
+              .css({
 
+                  'margin-top': -$self.scrollTop()
 
+              });
 
+          }
 
+
 
+          $thead.find('table')
 
+            .css({
 
+              'margin-left': -this.scrollLeft
 
+            });
 
+
 
+          if (settings.footer || settings.cloneHeadToFoot) {
 
+            $tfoot.find('table')
 
+              .css({
 
+                'margin-left': -this.scrollLeft
 
+              });
 
+          }
 
+        });
 
+      },
 
+
 
+      /*
 
+       * return void
 
+       */
 
+      _fixHeightWithCss: function ($obj, tableProps) {
 
+        if (settings.includePadding) {
 
+          $obj.css({
 
+            'height': $obj.height() + tableProps.border
 
+          });
 
+        } else {
 
+          $obj.css({
 
+            'height': $obj.parent().height() + tableProps.border
 
+          });
 
+        }
 
+      },
 
+
 
+      /*
 
+       * return void
 
+       */
 
+      _fixWidthWithCss: function($obj, tableProps, width) {
 
+        if (settings.includePadding) {
 
+          $obj.each(function() {
 
+            $(this).css({
 
+              'width': width == undefined ? $(this).width() + tableProps.border : width + tableProps.border
 
+            });
 
+          });
 
+        } else {
 
+          $obj.each(function() {
 
+            $(this).css({
 
+              'width': width == undefined ? $(this).parent().width() + tableProps.border : width + tableProps.border
 
+            });
 
+          });
 
+        }
 
+
 
+      },
 
+
 
+      /*
 
+       * return void
 
+       */
 
+      _setupFixedColumn: function ($obj, obj, tableProps) {
 
+        var $self             = $obj,
 
+            $wrapper          = $self.closest('.fht-table-wrapper'),
 
+            $fixedBody        = $wrapper.find('.fht-fixed-body'),
 
+            $fixedColumn      = $wrapper.find('.fht-fixed-column'),
 
+            $thead            = $('<div class="fht-thead"><table class="fht-table"><thead><tr></tr></thead></table></div>'),
 
+            $tbody            = $('<div class="fht-tbody"><table class="fht-table"><tbody></tbody></table></div>'),
 
+            $tfoot            = $('<div class="fht-tfoot"><table class="fht-table"><tfoot><tr></tr></tfoot></table></div>'),
 
+            fixedBodyWidth    = $wrapper.width(),
 
+            fixedBodyHeight   = $fixedBody.find('.fht-tbody').height() - settings.scrollbarOffset,
 
+            $firstThChildren,
 
+            $firstTdChildren,
 
+            fixedColumnWidth,
 
+            $newRow,
 
+            firstTdChildrenSelector;
 
+
 
+        $thead.find('table.fht-table').addClass(settings.originalTable.attr('class'));
 
+        $tbody.find('table.fht-table').addClass(settings.originalTable.attr('class'));
 
+        $tfoot.find('table.fht-table').addClass(settings.originalTable.attr('class'));
 
+
 
+        $firstThChildren = $fixedBody.find('.fht-thead thead tr > *:lt(' + settings.fixedColumns + ')');
 
+        fixedColumnWidth = settings.fixedColumns * tableProps.border;
 
+        $firstThChildren.each(function() {
 
+          fixedColumnWidth += $(this).outerWidth(true);
 
+        });
 
+
 
+        // Fix cell heights
 
+        helpers._fixHeightWithCss($firstThChildren, tableProps);
 
+        helpers._fixWidthWithCss($firstThChildren, tableProps);
 
+
 
+        var tdWidths = [];
 
+        $firstThChildren.each(function() {
 
+          tdWidths.push($(this).width());
 
+        });
 
+
 
+        firstTdChildrenSelector = 'tbody tr > *:not(:nth-child(n+' + (settings.fixedColumns + 1) + '))';
 
+        $firstTdChildren = $fixedBody.find(firstTdChildrenSelector)
 
+          .each(function(index) {
 
+            helpers._fixHeightWithCss($(this), tableProps);
 
+            helpers._fixWidthWithCss($(this), tableProps, tdWidths[index % settings.fixedColumns] );
 
+          });
 
+
 
+        // clone header
 
+        $thead.appendTo($fixedColumn)
 
+          .find('tr')
 
+          .append($firstThChildren.clone());
 
+
 
+        $tbody.appendTo($fixedColumn)
 
+          .css({
 
+            'margin-top': -1,
 
+            'height': fixedBodyHeight + tableProps.border
 
+          });
 
+
 
+        $firstTdChildren.each(function(index) {
 
+          if (index % settings.fixedColumns == 0) {
 
+            $newRow = $('<tr></tr>').appendTo($tbody.find('tbody'));
 
+
 
+            if (settings.altClass && $(this).parent().hasClass(settings.altClass)) {
 
+              $newRow.addClass(settings.altClass);
 
+            }
 
+          }
 
+
 
+          $(this).clone()
 
+            .appendTo($newRow);
 
+        });
 
+
 
+        // set width of fixed column wrapper
 
+        $fixedColumn.css({
 
+          'height': 0,
 
+          'width': fixedColumnWidth
 
+        });
 
+
 
+
 
+        // bind mousewheel events
 
+        var maxTop = $fixedColumn.find('.fht-tbody .fht-table').height() - $fixedColumn.find('.fht-tbody').height();
 
+        $fixedColumn.find('.fht-tbody .fht-table').bind('mousewheel', function(event, delta, deltaX, deltaY) {
 
+          if (deltaY == 0) {
 
+            return;
 
+          }
 
+          var top = parseInt($(this).css('marginTop'), 10) + (deltaY > 0 ? 120 : -120);
 
+          if (top > 0) {
 
+            top = 0;
 
+          }
 
+          if (top < -maxTop) {
 
+            top = -maxTop;
 
+          }
 
+          $(this).css('marginTop', top);
 
+          $fixedBody.find('.fht-tbody').scrollTop(-top).scroll();
 
+          return false;
 
+        });
 
+
 
+
 
+        // set width of body table wrapper
 
+        $fixedBody.css({
 
+          'width': fixedBodyWidth
 
+        });
 
+
 
+        // setup clone footer with fixed column
 
+        if (settings.footer == true || settings.cloneHeadToFoot == true) {
 
+          var $firstTdFootChild = $fixedBody.find('.fht-tfoot tr > *:lt(' + settings.fixedColumns + ')'),
 
+              footwidth;
 
+
 
+          helpers._fixHeightWithCss($firstTdFootChild, tableProps);
 
+          $tfoot.appendTo($fixedColumn)
 
+            .find('tr')
 
+            .append($firstTdFootChild.clone());
 
+          // Set (view width) of $tfoot div to width of table (this accounts for footers with a colspan)
 
+          footwidth = $tfoot.find('table').innerWidth();
 
+          $tfoot.css({
 
+            'top': settings.scrollbarOffset,
 
+            'width': footwidth
 
+          });
 
+        }
 
+      },
 
+
 
+      /*
 
+       * return void
 
+       */
 
+      _setupTableFooter: function ($obj, obj, tableProps) {
 
+        var $self     = $obj,
 
+            $wrapper  = $self.closest('.fht-table-wrapper'),
 
+            $tfoot    = $self.find('tfoot'),
 
+            $divFoot  = $wrapper.find('div.fht-tfoot');
 
+
 
+        if (!$divFoot.length) {
 
+          if (settings.fixedColumns > 0) {
 
+            $divFoot = $('<div class="fht-tfoot"><table class="fht-table"></table></div>').appendTo($wrapper.find('.fht-fixed-body'));
 
+          } else {
 
+            $divFoot = $('<div class="fht-tfoot"><table class="fht-table"></table></div>').appendTo($wrapper);
 
+          }
 
+        }
 
+        $divFoot.find('table.fht-table').addClass(settings.originalTable.attr('class'));
 
+
 
+        switch (true) {
 
+          case !$tfoot.length && settings.cloneHeadToFoot == true && settings.footer == true:
 
+
 
+            var $divHead = $wrapper.find('div.fht-thead');
 
+
 
+            $divFoot.empty();
 
+            $divHead.find('table')
 
+              .clone()
 
+              .appendTo($divFoot);
 
+
 
+            break;
 
+          case $tfoot.length && settings.cloneHeadToFoot == false && settings.footer == true:
 
+
 
+            $divFoot.find('table')
 
+              .append($tfoot)
 
+              .css({
 
+                'margin-top': -tableProps.border
 
+              });
 
+
 
+            helpers._setupClone($divFoot, tableProps.tfoot);
 
+
 
+            break;
 
+        }
 
+
 
+      },
 
+
 
+      /*
 
+       * return object
 
+       * Widths of each thead cell and tbody cell for the first rows.
 
+       * Used in fixing widths for the fixed header and optional footer.
 
+       */
 
+      _getTableProps: function($obj) {
 
+        var tableProp = {
 
+              thead: {},
 
+              tbody: {},
 
+              tfoot: {},
 
+              border: 0
 
+            },
 
+            borderCollapse = 1;
 
+
 
+        if (settings.borderCollapse == true) {
 
+          borderCollapse = 2;
 
+        }
 
+
 
+        tableProp.border = ($obj.find('th:first-child').outerWidth() - $obj.find('th:first-child').innerWidth()) / borderCollapse;
 
+
 
+        $obj.find('thead tr:first-child > *').each(function(index) {
 
+          tableProp.thead[index] = $(this).width() + tableProp.border;
 
+        });
 
+
 
+        $obj.find('tfoot tr:first-child > *').each(function(index) {
 
+          tableProp.tfoot[index] = $(this).width() + tableProp.border;
 
+        });
 
+
 
+        $obj.find('tbody tr:first-child > *').each(function(index) {
 
+          tableProp.tbody[index] = $(this).width() + tableProp.border;
 
+        });
 
+
 
+        return tableProp;
 
+      },
 
+
 
+      /*
 
+       * return void
 
+       * Fix widths of each cell in the first row of obj.
 
+       */
 
+      _setupClone: function($obj, cellArray) {
 
+        var $self    = $obj,
 
+            selector = ($self.find('thead').length) ?
 
+              'thead tr:first-child > *' :
 
+              ($self.find('tfoot').length) ?
 
+              'tfoot tr:first-child > *' :
 
+              'tbody tr:first-child > *',
 
+            $cell;
 
+
 
+        $self.find(selector).each(function(index) {
 
+          $cell = ($(this).find('div.fht-cell').length) ? $(this).find('div.fht-cell') : $('<div class="fht-cell"></div>').appendTo($(this));
 
+
 
+          $cell.css({
 
+            'width': parseInt(cellArray[index], 10)
 
+          });
 
+
 
+          /*
 
+           * Fixed Header and Footer should extend the full width
 
+           * to align with the scrollbar of the body
 
+           */
 
+          if (!$(this).closest('.fht-tbody').length && $(this).is(':last-child') && !$(this).closest('.fht-fixed-column').length) {
 
+            var padding = Math.max((($(this).innerWidth() - $(this).width()) / 2), settings.scrollbarOffset);
 
+            $(this).css({
 
+              'padding-right': parseInt($(this).css('padding-right')) + padding + 'px'
 
+            });
 
+          }
 
+        });
 
+      },
 
+
 
+      /*
 
+       * return boolean
 
+       * Determine how the browser calculates fixed widths with padding for tables
 
+       * true if width = padding + width
 
+       * false if width = width
 
+       */
 
+      _isPaddingIncludedWithWidth: function() {
 
+        var $obj = $('<table class="fht-table"><tr><td style="padding: 10px; font-size: 10px;">test</td></tr></table>'),
 
+            defaultHeight,
 
+            newHeight;
 
+
 
+        $obj.addClass(settings.originalTable.attr('class'));
 
+        $obj.appendTo('body');
 
+
 
+        defaultHeight = $obj.find('td').height();
 
+
 
+        $obj.find('td')
 
+          .css('height', $obj.find('tr').height());
 
+
 
+        newHeight = $obj.find('td').height();
 
+        $obj.remove();
 
+
 
+        if (defaultHeight != newHeight) {
 
+          return true;
 
+        } else {
 
+          return false;
 
+        }
 
+
 
+      },
 
+
 
+      /*
 
+       * return int
 
+       * get the width of the browsers scroll bar
 
+       */
 
+      _getScrollbarWidth: function() {
 
+        var scrollbarWidth = 0;
 
+
 
+        if (!scrollbarWidth) {
 
+          if (/msie/.test(navigator.userAgent.toLowerCase())) {
 
+            var $textarea1 = $('<textarea cols="10" rows="2"></textarea>')
 
+                  .css({ position: 'absolute', top: -1000, left: -1000 }).appendTo('body'),
 
+                $textarea2 = $('<textarea cols="10" rows="2" style="overflow: hidden;"></textarea>')
 
+                  .css({ position: 'absolute', top: -1000, left: -1000 }).appendTo('body');
 
+
 
+            scrollbarWidth = $textarea1.width() - $textarea2.width() + 2; // + 2 for border offset
 
+            $textarea1.add($textarea2).remove();
 
+          } else {
 
+            var $div = $('<div />')
 
+                  .css({ width: 100, height: 100, overflow: 'auto', position: 'absolute', top: -1000, left: -1000 })
 
+                  .prependTo('body').append('<div />').find('div')
 
+                  .css({ width: '100%', height: 200 });
 
+
 
+            scrollbarWidth = 100 - $div.width();
 
+            $div.parent().remove();
 
+          }
 
+        }
 
+
 
+        return scrollbarWidth;
 
+      }
 
+
 
+    };
 
+
 
+
 
+    // if a method as the given argument exists
 
+    if (methods[method]) {
 
+
 
+      // call the respective method
 
+      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
 
+
 
+      // if an object is given as method OR nothing is given as argument
 
+    } else if (typeof method === 'object' || !method) {
 
+
 
+      // call the initialization method
 
+      return methods.init.apply(this, arguments);
 
+
 
+      // otherwise
 
+    } else {
 
+
 
+      // trigger an error
 
+      $.error('Method "' +  method + '" does not exist in fixedHeaderTable plugin!');
 
+
 
+    }
 
+
 
+  };
 
+
 
+})(jQuery);

File diff suppressed because it is too large
+ 20 - 0
js/jquery.fixedheadertable.min.js


+ 80 - 0
login.html
View File 

@@ -0,0 +1,80 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body>
 
+<div class="wrapHeader">
 
+      <h1 title="纵横计量支付" class="mainLogo"></h1>
 
+      <div class="sysTools"><a href="index.html" title="返回首页" ><i class="icon-circle-arrow-left icon-white"></i></a>&nbsp;&nbsp;&nbsp;<a href="http://smartcost.com.cn" target="_blank" title="纵横官网" ><i class="icon-home icon-white"></i></a></div>
 
+    </div>
 
+    <div class="wrapLogin">
 
+      <div class="loginPanel">
 
+        <div  class="tpa"><b>系统名称</b>用户登录</div>
 
+        <div class="clearfix">
 
+        <div class="fL">
 
+          <img src="images/avatar-normal.png">
 
+        </div>
 
+        <div class="fR">
 
+          <div><span data-original-title="只允许使用通行账号填写的邮箱进行登录" data-toggle="tooltip" data-placement="bottom"> <input type="text" placeholder="邮箱"></span></div>
 
+          <input type="password" placeholder="密码">
 
+          <span id="helpBlock" class="help-block"><a href="#fnpw" data-toggle="modal">找回密码</a></span>
 
+        </div>
 
+      </div>
 
+        <div class="clearfix">
 
+          <button class="btn btn-normal btn-block btn-primary" type="button" data-loading-text="登录中...">登录</button>
 
+          <div class="alert alert-error">
 
+                <span data-icon="t" aria-hidden="true"></span> 帐号不存在，请检查输入是否有误
 
+          </div>
 
+          <div class="alert alert-error">
 
+                <span data-icon="t" aria-hidden="true"></span> 密码错误，注意大小写
 
+          </div>
 
+          <div class="alert alert-success">
 
+                <span data-icon="b" aria-hidden="true"></span> 即将进入系统
 
+          </div>
 
+        </div>  
+      </div>
 
+      <div class="copyRight">Copyright @<a href="http://smartcost.com.cn" target="_blank">珠海纵横创新软件有限公司</a> all rights reserved<a href="admin-login.html">。</a><br>v1.2.1</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+    <!-- 找回密码 -->
 
+    <div id="fnpw" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">找回密碼</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">账号（邮箱）</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入邮箱地址">
 
+              <span id="helpBlock" class="help-block">系统会发送一个随机密码到邮箱中</span>
 
+            </div>
 
+          </div> 
+          <div class="alert alert-success">
 
+            <span data-icon="b" aria-hidden="true"></span> 发送成功
 
+          </div>
 
+          <div class="alert alert-error">
 
+            <span data-icon="t" aria-hidden="true"></span> 帐号(邮箱)不存在
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">发送</button>
 
+      </div>
 
+    </div>
 
+    <!-- 找回密码 -->
 
+</body>

+ 294 - 0
r-project-section-detail.html
View File 

@@ -0,0 +1,294 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+<script src="http://s1.bdstatic.com/r/www/cache/ecom/esl/1-6-10/esl.js"></script>
 
+</head>
 
+<body>
 
+  <div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目" class="focus"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">        
+    		<!--内容-->
 
+      <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a title="返回" href="r-project-section.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              土建合同<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">监理合同</a></li>
 
+              <li><a href="#">设计合同</a></li>
 
+              <li><a href="#">机电合同</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              GZ-HJDQ-JL-001<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">GZ-HJDQ-JL-010</a>
 
+              </li><li><a href="#">GZ-HJDQ-JL-009</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-008</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-007</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-006</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-005</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-004</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-003</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-002</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-001</a></li>
 
+              <li class="divider"></li>
 
+              <li><a href="#">共18标段，查看更多</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+            <!--导航-->
 
+      <ul class="nav nav-tabs">
 
+      <li class="active">
 
+      <a href="r-project-section-detail.html">标段概况</a>
 
+      </li>
 
+      <li><a href="r-project-section-files.html">附件</a></li>
 
+      <li><a href="r-project-section-report.html">审批</a></li>
 
+      </ul>
 
+      <!--导航-->      
+      <script type="text/javascript">
 
+        // 路径配置
 
+        require.config({
 
+            paths:{ 
+                'echarts' : 'http://echarts.baidu.com/build/echarts'
 
+            }
 
+        });
 
+        
+        // 使用
 
+        require(
 
+            [
 
+                'echarts',
 
+                'echarts/chart/pie', // 使用柱状图就加载bar模块，按需加载
 
+                'echarts/chart/bar'
 
+            ],
 
+            function(ec) {
 
+                //4 标段期数计量进度//
 
+                var myChart = ec.init(document.getElementById('chartContainer4'));   
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],                  
+    tooltip : {
 
+        trigger: 'axis'
 
+    },
 
+    calculable : true,
 
+    legend: {
 
+        data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
 
+    },
 
+    xAxis : [
 
+        {
 
+            type : 'category',
 
+            splitLine : {show : true},
 
+            data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
 
+        }
 
+    ],
 
+    yAxis : [
 
+        {
 
+            type : 'value',
 
+            position: 'left',
 
+            splitArea : {show : true}
 
+        },
 
+        {
 
+            type : 'value',
 
+            name:'完成度',
 
+            axisLabel : {
 
+                formatter: '{value} %'
 
+            },
 
+            position: 'right',
 
+            splitArea : {show : true}
 
+        }
 
+    ],
 
+    series : [
 
+        {
 
+            name:'本期合同计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, 332, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'本期数量变更计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, -20, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'截至上期累计完成',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[120, 132, 101, 134, 90, 230, 210]
 
+        },
 
+        {
 
+            name:'本期完成计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[220, 182, 191, 234, 290, 330, 310]
 
+        },
 
+        {
 
+            name:'完成度',
 
+            type:'line',
 
+            tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
 
+            yAxisIndex: 1,
 
+            data:[10, 15, 20, 13, 11, 9, 5]
 
+        },
 
+    ]
 
+};
 
+                    
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //4 标段期数计量进度//
 
+                //5 期数组成//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = ec.init(document.getElementById('chartContainer5'));   
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],                   
+                  title : {
 
+                      text: '期数计量组成',
 
+                      x:'left'
 
+                  },
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：{c} 元<br>占标段：{d} %"
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          radius : '40%',
 
+                          center: ['45%', 155],
 
+                          data:[
 
+                              {value:27814964.00, name:'第一期'},
 
+                              {value:41043186.10, name:'第二期'},
 
+                              {value:42917475.00, name:'第三期'},
 
+                              {value:27634982.00, name:'第四期'},
 
+                              {value:27634982.00, name:'第五期'},
 
+                              {value:27634982.00, name:'第六期'},
 
+                              {value:27634982.00, name:'第七期'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //5 期数组成//
 
+            }
 
+        );
 
+    </script>
 
+
 
+    <div class="project">
 
+      <div class="proSection clearfix">
 
+        <!--图表4-->
 
+        <div id="chartContainer4" style="height: 300px; width: 100%;">
 
+        </div>
 
+        <!--图表4-->
 
+      </div>
 
+      <div class="proSection clearfix">
 
+        <!--图表5-->
 
+        <div class="fL" style="width:30%">
 
+          <div id="chartContainer5" style="height: 300px; width: 100%;">
 
+          </div>
 
+        </div>
 
+        <!--图表5-->
 
+        <!--表-->
 
+        <div class="fL" style="width:70%;height:300px;overflow:hide">
 
+          <table class="table table-striped">
 
+            <thead>
 
+              <tr>
 
+                <th width="8%">期数</th><th width="16%" class="taC">本期合同计量</th><th width="16%" class="taC">本期数量变更计量</th><th width="16%" class="taC">截止上期累计完成</th><th width="16%" class="taC">本期完成计量</th><th width="16%" class="taC">累计完成计量</th>
 
+              </tr>
 
+            </thead>
 
+          </table>
 
+          <div style="height:264px;overflow-y:auto">
 
+          <table class="table table-striped">
 
+            <tr>
 
+              <td width="8%">第七期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td>
 
+            </tr>
 
+            <tr>
 
+              <td>第六期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第五期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第四期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第三期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第二期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第一期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+          </table>
 
+          </div>
 
+        </div>
 
+        <!--表-->
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 176 - 0
r-project-section-files.html
View File 

@@ -0,0 +1,176 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+  <link rel=stylesheet href=css/fixedheadertable.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/jquery.fixedheadertable.js></script> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目" class="focus"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+      	<!--内容-->
 
+        <div class="mainContent">
 
+        <div class="title clearfix">
 
+          <ul class="nav nav-pills">
 
+            <li class="dropdown"><a title="返回" href="r-project-section.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+            <li class="dropdown">
 
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+                黄金大桥项目<b class="caret"></b>
 
+              </a>
 
+              <ul class="dropdown-menu">
 
+                <li><a href="#">重庆XX至XX公路</a></li>
 
+                <li><a href="#">重庆XX至XX公路</a></li>
 
+                <li><a href="#">重庆XX至XX公路</a></li>
 
+                <li><a href="#">重庆XX至XX公路</a></li>
 
+              </ul>
 
+            </li>
 
+            <li class="dropdown">
 
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+                土建合同<b class="caret"></b>
 
+              </a>
 
+              <ul class="dropdown-menu">
 
+                <li><a href="#">监理合同</a></li>
 
+                <li><a href="#">设计合同</a></li>
 
+                <li><a href="#">机电合同</a></li>
 
+              </ul>
 
+            </li>
 
+            <li class="dropdown">
 
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+                GZ-HJDQ-JL-001<b class="caret"></b>
 
+              </a>
 
+              <ul class="dropdown-menu">
 
+                <li><a href="#">GZ-HJDQ-JL-010</a>
 
+                </li><li><a href="#">GZ-HJDQ-JL-009</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-008</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-007</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-006</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-005</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-004</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-003</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-002</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-001</a></li>
 
+                <li class="divider"></li>
 
+                <li><a href="#">共18标段，查看更多</a></li>
 
+              </ul>
 
+            </li>
 
+            <li class="dropdown">
 
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+                第七期<b class="caret"></b>
 
+              </a>
 
+              <ul class="dropdown-menu">
 
+                <li><a href="#">第六期</a></li>
 
+                <li><a href="#">第六期</a></li>
 
+                <li><a href="#">第六期</a></li>
 
+                <li><a href="#">第六期</a></li>
 
+              </ul>
 
+            </li>
 
+          </ul>
 
+        </div>
 
+        <!--导航-->
 
+        <ul class="nav nav-tabs">
 
+          <li>
 
+          <a href="r-project-section-detail.html">标段概况</a>
 
+          </li>
 
+          <li class="active"><a href="r-project-section-files.html">附件</a></li>
 
+      <li><a href="r-project-section-report.html">审批</a></li>
 
+        </ul>
 
+        <!--导航-->
 
+        <!--文件管理-->
 
+        <div class="filesWrap">
 
+          <div class="filesList">
 
+            <table class="table table-striped table-hover" >
 
+              <thead>
 
+                <tr>
 
+                  <th width="">文件名</th><th width="">节点</th><th width="">父节点</th><th width="">上传者</th><th width="">上传时间</th>
 
+                </tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-jpg"></span><a href="#">K0+800-K1+000图纸</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-pdf"></span><a href="#">K0+800-K1+000图纸</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-xls"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-doc"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-txt"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-zip"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-jpg"></span><a href="#">K0+800-K1+000图纸</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-pdf"></span><a href="#">K0+800-K1+000图纸</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-xls"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-doc"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-txt"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-zip"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+          </div>
 
+          <div class="filesDetail">
 
+            <table class="table table-striped" >
 
+            <thead><tr><th colspan="4">文件详情</th></tr></thead>
 
+              <tr><th width="60">文件名</th><td colspan="3"><a href="#" target="_blank">K0+800-K1+000图纸</a><span class="fR"><button class="btn btn-mini btn-primary" type="button">下载</button></span></td></tr>
 
+              <tr><th width="60">格式</th><td><span class="fileico ico-jpg"></span>.jpg</td><th width="60">所在类</th><td>台帐附件</td></tr>
 
+              <tr><th width="60">上传者</th><td>陈工</td><th width="60">上传时间</th><td>2014-11-20 14:20</td></tr>
 
+              <tr><th width="60">备注/描述</th><td colspan="3">内容内容内容内容</td></tr>
 
+            </table>
 
+          </div>
 
+        </div>
 
+        <!--文件管理-->
 
+      </div>
 
+  <!--内容-->
 
+  </div>
 
+</div>
 
+ 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 447 - 0
r-project-section-measure.html
View File 

@@ -0,0 +1,447 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+  <link rel=stylesheet href=css/fixedheadertable.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/jquery.fixedheadertable.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目" class="focus"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+         <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a title="返回" href="r-project-section.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              土建合同<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">监理合同</a></li>
 
+              <li><a href="#">设计合同</a></li>
 
+              <li><a href="#">机电合同</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              GZ-HJDQ-JL-001<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">GZ-HJDQ-JL-010</a>
 
+              </li><li><a href="#">GZ-HJDQ-JL-009</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-008</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-007</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-006</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-005</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-004</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-003</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-002</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-001</a></li>
 
+              <li class="divider"></li>
 
+              <li><a href="#">共18标段，查看更多</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              第七期<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+            <!--导航-->
 
+      <ul class="nav nav-tabs">
 
+      <li>
 
+      <a href="r-project-section-detail.html">标段概况</a>
 
+      </li>
 
+      <li><a href="r-project-section-files.html">附件</a></li>
 
+      <li class="active"><a href="r-project-section-measure.html">审批</a></li>
 
+      </ul>
 
+      <!--导航-->
 
+    </div>
 
+    <!--侧栏-->
 
+    <div class="tableTypeList">
 
+        <ul>
 
+            <li><a href="#">表格1</a></li>
 
+            <li><a class="now" 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="#">表格6</a></li>
 
+        </ul>
 
+    </div>    
+    <!--侧栏-->
 
+  <!--表格-->
 
+  <div class="misTable">
 
+    <script type="text/javascript">$(document).ready(function() {
 
+    
+    $('#myTable').fixedHeaderTable({fixedColumns: 6 });
 
+});</script>
 
+    <table class="fancyTable" id="myTable" cellpadding="0" cellspacing="0">
 
+    <thead>
 
+<tr>
 
+            <th rowspan="2">1</th>
 
+            <th rowspan="2">项目节编号</th>
 
+            <th rowspan="2">清单编号</th>
 
+            <th rowspan="2">名称</th>
 
+            <th rowspan="2">单位</th>
 
+            <th rowspan="2">单价</th>
 
+            <th colspan="2">0号台帐合同</th>
 
+            <th colspan="2">本期合同计量</th>
 
+            <th colspan="2">本期数量变更计量</th>
 
+            <th colspan="2">本期完成计量</th>
 
+            <th colspan="2">累计合同计量</th>
 
+            <th colspan="2">累计数量变更计量</th>
 
+            <th colspan="2">累计完成计量</th>
 
+            <th></th>
 
+        </tr>
 
+        <tr>                   
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>图（册号）</th>
 
+        </tr>
 
+    </thead>
 
+    <tbody>
 
+    <tr><th>2</th><td>1</td><td> </td><td>第一部分 建筑安装工程费</td><td>公路公里</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>3</th><td>1-3</td><td> </td><td>路面工程</td><td>km/m2</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>4</th><td>1-3-4</td><td> </td><td>透层、黏层、封层</td><td>m2</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>5</th><td>1-3-4-4</td><td> </td><td>其他粘结层</td><td>m2</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>6</th><td>1-3-5</td><td> </td><td>路面面层</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>7</th><td>1-3-5-1</td><td> </td><td>沥青混凝土面层</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>8</th><td>1-3-5-1-1</td><td> </td><td>沥青混凝土上面层</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>9</th><td>1-4</td><td> </td><td>桥梁涵洞工程</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>10</th><td>1-4-5</td><td> </td><td>特、大桥工程（100≤L,40≤Lk）</td><td>km</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>11</th><td>1-4-5-1</td><td> </td><td>K0+745.5大关河1号特大桥</td><td>m/座</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>大关河1号特大桥</td></tr>
 
+
 
+    <tr><th>12</th><td>1-4-5-1-1</td><td> </td><td>桥台（台高××m）</td><td>m2/m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>大关河1号特大桥</td></tr>
 
+
 
+    <tr><th>13</th><td>1-4-5-1-1-1</td><td> </td><td>桥台基础</td><td>m3/处</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>大关河1号特大桥</td></tr>
 
+
 
+    <tr><th>14</th><td> </td><td>1</td><td>0号台1号桩</td><td></td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>S4-3-1-50</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>15</th><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td></td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>16</th><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>17</th><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>18</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>19</th><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>20</th><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>21</th><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>22</th><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>23</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>24</th><td> </td><td> </td><td>36号台1号桩</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>25</th><td> </td><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>26</th><td> </td><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>27</th><td> </td><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>28</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>29</th><td> </td><td> </td><td>36号台2号桩</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>S4-3-1-50</td></tr>
 
+
 
+    <tr><th>30</th><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>31</th><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>32</th><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>33</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>34</th><td>1-4-5-1-1-2</td><td> </td><td>桥台台身</td><td>m3/处</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>35</th><td>1-4-5-1-1-3</td><td> </td><td>桥台搭板</td><td>m3/处</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>36</th><td> </td><td> </td><td>0号台搭板</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-4-4</td></tr>
 
+
 
+    <tr><th>37</th><td> </td><td>403-4-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>38</th><td> </td><td>410-6-2-3</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>39</th><td>1-4-5-1-1-4</td><td> </td><td>桥台锥坡</td><td>m3/座</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>40</th><td>1-4-5-1-1-5</td><td> </td><td>桥台台帽</td><td>m3/座</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>41</th><td> </td><td> </td><td>台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>42</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>43</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>44</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>45</th><td> </td><td> </td><td>0号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>46</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>47</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>48</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>49</th><td> </td><td> </td><td>36号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>50</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>51</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>52</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>53</th><td> </td><td> </td><td>0号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>54</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>55</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>56</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>57</th><td> </td><td> </td><td>36号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>58</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>59</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>60</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>61</th><td> </td><td> </td><td>垫石</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>62</th><td> </td><td></td><td>0号台垫石</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-22</td></tr>
 
+
 
+    <tr><th>63</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>64</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>65</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>66</th><td> </td><td> </td><td>挡块</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>67</th><td> </td><td> </td><td>0号台挡块</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-22</td></tr>
 
+
 
+    <tr><th>68</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>69</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>70</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>71</th><td> </td><td> </td><td>36号台挡块</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-22</td></tr>
 
+
 
+    <tr><th>72</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>73</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>74</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    </tbody>
 
+    </table>
 
+  </div>
 
+  <!--表格-->
 
+  <div class="bottomToolsbar">
 
+    <div class="avatarBar clearfix">
 
+      <div class="fR">
 
+        <h4 class="colOrange">等待其他人审批</h4>
 
+      </div>
 
+      <div class="fR">
 
+        <h4 class="colGreen">审批完成</h4>
 
+      </div>
 
+      <div class="fR">
 
+          <div class="btn-group dropup">
 
+          <button class="btn btn-success"><span aria-hidden="true" data-icon="d"></span>&nbsp;审批通过</button>
 
+          <button data-toggle="dropdown" class="btn btn-success dropdown-toggle">
 
+            <span class="caret"></span>
 
+          </button>
 
+          <ul class="dropdown-menu">
 
+            <li><a href="#">通过并配置下一审批人</a></li>
 
+          </ul>
 
+      </div>
 
+          <button type="button" class="btn btn-danger"><span aria-hidden="true" data-icon="e"></span>&nbsp;审批不通过</button>
 
+      </div>
 
+      <ul class="avatar clearfix">
 
+        <li title="等待审批" class="pass"><span data-icon="k" aria-hidden="true"></span><img src="images/avatar-1.png"></li>
 
+        <li title="等待审批" class="wait"><span data-icon="k" aria-hidden="true"></span><img src="images/avatar-2.png"></li>
 
+        <li title="老六审批通过" class="pa2ss"><img src="images/avatar-3.png"></li>
 
+        <li title="李七审批通过" class="pa2ss"><img src="images/avatar-4.png"></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+  <!--侧栏-->
 
+  <div class="slidePanel">
 
+    <div class="panelContent">
 
+      <div class="title clearfix">
 
+        <div class="fR">
 
+          <button type="button" class="btn closePanel">返回</button>
 
+          <button type="button" class="btn btn-primary"><i class="icon-ok icon-white"></i>确定</button>
 
+        </div>
 
+        <h2><div data-icon="a" aria-hidden="true" class="fL closePanel" title="关闭"></div><strong>GZ-HJDQ-JL-001 第七期</strong>&nbsp;审批人设置</h2>
 
+      </div> 
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">本期审批人</label>
 
+            <div class="controls">
 
+              <div class="partner clearfix">
 
+              <div class="alert alert-block">
 
+                <p>审批循序：1 > 2 > 3 > 4 > ... > 业主；第一期的审批人将作为本标段的默认审批人。</p>
 
+              </div>
 
+              <div class="">
 
+                <ul class="avatar clearfix">
 
+                  <li class="focus" data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><span class="waitJoin">1</span>陈某某</li>
 
+                  <li class="focus" data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-3.png"><span class="waitJoin">2</span>陈某某</li>
 
+                  <li class="focus" data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-4.png"><span class="waitJoin">3</span>陈某某</li>
 
+                  <li class="focus" data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-1.png"><span class="waitJoin" style="font-size:14px">业</span>陈某某</li>
 
+                </ul>
 
+              </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">常用审批人</label>
 
+            <div class="controls">
 
+              <div class="partner clearfix">
 
+              <div class="alert alert-block">
 
+                <p>点击下面的"<b>添加</b>"按钮可添加新的审批人。</p>
 
+              </div>
 
+                <ul class="avatar clearfix">
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-3.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-4.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-1.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-3.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-4.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-1.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-3.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-4.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-1.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><input type="checkbox">陈某某</li>
 
+                  <li class="invite"><a data-backdrop="ture" data-keyboard="false" href="#adduser" data-toggle="modal">添加</a></li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+  </div>  
+  <!--侧栏-->
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+ <!--邀请用户弹出框-->
 
+    <div class="modal hide fade" id="adduser">
 
+      <div class="modal-header">
 
+      <a class="close" data-dismiss="modal">×</a>
 
+      <h3>邀请工作伙伴</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        <div class="alert alert-info">
 
+          输入对方的<strong>帐号注册邮箱</strong>，查询并确认用户后，点击"添加"完成邀请
 
+        </div>
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label for="inputEmail" class="control-label">邮箱</label>
 
+            <div class="controls">
 
+              <div class="input-append">
 
+                <input type="text" placeholder="输入通行帐号或者帐号注册邮箱">
 
+                <button class="btn" type="button">查询</button>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+              <div class="inviteAvatar clearfix">
 
+              <div class=" fR">
 
+                <button class="btn btn-primary" type="button">添加</button>
 
+              </div>
 
+                <img src="images/avatar-1.png"><p>张三<br>XXXXXX公司<br>123123@qq.com</p>
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <div class="alert alert-error">
 
+              查询无此用户！请检查您输入是否正确，或者该用户并没有<a href="http://sso.smartcost.com.cn" target="_blank">注册通行帐号</a>。
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+    <!--邀请用户弹出框-->    
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 193 - 0
r-project-section-report.html
View File 

@@ -0,0 +1,193 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+  <link rel=stylesheet href=css/fixedheadertable.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/jquery.fixedheadertable.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目" class="focus"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+         <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a title="返回" href="r-project-section.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              土建合同<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">监理合同</a></li>
 
+              <li><a href="#">设计合同</a></li>
 
+              <li><a href="#">机电合同</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              GZ-HJDQ-JL-001<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">GZ-HJDQ-JL-010</a>
 
+              </li><li><a href="#">GZ-HJDQ-JL-009</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-008</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-007</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-006</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-005</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-004</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-003</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-002</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-001</a></li>
 
+              <li class="divider"></li>
 
+              <li><a href="#">共18标段，查看更多</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              第七期<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+      <!--本期数据-->
 
+      <div >
 
+          <table class="table table-striped">
 
+            <thead>
 
+              <tr>
 
+                <th width="8%">期数</th><th class="taC" width="16%">本期合同计量</th><th class="taC" width="16%">本期数量变更计量</th><th class="taC" width="16%">截止上期累计完成</th><th class="taC" width="16%">本期完成计量</th><th class="taC" width="16%">累计完成计量</th><th class="taC">状态</th>
 
+              </tr>
 
+              <tr>
 
+                <td>第七期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td class="taR">0</td><td class="taR">0</td><td class="taR">0</td><td class="taR">0</td><td class="taR">0</td><td class="taR"><b class="colOrange">审批中</b></td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+        </div>
 
+      <!--审批操作栏-->
 
+      <div class="bottomToolsbar">
 
+        <div class="avatarBar clearfix">
 
+          <div class="fR">
 
+            <h4 class="colOrange">用户名审批中</h4>
 
+          </div>
 
+          <div class="fR">
 
+            <h4 class="colGreen">审批通过</h4>
 
+          </div>
 
+          <div class="fR">
 
+            <h4 class="colRed">审批不通过</h4>
 
+          </div>
 
+          <div class="fR">
 
+              <div class="btn-group dropup">
 
+                <button class="btn btn-success"><span aria-hidden="true" data-icon="d"></span>&nbsp;审批通过</button>
 
+              </div>
 
+              <button type="button" class="btn btn-danger"><span aria-hidden="true" data-icon="e"></span>&nbsp;审批不通过</button>
 
+          </div>
 
+          <ul class="avatar clearfix">
 
+            <li class="name">我</li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+      <!--审批操作栏-->
 
+      <!--审批列表-->
 
+      <div class="reportList">
 
+        <div class="avatarBar clearfix">
 
+          <div class="fR">
 
+            <h4 class="colGreen">审批完成</h4>
 
+          </div>
 
+          <ul class="avatar clearfix">
 
+            <li class="num">1</li>
 
+            <li title="审批通过" class="pass"><span data-icon="d" aria-hidden="true"></span><img src="images/avtra.png"></li>
 
+            <li class="name colGreen">王三</li>
 
+            <li class="con"><p>审批意见审批意见审批意见审批意见审批意见,萨大声的,审批意见审批意见审批意见审批意见审批意见,萨大声的审批意见审批意见审批意见审批意见审批意见,萨大声的</p></li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+      <div class="reportList">
 
+        <div class="avatarBar clearfix">
 
+          <div class="fR">
 
+            <h4 class="colOrange">审批中</h4>
 
+          </div>
 
+          <ul class="avatar clearfix">
 
+            <li class="num">2</li>
 
+            <li title="审批中" class="wait"><span data-icon="k" aria-hidden="true"></span><img src="images/avtra.png"></li>
 
+            <li class="name colOrange">张三（我）</li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+      <div class="reportList">
 
+        <div class="avatarBar clearfix">
 
+          <ul class="avatar clearfix">
 
+            <li class="num">3</li>
 
+            <li title="" class=""><img src="images/avtra.png"></li>
 
+            <li class="name">李雷</li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+      <div class="reportList">
 
+        <div class="avatarBar clearfix">
 
+          <div class="fR">
 
+            <h4 class="colRed">审批不通过</h4>
 
+          </div>
 
+          <ul class="avatar clearfix">
 
+            <li class="num">3</li>
 
+            <li title="审批不通过" class="notpass"><span data-icon="e" aria-hidden="true"></span><img src="images/avtra.png"></li>
 
+            <li class="name colRed">王五</li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+      <!--审批列表-->
 
+    </div>
 
+
 
+        <!--内容-->
 
+    	</div>
 
+    </div>  
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 280 - 0
r-project-section.html
View File 

@@ -0,0 +1,280 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html"  class="focus" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+      <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a href="r-project.html" title="返回"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+        <div class="fR">
 
+        </div>
 
+      </div>
 
+    <div class="project">
 
+      <div class="proSection">
 
+          <table class="table">
 
+          <thead>
 
+            <tr>
 
+              <td width="150"><span aria-hidden="true" data-icon="u"></span> 土建合同 </td>
 
+              <td width="90">累计合同计量：</td><td width="165">￥<b style="font-size:16px">123,122,212.00</b></td>
 
+              <td width="60">完成进度：</td><td><div class="progress">
 
+                <div class="bar bar-success" style="width:65%;" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成：￥731,121,121.00">65%</div>
 
+                <div class="bar bar-danger" style="width:35%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">35%</div>
 
+              </div></td>
 
+            </tr>
 
+            </thead>
 
+          </table>
 
+          <table class="table table-striped table-hover">
 
+            <thead>
 
+            <tr><th class="taC"  width="225">标段名</th><th class="taC" width="140">计量期数</th><th width="115" class="taC">累计合同计量</th><th class="taC" width="">截止本期累计完成/本期完成/未完成</th></tr></thead>
 
+            <tbody>
 
+            <tr>
 
+            <td><a href="r-project-section-report.html">GZ-HJDQ-JL-001（点我）</a></td>
 
+            <td class="">共 5 期（本期 <span class="colOrange">审批中</span>）</td>
 
+            <td class="taR">￥5,000,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止本期累计完成：￥731,121,121.00">45%</div>
 
+                <div class="bar" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                <div class="bar bar-gary" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+            <tr>
 
+            <td><a href="r-project-section-report.html">GZ-HJDQ-JL-002</a></td>
 
+            <td class="">共 2 期（本期 <span class="colGreen">已完成</span>）</td>
 
+            <td class="taR">￥233,453,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width: 29%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止本期累计完成：￥731,121,121.00">29%</div>
 
+                <div class="bar" style="width:5%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">5%</div>
 
+                 <div class="bar bar-gary" style="width:66%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">66%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+            <tr>
 
+            <td><a href="r-project-section-report.html">GZ-HJDQ-JL-003</a></td>
 
+            <td class="">共 3 期 <a class="btn btn-warning btn-small" href="r-project-section-report.html">开始审批</a></td>
 
+            <td class="taR">￥6,453,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width:15%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止本期累计完成：￥731,121,121.00">15%</div>
 
+                <div class="bar" style="width:45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">45%</div>
 
+                 <div class="bar bar-gary" style="width:40%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">40%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+          </tbody></table>  
+      </div>
 
+      <div class="proSection">
 
+          <table class="table">
 
+          <thead>
 
+            <tr>
 
+              <td width="150"><span aria-hidden="true" data-icon="u"></span> 监理合同 </td>
 
+              <td width="90">累计合同计量：</td><td width="165">￥<b style="font-size:16px">123,122,212.00</b></td>
 
+              <td width="60">完成进度：</td><td><div class="progress">
 
+                <div class="bar bar-success" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成：￥731,121,121.00">25%</div>
 
+                <div class="bar bar-danger" style="width:75%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">75%</div>
 
+              </div></td>
 
+            </tr>
 
+            </thead>
 
+          </table>
 
+          <table class="table table-striped table-hover">
 
+            <thead>
 
+            <tr><th class="taC"  width="225">标段名</th><th class="taC" width="140">计量期数</th><th width="115" class="taC">累计合同计量</th><th class="taC" width="">截止本期累计完成/本期完成/未完成</th></tr></thead>
 
+            <tbody>
 
+            <tr>
 
+            <td><a href="r-project-section-report.html">GZ-HJDQ-JL-001（点我）</a></td>
 
+            <td class="">共 5 期（本期 <span class="colOrange">审批中</span>）</td>
 
+            <td class="taR">￥5,000,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止本期累计完成：￥731,121,121.00">45%</div>
 
+                <div class="bar" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                <div class="bar bar-gary" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+            <tr>
 
+            <td><a href="r-project-section-report.html">GZ-HJDQ-JL-002</a></td>
 
+            <td class="">共 2 期（本期 <span class="colGreen">已完成</span>）</td>
 
+            <td class="taR">￥233,453,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width: 29%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止本期累计完成：￥731,121,121.00">29%</div>
 
+                <div class="bar" style="width:5%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">5%</div>
 
+                 <div class="bar bar-gary" style="width:66%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">66%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+            <tr>
 
+            <td><a href="r-project-section-report.html">GZ-HJDQ-JL-003</a></td>
 
+            <td class="">共 3 期（本期 <span class="colOrange">审批中</span>）</td>
 
+            <td class="taR">￥6,453,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width:15%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止本期累计完成：￥731,121,121.00">15%</div>
 
+                <div class="bar" style="width:45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">45%</div>
 
+                 <div class="bar bar-gary" style="width:40%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">40%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+          </tbody></table>  
+      </div>
 
+    </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+    <!-- 添加标段类型弹出 -->
 
+    <div id="addsection" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">添加标段类型</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">标段类型名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入标段名称" value="">
 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 添加标段类型弹出 -->
 
+    <!-- 项目设置弹出 -->
 
+    <div id="pojoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">项目设置</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">项目名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputPassword">KEY</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2"> <button class="btn" >复制</button>
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">颜色标识</label>
 
+            <div class="controls">
 
+              <ul class="pjColorList">
 
+              <li class="pjColor pj-c1 pjSelect"></li>
 
+              <li class="pjColor pj-c2"></li>
 
+              <li class="pjColor pj-c3"></li>
 
+              <li class="pjColor pj-c4"></li>
 
+              <li class="pjColor pj-c5"></li>
 
+              <li class="pjColor pj-c6"></li>
 
+              <li class="pjColor pj-c7"></li>
 
+              <li class="pjColor pj-c8"></li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 项目设置弹出 --> 
+    <!-- 标段类型设置弹出 -->
 
+    <div id="secoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">标段类型设置</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">标段类型名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入类型类型名称" value="路基工程">
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputPassword">KEY</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2"> <button class="btn" >复制</button>
 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 标段类型设置弹出 -->        
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 105 - 0
r-project.html
View File 

@@ -0,0 +1,105 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li data-placement="right" data-toggle="tooltip" data-original-title="业主"><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li data-placement="right" data-toggle="tooltip" data-original-title="业主&审批人"><a href="r-project.html" class="focus" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+    				<li data-placement="right" data-toggle="tooltip" data-original-title="计量上报人"><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+          <div class="mainContent">
 
+    <div class="title clearfix">
 
+      <div class="fR">
 
+        <div class="btn-group">
 
+          <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
 
+          排序
 
+          <span class="caret"></span>
 
+          </a>
 
+          <ul class="dropdown-menu">
 
+            <li><a href="">创建时间</a></li>
 
+            <li><a href="">最近上传</a></li>
 
+            <li><a href="">进度完成度</a></li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+      <h1>这些是您审批的项目</h1>
 
+    </div>
 
+    <div class="project">
 
+      <div class="projectEntry clearfix">
 
+        <div class="pojIcon fL c1"><div data-icon="C" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5><a href="r-project-section.html">XXX桥</a></h5>2012-07-13</div>
 
+          <div class="detail fR"><p data-original-title="合同：￥499,500,000.00 变更：+￥500,000.00" data-placement="bottom" data-toggle="tooltip">总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p> 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div>
 
+          </div>
 
+          <div class="detail2 fR"><p style="margin:0 0 5px 0">GZ-HJDQ-JL-001（<b>第七期</b>）</p><p><a href="r-project-section-report.html" class="btn btn-warning btn-small">开始审批</a></p></div>
 
+        </div>
 
+      </div>
 
+
 
+      <div class="projectEntry clearfix">
 
+        <div class="pojIcon fL c1"><div data-icon="C" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5><a href="r-project-section.html">XXX公路</a></h5>2012-07-13</div>
 
+          <div class="detail fR"><p data-original-title="合同：￥499,500,000.00 变更：+￥500,000.00" data-placement="bottom" data-toggle="tooltip">   总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p> 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div>
 
+          </div>
 
+          <div class="detail2 fR"><p style="margin:0 0 5px 0">标段OIUIUE123（<b>第七期</b>）</p><p><b class="colGreen">我已审</b></p></div>
 
+        </div>
 
+      </div>
 
+
 
+      <div class="projectEntry clearfix">
 
+        <div class="pojIcon fL c1"><div data-icon="C" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5><a href="r-project-section.html">黄金大桥项目</a></h5>2012-07-13</div>
 
+          <div class="detail fR"><p data-original-title="合同：￥499,500,000.00 变更：+￥500,000.00" data-placement="bottom" data-toggle="tooltip">总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p> 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div>
 
+          </div>
 
+          <div class="detail2 fR"><p style="margin:0 0 5px 0">SHADK-01（<b>第七期</b>）</p><p><b class="colOrange">张三审批中</b></p></div>
 
+        </div>
 
+      </div>
 
+
 
+    </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 291 - 0
s-project-section-detail.html
View File 

@@ -0,0 +1,291 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+<script src="http://s1.bdstatic.com/r/www/cache/ecom/esl/1-6-10/esl.js"></script>
 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目" class="focus"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+      <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a title="返回" href="s-project-section.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              土建合同<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">监理合同</a></li>
 
+              <li><a href="#">设计合同</a></li>
 
+              <li><a href="#">机电合同</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              GZ-HJDQ-JL-001<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">GZ-HJDQ-JL-010</a>
 
+              </li><li><a href="#">GZ-HJDQ-JL-009</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-008</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-007</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-006</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-005</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-004</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-003</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-002</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-001</a></li>
 
+              <li class="divider"></li>
 
+              <li><a href="#">共18标段，查看更多</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+            <!--导航-->
 
+      <ul class="nav nav-tabs">
 
+      <li class="active">
 
+      <a href="s-project-section-detail.html">标段概况</a>
 
+      </li>
 
+      <li><a href="s-project-section-measure.html">计量台帐</a></li>
 
+      </ul>
 
+      <!--导航-->
 
+                <script type="text/javascript">
 
+        // 路径配置
 
+        require.config({
 
+            paths:{ 
+                'echarts' : 'http://echarts.baidu.com/build/echarts'
 
+            }
 
+        });
 
+        
+        // 使用
 
+        require(
 
+            [
 
+                'echarts',
 
+                'echarts/chart/pie', // 使用柱状图就加载bar模块，按需加载
 
+                'echarts/chart/bar'
 
+            ],
 
+            function(ec) {
 
+                //4 标段期数计量进度//
 
+                var myChart = ec.init(document.getElementById('chartContainer4'));   
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],                  
+    tooltip : {
 
+        trigger: 'axis'
 
+    },
 
+    calculable : true,
 
+    legend: {
 
+        data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
 
+    },
 
+    xAxis : [
 
+        {
 
+            type : 'category',
 
+            splitLine : {show : true},
 
+            data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
 
+        }
 
+    ],
 
+    yAxis : [
 
+        {
 
+            type : 'value',
 
+            position: 'left',
 
+            splitArea : {show : true}
 
+        },
 
+        {
 
+            type : 'value',
 
+            name:'完成度',
 
+            axisLabel : {
 
+                formatter: '{value} %'
 
+            },
 
+            position: 'right',
 
+            splitArea : {show : true}
 
+        }
 
+    ],
 
+    series : [
 
+        {
 
+            name:'本期合同计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, 332, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'本期数量变更计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, -20, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'截至上期累计完成',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[120, 132, 101, 134, 90, 230, 210]
 
+        },
 
+        {
 
+            name:'本期完成计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[220, 182, 191, 234, 290, 330, 310]
 
+        },
 
+        {
 
+            name:'完成度',
 
+            type:'line',
 
+            tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
 
+            yAxisIndex: 1,
 
+            data:[10, 15, 20, 13, 11, 9, 5]
 
+        },
 
+    ]
 
+};
 
+                    
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //4 标段期数计量进度//
 
+                //5 期数组成//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = ec.init(document.getElementById('chartContainer5'));   
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],                   
+                  title : {
 
+                      text: '期数计量组成',
 
+                      x:'left'
 
+                  },
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：{c} 元<br>占标段：{d} %"
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          radius : '40%',
 
+                          center: ['45%', 155],
 
+                          data:[
 
+                              {value:27814964.00, name:'第一期'},
 
+                              {value:41043186.10, name:'第二期'},
 
+                              {value:42917475.00, name:'第三期'},
 
+                              {value:27634982.00, name:'第四期'},
 
+                              {value:27634982.00, name:'第五期'},
 
+                              {value:27634982.00, name:'第六期'},
 
+                              {value:27634982.00, name:'第七期'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //5 期数组成//
 
+            }
 
+        );
 
+    </script>
 
+
 
+    <div class="project">
 
+      <div class="proSection clearfix">
 
+        <!--图表4-->
 
+        <div id="chartContainer4" style="height: 300px; width: 100%;">
 
+        </div>
 
+        <!--图表4-->
 
+      </div>
 
+      <div class="proSection clearfix">
 
+        <!--图表5-->
 
+        <div class="fL" style="width:30%">
 
+          <div id="chartContainer5" style="height: 300px; width: 100%;">
 
+          </div>
 
+        </div>
 
+        <!--图表5-->
 
+        <!--表-->
 
+        <div class="fL" style="width:70%;height:300px;overflow:hide">
 
+          <table class="table table-striped">
 
+            <thead>
 
+              <tr>
 
+                <th width="8%">期数</th><th width="16%" class="taC">本期合同计量</th><th width="16%" class="taC">本期数量变更计量</th><th width="16%" class="taC">截止上期累计完成</th><th width="16%" class="taC">本期完成计量</th><th width="16%" class="taC">累计完成计量</th>
 
+              </tr>
 
+            </thead>
 
+          </table>
 
+          <div style="height:264px;overflow-y:auto">
 
+          <table class="table table-striped">
 
+            <tr>
 
+              <td width="8%">第七期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td>
 
+            </tr>
 
+            <tr>
 
+              <td>第六期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第五期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第四期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第三期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第二期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第一期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+          </table>
 
+          </div>
 
+        </div>
 
+        <!--表-->
 
+      </div>
 
+    </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 431 - 0
s-project-section-measure.html
View File 

@@ -0,0 +1,431 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+  <link rel=stylesheet href=css/fixedheadertable.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/jquery.fixedheadertable.js></script> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目" class="focus"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+         <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a title="返回" href="s-project-section.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              土建合同<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">监理合同</a></li>
 
+              <li><a href="#">设计合同</a></li>
 
+              <li><a href="#">机电合同</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              GZ-HJDQ-JL-001<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">GZ-HJDQ-JL-010</a>
 
+              </li><li><a href="#">GZ-HJDQ-JL-009</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-008</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-007</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-006</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-005</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-004</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-003</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-002</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-001</a></li>
 
+              <li class="divider"></li>
 
+              <li><a href="#">共18标段，查看更多</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              第七期<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+            <!--导航-->
 
+      <ul class="nav nav-tabs">
 
+      <li>
 
+      <a href="s-project-section-detail.html">标段概况</a>
 
+      </li>
 
+      <li class="active"><a href="s-project-section-measure.html">计量台帐</a></li>
 
+      </ul>
 
+      <!--导航-->
 
+    </div>
 
+    <!--侧栏-->
 
+    <div class="tableTypeList">
 
+        <ul>
 
+            <li><a href="#">表格1</a></li>
 
+            <li><a class="now" 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="#">表格6</a></li>
 
+        </ul>
 
+    </div>    
+    <!--侧栏-->
 
+  <!--表格-->
 
+  <div class="misTable">
 
+    <script type="text/javascript">$(document).ready(function() {
 
+    
+    $('#myTable').fixedHeaderTable({ altClass: 'odd', fixedColumns: 6 });
 
+});</script>
 
+    <table class="fancyTable" id="myTable" cellpadding="0" cellspacing="0">
 
+    <thead>
 
+<tr>
 
+            <th rowspan="2">1</th>
 
+            <th rowspan="2">项目节编号</th>
 
+            <th rowspan="2">清单编号</th>
 
+            <th rowspan="2">名称</th>
 
+            <th rowspan="2">单位</th>
 
+            <th rowspan="2">单价</th>
 
+            <th colspan="2">0号台帐合同</th>
 
+            <th colspan="2">本期合同计量</th>
 
+            <th colspan="2">本期数量变更计量</th>
 
+            <th colspan="2">本期完成计量</th>
 
+            <th colspan="2">累计合同计量</th>
 
+            <th colspan="2">累计数量变更计量</th>
 
+            <th colspan="2">累计完成计量</th>
 
+            <th></th>
 
+        </tr>
 
+        <tr>                   
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>图（册号）</th>
 
+        </tr>
 
+    </thead>
 
+    <tbody>
 
+    <tr><th>2</th><td>1</td><td> </td><td>第一部分 建筑安装工程费</td><td>公路公里</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>3</th><td>1-3</td><td> </td><td>路面工程</td><td>km/m2</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>4</th><td>1-3-4</td><td> </td><td>透层、黏层、封层</td><td>m2</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>5</th><td>1-3-4-4</td><td> </td><td>其他粘结层</td><td>m2</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>6</th><td>1-3-5</td><td> </td><td>路面面层</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>7</th><td>1-3-5-1</td><td> </td><td>沥青混凝土面层</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>8</th><td>1-3-5-1-1</td><td> </td><td>沥青混凝土上面层</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>9</th><td>1-4</td><td> </td><td>桥梁涵洞工程</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>10</th><td>1-4-5</td><td> </td><td>特、大桥工程（100≤L,40≤Lk）</td><td>km</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>11</th><td>1-4-5-1</td><td> </td><td>K0+745.5大关河1号特大桥</td><td>m/座</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>大关河1号特大桥</td></tr>
 
+
 
+    <tr><th>12</th><td>1-4-5-1-1</td><td> </td><td>桥台（台高××m）</td><td>m2/m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>大关河1号特大桥</td></tr>
 
+
 
+    <tr><th>13</th><td>1-4-5-1-1-1</td><td> </td><td>桥台基础</td><td>m3/处</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>大关河1号特大桥</td></tr>
 
+
 
+    <tr><th>14</th><td> </td><td>1</td><td>0号台1号桩</td><td></td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>S4-3-1-50</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>15</th><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td></td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>16</th><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>17</th><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>18</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>19</th><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>20</th><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>21</th><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>22</th><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>23</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>24</th><td> </td><td> </td><td>36号台1号桩</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>25</th><td> </td><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>26</th><td> </td><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>27</th><td> </td><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>28</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>29</th><td> </td><td> </td><td>36号台2号桩</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>S4-3-1-50</td></tr>
 
+
 
+    <tr><th>30</th><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>31</th><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>32</th><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>33</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>34</th><td>1-4-5-1-1-2</td><td> </td><td>桥台台身</td><td>m3/处</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>35</th><td>1-4-5-1-1-3</td><td> </td><td>桥台搭板</td><td>m3/处</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>36</th><td> </td><td> </td><td>0号台搭板</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-4-4</td></tr>
 
+
 
+    <tr><th>37</th><td> </td><td>403-4-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>38</th><td> </td><td>410-6-2-3</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>39</th><td>1-4-5-1-1-4</td><td> </td><td>桥台锥坡</td><td>m3/座</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>40</th><td>1-4-5-1-1-5</td><td> </td><td>桥台台帽</td><td>m3/座</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>41</th><td> </td><td> </td><td>台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>42</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>43</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>44</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>45</th><td> </td><td> </td><td>0号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>46</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>47</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>48</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>49</th><td> </td><td> </td><td>36号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>50</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>51</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>52</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>53</th><td> </td><td> </td><td>0号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>54</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>55</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>56</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>57</th><td> </td><td> </td><td>36号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>58</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>59</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>60</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>61</th><td> </td><td> </td><td>垫石</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>62</th><td> </td><td></td><td>0号台垫石</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-22</td></tr>
 
+
 
+    <tr><th>63</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>64</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>65</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>66</th><td> </td><td> </td><td>挡块</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>67</th><td> </td><td> </td><td>0号台挡块</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-22</td></tr>
 
+
 
+    <tr><th>68</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>69</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>70</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>71</th><td> </td><td> </td><td>36号台挡块</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-22</td></tr>
 
+
 
+    <tr><th>72</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>73</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>74</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    </tbody>
 
+    </table>
 
+  </div>
 
+  <!--表格-->
 
+    <div class="bottomToolsbar">
 
+    <div class="avatarBar clearfix">
 
+      <div class="fR">
 
+      <button class="btn btn-warning" type="button"><span data-icon="r" aria-hidden="true"></span>&nbsp;开始审批</button>
 
+      </div>
 
+      <ul class="avatar clearfix">
 
+        <li title="等待审批" class="wait"><span data-icon="k" aria-hidden="true"></span><img src="images/avatar-2.png"></li>
 
+        <li title="等待审批" class="wait"><span data-icon="k" aria-hidden="true"></span><img src="images/avatar-3.png"></li>
 
+        <li title="老六审批通过" class="wait"><span data-icon="d" aria-hidden="true"></span><img src="images/avatar-4.png"></li>
 
+        <li title="李七审批通过" class="wait"><span data-icon="d" aria-hidden="true"></span><img src="images/avatar-1.png"></li>
 
+        <li id="opensidebar"  data-original-title="配置审批人" data-toggle="tooltip" data-placement="top" class="add"><span data-icon="q" aria-hidden="true"></span></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+  <!--侧栏-->
 
+  <div class="slidePanel">
 
+    <div class="panelContent">
 
+      <div class="title clearfix">
 
+        <div class="fR">
 
+          <button type="button" class="btn closePanel">返回</button>
 
+          <button type="button" class="btn btn-primary"><i class="icon-ok icon-white"></i>确定</button>
 
+        </div>
 
+        <h2><div data-icon="a" aria-hidden="true" class="fL closePanel" title="关闭"></div><strong>GZ-HJDQ-JL-001 第七期</strong>&nbsp;审批人设置</h2>
 
+      </div> 
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">本期审批人</label>
 
+            <div class="controls">
 
+              <div class="partner clearfix">
 
+              <div class="alert alert-block">
 
+                <p>审批循序：1 > 2 > 3 > 4 > ... > 业主；第一期的审批人将作为本标段的默认审批人。</p>
 
+              </div>
 
+              <div class="">
 
+                <ul class="avatar clearfix">
 
+                  <li class="focus" data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><span class="waitJoin">1</span>陈某某</li>
 
+                  <li class="focus" data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-3.png"><span class="waitJoin">2</span>陈某某</li>
 
+                  <li class="focus" data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-4.png"><span class="waitJoin">3</span>陈某某</li>
 
+                  <li class="focus" data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-1.png"><span class="waitJoin" style="font-size:14px">业</span>陈某某</li>
 
+                </ul>
 
+              </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">常用审批人</label>
 
+            <div class="controls">
 
+              <div class="partner clearfix">
 
+              <div class="alert alert-block">
 
+                <p>点击下面的"<b>添加</b>"按钮可添加新的审批人。</p>
 
+              </div>
 
+                <ul class="avatar clearfix">
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-3.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-4.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-1.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-3.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-4.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-1.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-3.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-4.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-1.png"><input type="checkbox">陈某某</li>
 
+                  <li data-original-title="XXXX公司" data-toggle="tooltip" data-placement="bottom"><img src="images/avatar-2.png"><input type="checkbox">陈某某</li>
 
+                  <li class="invite"><a data-backdrop="ture" data-keyboard="false" href="#adduser" data-toggle="modal">添加</a></li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+  </div>  
+  <!--侧栏-->
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+ <!--邀请用户弹出框-->
 
+    <div class="modal hide fade" id="adduser">
 
+      <div class="modal-header">
 
+      <a class="close" data-dismiss="modal">×</a>
 
+      <h3>邀请工作伙伴</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        <div class="alert alert-info">
 
+          输入对方的<strong>帐号注册邮箱</strong>，查询并确认用户后，点击"添加"完成邀请
 
+        </div>
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label for="inputEmail" class="control-label">邮箱</label>
 
+            <div class="controls">
 
+              <div class="input-append">
 
+                <input type="text" placeholder="输入通行帐号或者帐号注册邮箱">
 
+                <button class="btn" type="button">查询</button>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+              <div class="inviteAvatar clearfix">
 
+              <div class=" fR">
 
+                <button class="btn btn-primary" type="button">添加</button>
 
+              </div>
 
+                <img src="images/avatar-1.png"><p>张三<br>XXXXXX公司<br>123123@qq.com</p>
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <div class="alert alert-error">
 
+              查询无此用户！请检查您输入是否正确，或者该用户并没有<a href="http://sso.smartcost.com.cn" target="_blank">注册通行帐号</a>。
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+    <!--邀请用户弹出框-->    
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 272 - 0
s-project-section.html
View File 

@@ -0,0 +1,272 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+<script src="http://s1.bdstatic.com/r/www/cache/ecom/esl/1-6-10/esl.js"></script>
 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目" class="focus" ><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+      <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a title="返回" href="s-project.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+                <script type="text/javascript">
 
+        // 路径配置
 
+        require.config({
 
+            paths:{ 
+                'echarts' : 'http://echarts.baidu.com/build/echarts'
 
+            }
 
+        });
 
+        
+        // 使用
 
+        require(
 
+            [
 
+                'echarts',
 
+                'echarts/chart/pie', // 使用柱状图就加载bar模块，按需加载
 
+                'echarts/chart/bar'
 
+            ],
 
+            function(ec) {
 
+                //5 期数组成//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = ec.init(document.getElementById('chartContainer6'));   
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],                   
+                  title : {
 
+                      text: '',
 
+                      x:'left'
 
+                  },
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：<br>{c} 元<br>占标段：{d} %"
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          radius : '40%',
 
+                          center: ['50%', 155],
 
+                          data:[
 
+                              {value:27814964.00, name:'GZ-HJDQ-JL-001'},
 
+                              {value:41043186.10, name:'GZ-HJDQ-JL-002'},
 
+                              {value:42917475.00, name:'GZ-HJDQ-JL-003'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //5 期数组成//
 
+                //6 标段计量分布//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = ec.init(document.getElementById('chartContainer7'));   
+                var option = {
 
+                          color:['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+                          title : {
 
+                              text: '标段按月进度'
 
+                          },
 
+                          tooltip : {
 
+                              trigger: 'axis',
 
+                              formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %<br/>{a2}：{c2} %"
 
+                          },
 
+                          legend: {
 
+                              data:['GZ-HJDQ-JL-001','GZ-HJDQ-JL-002','GZ-HJDQ-JL-003']
 
+                          },
 
+                          toolbox: {
 
+                              show : true,
 
+                              feature : {
 
+                                  magicType : {show: true, type: ['line', 'bar']}
 
+                              }
 
+                          },
 
+    dataZoom : {
 
+        show : true,
 
+        realtime: true,
 
+        start :0,
 
+        end : 100
 
+    },
 
+    xAxis : [
 
+        {
 
+                                  type : 'category',
 
+                                  boundaryGap : false,
 
+            data : [
 
+                '2013年2月','3月','4月','5月','6月','7月','8月','9月','10月'
 
+            ]
 
+        }
 
+    ],
 
+    yAxis : [
 
+                              {
 
+                                  type : 'value',
 
+                                  axisLabel : {
 
+                                      formatter: '{value} %'
 
+                                  },
 
+                                  splitArea : {show : true}
 
+                              }
 
+                          ],
 
+    series : [
 
+                              {
 
+                                  name:'GZ-HJDQ-JL-001',
 
+                                  type:'line',
 
+                                  itemStyle: {
 
+                                      normal: {
 
+                                          lineStyle: {
 
+                                              shadowColor : 'rgba(0,0,0,0.4)',
 
+                                              shadowBlur: 5,
 
+                                              shadowOffsetX: 3,
 
+                                              shadowOffsetY: 3
 
+                                          }
 
+                                      }
 
+                                  },
 
+                                  data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
 
+                              },
 
+                              {
 
+                                  name:'GZ-HJDQ-JL-002',
 
+                                  type:'line',
 
+                                  itemStyle: {
 
+                                      normal: {
 
+                                          lineStyle: {
 
+                                              shadowColor : 'rgba(0,0,0,0.4)',
 
+                                              shadowBlur: 5,
 
+                                              shadowOffsetX: 3,
 
+                                              shadowOffsetY: 3
 
+                                          }
 
+                                      }
 
+                                  },
 
+                                  data:[20, 0, 10, 10, 10, 10, 10, 5, 15]
 
+                              },
 
+                              {
 
+                                  name:'GZ-HJDQ-JL-003',
 
+                                  type:'line',
 
+                                  itemStyle: {
 
+                                      normal: {
 
+                                          lineStyle: {
 
+                                              shadowColor : 'rgba(0,0,0,0.4)',
 
+                                              shadowBlur: 5,
 
+                                              shadowOffsetX: 3,
 
+                                              shadowOffsetY: 3
 
+                                          }
 
+                                      }
 
+                                  },
 
+                                  data:[10, 0, 10, 15, 15, 5, 5, 5, 15]
 
+                              }
 
+                          ]
 
+};
 
+                    
+                    
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //3 标段计量分布//
 
+            }
 
+        );
 
+    </script>
 
+
 
+    <div class="project">
 
+      <div class="proSection clearfix">
 
+        <!--图表5-->
 
+        <div class="fL" style="width:30%">
 
+          <div id="chartContainer6" style="height: 300px; width: 100%;">
 
+          </div>
 
+        </div>
 
+        <!--图表5-->
 
+        <!--表-->
 
+        <div class="fL" style="width:70%;height:300px;overflow:hide">
 
+          <table class="table table-striped">
 
+            <thead>
 
+              <tr>
 
+                <th width="15%">标段名</th><th width="16%" class="taC">总价/期数</th><th width="40%" class="taC">截止上期累计完成/本期完成/未完成</th>
 
+              </tr>
 
+            </thead>
 
+          </table>
 
+          <div style="height:264px;overflow-y:auto">
 
+          <table class="table table-striped">
 
+            <tr>
 
+              <td width="15%"><a href="s-project-section-detail.html">GZ-HJDQ-JL-001(点我)</a><br>土建合同</td><td width="16%" class="taR">￥<b>5,000,000.00</b><br>共 2 期（本期 <span class="colOrange">审批中</span>）</td><td width="40%" class="taR"><div class="progress">
 
+                <div data-original-title="截止本期累计完成：￥731,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width: 45%;" class="bar bar-success">45%</div>
 
+                <div data-original-title="本期完成：￥31,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:25%;" class="bar">25%</div>
 
+                <div data-original-title="未完成：￥71,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:30%;" class="bar bar-gary">30%</div>
 
+              </div></td>
 
+            </tr>
 
+            <tr>
 
+              <td width="15%"><a href="#">GZ-HJDQ-JL-002</a><br>土建合同</td><td width="16%" class="taR">￥<b>5,000,000.00</b><br>共 2 期（本期 <span class="colGreen">已完成</span>）</td><td width="40%" class="taR"><div class="progress">
 
+                <div data-original-title="截止本期累计完成：￥731,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width: 29%;" class="bar bar-success">29%</div>
 
+                <div data-original-title="本期完成：￥31,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:5%;" class="bar">5%</div>
 
+                 <div data-original-title="未完成：￥71,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:66%;" class="bar bar-gary">66%</div>
 
+              </div></td>
 
+            </tr>
 
+            </tr>
 
+            <tr>
 
+              <td width="15%"><a href="#">GZ-HJDQ-JL-003</a><br>监理合同</td><td width="16%" class="taR">￥<b>5,000,000.00</b><br>共 2 期（本期 <span class="colOrange">审批中</span>）</td><td width="40%" class="taR"><div class="progress">
 
+                <div data-original-title="截止本期累计完成：￥731,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:15%;" class="bar bar-success">15%</div>
 
+                <div data-original-title="本期完成：￥31,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:45%;" class="bar">45%</div>
 
+                 <div data-original-title="未完成：￥71,121,121.00" data-toggle="tooltip" data-placement="bottom" style="width:40%;" class="bar bar-gary">40%</div>
 
+              </div></td>
 
+            </tr>
 
+            </tr>
 
+          </table>
 
+          </div>
 
+        </div>
 
+        <!--表-->
 
+      </div>
 
+      <div class="proSection clearfix">
 
+        <div id="chartContainer7" style="height: 300px; width: 100%;">
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 79 - 0
s-project.html
View File 

@@ -0,0 +1,79 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+    				<li><a href="s-project.html" class="focus" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+          <div class="mainContent">
 
+    <div class="title clearfix">
 
+      <div class="fR">
 
+        <div class="btn-group">
 
+          <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
 
+          排序
 
+          <span class="caret"></span>
 
+          </a>
 
+          <ul class="dropdown-menu">
 
+            <li><a href="">创建时间</a></li>
 
+            <li><a href="">最近上传</a></li>
 
+            <li><a href="">进度完成度</a></li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+      <h1>这些是来自您软件编制的项目</h1>
 
+    </div>
 
+    <div class="project">
 
+
 
+      <div class="projectEntry clearfix" title="点击查看该项目详细">
 
+        <div class="pojIcon fL c1"><div data-icon="H" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5><a href="s-project-section.html">黄金大桥项目</a>（2个标段）</h5>2012-07-13</div>
 
+          <div class="detail fR"><p data-original-title="合同：￥499,500,000.00 变更：+￥500,000.00" data-placement="bottom" data-toggle="tooltip">总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p> 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div></div>
 
+          <div class="detail2 fR"><p>业主单位：XX至XX公路工程建设办</p><p>我的标段：3</p></div>
 
+        </div>
 
+      </div>
 
+
 
+    </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 344 - 0
w-project-detail - 副本.html
View File 

@@ -0,0 +1,344 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+
 
+<script src="http://s1.bdstatic.com/r/www/cache/ecom/esl/1-6-10/esl.js"></script>
 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html"  class="focus" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+      <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a href="w-project.html" title="返回"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+        <div class="fR">
 
+        <a href="#pojoption" data-toggle="modal"  class="btn"><i class="icon-cog"></i> 项目设置</a>
 
+        </div>
 
+      </div>
 
+      <!--导航-->
 
+      <ul class="nav nav-tabs">
 
+      <li class="active">
 
+      <a href="w-project-detail.html">项目汇总</a>
 
+      </li>
 
+      <li><a href="w-project-section.html">标段列表</a></li>
 
+      </ul>
 
+      <!--导航-->
 
+          <script type="text/javascript">
 
+        // 路径配置
 
+        require.config({
 
+            paths:{ 
+                'echarts' : 'http://echarts.baidu.com/build/echarts'
 
+            }
 
+        });
 
+        
+        // 使用
 
+        require(
 
+            [
 
+                'echarts',
 
+                'echarts/chart/pie', // 使用柱状图就加载bar模块，按需加载
 
+                'echarts/chart/bar'
 
+            ],
 
+            function(ec) {
 
+                //1 标段计量分布//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = ec.init(document.getElementById('chartContainer'));   
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#ffa500',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#5c616b','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'], 
+                  title : {
 
+                      text: '标段计量分布',
 
+                      x:'left'
 
+                  },
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：{c} <br>占总项目：{d} %"
 
+                  },
 
+                  legend: {
 
+                    selectedMode:false,
 
+                      orient : 'vertical',
 
+                      x : 'left',
 
+                      y : 'center',
 
+                      data:['土建合同','监理合同','设计合同','机电合同']
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          radius : '60%',
 
+                          center: ['60%', 175],
 
+                          data:[
 
+                              {value:27814964.00, name:'土建合同'},
 
+                              {value:41043186.10, name:'监理合同'},
 
+                              {value:42917475.00, name:'设计合同'},
 
+                              {value:27634982.00, name:'机电合同'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //1 标段计量分布//
 
+                //2 标段计量进度//
 
+                var myChart = ec.init(document.getElementById('chartContainer2'));   
+                var option = {
 
+                  color:["#e9af68","#57b7b6","#e4575a"],
 
+                  title : {
 
+                    text: '标段计量进度',
 
+                    },
 
+    tooltip : {
 
+        trigger: 'axis',
 
+        formatter: "{b}  <br/>{a}：{c}元 <br/>{a1}：{c1}元<br/>{a2}：{c2} %"
 
+    },
 
+    legend: {
 
+        data:['总价','累计完成计量','完成进度百分比']
 
+    },
 
+    xAxis : [
 
+        {
 
+            type : 'category',
 
+            data : ['土建合同','监理合同','设计合同','机电合同']
 
+        }
 
+    ],
 
+    yAxis : [
 
+        {
 
+            type : 'value',
 
+            name : '金额',
 
+            position:'left',
 
+            axisLabel : {
 
+                formatter: '{value} 元'
 
+            },
 
+            splitArea : {show : true}
 
+        },
 
+        {
 
+            type : 'value',
 
+            position:'right',
 
+            max:'100',
 
+            axisLabel : {
 
+                formatter: '{value} %'
 
+            },
 
+            splitLine : {show : true}
 
+        }
 
+    ],
 
+    series : [
 
+        {
 
+            name:'总价',
 
+            type:'bar',
 
+            data:[27814964.00,41043186.10, 42917475.00, 27634982.00],
 
+        },
 
+        {
 
+            name:'累计完成计量',
 
+            type:'bar',
 
+            data:[20571481.02,28770211.71, 23427801.00, 1708798.00],
 
+        },
 
+        {
 
+            name:'完成进度百分比',
 
+            type:'line',
 
+            yAxisIndex: 1,
 
+            data:[73.95,70,54.58,6.18],
 
+        }
 
+    ]
 
+                };
 
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //2 标段计量进度//
 
+                //3 标段计量分布//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = ec.init(document.getElementById('chartContainer3'));   
+                var option = {
 
+                          color:["#e9af68","#57b7b6"],
 
+                          title : {
 
+                              text: '项目按月进度'
 
+                          },
 
+                          tooltip : {
 
+                              trigger: 'axis',
 
+                              formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %"
 
+                          },
 
+                          legend: {
 
+                              data:['累计完成','本月完成']
 
+                          },
 
+                          toolbox: {
 
+                              show : true,
 
+                              feature : {
 
+                                  magicType : {show: true, type: ['line', 'bar']}
 
+                              }
 
+                          },
 
+    dataZoom : {
 
+        show : true,
 
+        realtime: true,
 
+        start : 50,
 
+        end : 100
 
+    },
 
+    xAxis : [
 
+        {
 
+                                  type : 'category',
 
+                                  boundaryGap : false,
 
+            data : [
 
+                '2013年2月','3月','4月','5月','6月','7月','8月','9月','10月'
 
+            ]
 
+        }
 
+    ],
 
+    yAxis : [
 
+                              {
 
+                                  type : 'value',
 
+                                  axisLabel : {
 
+                                      formatter: '{value} %'
 
+                                  },
 
+                                  splitArea : {show : true}
 
+                              }
 
+                          ],
 
+    series : [
 
+                              {
 
+                                  name:'累计完成',
 
+                                  type:'line',
 
+                                  itemStyle: {
 
+                                      normal: {
 
+                                          lineStyle: {
 
+                                              shadowColor : 'rgba(0,0,0,0.4)',
 
+                                              shadowBlur: 5,
 
+                                              shadowOffsetX: 3,
 
+                                              shadowOffsetY: 3
 
+                                          }
 
+                                      }
 
+                                  },
 
+                                  data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
 
+                              },
 
+                              {
 
+                                  name:'本月完成',
 
+                                  type:'line',
 
+                                  itemStyle: {
 
+                                      normal: {
 
+                                          lineStyle: {
 
+                                              shadowColor : 'rgba(0,0,0,0.4)',
 
+                                              shadowBlur: 5,
 
+                                              shadowOffsetX: 3,
 
+                                              shadowOffsetY: 3
 
+                                          }
 
+                                      }
 
+                                  },
 
+                                  data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
 
+                              }
 
+                          ]
 
+};
 
+                    
+                    
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //3 标段计量分布//
 
+            }
 
+        );
 
+    </script>
 
+    <div class="project">
 
+      <div class="proSection clearfix">
 
+        <!--图表1-->
 
+        <div class="fL" style="width:49%">  
+          <div id="chartContainer" style="height: 300px; width: 100%;">
 
+          </div>
 
+        </div>
 
+          <!--图表1-->
 
+        <!--图表2-->
 
+        <div class="fR" style="width:49%">
 
+          <div id="chartContainer2" style="height: 300px; width: 100%;">
 
+          </div>
 
+        </div>
 
+        <!--图表2-->
 
+      </div>
 
+      <div class="proSection clearfix">
 
+        <!--图表3-->
 
+        <div id="chartContainer3" style="height: 300px; width: 100%;">
 
+        </div>
 
+        <!--图表3-->
 
+      </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+    <!-- 项目设置弹出 -->
 
+    <div id="pojoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">项目设置</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">项目名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">颜色标识</label>
 
+            <div class="controls">
 
+              <ul class="pjColorList">
 
+              <li class="pjColor pj-c1 pjSelect"></li>
 
+              <li class="pjColor pj-c2"></li>
 
+              <li class="pjColor pj-c3"></li>
 
+              <li class="pjColor pj-c4"></li>
 
+              <li class="pjColor pj-c5"></li>
 
+              <li class="pjColor pj-c6"></li>
 
+              <li class="pjColor pj-c7"></li>
 
+              <li class="pjColor pj-c8"></li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 项目设置弹出 -->
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 344 - 0
w-project-detail.html
View File 

@@ -0,0 +1,344 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+
 
+<script src="http://s1.bdstatic.com/r/www/cache/ecom/esl/1-6-10/esl.js"></script>
 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+      <div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+          </div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+      <div class="mainSidebar">
 
+        <div class="mainNav">
 
+          <ul>
 
+            <li><a href="w-project.html"  class="focus" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+          </ul>
 
+        </div>
 
+      </div>
 
+      <div class="mainContainer">
 
+        <!--内容-->
 
+      <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a href="w-project.html" title="返回"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+        <div class="fR">
 
+        <a href="#pojoption" data-toggle="modal"  class="btn"><i class="icon-cog"></i> 项目设置</a>
 
+        </div>
 
+      </div>
 
+      <!--导航-->
 
+      <ul class="nav nav-tabs">
 
+      <li class="active">
 
+      <a href="w-project-detail.html">项目汇总</a>
 
+      </li>
 
+      <li><a href="w-project-section.html">标段列表</a></li>
 
+      </ul>
 
+      <!--导航-->
 
+          <script type="text/javascript">
 
+        // 路径配置
 
+        require.config({
 
+            paths:{ 
+                'echarts' : 'http://echarts.baidu.com/build/echarts'
 
+            }
 
+        });
 
+        
+        // 使用
 
+        require(
 
+            [
 
+                'echarts',
 
+                'echarts/chart/pie', // 使用柱状图就加载bar模块，按需加载
 
+                'echarts/chart/bar'
 
+            ],
 
+            function(ec) {
 
+                //1 标段计量分布//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = ec.init(document.getElementById('chartContainer'));   
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#ffa500',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#5c616b','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'], 
+                  title : {
 
+                      text: '标段计量分布',
 
+                      x:'left'
 
+                  },
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：{c} <br>占总项目：{d} %"
 
+                  },
 
+                  legend: {
 
+                    selectedMode:false,
 
+                      orient : 'vertical',
 
+                      x : 'left',
 
+                      y : 'center',
 
+                      data:['土建合同','监理合同','设计合同','机电合同']
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          radius : '60%',
 
+                          center: ['60%', 175],
 
+                          data:[
 
+                              {value:27814964.00, name:'土建合同'},
 
+                              {value:41043186.10, name:'监理合同'},
 
+                              {value:42917475.00, name:'设计合同'},
 
+                              {value:27634982.00, name:'机电合同'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //1 标段计量分布//
 
+                //2 标段计量进度//
 
+                var myChart = ec.init(document.getElementById('chartContainer2'));   
+                var option = {
 
+                  color:["#e9af68","#57b7b6","#e4575a"],
 
+                  title : {
 
+                    text: '标段计量进度',
 
+                    },
 
+    tooltip : {
 
+        trigger: 'axis',
 
+        formatter: "{b}  <br/>{a}：{c}元 <br/>{a1}：{c1}元<br/>{a2}：{c2} %"
 
+    },
 
+    legend: {
 
+        data:['总价','累计完成计量','完成进度百分比']
 
+    },
 
+    xAxis : [
 
+        {
 
+            type : 'category',
 
+            data : ['土建合同','监理合同','设计合同','机电合同']
 
+        }
 
+    ],
 
+    yAxis : [
 
+        {
 
+            type : 'value',
 
+            name : '金额',
 
+            position:'left',
 
+            axisLabel : {
 
+                formatter: '{value} 元'
 
+            },
 
+            splitArea : {show : true}
 
+        },
 
+        {
 
+            type : 'value',
 
+            position:'right',
 
+            max:'100',
 
+            axisLabel : {
 
+                formatter: '{value} %'
 
+            },
 
+            splitLine : {show : true}
 
+        }
 
+    ],
 
+    series : [
 
+        {
 
+            name:'总价',
 
+            type:'bar',
 
+            data:[27814964.00,41043186.10, 42917475.00, 27634982.00],
 
+        },
 
+        {
 
+            name:'累计完成计量',
 
+            type:'bar',
 
+            data:[20571481.02,28770211.71, 23427801.00, 1708798.00],
 
+        },
 
+        {
 
+            name:'完成进度百分比',
 
+            type:'line',
 
+            yAxisIndex: 1,
 
+            data:[73.95,70,54.58,6.18],
 
+        }
 
+    ]
 
+                };
 
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //2 标段计量进度//
 
+                //3 标段计量分布//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = ec.init(document.getElementById('chartContainer3'));   
+                var option = {
 
+                          color:["#e9af68","#57b7b6"],
 
+                          title : {
 
+                              text: '项目按月进度'
 
+                          },
 
+                          tooltip : {
 
+                              trigger: 'axis',
 
+                              formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %"
 
+                          },
 
+                          legend: {
 
+                              data:['累计完成','本月完成']
 
+                          },
 
+                          toolbox: {
 
+                              show : true,
 
+                              feature : {
 
+                                  magicType : {show: true, type: ['line', 'bar']}
 
+                              }
 
+                          },
 
+    dataZoom : {
 
+        show : true,
 
+        realtime: true,
 
+        start : 0,
 
+        end : 100
 
+    },
 
+    xAxis : [
 
+        {
 
+                                  type : 'category',
 
+                                  boundaryGap : false,
 
+            data : [
 
+                '2013年2月','3月','4月','5月','6月','7月','8月','9月','10月'
 
+            ]
 
+        }
 
+    ],
 
+    yAxis : [
 
+                              {
 
+                                  type : 'value',
 
+                                  axisLabel : {
 
+                                      formatter: '{value} %'
 
+                                  },
 
+                                  splitArea : {show : true}
 
+                              }
 
+                          ],
 
+    series : [
 
+                              {
 
+                                  name:'累计完成',
 
+                                  type:'line',
 
+                                  itemStyle: {
 
+                                      normal: {
 
+                                          lineStyle: {
 
+                                              shadowColor : 'rgba(0,0,0,0.4)',
 
+                                              shadowBlur: 5,
 
+                                              shadowOffsetX: 3,
 
+                                              shadowOffsetY: 3
 
+                                          }
 
+                                      }
 
+                                  },
 
+                                  data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
 
+                              },
 
+                              {
 
+                                  name:'本月完成',
 
+                                  type:'line',
 
+                                  itemStyle: {
 
+                                      normal: {
 
+                                          lineStyle: {
 
+                                              shadowColor : 'rgba(0,0,0,0.4)',
 
+                                              shadowBlur: 5,
 
+                                              shadowOffsetX: 3,
 
+                                              shadowOffsetY: 3
 
+                                          }
 
+                                      }
 
+                                  },
 
+                                  data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
 
+                              }
 
+                          ]
 
+};
 
+                    
+                    
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //3 标段计量分布//
 
+            }
 
+        );
 
+    </script>
 
+    <div class="project">
 
+      <div class="proSection clearfix">
 
+        <!--图表1-->
 
+        <div class="fL" style="width:49%">  
+          <div id="chartContainer" style="height: 300px; width: 100%;">
 
+          </div>
 
+        </div>
 
+          <!--图表1-->
 
+        <!--图表2-->
 
+        <div class="fR" style="width:49%">
 
+          <div id="chartContainer2" style="height: 300px; width: 100%;">
 
+          </div>
 
+        </div>
 
+        <!--图表2-->
 
+      </div>
 
+      <div class="proSection clearfix">
 
+        <!--图表3-->
 
+        <div id="chartContainer3" style="height: 300px; width: 100%;">
 
+        </div>
 
+        <!--图表3-->
 
+      </div>
 
+  </div>
 
+        <!--内容-->
 
+      </div>
 
+    </div>
 
+    <!-- 项目设置弹出 -->
 
+    <div id="pojoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">项目设置</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">项目名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">颜色标识</label>
 
+            <div class="controls">
 
+              <ul class="pjColorList">
 
+              <li class="pjColor pj-c1 pjSelect"></li>
 
+              <li class="pjColor pj-c2"></li>
 
+              <li class="pjColor pj-c3"></li>
 
+              <li class="pjColor pj-c4"></li>
 
+              <li class="pjColor pj-c5"></li>
 
+              <li class="pjColor pj-c6"></li>
 
+              <li class="pjColor pj-c7"></li>
 
+              <li class="pjColor pj-c8"></li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 项目设置弹出 -->
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 292 - 0
w-project-section-detail.html
View File 

@@ -0,0 +1,292 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+<script src="http://s1.bdstatic.com/r/www/cache/ecom/esl/1-6-10/esl.js"></script>
 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html"  class="focus" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+      <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a title="返回" href="w-project-section.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              土建合同<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">监理合同</a></li>
 
+              <li><a href="#">设计合同</a></li>
 
+              <li><a href="#">机电合同</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              GZ-HJDQ-JL-001<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">GZ-HJDQ-JL-010</a>
 
+              </li><li><a href="#">GZ-HJDQ-JL-009</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-008</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-007</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-006</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-005</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-004</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-003</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-002</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-001</a></li>
 
+              <li class="divider"></li>
 
+              <li><a href="#">共18标段，查看更多</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+            <!--导航-->
 
+      <ul class="nav nav-tabs">
 
+      <li class="active">
 
+      <a href="w-project-detail.html">标段概况</a>
 
+      </li>
 
+      <li><a href="w-project-section-files.html">附件</a></li>
 
+      <li><a href="w-project-section-measure.html">计量台帐</a></li>
 
+      </ul>
 
+      <!--导航-->
 
+                <script type="text/javascript">
 
+        // 路径配置
 
+        require.config({
 
+            paths:{ 
+                'echarts' : 'http://echarts.baidu.com/build/echarts'
 
+            }
 
+        });
 
+        
+        // 使用
 
+        require(
 
+            [
 
+                'echarts',
 
+                'echarts/chart/pie', // 使用柱状图就加载bar模块，按需加载
 
+                'echarts/chart/bar'
 
+            ],
 
+            function(ec) {
 
+                //4 标段期数计量进度//
 
+                var myChart = ec.init(document.getElementById('chartContainer4'));   
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],                  
+    tooltip : {
 
+        trigger: 'axis'
 
+    },
 
+    calculable : true,
 
+    legend: {
 
+        data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
 
+    },
 
+    xAxis : [
 
+        {
 
+            type : 'category',
 
+            splitLine : {show : true},
 
+            data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
 
+        }
 
+    ],
 
+    yAxis : [
 
+        {
 
+            type : 'value',
 
+            position: 'left',
 
+            splitArea : {show : true}
 
+        },
 
+        {
 
+            type : 'value',
 
+            name:'完成度',
 
+            axisLabel : {
 
+                formatter: '{value} %'
 
+            },
 
+            position: 'right',
 
+            splitArea : {show : true}
 
+        }
 
+    ],
 
+    series : [
 
+        {
 
+            name:'本期合同计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, 332, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'本期数量变更计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, -20, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'截至上期累计完成',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[120, 132, 101, 134, 90, 230, 210]
 
+        },
 
+        {
 
+            name:'本期完成计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[220, 182, 191, 234, 290, 330, 310]
 
+        },
 
+        {
 
+            name:'完成度',
 
+            type:'line',
 
+            tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
 
+            yAxisIndex: 1,
 
+            data:[10, 15, 20, 13, 11, 9, 5]
 
+        },
 
+    ]
 
+};
 
+                    
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //4 标段期数计量进度//
 
+                //5 期数组成//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = ec.init(document.getElementById('chartContainer5'));   
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],                   
+                  title : {
 
+                      text: '期数计量组成',
 
+                      x:'left'
 
+                  },
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：{c} 元<br>占标段：{d} %"
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          radius : '40%',
 
+                          center: ['45%', 155],
 
+                          data:[
 
+                              {value:27814964.00, name:'第一期'},
 
+                              {value:41043186.10, name:'第二期'},
 
+                              {value:42917475.00, name:'第三期'},
 
+                              {value:27634982.00, name:'第四期'},
 
+                              {value:27634982.00, name:'第五期'},
 
+                              {value:27634982.00, name:'第六期'},
 
+                              {value:27634982.00, name:'第七期'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //5 期数组成//
 
+            }
 
+        );
 
+    </script>
 
+
 
+    <div class="project">
 
+      <div class="proSection clearfix">
 
+        <!--图表4-->
 
+        <div id="chartContainer4" style="height: 300px; width: 100%;">
 
+        </div>
 
+        <!--图表4-->
 
+      </div>
 
+      <div class="proSection clearfix">
 
+        <!--图表5-->
 
+        <div class="fL" style="width:30%">
 
+          <div id="chartContainer5" style="height: 300px; width: 100%;">
 
+          </div>
 
+        </div>
 
+        <!--图表5-->
 
+        <!--表-->
 
+        <div class="fL" style="width:70%;height:300px;overflow:hide">
 
+          <table class="table table-striped">
 
+            <thead>
 
+              <tr>
 
+                <th width="8%">期数</th><th width="16%" class="taC">本期合同计量</th><th width="16%" class="taC">本期数量变更计量</th><th width="16%" class="taC">截止上期累计完成</th><th width="16%" class="taC">本期完成计量</th><th width="16%" class="taC">累计完成计量</th>
 
+              </tr>
 
+            </thead>
 
+          </table>
 
+          <div style="height:264px;overflow-y:auto">
 
+          <table class="table table-striped">
 
+            <tr>
 
+              <td width="8%">第七期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td><td width="16%" class="taR">0</td>
 
+            </tr>
 
+            <tr>
 
+              <td>第六期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第五期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第四期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第三期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第二期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+            <tr>
 
+              <td>第一期&nbsp;<span data-toggle="tooltip" data-placement="bottom" title="上报：2015-09-09；通过：2015-09-13" class="icon-time"></span></td><td></td><td></td><td></td><td></td><td></td>
 
+            </tr>
 
+          </table>
 
+          </div>
 
+        </div>
 
+        <!--表-->
 
+      </div>
 
+    </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 176 - 0
w-project-section-files.html
View File 

@@ -0,0 +1,176 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+  <link rel=stylesheet href=css/fixedheadertable.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/jquery.fixedheadertable.js></script> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" title="项目管理" class="focus"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+      	<!--内容-->
 
+        <div class="mainContent">
 
+        <div class="title clearfix">
 
+          <ul class="nav nav-pills">
 
+            <li class="dropdown"><a title="返回" href="w-project-section.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+            <li class="dropdown">
 
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+                黄金大桥项目<b class="caret"></b>
 
+              </a>
 
+              <ul class="dropdown-menu">
 
+                <li><a href="#">重庆XX至XX公路</a></li>
 
+                <li><a href="#">重庆XX至XX公路</a></li>
 
+                <li><a href="#">重庆XX至XX公路</a></li>
 
+                <li><a href="#">重庆XX至XX公路</a></li>
 
+              </ul>
 
+            </li>
 
+            <li class="dropdown">
 
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+                土建合同<b class="caret"></b>
 
+              </a>
 
+              <ul class="dropdown-menu">
 
+                <li><a href="#">监理合同</a></li>
 
+                <li><a href="#">设计合同</a></li>
 
+                <li><a href="#">机电合同</a></li>
 
+              </ul>
 
+            </li>
 
+            <li class="dropdown">
 
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+                GZ-HJDQ-JL-001<b class="caret"></b>
 
+              </a>
 
+              <ul class="dropdown-menu">
 
+                <li><a href="#">GZ-HJDQ-JL-010</a>
 
+                </li><li><a href="#">GZ-HJDQ-JL-009</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-008</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-007</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-006</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-005</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-004</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-003</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-002</a></li>
 
+                <li><a href="#">GZ-HJDQ-JL-001</a></li>
 
+                <li class="divider"></li>
 
+                <li><a href="#">共18标段，查看更多</a></li>
 
+              </ul>
 
+            </li>
 
+            <li class="dropdown">
 
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+                第七期<b class="caret"></b>
 
+              </a>
 
+              <ul class="dropdown-menu">
 
+                <li><a href="#">第六期</a></li>
 
+                <li><a href="#">第六期</a></li>
 
+                <li><a href="#">第六期</a></li>
 
+                <li><a href="#">第六期</a></li>
 
+              </ul>
 
+            </li>
 
+          </ul>
 
+        </div>
 
+        <!--导航-->
 
+        <ul class="nav nav-tabs">
 
+          <li>
 
+          <a href="w-project-section-detail.html">标段概况</a>
 
+          </li>
 
+          <li class="active"><a href="w-project-section-files.html">附件</a></li>
 
+          <li><a href="w-project-section-measure.html">计量台帐</a></li>
 
+        </ul>
 
+        <!--导航-->
 
+        <!--文件管理-->
 
+        <div class="filesWrap">
 
+          <div class="filesList">
 
+            <table class="table table-striped table-hover" >
 
+              <thead>
 
+                <tr>
 
+                  <th width="">文件名</th><th width="">节点</th><th width="">父节点</th><th width="">上传者</th><th width="">上传时间</th>
 
+                </tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-jpg"></span><a href="#">K0+800-K1+000图纸</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-pdf"></span><a href="#">K0+800-K1+000图纸</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-xls"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-doc"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-txt"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-zip"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-jpg"></span><a href="#">K0+800-K1+000图纸</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-pdf"></span><a href="#">K0+800-K1+000图纸</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-xls"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-doc"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-txt"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+                <tr>
 
+                  <td width=""><span class="fileico ico-zip"></span><a href="#">文件名</a></td><td>203-1-a 挖土方</td><td width="">1-2-2-1 K0+800-K1+000</td><td width="">陈工</td><td width="">2014-11-20</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+          </div>
 
+          <div class="filesDetail">
 
+            <table class="table table-striped" >
 
+            <thead><tr><th colspan="4">文件详情</th></tr></thead>
 
+              <tr><th width="60">文件名</th><td colspan="3"><a href="#" target="_blank">K0+800-K1+000图纸</a><span class="fR"><button class="btn btn-mini btn-primary" type="button">下载</button></span></td></tr>
 
+              <tr><th width="60">格式</th><td><span class="fileico ico-jpg"></span>.jpg</td><th width="60">所在类</th><td>台帐附件</td></tr>
 
+              <tr><th width="60">上传者</th><td>陈工</td><th width="60">上传时间</th><td>2014-11-20 14:20</td></tr>
 
+              <tr><th width="60">备注/描述</th><td colspan="3">内容内容内容内容</td></tr>
 
+            </table>
 
+          </div>
 
+        </div>
 
+        <!--文件管理-->
 
+      </div>
 
+  <!--内容-->
 
+  </div>
 
+</div>
 
+ 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 337 - 0
w-project-section-measure.html
View File 

@@ -0,0 +1,337 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+  <link rel=stylesheet href=css/fixedheadertable.css> 
+	<script src=js/jquery-1.9.1.min.js></script> 
+	<script src=js/bootstrap.js></script> 
+	<script src=js/jl.js></script> 
+  <script src=js/jquery.fixedheadertable.js></script> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html" class="focus"  title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+         <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a title="返回" href="w-project-section.html"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              土建合同<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">监理合同</a></li>
 
+              <li><a href="#">设计合同</a></li>
 
+              <li><a href="#">机电合同</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              GZ-HJDQ-JL-001<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">GZ-HJDQ-JL-010</a>
 
+              </li><li><a href="#">GZ-HJDQ-JL-009</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-008</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-007</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-006</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-005</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-004</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-003</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-002</a></li>
 
+              <li><a href="#">GZ-HJDQ-JL-001</a></li>
 
+              <li class="divider"></li>
 
+              <li><a href="#">共18标段，查看更多</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              第七期<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+              <li><a href="#">第六期</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+      </div>
 
+            <!--导航-->
 
+      <ul class="nav nav-tabs">
 
+      <li>
 
+      <a href="w-project-section-detail.html">标段概况</a>
 
+      </li>
 
+      <li class="active"><a href="w-project-section-measure.html">计量台帐</a></li>
 
+      </ul>
 
+      <!--导航-->
 
+    </div>
 
+    <!--侧栏-->
 
+    <div class="tableTypeList">
 
+        <ul>
 
+            <li><a href="#">表格1</a></li>
 
+            <li><a class="now" 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="#">表格6</a></li>
 
+        </ul>
 
+    </div>    
+    <!--侧栏-->
 
+  <!--表格-->
 
+  <div class="misTable">
 
+    <div class="alert alert-error">
 
+              <button data-dismiss="alert" class="close" type="button">×</button>
 
+              第二期计量正在审批中，数据无法修改，<a>点击这里</a>查看审批详情
 
+    </div>
 
+    <script type="text/javascript">$(document).ready(function() {
 
+    
+    $('#myTable').fixedHeaderTable({ altClass: 'odd', fixedColumns: 6 });
 
+});</script>
 
+    <table class="fancyTable" id="myTable" cellpadding="0" cellspacing="0">
 
+    <thead>
 
+<tr>
 
+            <th rowspan="2">1</th>
 
+            <th rowspan="2">项目节编号</th>
 
+            <th rowspan="2">清单编号</th>
 
+            <th rowspan="2">名称</th>
 
+            <th rowspan="2">单位</th>
 
+            <th rowspan="2">单价</th>
 
+            <th colspan="2">0号台帐合同</th>
 
+            <th colspan="2">本期合同计量</th>
 
+            <th colspan="2">本期数量变更计量</th>
 
+            <th colspan="2">本期完成计量</th>
 
+            <th colspan="2">累计合同计量</th>
 
+            <th colspan="2">累计数量变更计量</th>
 
+            <th colspan="2">累计完成计量</th>
 
+            <th></th>
 
+        </tr>
 
+        <tr>                   
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>数量</th>
 
+            <th>金额</th>
 
+            <th>图（册号）</th>
 
+        </tr>
 
+    </thead>
 
+    <tbody>
 
+    <tr><th>2</th><td>1</td><td> </td><td>第一部分 建筑安装工程费</td><td>公路公里</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>3</th><td>1-3</td><td> </td><td>路面工程</td><td>km/m2</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>4</th><td>1-3-4</td><td> </td><td>透层、黏层、封层</td><td>m2</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>5</th><td>1-3-4-4</td><td> </td><td>其他粘结层</td><td>m2</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>6</th><td>1-3-5</td><td> </td><td>路面面层</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>7</th><td>1-3-5-1</td><td> </td><td>沥青混凝土面层</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>8</th><td>1-3-5-1-1</td><td> </td><td>沥青混凝土上面层</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>9</th><td>1-4</td><td> </td><td>桥梁涵洞工程</td><td>m2/m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>10</th><td>1-4-5</td><td> </td><td>特、大桥工程（100≤L,40≤Lk）</td><td>km</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>11</th><td>1-4-5-1</td><td> </td><td>K0+745.5大关河1号特大桥</td><td>m/座</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>大关河1号特大桥</td></tr>
 
+
 
+    <tr><th>12</th><td>1-4-5-1-1</td><td> </td><td>桥台（台高××m）</td><td>m2/m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>大关河1号特大桥</td></tr>
 
+
 
+    <tr><th>13</th><td>1-4-5-1-1-1</td><td> </td><td>桥台基础</td><td>m3/处</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>大关河1号特大桥</td></tr>
 
+
 
+    <tr><th>14</th><td> </td><td>1</td><td>0号台1号桩</td><td></td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>S4-3-1-50</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>15</th><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td></td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>16</th><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>17</th><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>18</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>19</th><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>20</th><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>21</th><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>22</th><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>23</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>24</th><td> </td><td> </td><td>36号台1号桩</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>25</th><td> </td><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>26</th><td> </td><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>27</th><td> </td><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>28</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>29</th><td> </td><td> </td><td>36号台2号桩</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>S4-3-1-50</td></tr>
 
+
 
+    <tr><th>30</th><td> </td><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>31</th><td> </td><td>405-1-1-7</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>32</th><td> </td><td>405-4</td><td>检测管</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>33</th><td> </td><td>407-1-6</td><td>直径1.5m</td><td>m</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>34</th><td>1-4-5-1-1-2</td><td> </td><td>桥台台身</td><td>m3/处</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>35</th><td>1-4-5-1-1-3</td><td> </td><td>桥台搭板</td><td>m3/处</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>36</th><td> </td><td> </td><td>0号台搭板</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-4-4</td></tr>
 
+
 
+    <tr><th>37</th><td> </td><td>403-4-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>38</th><td> </td><td>410-6-2-3</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>39</th><td>1-4-5-1-1-4</td><td> </td><td>桥台锥坡</td><td>m3/座</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>40</th><td>1-4-5-1-1-5</td><td> </td><td>桥台台帽</td><td>m3/座</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>41</th><td> </td><td> </td><td>台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>42</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>43</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>44</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>45</th><td> </td><td> </td><td>0号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>46</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>47</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>48</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>49</th><td> </td><td> </td><td>36号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>50</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>51</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>52</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>53</th><td> </td><td> </td><td>0号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>54</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>55</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>56</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>57</th><td> </td><td> </td><td>36号台台帽</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-18</td></tr>
 
+
 
+    <tr><th>58</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>59</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>60</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>61</th><td> </td><td> </td><td>垫石</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>62</th><td> </td><td></td><td>0号台垫石</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-22</td></tr>
 
+
 
+    <tr><th>63</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>64</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>65</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>66</th><td> </td><td> </td><td>挡块</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>67</th><td> </td><td> </td><td>0号台挡块</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-22</td></tr>
 
+
 
+    <tr><th>68</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>69</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>70</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>71</th><td> </td><td> </td><td>36号台挡块</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>XB-30-22</td></tr>
 
+
 
+    <tr><th>72</th><td> </td><td>403-2-1</td><td>光圆钢筋（HPB235、HPB300）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>73</th><td> </td><td>403-2-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    <tr><th>74</th><td> </td><td>410-2-10-2</td><td>C30混凝土</td><td>m3</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
 
+
 
+    </tbody>
 
+    </table>
 
+  </div>
 
+  <!--表格-->
 
+    <div class="bottomToolsbar">
 
+    <div class="avatarBar clearfix">
 
+      <div class="fR">
 
+      <button class="btn btn-warning" type="button"><span data-icon="r" aria-hidden="true"></span>&nbsp;开始审批</button>
 
+      </div>
 
+      <ul class="avatar clearfix">
 
+        <li title="等待审批" class="wait"><span data-icon="k" aria-hidden="true"></span><img src="images/avatar-1.png"></li>
 
+        <li title="等待审批" class="wait"><span data-icon="k" aria-hidden="true"></span><img src="images/avatar-2.png"></li>
 
+        <li title="老六审批通过" class="pass"><span data-icon="d" aria-hidden="true"></span><img src="images/avatar-3.png"></li>
 
+        <li title="李七审批通过" class="pass"><span data-icon="d" aria-hidden="true"></span><img src="images/avatar-4.png"></li>
 
+        <li title="添加审批人" class="add"><span data-icon="q" aria-hidden="true"></span></li>
 
+      </ul>
 
+    </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 290 - 0
w-project-section.html
View File 

@@ -0,0 +1,290 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html"  class="focus" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+      <div class="mainContent">
 
+      <div class="title clearfix">
 
+        <ul class="nav nav-pills">
 
+          <li class="dropdown"><a href="w-project.html" title="返回"><span class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
 
+          <li class="dropdown">
 
+            <a href="#" data-toggle="dropdown" class="dropdown-toggle">
 
+              黄金大桥项目<b class="caret"></b>
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+              <li><a href="#">重庆XX至XX公路</a></li>
 
+            </ul>
 
+          </li>
 
+        </ul>
 
+        <div class="fR">
 
+          <a class="btn btn-primary" href="#addsection" data-toggle="modal"><i class="icon-plus-sign icon-white"></i> 添加标段类型</a> <a href="#pojoption" data-toggle="modal" class="btn"><i class="icon-cog"></i> 项目设置</a>
 
+        </div>
 
+      </div>
 
+      <!--导航-->
 
+      <ul class="nav nav-tabs">
 
+      <li>
 
+      <a href="w-project-detail.html">项目汇总</a>
 
+      </li>
 
+      <li class="active"><a href="w-project-section.html">标段列表</a></li>
 
+      </ul>
 
+      <!--导航-->
 
+    <div class="project">
 
+      <div class="proSection">
 
+          <table class="table">
 
+          <thead>
 
+            <tr>
 
+              <td width="150"><span aria-hidden="true" data-icon="u"></span> 土建合同 <a href="#secoption" data-toggle="modal" title="编辑/查看KEY"><span data-icon="S" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="查看KEY" style="font-size:18px"></span></a></td>
 
+              <td width="50">总价：</td><td width="165">￥<b style="font-size:16px">123,122,212.00</b></td>
 
+              <td width="60">完成进度：</td><td><div class="progress">
 
+                <div class="bar bar-success" style="width:65%;" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成：￥731,121,121.00">65%</div>
 
+                <div class="bar bar-danger" style="width:35%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">35%</div>
 
+              </div></td>
 
+            </tr>
 
+            </thead>
 
+          </table>
 
+          <table class="table table-striped table-hover">
 
+            <thead>
 
+            <tr><th class="taC"  width="225">标段名</th><th class="taC" width="140">计量期数</th><th width="115" class="taC">总价</th><th class="taC" width="">截止上期累计完成/本期完成/未完成</th></tr></thead>
 
+            <tbody>
 
+            <tr>
 
+            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-001（点我）</a></td>
 
+            <td class="">共 5 期（本期 <span class="colOrange">审批中</span>）</td>
 
+            <td class="taR">￥5,000,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">45%</div>
 
+                <div class="bar" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                <div class="bar bar-gary" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+            <tr>
 
+            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-002</a></td>
 
+            <td class="">共 2 期（本期 <span class="colGreen">已完成</span>）</td>
 
+            <td class="taR">￥233,453,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width: 29%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">29%</div>
 
+                <div class="bar" style="width:5%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">5%</div>
 
+                 <div class="bar bar-gary" style="width:66%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">66%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+            <tr>
 
+            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-003</a></td>
 
+            <td class="">共 0 期（本期 <span class="colGray">未上报</span>）</td>
 
+            <td class="taR">￥0.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width:0%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥0.00">15%</div>
 
+                <div class="bar" style="width:0" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥0.00">0%</div>
 
+                 <div class="bar bar-gary" style="width:0" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥0.00">0%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+          </tbody></table>  
+      </div>
 
+      <div class="proSection">
 
+          <table class="table">
 
+          <thead>
 
+            <tr>
 
+              <td width="150"><span aria-hidden="true" data-icon="u"></span> 监理合同 <a href="#secoption" data-toggle="modal" title="编辑/查看KEY"><span data-icon="S" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="查看KEY" style="font-size:18px"></span></a></td>
 
+              <td width="90">累计合同计量：</td><td width="165">￥<b style="font-size:16px">123,122,212.00</b></td>
 
+              <td width="60">完成进度：</td><td><div class="progress">
 
+                <div class="bar bar-success" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="累计完成：￥731,121,121.00">25%</div>
 
+                <div class="bar bar-danger" style="width:75%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">75%</div>
 
+              </div></td>
 
+            </tr>
 
+            </thead>
 
+          </table>
 
+          <table class="table table-striped table-hover">
 
+            <thead>
 
+            <tr><th class="taC"  width="225">标段名</th><th class="taC" width="140">计量期数</th><th width="115" class="taC">累计合同计量</th><th class="taC" width="">截止上期累计完成/本期完成/未完成</th></tr></thead>
 
+            <tbody>
 
+            <tr>
 
+            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-001（点我）</a></td>
 
+            <td class="">共 5 期（本期 <span class="colOrange">审批中</span>）</td>
 
+            <td class="taR">￥5,000,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">45%</div>
 
+                <div class="bar" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                <div class="bar bar-gary" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+            <tr>
 
+            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-002</a></td>
 
+            <td class="">共 2 期（本期 <span class="colGreen">已完成</span>）</td>
 
+            <td class="taR">￥233,453,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width: 29%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">29%</div>
 
+                <div class="bar" style="width:5%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">5%</div>
 
+                 <div class="bar bar-gary" style="width:66%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">66%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+            <tr>
 
+            <td><a href="w-project-section-detail.html">GZ-HJDQ-JL-003</a></td>
 
+            <td class="">共 3 期（本期 <span class="colOrange">审批中</span>）</td>
 
+            <td class="taR">￥6,453,000.00</td>
 
+            <td>
 
+              <div class="progress">
 
+                <div class="bar bar-success" style="width:15%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">15%</div>
 
+                <div class="bar" style="width:45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">45%</div>
 
+                 <div class="bar bar-gary" style="width:40%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">40%</div>
 
+              </div>
 
+            </td>
 
+            </tr>
 
+          </tbody></table>  
+      </div>
 
+    </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+    <!-- 添加标段类型弹出 -->
 
+    <div id="addsection" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">添加标段类型</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">标段类型名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入标段名称" value="">
 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 添加标段类型弹出 -->
 
+    <!-- 项目设置弹出 -->
 
+    <div id="pojoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">项目设置</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">项目名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputPassword">KEY</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2"> <button class="btn" >复制</button>
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">颜色标识</label>
 
+            <div class="controls">
 
+              <ul class="pjColorList">
 
+              <li class="pjColor pj-c1 pjSelect"></li>
 
+              <li class="pjColor pj-c2"></li>
 
+              <li class="pjColor pj-c3"></li>
 
+              <li class="pjColor pj-c4"></li>
 
+              <li class="pjColor pj-c5"></li>
 
+              <li class="pjColor pj-c6"></li>
 
+              <li class="pjColor pj-c7"></li>
 
+              <li class="pjColor pj-c8"></li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 项目设置弹出 --> 
+    <!-- 标段类型设置弹出 -->
 
+    <div id="secoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">标段类型设置</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">标段类型名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入类型类型名称" value="路基工程">
 
+            </div>
 
+          </div>
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputPassword">KEY</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2" onfocus="this.select()" onmouseover="this.focus()"><button class="btn" >复制</button>
 
+              <p>如果"复制"按钮无法使用，请全选后使用快捷键<b>Ctrl C</b>复制，或者鼠标右键KEY使用复制选项。</p> 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 标段类型设置弹出 -->        
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 214 - 0
w-project.html
View File 

@@ -0,0 +1,214 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+            <li><a href="w-project.html"  class="focus" title="项目管理"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目管理</a></li>
 
+            <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a><span class="badge badge-warning">4</span></li>
 
+    				<li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+          <div class="mainContent">
 
+    <div class="title clearfix">
 
+      <div class="fR">
 
+        <div class="btn-group">
 
+          <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
 
+          排序
 
+          <span class="caret"></span>
 
+          </a>
 
+          <ul class="dropdown-menu">
 
+            <li><a href="">创建时间</a></li>
 
+            <li><a href="">最近审批</a></li>
 
+            <li><a href="">进度完成度</a></li>
 
+          </ul>
 
+        </div>
 
+        <a class="btn btn-primary"  href="#addpoj" data-toggle="modal" ><i class="icon-plus icon-white"></i>&nbsp;添加项目</a>
 
+      </div>
 
+      <h1>这些是您创建的项目</h1>
 
+    </div>
 
+    <div class="project">
 
+
 
+      <div class="projectEntry clearfix">
 
+        <div class="pojIcon fL c1"><div data-icon="I" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5><a href="w-project-detail.html">黄金大桥项目</a></h5><a href="#editpoj" data-toggle="modal"><span data-icon="S" aria-hidden="true" class="closePanel" data-placement="bottom" data-toggle="tooltip" data-original-title="修改项目名称"></span></a> 2012-07-13</div>
 
+          <div class="detail fR"><p data-toggle="tooltip" data-placement="bottom"  data-original-title="0号台帐合同：￥499,500,000.00 变更：+￥500,000.00">总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;" data-toggle="tooltip" data-placement="bottom"  data-original-title="累计完成：￥499,500,000.00">65%</div>
 
+            </div></div>
 
+          <div class="detail2 fR"><p>标段总计：89</p></div>
 
+        </div>
 
+      </div>
 
+
 
+      <div class="projectEntry odd clearfix">
 
+        <div class="pojIcon fL c2"><div data-icon="I" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5>重庆XX公路</h5>2012-07-13</div>
 
+          <div class="detail  fR"><p>总价：￥500,000,000.00元 (<span class="colGreen">-￥500,000.00</span>)</p>
 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div></div>
 
+          <div class="detail2 fR"><p>标段总计：89</p></div>
 
+        </div>
 
+      </div>
 
+      
+      <div class="projectEntry clearfix">
 
+        <div class="pojIcon fL c3"><div data-icon="I" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5>黄金大桥项目</h5>2012-07-13</div>
 
+          <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colGreen">-￥500,000.00</span>)</p>
 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div></div>
 
+          <div class="detail2 fR"><p>标段总计：89</p></div>
 
+        </div>
 
+      </div>
 
+
 
+      <div class="projectEntry odd clearfix">
 
+        <div class="pojIcon fL c4"><div data-icon="I" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5>重庆XX公路</h5>2012-07-13</div>
 
+          <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div></div>
 
+          <div class="detail2 fR"><p>标段总计：89</p></div>
 
+        </div>
 
+      </div>
 
+
 
+      <div class="projectEntry clearfix">
 
+        <div class="pojIcon fL c5" title="来自您软件的项目"><div data-icon="I" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5>黄金大桥项目</h5>2012-07-13</div>
 
+          <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div></div>
 
+          <div class="detail2 fR"><p>标段总计：89</p></div>
 
+        </div>
 
+      </div>
 
+
 
+      <div class="projectEntry odd clearfix">
 
+        <div class="pojIcon fL c6"><div data-icon="I" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5>黄金大桥项目</h5>2012-07-13</div>
 
+          <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div></div>
 
+          <div class="detail2 fR"><p>标段总计：89</p></div>
 
+        </div>
 
+      </div>
 
+
 
+      <div class="projectEntry clearfix">
 
+        <div class="pojIcon fL c7"><div data-icon="I" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5>黄金大桥项目</h5>2012-07-13</div>
 
+          <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div></div>
 
+          <div class="detail2 fR"><p>标段总计：89</p></div>
 
+        </div>
 
+      </div>
 
+
 
+      <div class="projectEntry odd clearfix">
 
+        <div class="pojIcon fL c8"><div data-icon="I" aria-hidden="true"></div></div>
 
+        <div class="pojDetail fL">
 
+          <div class="title fL"><h5>黄金大桥项目</h5>2012-07-13</div>
 
+          <div class="detail fR"><p>总价：￥500,000,000.00元 (<span class="colRed">+￥500,000.00</span>)</p>
 
+            <div class="progress">
 
+              <div class="bar bar-success" style="width: 65%;">65%</div>
 
+            </div></div>
 
+          <div class="detail2 fR"><p>标段总计：89</p></div>
 
+        </div>
 
+      </div>
 
+
 
+    </div>
 
+  </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+    <!-- 添加项目弹出 -->
 
+    <div id="addpoj" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">添加项目</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">项目名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 添加项目弹出 -->    
+     <!-- 编辑项目弹出 -->
 
+    <div id="editpoj" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
+      <div class="modal-header">
 
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
+        <h3 id="myModalLabel">修改项目名称</h3>
 
+      </div>
 
+      <div class="modal-body">
 
+        
+      <div class="form">
 
+        <form class="form-horizontal">
 
+          <div class="control-group">
 
+            <label class="control-label" for="inputEmail">项目名称</label>
 
+            <div class="controls">
 
+              <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
 
+            </div>
 
+          </div>
 
+        </form>  
+      </div>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
 
+        <button class="btn btn-primary">保存</button>
 
+      </div>
 
+    </div>
 
+    <!-- 编辑项目弹出 --> 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 68 - 0
welcome - 1.html
View File 

@@ -0,0 +1,68 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+    				<li><a href="" title="开始计量"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目</a></li>
 
+    				<li><a href="" title="查看我的任务"><div data-icon="B" aria-hidden="true" class="navIcon"></div>审批</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="C" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据统计"><div data-icon="D" aria-hidden="true" class="navIcon"></div>统计</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+        <!--内容-->
 
+        <div class="mainContent">
 
+          <div class="title clearfix">
 
+            <div class="fR">
 
+              <button class="btn btn-link" type="button"><i class="icon-question-sign"></i>&nbsp;帮助</button>
 
+            </div>
 
+            <h1>欢迎使用纵横计量支付云端</h1>
 
+          </div>
 
+          <div class="hero-unit" style="padding:30px">
 
+            <h2>我是项目业主</h2>
 
+            <p>创建项目、标段类型、查阅项目、标段类型、标段汇总数据</p>
 
+            <p><button class="btn btn-primary" type="button">下载使用教程</button></p>
 
+          </div>
 
+          <div class="hero-unit" style="padding:30px">
 
+            <h2>我是计量审批人</h2>
 
+            <p>查看标段汇总数据</p>
 
+            <p><button class="btn btn-primary" type="button">下载使用教程</button></p>
 
+          </div>
 
+          <div class="hero-unit" style="padding:30px">
 
+            <h2>我是计量编制人</h2>
 
+            <p>查阅项目、标段类型、标段汇总数据</p>
 
+            <p><button class="btn btn-primary" type="button">下载使用教程</button></p>
 
+          </div>
 
+        </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 102 - 0
welcome.html
View File 

@@ -0,0 +1,102 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn dropdown-toggle">张三&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+    				<li><a href="" title="开始计量"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目</a></li>
 
+    				<li><a href="" title="查看我的任务"><div data-icon="B" aria-hidden="true" class="navIcon"></div>审批</a></li>
 
+            <li><a href="" title="生成报表"><div data-icon="C" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据统计"><div data-icon="D" aria-hidden="true" class="navIcon"></div>统计</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+        <!--内容-->
 
+        <div class="mainContent">
 
+          <div class="title clearfix">
 
+            <div class="fR">
 
+              <button class="btn btn-link" type="button"><i class="icon-question-sign"></i>&nbsp;帮助</button>
 
+            </div>
 
+            <h1>欢迎使用纵横计量支付云端</h1>
 
+          </div>
 
+          <div class="form">
 
+            <form class="form-horizontal">
 
+              <legend>请填写您的个人信息</legend>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">姓名</label>
 
+                <div class="controls">
 
+                  <input type="text" placeholder="输入您的姓名">
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">单位(公司)名称</label>
 
+                <div class="controls">
 
+                  <input type="text" placeholder="输入您的单位或者公司名称" >
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">职位</label>
 
+                <div class="controls">
 
+                  <input type="text" placeholder="输入您的职位">
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">联系电话</label>
 
+                <div class="controls">
 
+                  <div class="input-prepend">
 
+                    <span class="add-on">固话</span>
 
+                    <input type="text" placeholder="格式：0000-00000000" style="width:167px">
 
+                  </div>
 
+                  <div class="input-prepend">
 
+                    <span class="add-on">手机</span>
 
+                    <input type="text" placeholder="输入11位手机号码"  class="span2">
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label" for="inputEmail">QQ</label>
 
+                <div class="controls">
 
+                  <input type="text" placeholder="输入您的QQ号码">
 
+                </div>
 
+              </div>
 
+              <div class="control-group">
 
+                <label class="control-label"></label>
 
+                <div class="controls">
 
+                  <a class="btn btn-primary"  href="welcome - 1.html"><i class="icon-ok icon-white"></i>&nbsp;确定提交</a>
 
+                </div>
 
+              </div>
 
+              </fieldset>
 
+            </form>
 
+          </div>
 
+        </div>
 
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>

BIN
开发文档/审批不通过.xlsx
View File


BIN
开发文档/审批不通过相关弹窗 2.docx
View File


BIN
开发文档/审批不通过相关弹窗.docx
View File


BIN
开发文档/审批意见.xlsx
View File


BIN
开发文档/数据关系.xlsx
View File


BIN
开发文档/数据更新出发条件与方式.xlsx
View File


BIN
开发文档/计量支付业务流程.xlsx
View File


BIN
开发文档/计量支付云版流程.xlsx
View File


+ 35 - 0
开发文档/计量支付邮件通知.txt
View File 

@@ -0,0 +1,35 @@
 
+纵横计量支付云版：新帐号开通
 
+<p>佛清从高速公路有限公司为你开通了计量支付云版的帐号：</p>
 
+<p>登录帐号（邮箱）：<b>2448457466@qq.com</b></p>
 
+<p>登录密码：<b>UJN762</b></p>
 
+<p>请及时登录并修改您的个人信息及密码。</p>
 
+
 
+
 
+纵横计量支付云版：密码重置
 
+<p>佛清从高速公路有限公司为你重置了计量支付云版的帐号密码：</p>
 
+<p>登录帐号（邮箱）：<b>2448457466@qq.com</b></p>
 
+<p>登录密码：<b>UJN762</b></p>
 
+<p>请及时登录并修改您的新密码。</p>
 
+
 
+
 
+纵横计量支付云版：SG-02第二期计量需要您审批
 
+<p>佛清从高速公路有限公司：以下标段计量需要您审批</p>
 
+<p>标段：<b>SG-02</b></p>
 
+<p>期数：<b>第二期</b></p>
 
+<p>项目：<b>XXXX大桥</b></p>
 
+<p>请及时登录软件进行本期计量审批。</p>
 
+
 
+
 
+纵横计量支付云版：您即将参与计量审批
 
+<p>由XXX公司XX编制的<b>XXX大桥</b>，<b>SG-02</b>将由以下审批人进行审批</p>
 
+<p>XXXX公司，张三</p>
 
+<p>XXXX公司，王五</p>
 
+<p>XXXX公司，李四</b></p>
 
+
 
+
 
+纵横计量支付云版：SG-02第二期审批人状态有变
 
+<p>珠海纵横创新软件有限公司陈特已完成了<b>SG-02</b>，<b>第二期</b>的审批</p>
 
+
 
+
 
+纵横计量支付云版：SG-02第二期计量已经完成
 
+<p><b>XXX大桥</b>，<b>SG-02</b>，<b>第二期</b>计量审批已经完成。</p>

BIN
开发文档/进度条.docx
View File


BIN
开发文档/进度条修正.xlsx
View File


BIN
开发文档/配置服务器IP.docx
View File


BIN
开发文档/需求.xlsx
View File


BIN
开发文档/需求详解#2.docx
View File


+ 46 - 0
模板.html
View File 

@@ -0,0 +1,46 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<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> 
+</head>
 
+<body><div class="wrapHeader"><h1 title="纵横计量支付" class="mainLogo"></h1><div class="userInfo"><img src="images/avtra.png" class="fR">
 
+			<div class="btn-group">
 
+                <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">陈特&nbsp;<span class="caret"></span></button>
 
+                <ul class="dropdown-menu">
 
+                  <li><a href="#">个人信息</a></li>
 
+                  <li><a href="#"><span data-icon="r" aria-hidden="true"></span>&nbsp;工作组</a></li>
 
+                  <li><a href="#"><span data-icon="B" aria-hidden="true"></span>&nbsp;我的任务</a></li>
 
+                  <li class="divider"></li>
 
+                  <li><a href="#">帮助中心</a></li>
 
+                  <li><a href="#">退出</a></li>
 
+                </ul>
 
+        	</div>
 
+          </div>
 
+    </div>
 
+    <div class="wrapContent">
 
+    	<div class="mainSidebar">
 
+    		<div class="mainNav">
 
+    			<ul>
 
+    				<li><a href="" class="focus" title="开始计量"><div data-icon="A" aria-hidden="true" class="navIcon"></div>项目</a></li>
 
+    				<li><a href="" title="查看我的任务"><div data-icon="B" aria-hidden="true" class="navIcon"></div>审批</a><span class="badge badge-warning">4</span></li>
 
+            <li><a href="" title="生成报表"><div data-icon="C" aria-hidden="true" class="navIcon"></div>报表</a></li>
 
+            <li><a href="" title="数据汇总"><div data-icon="D" aria-hidden="true" class="navIcon"></div>汇总</a></li>
 
+    			</ul>
 
+    		</div>
 
+    	</div>
 
+    	<div class="mainContainer">
 
+    		<!--内容-->
 
+        
+        <!--内容-->
 
+    	</div>
 
+    </div>
 
+<script type="text/javascript">autoFlashHeight();</script>
 
+</body>