Trang chủ Khám phá Trợ giúp
Đăng nhập
S.H.I.E.L.D.
/
biangengling
3
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Browse Source

no message

Chente 9 năm trước cách đây
commit
ac709acf26
46 tập tin đã thay đổi với 14403 bổ sung và 0 xóa
Split View Hiển thị tình trạng sai khác
  1. 154 0
      admin-account.html
  2. 112 0
      admin-add-account.html
  3. 113 0
      admin-edit-account.html
  4. 165 0
      admin-feed-user.html
  5. 160 0
      admin-feed.html
  6. 35 0
      admin-login.html
  7. 85 0
      admin-option.html
  8. 104 0
      admin-password.html
  9. 166 0
      admin-project-contract-list.html
  10. 334 0
      admin-project-contract.html
  11. 155 0
      admin-project.html
  12. 430 0
      css/bootstrap-theme.css
  13. 10 0
      css/bootstrap-theme.min.css
  14. 6323 0
      css/bootstrap.css
  15. 10 0
      css/bootstrap.min.css
  16. 274 0
      css/style.css
  17. BIN
      fonts/glyphicons-halflings-regular.eot
  18. 229 0
      fonts/glyphicons-halflings-regular.svg
  19. BIN
      fonts/glyphicons-halflings-regular.ttf
  20. BIN
      fonts/glyphicons-halflings-regular.woff
  21. BIN
      img/avatar.png
  22. BIN
      img/avatar2.png
  23. BIN
      img/avatar3.png
  24. 2279 0
      js/bootstrap.js
  25. 12 0
      js/bootstrap.min.js
  26. 32 0
      js/global.js
  27. 5 0
      js/jquery-1.9.1.min.js
  28. 46 0
      login.html
  29. 271 0
      report-approval-contract-list.html
  30. 206 0
      report-approval-contract-report.html
  31. 309 0
      report-approval-contract.html
  32. 150 0
      report-approval.html
  33. 180 0
      user-feed-poj.html
  34. 159 0
      user-feed-user.html
  35. 108 0
      user-option.html
  36. 103 0
      user-password.html
  37. 365 0
      user-project-contract-add.html
  38. 397 0
      user-project-contract-edit.html
  39. 212 0
      user-project-contract-list.html
  40. 48 0
      user-project-contract-qd.html
  41. 69 0
      user-project-contract-qd2.html
  42. 419 0
      user-project-contract-reup.html
  43. 104 0
      user-project-contract.html
  44. 70 0
      user-project.html
  45. BIN
      文件描述.xlsx
  46. BIN
      研发指南.docx

+ 154 - 0
admin-account.html
Xem Tập Tin 

@@ -0,0 +1,154 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="admin-feed.html">信息中心</a></li>
 
+        <li><a href="admin-project.html">项目管理</a></li>
 
+        <li class="now"><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员madmin；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-account.html" class="now">帐号列表</a></li>
 
+        <li><a href="admin-add-account.html">添加帐号</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+          <legend >用户列表</legend>
 
+        <table class="table table-striped table-hover">
 
+              <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>珠海纵横创新软件有限公司</td>
 
+                  <td>工程师</td>
 
+                  <td>0756-3850888</td>
 
+                  <td>12345678901</td>
 
+                  <td>sg@qq.com</td>
 
+                  <td>
 
+                    <a href="#stopAc" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-ban-circle"></span>停用</a>
 
+                    <a href="admin-edit-account.html"><span class="glyphicon glyphicon-edit"></span>编辑</a>
 
+                    <a href="#resPw" data-toggle="modal" class="text-warning"><span class="glyphicon glyphicon-refresh"></span>重置密码</a>
 
+                  </td>
 
+                </tr>
 
+                <tr class="text-danger">
 
+                  <td>2</td>
 
+                  <td>蔡工</td>
 
+                  <td>珠海纵横创新软件有限公司</td>
 
+                  <td>工程师</td>
 
+                  <td>0756-3850888</td>
 
+                  <td>12345678901</td>
 
+                  <td>sp1@qq.com</td>
 
+                  <td>
 
+                    <a href="#enableAc" data-toggle="modal" class="text-success"><span class="glyphicon glyphicon-ok-circle"></span>启用</a>
 
+                    <a href="admin-edit-account.html"><span class="glyphicon glyphicon-edit"></span>编辑</a>
 
+                    <a href="#resPw" data-toggle="modal" class="text-warning"><span class="glyphicon glyphicon-refresh"></span>重置密码</a>
 
+                  </td>
 
+                </tr>
 
+                <tr>
 
+                  <td>3</td>
 
+                  <td>任工</td>
 
+                  <td>珠海纵横创新软件有限公司</td>
 
+                  <td>工程师</td>
 
+                  <td>0756-3850888</td>
 
+                  <td>12345678901</td>
 
+                  <td>sp2@qq.com</td>
 
+                  <td>
 
+                    <a href="#stopAc" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-ban-circle"></span>停用</a>
 
+                    <a href="admin-edit-account.html"><span class="glyphicon glyphicon-edit"></span>编辑</a>
 
+                    <a href="#resPw" data-toggle="modal" class="text-warning"><span class="glyphicon glyphicon-refresh"></span>重置密码</a>
 
+                  </td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <!--禁用账号-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="stopAc">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-danger">账号已被禁用，该用户将无法登陆系统。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--禁用账号--> 
+  <!--启用账号-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="enableAc">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-success">账号已被启用，该用户可重新登录系统。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--启用账号-->
 
+  <!--重置密码-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="resPw">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-warning">点击“发送密码”,重置新密码将发送至帐号邮箱 asdsd@qq.com。</p>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">发送密码</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--重置密码-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 112 - 0
admin-add-account.html
Xem Tập Tin 

@@ -0,0 +1,112 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="admin-feed.html">信息中心</a></li>
 
+        <li><a href="admin-project.html">项目管理</a></li>
 
+        <li class="now"><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员madmin；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-account.html">帐号列表</a></li>
 
+        <li><a href="admin-add-account.html" class="now">添加帐号</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend>添加新帐号</legend>
 
+        <form class="form-horizontal" role="form">
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">邮箱（登录使用）</label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" placeholder="登录系统、找回密码和接收通知">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">姓名</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="使用者姓名">
 
+            </div>
 
+          </div>
 
+          <div class="form-group  has-error">
 
+            <label class="col-sm-2 control-label">单位/公司</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="输入单位/公司名称">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">职位</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="职位/角色">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">电话</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="格式：0000-0000000">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">手机</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="11位手机号码">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label"></label>
 
+            <div class="alert alert-info col-sm-6">
 
+              添加成功后，系统将会发送一封确认邮件给该用户邮箱（上面填写的邮箱地址），邮件中将包含登录密码。
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="col-sm-offset-2 col-sm-3">
 
+              <button type="button" class="btn btn-primary" href="#addAc" data-toggle="modal" >添加帐号</button>
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+  </div>
 
+      <!--添加账号-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="addAc">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-success">帐号添加成功，帐号的密码将会发送至帐号邮箱 asdsd@qq.com。</p>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <a class="btn btn-primary" href="admin-account.html">返回帐号列表</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--添加账号-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 113 - 0
admin-edit-account.html
Xem Tập Tin 

@@ -0,0 +1,113 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="admin-feed.html">信息中心</a></li>
 
+        <li><a href="admin-project.html">项目管理</a></li>
 
+        <li class="now"><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员madmin；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-account.html" class="now">帐号列表</a></li>
 
+        <li><a href="admin-add-account.html">添加帐号</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend>编辑帐号</legend>
 
+        <form class="form-horizontal" role="form">
 
+          <div class="form-group has-error">
 
+            <label class="col-sm-2 control-label">邮箱（登录使用）</label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" placeholder="登录系统、找回密码和接收通知">
 
+            </div>
 
+
 
+          </div>
 
+          <div class="form-group">
 
+            <label  class="col-sm-2 control-label">姓名</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="使用者姓名">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label  class="col-sm-2 control-label">单位/公司</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="单位/公司">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label  class="col-sm-2 control-label">职位</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="职位/角色">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label  class="col-sm-2 control-label">电话</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="格式：0000-0000000">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label  class="col-sm-2 control-label">手机</label>
 
+            <div class="col-sm-3">
 
+              <input type="text" class="form-control" placeholder="11位手机号码">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label  class="col-sm-2 control-label"></label>
 
+            <div class="alert alert-warning col-sm-6">
 
+                <strong>请谨慎编辑帐号!</strong> 编辑后将影响该用户曾参与的所有标段数据。
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="col-sm-offset-2 col-sm-3">
 
+              <button type="button" class="btn btn-warning"  href="#editAc" data-toggle="modal" >编辑帐号</button>
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--编辑账号-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="editAc">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-warning">帐号修改成功，如果您修改了该帐号的邮箱，请返回帐号列表并使用<b>重置密码</b>功能把新密码发送至新的邮箱。</p>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <a class="btn btn-primary" href="admin-account.html">返回帐号列表</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--编辑账号-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 165 - 0
admin-feed-user.html
Xem Tập Tin 

@@ -0,0 +1,165 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+	<title>纵横变更令审批系统</title> 
+	<meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li class="now"><a href="admin-feed.html">信息中心</a></li>
 
+        <li><a href="admin-project.html">项目管理</a></li>
 
+        <li><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员系统管理员；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-feed.html">系统动态</a></li>
 
+        <li><a href="admin-feed-user.html" class="now">项目动态</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <div data-spy="affix"  data-offset-top="60"><legend>最新动态</legend></div>
 
+        <div class="wrapFeed ">
 
+          <div class="feedList">
 
+            <!--管理员动态-->
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>变更令<b class="text-danger">审批不通过</b></h5>
 
+                  <span>武罐高速公路 / WG01 / WG01-BG002</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>变更令<b class="text-success">审批通过</b></h5>
 
+                  <span>武罐高速公路 / WG01 / WG01-BG001</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <!--管理员动态-->
 
+            <!--上报人接收的动态-->
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar.png">
 
+                  张工
 
+                </div>
 
+                <div class="action">
 
+                  <h5>再次上报变更令</h5>
 
+                  <span>WG01-BG002 > 黄工</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar.png">
 
+                  张工
 
+                </div>
 
+                <div class="action">
 
+                  <h5>上报了变更令</h5>
 
+                  <span>WG01-BG001 > 黄工</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>配置上报人</h5>
 
+                  <span>黄工 > </span><span>武罐高速公路 / WG01</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <!--上报人接收的动态-->
 
+            <!--审批人接收的动态-->
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar2.png">
 
+                  陈工
 
+                </div>
 
+                <div class="action">
 
+                  <h5>变更令<b class="text-danger">审批不通过</b></h5>
 
+                  <span>武罐高速公路 / WG01 / WG01-BG001</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar2.png">
 
+                  陈工
 
+                </div>
 
+                <div class="action">
 
+                  <h5>变更令<b class="text-success">审批通过</b></h5>
 
+                  <span>武罐高速公路 / WG01 / WG01-BG001</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>           
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 160 - 0
admin-feed.html
Xem Tập Tin 

@@ -0,0 +1,160 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+	<title>纵横变更令审批系统</title> 
+	<meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li class="now"><a href="admin-feed.html">信息中心</a></li>
 
+        <li><a href="admin-project.html">项目管理</a></li>
 
+        <li><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员系统管理员；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-feed.html" class="now">系统动态</a></li>
 
+        <li><a href="admin-feed-user.html">项目动态</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <div data-spy="affix"  data-offset-top="60"><legend>最新动态</legend></div>
 
+        <div class="wrapFeed ">
 
+          <div class="feedList">
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar.png">
 
+                  黄工
 
+                </div>
 
+                <div class="action">
 
+                  <h5>修改了帐号信息</h5>
 
+                  <span>密码已更新</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar.png">
 
+                  黄工
 
+                </div>
 
+                <div class="action">
 
+                  <h5>修改了帐号信息</h5>
 
+                  <span>陈工、珠海纵横创新软件公司、工程师、0756-3850888、15812644017</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>          
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>添加了帐号</h5>
 
+                  <span>张工（珠海纵横创新软件有限公司）</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>修改了帐号</h5>
 
+                  <span>陈工、珠海纵横创新软件公司、工程师、0756-3850888、15812644017</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>重置了帐号密码</h5>
 
+                  <span>张工（珠海纵横创新软件有限公司）</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5><b class="text-success">启用</b>了帐号</h5>
 
+                  <span>张工（珠海纵横创新软件有限公司）</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5><b class="text-danger">停用</b>了帐号</h5>
 
+                  <span>张工（珠海纵横创新软件有限公司）</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 35 - 0
admin-login.html
Xem Tập Tin 

@@ -0,0 +1,35 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body class="loginbody">
 
+  <div class="wrapAlogin">
 
+    <div class="loginItem"> 
+  <h4 class="title">珠海纵横创新软件有限公司</h4>
 
+  <h5>变更令审批系统后台</h5>
 
+      <form role="form">
 
+        <div class="form-group">
 
+          <label >帐号</label>
 
+          <input  class="form-control" id="exampleInputEmail1" placeholder="输入管理员帐号">
 
+        </div>
 
+        <div class="form-group">
 
+          <label >密码</label>
 
+          <input type="password" class="form-control" id="exampleInputPassword1" placeholder="输入密码">
 
+        </div>
 
+        <button type="submit" class="btn btn-primary">登录</button>
 
+      </form>
 
+    </div>
 
+  </div>
 
+  <div class="copyRight">Copyright @<a href="http://smartcost.com.cn" target="_blank">珠海纵横创新软件有限公司</a> all rights reserved</div>
 
+</body>

+ 85 - 0
admin-option.html
Xem Tập Tin 

@@ -0,0 +1,85 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="admin-feed.html">信息中心</a></li>
 
+        <li><a href="admin-project.html">项目管理</a></li>
 
+        <li><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员madmin；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-option.html" class="now">系统信息</a></li>
 
+        <li><a href="admin-password.html">管理员密码</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend>变更令系统信息</legend>
 
+        <form class="form-horizontal" role="form">
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">系统名称</label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" placeholder="输入本系统名称" value="珠海纵横创新软件有限公司">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label"></label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" disabled="" value="变更令审批系统">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label"></label>
 
+            <div class="alert alert-warning col-sm-6">
 
+                系统名称将显示在<b>系统登录页</b>、<b>邮件</b>等位置，用于标识该系统所属单位或者项目。
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="col-sm-offset-2 col-sm-3">
 
+              <button type="button" class="btn btn-warning"  href="#editAc" data-toggle="modal" >编辑信息</button>
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--编辑账号-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="editAc">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-success">修改成功，出现改名称的页面，刷新页面即可更新。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--编辑账号-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 104 - 0
admin-password.html
Xem Tập Tin 

@@ -0,0 +1,104 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="admin-feed.html">信息中心</a></li>
 
+        <li><a href="admin-project.html">项目管理</a></li>
 
+        <li><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员madmin；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-option.html">系统信息</a></li>
 
+        <li><a href="admin-password.html" class="now">管理员密码</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend>修改密码</legend>
 
+        <form class="form-horizontal" role="form">
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">旧密码</label>
 
+            <div class="col-sm-3">
 
+              <input type="password" class="form-control" placeholder="输入旧密码" >
 
+            </div>
 
+          </div>
 
+          <div class="form-group has-error has-feedback">
 
+            <label class="col-sm-2 control-label">旧密码</label>
 
+            <div class="col-sm-3">
 
+              <label class="control-label" for="inputError2">密码不正确</label>
 
+              <input type="password" class="form-control" placeholder="输入旧密码" >
 
+              <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">新密码</label>
 
+            <div class="col-sm-3">
 
+              <input type="password" class="form-control" placeholder="输入您的新密码" >
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">确认新密码</label>
 
+            <div class="col-sm-3">
 
+              <input type="password" class="form-control" placeholder="再次输入您的新密码" >
 
+            </div>
 
+          </div>
 
+          <div class="form-group has-warning has-feedback">
 
+            <label class="col-sm-2 control-label">确认新密码</label>
 
+            <div class="col-sm-3">
 
+              <label class="control-label" for="inputWarning2">两次密码不一致</label>
 
+              <input type="password" class="form-control" placeholder="再次输入您的新密码" >
 
+              <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="col-sm-offset-2 col-sm-3">
 
+              <button type="button" class="btn btn-warning"  href="#editAc" data-toggle="modal" >修改密码</button>
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--编辑账号-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="editAc">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-success">修改成功，请重新登陆后台。</p>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <a class="btn btn-primary" href="admin-login.html">重新登陆</a>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--编辑账号-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 166 - 0
admin-project-contract-list.html
Xem Tập Tin 

@@ -0,0 +1,166 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="admin-feed.html">信息中心</a></li>
 
+        <li class="now"><a href="admin-project.html">项目管理</a></li>
 
+        <li><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员madmin；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-project.html" class="now">项目列表</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend><a href="admin-project-contract.html"><span class="glyphicon glyphicon-chevron-left"></span></a> WG01 - 武罐高速公路</legend>
 
+        <div class="wrapPoj">
 
+          <div class="pojList">
 
+            <div class="gEntry">
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG001(click me)</h1></a>拆除并恢复固水子白龙江大桥桥下部分河堤及灌溉水渠</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>3
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">审批通过</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">陈工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-success">黄工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-success">李工<i class="glyphicon glyphicon-ok-circle"></i></b>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG002</h1></a>贾家沟中桥右侧增设挡土墙</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>1
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-danger">审批不通过</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">陈工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-danger">黄工<i class="glyphicon glyphicon-remove-circle"></i></b>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG003</h1></a>小石村隧道ZK47+883～ZK48+000段围岩衬砌结构变更</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>1
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-warning">审批中</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-warning">陈工<i class="glyphicon glyphicon-time"></i></b>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <!--侧滑页面-->
 
+        <div class="wrapSlide">
 
+          <div class="slideContent">
 
+            <legend><div class="date fR"><span>创建：</span>2015-01-05</div><div class="date fR"><span>上报：</span>2015-01-07</div>WG01-BG001 工程清单</legend>
 
+            <table class="table table-bordered table-striped">
 
+              <thead>
 
+                <th colspan="3">审批意见</th>
 
+              </thead>
 
+              <tbody>
 
+              <tr>
 
+                <th width="90"><b class="text-success">陈工<i class="glyphicon glyphicon-ok-circle"></i></b></th>
 
+                <td>审核无误，给予通过</td>
 
+                </tr>
 
+              <tr>
 
+                <th><b class="text-success">黄工<i class="glyphicon glyphicon-ok-circle"></i></b></th>
 
+                <td>审核无误，给予通过</td>
 
+                </tr>
 
+              <tr>
 
+                <th><b class="text-success">李工<i class="glyphicon glyphicon-ok-circle"></i></b></th>
 
+                <td>可以使用</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-hover">
 
+              <thead>
 
+                <th colspan="2">变更原因及依据</th>
 
+              </thead>
 
+              <tbody>
 
+              <tr>
 
+                <th>变更原因</th>
 
+                <td>固水子白龙江大桥第3#～6#三跨均与白龙江河堤交叉，导致部分桩基无法施工，需拆除河堤进行桥梁施工后恢复</td>
 
+                </tr>
 
+              <tr>
 
+                <th>变更依据及内容</th>
 
+                <td>甘交武罐发【2012】86号设计回访纪要第1条：确定拆除交叉段河堤62m（断面为：21.47m2），灌溉水渠45m（断面为0.72m2），待桥梁完工后予以恢复。</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-striped table-hover">
 
+              <thead>
 
+                <tr><th rowspan="2" class="text-center">细目名称</th><th rowspan="2" class="text-center">单位</th><th rowspan="2" class="text-center">支付号</th><th class="text-center" colspan="3">增（+）减（-）</th></tr>
 
+                <tr><th class="text-center">数量</th><th class="text-center">单价</th><th class="text-center">金额</th></tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr><td>拆除砖、石及其他砌体结构物</td><td>m3</td><td>202-3-c</td><td>1331.14</td><td>50.77</td><td>67581.98</td></tr>
 
+                <tr><td>M7.5浆砌片石挡土墙</td><td>m3</td><td>209-1-a</td><td>1331.14</td><td>278.73</td><td>371028.65</td></tr>
 
+                <tr><td>M7.5浆砌排水沟</td><td>m3</td><td>207-2-a</td><td>32.4</td><td>312.69</td><td>10131.16</td></tr>
 
+                <tr><td>小计</td><td></td><td></td><td></td><td></td><td><b>448741.79</b></td></tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-striped table-hover">
 
+              <thead><tr><th>附件名称</th><th>格式</th><th>大小</th><th>上传时间</th></tr></thead>
 
+              <tbody>
 
+                <tr><td><a href="">变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>645KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">变更内容明细表</a></td><td>.doc</td><td>1.33MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">变更设计图</a></td><td>.doc</td><td>1.25MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">奉溪高速公路项目工程变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>692KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">会议纪要及其他附件资料</a></td><td>.doc</td><td>1.42MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥3-1桩基底</a></td><td>.jpg</td><td>737KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥3号桥台1号桩基示意图（1-2）</a></td><td>.jpg</td><td>547KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造（2-2）</a></td><td>.jpg</td><td>711KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造（15-17）</a></td><td>.jpg</td><td>800KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥一般构造（11-17）</a></td><td>.jpg</td><td>741KB</td><td>2014-12-28</td></tr>
 
+              </tbody>
 
+            </table>
 
+          </div>
 
+        </div>
 
+        <!--侧滑页面-->
 
+      </div>
 
+    </div>
 
+  </div>       
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 334 - 0
admin-project-contract.html
Xem Tập Tin 

@@ -0,0 +1,334 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="admin-feed.html">信息中心</a></li>
 
+        <li class="now"><a href="admin-project.html">项目管理</a></li>
 
+        <li><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员madmin；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-project.html" class="now">项目列表</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend><a href="admin-project.html"><span class="glyphicon glyphicon-chevron-left"></span></a> 武罐高速公路  <a href="#addCont" data-toggle="modal" class="btn btn-primary btn-sm fR">添加标段</a></legend>
 
+        <div class="wrapPoj">
 
+          <div class="pojList">
 
+            <div class="gEntry">
 
+              <div class="control fR">
 
+                <a href="#softkey" data-toggle="modal"><i class="glyphicon glyphicon-link"></i>软件授权</a>
 
+                <a href="#editCont" data-toggle="modal" class=""><span class="glyphicon glyphicon-cog"></span>编辑</a>
 
+                <a href="#delConts" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-remove"></span>删除</a>
 
+              </div>
 
+              <div><a href="admin-project-contract-list.html"><h1>WG01（click me）</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>0
 
+                </div>
 
+                <div class="item">
 
+                  <span>上报人：</span>张工（珠海纵横创新软件有限公司）
 
+                </div>
 
+                <div class="item">
 
+                  <span>可用审批人：</span>5位 <a href="#approveredit" data-toggle="modal" class=""><i class="glyphicon glyphicon-cog"></i></a>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="control fR">
 
+                <a href="#softkey" data-toggle="modal"><i class="glyphicon glyphicon-link"></i>软件授权</a>
 
+                <a href="#editCont" data-toggle="modal" class=""><span class="glyphicon glyphicon-cog"></span>编辑</a>
 
+                <a href="#delContn" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-remove"></span>删除</a>
 
+              </div>
 
+              <div><a href="#"><h1>WG02</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>10
 
+                </div>
 
+                <div class="item">
 
+                  <span>上报人：</span>张工（珠海纵横创新软件有限公司）
 
+                </div>
 
+                <div class="item">
 
+                  <span>可用审批人：</span>10位 <a href="#approveredit" data-toggle="modal" class=""><i class="glyphicon glyphicon-cog"></i></a>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="control fR">
 
+                <a href="#softkey" data-toggle="modal"><i class="glyphicon glyphicon-link"></i>软件授权</a>
 
+                <a href="#editCont" data-toggle="modal" class=""><span class="glyphicon glyphicon-cog"></span>编辑（配置上报人）</a>
 
+                <a href="#delConts" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-remove"></span>删除</a>
 
+              </div>
 
+              <div><a href="#"><h1>WG03</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>10
 
+                </div>
 
+                <div class="item">
 
+                  <span>上报人：</span>张工（珠海纵横创新软件有限公司）
 
+                </div>
 
+                <div class="item text-danger">
 
+                  <span>可用审批人：</span>还没有配置可用审批人，点 <a href="#approverset" data-toggle="modal" class=""><i class="glyphicon glyphicon-cog"></i></a> 开始配置
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+ <!--添加标段-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="addCont">
 
+  <div class="modal-dialog">
 
+      <div class="modal-content">
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">添加新标段</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+            <div class="form-group">
 
+              <label>标段名称</label>
 
+              <input class="form-control" placeholder="输入标段名称">
 
+            </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">添加</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--添加标段-->
 
+  <!-编辑标段-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="editCont">
 
+  <div class="modal-dialog">
 
+      <div class="modal-content">
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">编辑项目</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+            <div class="form-group">
 
+              <label>标段名称</label>
 
+              <input class="form-control" placeholder="输入标段名称">
 
+            </div>
 
+            <div class="form-group">
 
+              <label>配置上报人</label>
 
+              <select class="form-control" >
 
+                <option>请选择</option>
 
+                <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+                <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+                <option>张工(中铁隧道集团有限公司)</option>
 
+              </select>
 
+            </div>
 
+            <div class="form-group">
 
+              <div class="alert alert-warning">
 
+                <strong>请谨慎修改上报人</strong> 修改后，原上报人将无法继续创建变更令。
 
+              </div>
 
+            </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">修改</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--编辑项目-->
 
+      <!--初次配置审批人-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="approverset">
 
+  <div class="modal-dialog modal-lg">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">配置可用审批人</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+          <table class="table table-bordered">
 
+            <tr>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁十七局集团第二工程有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">王工</label><br><span class="text-muted">陕西明泰工程建设有限责任公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+            </tr>
 
+            <tr>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁十七局集团第二工程有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">王工</label><br><span class="text-muted">陕西明泰工程建设有限责任公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+            </tr>
 
+            <tr>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁十七局集团第二工程有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">王工</label><br><span class="text-muted">陕西明泰工程建设有限责任公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+            </tr>
 
+            <tr>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁十七局集团第二工程有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">王工</label><br><span class="text-muted">陕西明泰工程建设有限责任公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+            </tr>
 
+          </table>
 
+          <div class="form-group text-danger">
 
+            已选择：<b>张工</b>、<b>王工</b>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="alert alert-warning">
 
+              变更令可使用以上选择的用户作为审批人。
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">修改</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--初次配置审批人-->
 
+      <!--修改审批人-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="approveredit">
 
+  <div class="modal-dialog modal-lg">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">修改预设审批人</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+          <table class="table table-bordered">
 
+            <tr>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁十七局集团第二工程有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">王工</label><br><span class="text-muted">陕西明泰工程建设有限责任公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+            </tr>
 
+            <tr>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁十七局集团第二工程有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">王工</label><br><span class="text-muted">陕西明泰工程建设有限责任公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+            </tr>
 
+            <tr>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁十七局集团第二工程有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">王工</label><br><span class="text-muted">陕西明泰工程建设有限责任公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+            </tr>
 
+            <tr>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁十七局集团第二工程有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">王工</label><br><span class="text-muted">陕西明泰工程建设有限责任公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+              <td width="25%"><label><input type="checkbox">张工</label><br><span class="text-muted">中铁隧道集团有限公司</span></td>
 
+            </tr>
 
+          </table>
 
+          <div class="form-group text-danger">
 
+            已选择：<b>张工</b>、<b>王工</b>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="alert alert-warning">
 
+              变更令可使用以上选择的用户作为审批人。
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">修改</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--修改审批人-->
 
+      <!--删除项目（成功）-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delConts">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-danger">是否删除标段WG01?</p>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-danger" href="#">删除</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--删除项目（成功）-->
 
+      <!--删除项目（禁止）-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delContn">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-danger">该标段无法删除：标段下已存在表更令；</p>
 
+         <p class="text-danger">请先删除标段下所有变更令。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--删除项目（禁止）-->
 
+      <!--软件授权-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="softkey">
 
+  <div class="modal-dialog">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">软件授权</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <div class="form-group">
 
+              <label>授权密匙</label>
 
+              <input class="form-control" type="text" value="kq2ifh1xaisdh31xl" readonly>
 
+          </div>
 
+          <div class="alert alert-warning">如果您使用《纵横结算决算计量支付一体化软件》进行计量支付审批，通过授权密匙与本系统衔接，变更令审批系统审批通过的变更令可以在《纵横结算决算计量支付一体化软件》中使用。<br>*请详细了解该功能-><a href="#" target="_blank">了解更多</a></div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--软件授权-->     
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 155 - 0
admin-project.html
Xem Tập Tin 

@@ -0,0 +1,155 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="admin-feed.html">信息中心</a></li>
 
+        <li class="now"><a href="admin-project.html">项目管理</a></li>
 
+        <li><a href="admin-account.html">账号管理</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，管理员madmin；<a href="admin-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="admin-project.html" class="now">项目列表</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend>所有项目  <a href="#addPoj" data-toggle="modal" class="btn btn-primary btn-sm fR">添加项目</a></legend>
 
+        <div class="wrapPoj">
 
+          <div class="pojList">
 
+            <div class="gEntry">
 
+              <div class="control fR">
 
+                <a href="#editPoj" data-toggle="modal"><span class="glyphicon glyphicon-cog"></span>编辑</a>
 
+                <a href="#delPojs" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-remove"></span>删除</a>
 
+              </div>
 
+              <div><a href="admin-project-contract.html"><h1>武罐高速公路（click me）</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>标段：</span>0
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="control fR">
 
+                <a href="" data-toggle="modal" class=""><span class="glyphicon glyphicon-cog"></span>编辑</a>
 
+                <a href="#delPojn" data-toggle="modal" class="text-danger"><span class="glyphicon glyphicon-remove"></span>删除</a>
 
+              </div>
 
+              <div><a href="#"><h1>纵横高速公路</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>标段：</span>4
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <!--添加项目-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="addPoj">
 
+  <div class="modal-dialog">
 
+      <div class="modal-content">
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">添加新项目</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+            <div class="form-group">
 
+              <label>项目名称</label>
 
+              <input class="form-control" placeholder="输入项目名称">
 
+            </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">添加</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--添加项目-->
 
+  <!-编辑项目-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="editPoj">
 
+  <div class="modal-dialog">
 
+      <div class="modal-content">
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">编辑项目</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+            <div class="form-group">
 
+              <label>项目名称</label>
 
+              <input class="form-control" value="武罐高速公路">
 
+            </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">修改</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--编辑项目-->
 
+      <!--删除项目（成功）-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delPojs">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-success">项目删除成功</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--删除项目（成功）-->
 
+      <!--删除项目（禁止）-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delPojn">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-danger">该项目无法删除：项目下存在标段；</p>
 
+         <p class="text-danger">请先删除项目下的标段。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--删除项目（禁止）-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 430 - 0
css/bootstrap-theme.css
Xem Tập Tin 

@@ -0,0 +1,430 @@
 
+/*!
 
+ * Bootstrap v3.3.0 (http://getbootstrap.com)
 
+ * Copyright 2011-2014 Twitter, Inc.
 
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 
+ */
 
+
 
+/*!
 
+ * Generated using the Bootstrap Customizer (http://v3.bootcss.com/customize/?id=be4f6cff9749f5238fdc)
 
+ * Config saved to config.json and https://gist.github.com/be4f6cff9749f5238fdc
 
+ */
 
+.btn-default,
 
+.btn-primary,
 
+.btn-success,
 
+.btn-info,
 
+.btn-warning,
 
+.btn-danger {
 
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
 
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 
+}
 
+.btn-default:active,
 
+.btn-primary:active,
 
+.btn-success:active,
 
+.btn-info:active,
 
+.btn-warning:active,
 
+.btn-danger:active,
 
+.btn-default.active,
 
+.btn-primary.active,
 
+.btn-success.active,
 
+.btn-info.active,
 
+.btn-warning.active,
 
+.btn-danger.active {
 
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 
+}
 
+.btn-default .badge,
 
+.btn-primary .badge,
 
+.btn-success .badge,
 
+.btn-info .badge,
 
+.btn-warning .badge,
 
+.btn-danger .badge {
 
+  text-shadow: none;
 
+}
 
+.btn:active,
 
+.btn.active {
 
+  background-image: none;
 
+}
 
+.btn-default {
 
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
 
+  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
 
+  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #dbdbdb;
 
+  text-shadow: 0 1px 0 #fff;
 
+  border-color: #ccc;
 
+}
 
+.btn-default:hover,
 
+.btn-default:focus {
 
+  background-color: #e0e0e0;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-default:active,
 
+.btn-default.active {
 
+  background-color: #e0e0e0;
 
+  border-color: #dbdbdb;
 
+}
 
+.btn-default:disabled,
 
+.btn-default[disabled] {
 
+  background-color: #e0e0e0;
 
+  background-image: none;
 
+}
 
+.btn-primary {
 
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
 
+  background-image: -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
 
+  background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #2b669a;
 
+}
 
+.btn-primary:hover,
 
+.btn-primary:focus {
 
+  background-color: #2d6ca2;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-primary:active,
 
+.btn-primary.active {
 
+  background-color: #2d6ca2;
 
+  border-color: #2b669a;
 
+}
 
+.btn-primary:disabled,
 
+.btn-primary[disabled] {
 
+  background-color: #2d6ca2;
 
+  background-image: none;
 
+}
 
+.btn-success {
 
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
 
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
 
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #3e8f3e;
 
+}
 
+.btn-success:hover,
 
+.btn-success:focus {
 
+  background-color: #419641;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-success:active,
 
+.btn-success.active {
 
+  background-color: #419641;
 
+  border-color: #3e8f3e;
 
+}
 
+.btn-success:disabled,
 
+.btn-success[disabled] {
 
+  background-color: #419641;
 
+  background-image: none;
 
+}
 
+.btn-info {
 
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
 
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
 
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #28a4c9;
 
+}
 
+.btn-info:hover,
 
+.btn-info:focus {
 
+  background-color: #2aabd2;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-info:active,
 
+.btn-info.active {
 
+  background-color: #2aabd2;
 
+  border-color: #28a4c9;
 
+}
 
+.btn-info:disabled,
 
+.btn-info[disabled] {
 
+  background-color: #2aabd2;
 
+  background-image: none;
 
+}
 
+.btn-warning {
 
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
 
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
 
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #e38d13;
 
+}
 
+.btn-warning:hover,
 
+.btn-warning:focus {
 
+  background-color: #eb9316;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-warning:active,
 
+.btn-warning.active {
 
+  background-color: #eb9316;
 
+  border-color: #e38d13;
 
+}
 
+.btn-warning:disabled,
 
+.btn-warning[disabled] {
 
+  background-color: #eb9316;
 
+  background-image: none;
 
+}
 
+.btn-danger {
 
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
 
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
 
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  background-repeat: repeat-x;
 
+  border-color: #b92c28;
 
+}
 
+.btn-danger:hover,
 
+.btn-danger:focus {
 
+  background-color: #c12e2a;
 
+  background-position: 0 -15px;
 
+}
 
+.btn-danger:active,
 
+.btn-danger.active {
 
+  background-color: #c12e2a;
 
+  border-color: #b92c28;
 
+}
 
+.btn-danger:disabled,
 
+.btn-danger[disabled] {
 
+  background-color: #c12e2a;
 
+  background-image: none;
 
+}
 
+.thumbnail,
 
+.img-thumbnail {
 
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
 
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
 
+}
 
+.dropdown-menu > li > a:hover,
 
+.dropdown-menu > li > a:focus {
 
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
 
+  background-color: #e8e8e8;
 
+}
 
+.dropdown-menu > .active > a,
 
+.dropdown-menu > .active > a:hover,
 
+.dropdown-menu > .active > a:focus {
 
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
 
+  background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
 
+  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
 
+  background-color: #357ebd;
 
+}
 
+.navbar-default {
 
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
 
+  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
 
+  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+  border-radius: 4px;
 
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
 
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
 
+}
 
+.navbar-default .navbar-nav > .open > a,
 
+.navbar-default .navbar-nav > .active > a {
 
+  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
 
+  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
 
+  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
 
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
 
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
 
+}
 
+.navbar-brand,
 
+.navbar-nav > li > a {
 
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
 
+}
 
+.navbar-inverse {
 
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
 
+  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
 
+  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
 
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 
+}
 
+.navbar-inverse .navbar-nav > .open > a,
 
+.navbar-inverse .navbar-nav > .active > a {
 
+  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
 
+  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
 
+  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
 
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
 
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
 
+}
 
+.navbar-inverse .navbar-brand,
 
+.navbar-inverse .navbar-nav > li > a {
 
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 
+}
 
+.navbar-static-top,
 
+.navbar-fixed-top,
 
+.navbar-fixed-bottom {
 
+  border-radius: 0;
 
+}
 
+.alert {
 
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
 
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
 
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
 
+}
 
+.alert-success {
 
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
 
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
 
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
 
+  border-color: #b2dba1;
 
+}
 
+.alert-info {
 
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
 
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
 
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
 
+  border-color: #9acfea;
 
+}
 
+.alert-warning {
 
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
 
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
 
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
 
+  border-color: #f5e79e;
 
+}
 
+.alert-danger {
 
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
 
+  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
 
+  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
 
+  border-color: #dca7a7;
 
+}
 
+.progress {
 
+  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
 
+  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
 
+  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
 
+}
 
+.progress-bar {
 
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
 
+  background-image: -o-linear-gradient(top, #428bca 0%, #3071a9 100%);
 
+  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
 
+}
 
+.progress-bar-success {
 
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
 
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
 
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
 
+}
 
+.progress-bar-info {
 
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
 
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
 
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
 
+}
 
+.progress-bar-warning {
 
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
 
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
 
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
 
+}
 
+.progress-bar-danger {
 
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
 
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
 
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
 
+}
 
+.progress-bar-striped {
 
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 
+}
 
+.list-group {
 
+  border-radius: 4px;
 
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
 
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
 
+}
 
+.list-group-item.active,
 
+.list-group-item.active:hover,
 
+.list-group-item.active:focus {
 
+  text-shadow: 0 -1px 0 #3071a9;
 
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
 
+  background-image: -o-linear-gradient(top, #428bca 0%, #3278b3 100%);
 
+  background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
 
+  border-color: #3278b3;
 
+}
 
+.list-group-item.active .badge,
 
+.list-group-item.active:hover .badge,
 
+.list-group-item.active:focus .badge {
 
+  text-shadow: none;
 
+}
 
+.panel {
 
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 
+}
 
+.panel-default > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
 
+}
 
+.panel-primary > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
 
+  background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
 
+  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
 
+}
 
+.panel-success > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
 
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
 
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
 
+}
 
+.panel-info > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
 
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
 
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
 
+}
 
+.panel-warning > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
 
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
 
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
 
+}
 
+.panel-danger > .panel-heading {
 
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
 
+  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
 
+  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
 
+}
 
+.well {
 
+  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
 
+  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
 
+  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
 
+  background-repeat: repeat-x;
 
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
 
+  border-color: #dcdcdc;
 
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
 
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
 
+}

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 10 - 0
css/bootstrap-theme.min.css


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 6323 - 0
css/bootstrap.css


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 10 - 0
css/bootstrap.min.css


+ 274 - 0
css/style.css
Xem Tập Tin 

@@ -0,0 +1,274 @@
 
+@charset "utf-8";
 
+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;
 
+}
 
+.fL{float:left}
 
+.fR{float:right}
 
+.copyRight {
 
+  text-align: center
 
+}
 
+.login.copyRight {
 
+  position: absolute;
 
+  bottom:5px;
 
+  right:10px;
 
+}
 
+body.loginbody{
 
+  background-color:#e5e5e5;
 
+}
 
+.scollContent{
 
+  overflow-y:auto;
 
+}
 
+.wrapAlogin {
 
+  width:300px;
 
+  margin:150px auto 0;
 
+}
 
+.wrapAlogin h4.title{
 
+  text-align: center;
 
+  border-bottom:2px solid #428BCA;
 
+  padding:8px 0;
 
+  margin-bottom: 0
 
+}
 
+.wrapAlogin h5{
 
+  text-align: center;
 
+  padding:5px 0;
 
+  margin:0 0 10px 0;
 
+  color: #428BCA
 
+}
 
+.loginItem {
 
+  padding:5px 20px 25px;  
+  border: 1px solid #d8d8d8;
 
+  border-bottom-width: 2px;
 
+  border-top-width: 0;
 
+  border-radius: 3px;
 
+  background-color:#fff;
 
+  margin-bottom:20px;
 
+}
 
+.wrapHeader {
 
+  height:46px;
 
+  z-index: 999;
 
+  position: relative;
 
+  border-bottom:4px solid #999;
 
+  background-color: #f6f6f6
 
+}
 
+.wrapHeader .logo {
 
+  font-size: 18px;
 
+  height:46px;
 
+  line-height: 44px;
 
+  padding-left: 15px;
 
+  width:220px;
 
+  color: #428BCA;
 
+  font-weight: 600
 
+}
 
+.wrapHeader .mainNav{
 
+  position: absolute;
 
+  left:200px;
 
+  top:0;
 
+}
 
+.wrapHeader .mainNav li{
 
+ float: left;
 
+ height:46px;
 
+  border-bottom:4px solid #999;
 
+}
 
+.wrapHeader .mainNav a{
 
+  display: inline-block;
 
+  height: 42px;
 
+  line-height: 42px;
 
+  padding: 0 20px;
 
+  color:#999;
 
+  font-size: 14px;
 
+  border-right:1px solid #ddd;
 
+  border-left:1px solid #ddd;
 
+  margin-left:-1px;
 
+}
 
+.wrapHeader .mainNav li.now {
 
+  border-bottom:4px solid #428BCA;
 
+}
 
+.wrapHeader .mainNav li.now a{
 
+  font-weight: 600;
 
+  color:#333;
 
+  cursor: default;
 
+  background-color: #fff
 
+}
 
+.wrapHeader .mainNav li.now:hover {
 
+  border-bottom:4px solid #428BCA; 
+  color:#B5B969;
 
+}
 
+.wrapHeader .mainNav li.now:hover a{
 
+  color:#333;
 
+}
 
+.wrapHeader .mainNav li:hover {
 
+  border-bottom:4px solid #666;
 
+}
 
+.wrapHeader .mainNav li:hover a{
 
+  color:#333;
 
+  background-color: #fff
 
+}
 
+.wrapHeader .userNav {
 
+  position: absolute;
 
+  right: 20px;
 
+  top:0;
 
+  height:44px;
 
+  line-height: 44px
 
+}
 
+.wrapContent {
 
+  background-color: #e5e5e5
 
+}
 
+.mainSidebar{
 
+  width:120px;
 
+}
 
+.mainContent {
 
+  background-color:#fff;
 
+  margin-left:120px;
 
+  overflow-y:auto 
+}
 
+.mainSidebar ul,.mainSidebar li{
 
+  margin: 0;
 
+  padding: 0
 
+}
 
+.mainSidebar ul{
 
+  margin-top:10px;
 
+}
 
+.mainSidebar li a{
 
+  padding:8px 0 8px 10px;
 
+  display: inline-block;
 
+  width: 120px;
 
+  color:#666;
 
+  font-size: 14px
 
+}
 
+.mainSidebar li a:hover{
 
+  background-color: #f6f6f6;
 
+  color:#333;
 
+}
 
+.mainSidebar li a.now{
 
+  background-color: #fff;
 
+  color:#333;
 
+  font-weight: 600
 
+}
 
+.instWrap {
 
+  padding:15px;
 
+}
 
+.instWrap .legBtns .btn{
 
+  vertical-align: top
 
+}
 
+.gEntry {
 
+  background: #f7f7f7;
 
+  margin: 0px 0px 5px;
 
+  border: 1px solid #d8d8d8
 
+}
 
+.pojList {
 
+  margin:20px 0;
 
+}
 
+.pojList h1{
 
+  font-size: 18px;
 
+  margin:10px;
 
+  display: inline-block;
 
+}
 
+.pojList .control{
 
+  margin-right:5px;
 
+  margin-top:5px;
 
+}
 
+.pojList .exterInfo {
 
+  border-top: 1px solid #d8d8d8
 
+}
 
+.pojList .exterInfo .item{
 
+  display: inline-block;
 
+  padding:5px 10px 5px;
 
+  border-right:1px solid #d8d8d8;
 
+  min-width: 85px
 
+}
 
+.pojList .exterInfo .item span{
 
+  color:#999;
 
+}
 
+.feedItem {
 
+  position: relative;
 
+}
 
+.feedItem .actor{
 
+  width:150px;
 
+  position:absolute;
 
+  left: 20px;
 
+  top:8px;
 
+}
 
+.feedItem .actor img{
 
+  border-radius: 10%;
 
+  margin-right:10px;
 
+}
 
+.feedItem .action{
 
+  margin:0 0 10px 180px
 
+}
 
+.feedItem .action span{
 
+  color:#999;
 
+}
 
+.feedItem .datetime{
 
+  width:100px;
 
+  position:absolute;
 
+  right:0;
 
+  top:0;
 
+  color:#999;
 
+}
 
+.wrapSlide{
 
+  border-left: 1px solid #E1E1E1;
 
+  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
 
+  background: none repeat scroll 0% 0% #F9F9F7;
 
+  overflow: hidden;
 
+  position: absolute;
 
+  right: 0px;
 
+  bottom: 0px;
 
+  top:0;
 
+  z-index: 100;
 
+  width:0px;
 
+}
 
+.wrapSlide .slideContent {
 
+margin:46px 15px 0;
 
+overflow-y:auto;
 
+}
 
+.slideContent legend .date{
 
+  font-size:12px;
 
+  color: #999;
 
+  margin-right: 10px;
 
+  margin-top: 3px
 
+}
 
+.wraplogin {
 
+  width:630px;
 
+  margin:150px auto 0px;
 
+}
 
+.wraplogin .loginItem{
 
+  padding:0;
 
+}
 
+.wraplogin .loginTop {
 
+  text-align: center;
 
+  background-color: #428BCA;
 
+  color:#fff;
 
+  padding:30px 0;
 
+}
 
+.wraplogin .loginForm{
 
+  padding: 20px 20px 10px
 
+}
 
+.wraplogin .loginBottom{
 
+  padding: 10px 20px 25px;
 
+  color: #ccc
 
+}

BIN
fonts/glyphicons-halflings-regular.eot
Xem Tập Tin


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 229 - 0
fonts/glyphicons-halflings-regular.svg


BIN
fonts/glyphicons-halflings-regular.ttf
Xem Tập Tin


BIN
fonts/glyphicons-halflings-regular.woff
Xem Tập Tin


BIN
img/avatar.png
Xem Tập Tin


BIN
img/avatar2.png
Xem Tập Tin


BIN
img/avatar3.png
Xem Tập Tin


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 2279 - 0
js/bootstrap.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 12 - 0
js/bootstrap.min.js


+ 32 - 0
js/global.js
Xem Tập Tin 

@@ -0,0 +1,32 @@
 
+function autoFlashHeight(){
 
+    $(".wrapContent").height($(window).height()-48 );
 
+    $(".mainContent").height($(window).height()-48 );
 
+    $(".scollContent").height($(window).height()-130 );
 
+    $(".slideContent").height($(window).height()-46 );
 
+};
 
+$(window).resize(autoFlashHeight);
 
+ $(function(){
 
+
 
+/*侧滑*/
 
+$(".opensidebar").click(function(){
 
+    $(".wrapSlide").animate({width:"800"}).addClass("open");
 
+});
 
+$("body").click(function(event){
 
+        var e = event || window.event; //浏览器兼容性
 
+        if(!$(event.target).is('a')) {
 
+            var elem = event.target || e.srcElement;
 
+            while (elem) { //循环判断至跟节点，防止点击的是div子元素
 
+                if (elem.className == "opensidebar" || elem.className == 'wrapSlide open') {
 
+                    return false;
 
+                }
 
+                elem = elem.parentNode;
 
+            }
 
+            $(".wrapSlide").animate({width:"0"}).removeClass("open")// 关闭处理
 
+        }
 
+
 
+    });
 
+/*侧滑*/
 
+
 
+});
 
+
 
+

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 5 - 0
js/jquery-1.9.1.min.js


+ 46 - 0
login.html
Xem Tập Tin 

@@ -0,0 +1,46 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body class="loginbody">
 
+  <div class="wraplogin">
 
+    <div class="loginItem"> 
+      <div class="loginTop">
 
+        <h4 class="title">珠海纵横创新软件有限公司</h4>
 
+        <h5>变更令审批系统</h5>
 
+      </div>
 
+      <div class="loginForm">
 
+        <form role="form" class="form-inline">
 
+          <div class="form-group">
 
+          <div class="input-group">
 
+             <div class="input-group-addon">帐号</div>
 
+            <input  class="form-control"  placeholder="输入帐号">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+          <div class="input-group">
 
+             <div class="input-group-addon">密码</div>
 
+            <input type="password" class="form-control"  placeholder="输入密码">
 
+            </div>
 
+          </div>
 
+          <button type="submit" class="btn btn-success">登录</button>
 
+        </form>
 
+      </div>
 
+      <div class="loginBottom">
 
+        <a href="#">忘记密码</a> | <a href="#">使用帮助</a>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <div class="login copyRight">Copyright @<a href="http://smartcost.com.cn" target="_blank">珠海纵横创新软件有限公司</a> all rights reserved</div>
 
+</body>

+ 271 - 0
report-approval-contract-list.html
Xem Tập Tin 

@@ -0,0 +1,271 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li class="now"><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-project.html">上报项目</a></li>
 
+        <li><a href="report-approval.html" class="now">审批项目</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend><a href="report-approval-contract.html"><span class="glyphicon glyphicon-chevron-left"></span></a> WG01 - 武罐高速公路</legend>
 
+        <div class="wrapPoj">
 
+          <div class="pojList">
 
+            <div class="gEntry">
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG001(click me)</h1></a>拆除并恢复固水子白龙江大桥桥下部分河堤及灌溉水渠</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>3
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">审批通过</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">陈工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-success">黄工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-success">李工<i class="glyphicon glyphicon-ok-circle"></i></b>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG002</h1></a>贾家沟中桥右侧增设挡土墙</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>1
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-danger">审批不通过</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">陈工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-danger">黄工<i class="glyphicon glyphicon-remove-circle"></i></b>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="control fR">
 
+                <a href="report-approval-contract-report.html" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-check"></span> 审批变更令</a>
 
+              </div>
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG003</h1></a>小石村隧道ZK47+883～ZK48+000段围岩衬砌结构变更</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>1
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-warning">审批中</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">黄工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-warning">陈工<i class="glyphicon glyphicon-time"></i></b>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG004</h1></a>小石村隧道ZK47+883～ZK48+000段围岩衬砌结构变更</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>1
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-warning">审批中</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-warning">陈工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-warning">黄工<i class="glyphicon glyphicon-time"></i></b>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <!--侧滑页面-->
 
+        <div class="wrapSlide">
 
+          <div class="slideContent">
 
+            <legend><div class="date fR"><span>创建：</span>2015-01-05</div><div class="date fR"><span>上报：</span>2015-01-07</div>WG01-BG001 工程清单</legend>
 
+            <table class="table table-bordered table-striped">
 
+              <thead>
 
+                <th colspan="3">审批意见</th>
 
+              </thead>
 
+              <tbody>
 
+              <tr>
 
+                <th width="90"><b class="text-success">陈工<i class="glyphicon glyphicon-ok-circle"></i></b><div class="text-muted">2015-02-18</div></th>
 
+                <td>审核无误，给予通过</td>
 
+                </tr>
 
+              <tr>
 
+                <th><b class="text-success">黄工<i class="glyphicon glyphicon-ok-circle"></i></b><div class="text-muted">2015-02-19</div></th>
 
+                <td>审核无误，给予通过</td>
 
+                </tr>
 
+              <tr>
 
+                <th><b class="text-success">李工<i class="glyphicon glyphicon-ok-circle"></i></b><div class="text-muted">2015-02-22</div></th>
 
+                <td>可以使用</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-hover">
 
+              <thead>
 
+                <th colspan="2">变更原因及依据</th>
 
+              </thead>
 
+              <tbody>
 
+              <tr>
 
+                <th>变更原因</th>
 
+                <td>固水子白龙江大桥第3#～6#三跨均与白龙江河堤交叉，导致部分桩基无法施工，需拆除河堤进行桥梁施工后恢复</td>
 
+                </tr>
 
+              <tr>
 
+                <th>变更依据及内容</th>
 
+                <td>甘交武罐发【2012】86号设计回访纪要第1条：确定拆除交叉段河堤62m（断面为：21.47m2），灌溉水渠45m（断面为0.72m2），待桥梁完工后予以恢复。</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-striped table-hover">
 
+              <thead>
 
+                <tr><th rowspan="2" class="text-center">细目名称</th><th rowspan="2" class="text-center">单位</th><th rowspan="2" class="text-center">支付号</th><th class="text-center" colspan="3">增（+）减（-）</th></tr>
 
+                <tr><th class="text-center">数量</th><th class="text-center">单价</th><th class="text-center">金额</th></tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr><td>拆除砖、石及其他砌体结构物</td><td>m3</td><td>202-3-c</td><td>1331.14</td><td>50.77</td><td>67581.98</td></tr>
 
+                <tr><td>M7.5浆砌片石挡土墙</td><td>m3</td><td>209-1-a</td><td>1331.14</td><td>278.73</td><td>371028.65</td></tr>
 
+                <tr><td>M7.5浆砌排水沟</td><td>m3</td><td>207-2-a</td><td>32.4</td><td>312.69</td><td>10131.16</td></tr>
 
+                <tr><td>小计</td><td></td><td></td><td></td><td></td><td><b>448741.79</b></td></tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-striped table-hover">
 
+              <thead><tr><th>附件名称</th><th>格式</th><th>大小</th><th>上传时间</th></tr></thead>
 
+              <tbody>
 
+                <tr><td><a href="user-feed-poj.html" target="_blank">变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>645KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">变更内容明细表</a></td><td>.doc</td><td>1.33MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">变更设计图</a></td><td>.doc</td><td>1.25MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">奉溪高速公路项目工程变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>692KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">会议纪要及其他附件资料</a></td><td>.doc</td><td>1.42MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥3-1桩基底</a></td><td>.jpg</td><td>737KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥3号桥台1号桩基示意图（1-2）</a></td><td>.jpg</td><td>547KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造（2-2）</a></td><td>.jpg</td><td>711KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造（15-17）</a></td><td>.jpg</td><td>800KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥一般构造（11-17）</a></td><td>.jpg</td><td>741KB</td><td>2014-12-28</td></tr>
 
+              </tbody>
 
+            </table>
 
+          </div>
 
+        </div>
 
+        <!--侧滑页面-->
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--修改审批人-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="approverset">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">修改审批人</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+          <div class="form-group">
 
+            <label>初审</label>
 
+            <select class="form-control" >
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+          <div class="form-group">
 
+            <label>复审</label>
 
+            <select class="form-control" >
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+          <div class="form-group">
 
+            <label>终审</label>
 
+            <select class="form-control" >
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="alert alert-warning">
 
+              <b>标段编辑</b>中勾选“变更令独立审批人”，即可对每条变更令配置不同的审批人。
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">修改</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--修改审批人-->
 
+      <!--开始审批确认-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="begin">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+          <div class="form-group">
 
+            <label>初审</label>
 
+            <p><span class="glyphicon glyphicon-user text-warning"></span> 陈工（工程师）<br>珠海纵横创新软件有限公司</p>
 
+          </div>
 
+          <div class="form-group">
 
+            <label>复审</label>
 
+            <p><span class="glyphicon glyphicon-user text-warning"></span> 黄工（工程师）</br>珠海纵横创新软件有限公司</p> 
+          </div>
 
+          <div class="form-group">
 
+            <label>终审</label>
 
+            <p><span class="glyphicon glyphicon-user text-warning"></span> 李工（工程师）</br>珠海纵横创新软件有限公司</p> 
+          </div>
 
+          <div class="form-group">
 
+            <div class="alert alert-warning">
 
+              开始审批后，审批人将不可更改。
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-warning" href="#">确认开始</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--开始审批确认-->
 
+        
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 206 - 0
report-approval-contract-report.html
Xem Tập Tin 

@@ -0,0 +1,206 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li class="now"><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-project.html">上报项目</a></li>
 
+        <li><a href="report-approval.html" class="now">审批项目</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend><a href="report-approval-contract-list.html"><span class="glyphicon glyphicon-chevron-left"></span></a>审批变更令 WG01-BG005</legend>
 
+        <div class="wrapPoj">
 
+          <div class="addBglist" style="width:850px">
 
+            <table class="table table-bordered">
 
+              <tbody>
 
+              <tr>
 
+                <th width="90">创建时间</th>
 
+                <td>2015-01-05</td>
 
+                </tr>
 
+              <tr>
 
+                <th>上报时间</th>
 
+                <td>2015-01-07</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-hover">
 
+              <thead>
 
+                <th colspan="2">变更令基本信息</th>
 
+              </thead>
 
+              <tbody>
 
+              <tr>
 
+                <th width="120">变更令号</th>
 
+                <td>BG005</td>
 
+                </tr>
 
+              <tr>
 
+                <th>变更工程名称</th>
 
+                <td>拆除并恢复固水子白龙江大桥桥下部分河堤及灌溉水渠</td>
 
+                </tr>
 
+              <tr>
 
+                <th>项目办问好</th>
 
+                <td>甘交武罐发【2012】</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-hover">
 
+              <thead>
 
+                <th colspan="2">变更原因及依据</th>
 
+              </thead>
 
+              <tbody>
 
+              <tr>
 
+                <th width="120">变更原因</th>
 
+                <td>固水子白龙江大桥第3#～6#三跨均与白龙江河堤交叉，导致部分桩基无法施工，需拆除河堤进行桥梁施工后恢复</td>
 
+                </tr>
 
+              <tr>
 
+                <th>变更依据及内容</th>
 
+                <td>甘交武罐发【2012】86号设计回访纪要第1条：确定拆除交叉段河堤62m（断面为：21.47m2），灌溉水渠45m（断面为0.72m2），待桥梁完工后予以恢复。</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-striped table-hover">
 
+              <thead>
 
+                <tr><th rowspan="2" class="text-center">细目名称</th><th rowspan="2" class="text-center">单位</th><th rowspan="2" class="text-center">支付号</th><th class="text-center" colspan="3">增（+）减（-）</th></tr>
 
+                <tr><th class="text-center">数量</th><th class="text-center">单价</th><th class="text-center">金额</th></tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr><td>拆除砖、石及其他砌体结构物</td><td>m3</td><td>202-3-c</td><td>1331.14</td><td>50.77</td><td>67581.98</td></tr>
 
+                <tr><td>M7.5浆砌片石挡土墙</td><td>m3</td><td>209-1-a</td><td>1331.14</td><td>278.73</td><td>371028.65</td></tr>
 
+                <tr><td>M7.5浆砌排水沟</td><td>m3</td><td>207-2-a</td><td>32.4</td><td>312.69</td><td>10131.16</td></tr>
 
+                <tr><td>小计</td><td></td><td></td><td></td><td></td><td><b>448741.79</b></td></tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-striped table-hover">
 
+              <thead><tr><th>附件名称</th><th>格式</th><th>大小</th><th>上传时间</th></tr></thead>
 
+              <tbody>
 
+                <tr><td><a href="">变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>645KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">变更内容明细表</a></td><td>.doc</td><td>1.33MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">变更设计图</a></td><td>.doc</td><td>1.25MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">奉溪高速公路项目工程变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>692KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">会议纪要及其他附件资料</a></td><td>.doc</td><td>1.42MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥3-1桩基底</a></td><td>.jpg</td><td>737KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥3号桥台1号桩基示意图（1-2）</a></td><td>.jpg</td><td>547KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造（2-2）</a></td><td>.jpg</td><td>711KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造（15-17）</a></td><td>.jpg</td><td>800KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥一般构造（11-17）</a></td><td>.jpg</td><td>741KB</td><td>2014-12-28</td></tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-striped">
 
+              <thead>
 
+                <th colspan="3">审批意见</th>
 
+              </thead>
 
+              <tbody>
 
+              <tr>
 
+                <th><b class="text-success">李工<i class="glyphicon glyphicon-ok-circle"></i></b></th>
 
+                <td>同意，审批意见</td>
 
+                </tr>
 
+              <tr>
 
+                <th width="90"><b class="text-warning">陈工<i class="glyphicon glyphicon-time"></i></b></th>
 
+                <td><textarea class="form-control" rows="3" placeholder="输入审批意见" required></textarea></td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <div class="row">
 
+              <div class="col-md-6"><a class="btn btn-success btn-block" data-toggle="modal" href="#reportOk">审批通过</a></div>
 
+              <div class="col-md-6"><a class="btn btn-danger btn-block" data-toggle="modal" href="#reportUok">审批不通过</a></div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+      <!--开始确认通过-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="reportOk">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">确认审批通过</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+          <div class="form-group">
 
+            <label>您的审批意见：</label>
 
+            <p>这是审批意见内容</p>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="alert alert-warning">
 
+              提交后将不可更改。<br>您的审批意见仅供审批人查阅。
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label>下一位审批人</label>
 
+            <select class="form-control">
 
+              <option>请选择</option>
 
+              <option>我是终审</option>
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-success" href="#">确认通过</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--开始确认通过-->      
+  <!--开始确认不通过-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="reportUok">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">确认审批不通过</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+          <div class="form-group">
 
+            <label>您的审批意见：</label>
 
+            <p>这是审批意见内容</p>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="alert alert-warning">
 
+              审批不通过后，变更令将打回上报人。<br>审批人和上报人均可查阅的审批意见。<br>上报人需修改变更令后重新上报审批。
 
+            </div>
 
+          </div>         
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-danger" href="#">确认不通过</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--开始确认不通过-->
 
+        
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 309 - 0
report-approval-contract.html
Xem Tập Tin 

@@ -0,0 +1,309 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li class="now"><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-project.html">上报项目</a></li>
 
+        <li><a href="report-approval.html" class="now">审批项目</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend><a href="report-approval.html"><span class="glyphicon glyphicon-chevron-left"></span></a> 武罐高速公路</legend>
 
+        <div class="wrapPoj">
 
+          <div class="pojList">
 
+            <div class="gEntry">
 
+             <div class="control fR">
 
+                <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span> 有变更令需要审批</span>
 
+              </div>
 
+              <div><a href="report-approval-contract-list.html"><h1>WG01（click me）</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>0
 
+                </div>
 
+                <div class="item">
 
+                  <span>上报人：</span>张工（珠海纵横创新软件有限公司）
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#"><h1>WG02</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>10
 
+                </div>
 
+                <div class="item">
 
+                  <span>上报人：</span>张工（珠海纵横创新软件有限公司）
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#"><h1>WG03</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>10
 
+                </div>
 
+                <div class="item">
 
+                  <span>上报人：</span>张工（珠海纵横创新软件有限公司）
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+ <!--添加标段-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="addCont">
 
+  <div class="modal-dialog">
 
+      <div class="modal-content">
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">添加新标段</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+            <div class="form-group">
 
+              <label>标段名称</label>
 
+              <input class="form-control" placeholder="输入标段名称">
 
+            </div>
 
+            <div class="form-group">
 
+              <label>配置上报人</label>
 
+              <select class="form-control" >
 
+                <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+                <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+                <option>张工(中铁隧道集团有限公司)</option>
 
+              </select>
 
+            </div>
 
+            <div class="form-group">
 
+              <label>为《纵横结算决算计量支付一体化软件》提供变更令</label>
 
+              <div class="clearfix"><input type="checkbox"> 开启</div>
 
+            </div>
 
+            <div class="form-group">
 
+              <div class="alert alert-warning">
 
+                如果您使用《纵横结算决算计量支付一体化软件》进行计量支付审批，可以与本系统对接，变更令审批系统审批通过的变更令可以直接在《纵横结算决算计量支付一体化软件》中使用。<br>*请详细了解该功能-><a href="#" target="_blank">了解更多</a>
 
+              </div>
 
+            </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">添加</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--添加标段-->
 
+  <!-编辑标段-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="editCont">
 
+  <div class="modal-dialog">
 
+      <div class="modal-content">
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">编辑项目</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+            <div class="form-group">
 
+              <label>标段名称</label>
 
+              <input class="form-control" placeholder="输入标段名称">
 
+            </div>
 
+            <div class="form-group">
 
+              <label>配置上报人</label>
 
+              <select class="form-control" >
 
+                <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+                <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+                <option>张工(中铁隧道集团有限公司)</option>
 
+              </select>
 
+            </div>
 
+            <div class="form-group">
 
+              <div class="alert alert-warning">
 
+                <strong>请谨慎修改上报人</strong> 修改后，原上报人将无法继续创建变更令。
 
+              </div>
 
+            </div>
 
+            <div class="form-group">
 
+              <label>变更令独立审批人</label>
 
+              <div class="clearfix"><input type="checkbox"> 开启</div>
 
+            </div>
 
+            <div class="form-group">
 
+              <div class="alert alert-warning">
 
+                <strong>变更令独立审批人</strong> 开启后，每条变更令上报后需要管理员进行确认是否开始审批，在此期间管理员可以更改审批人，这样每条变更令可以使用不一样的审批人进行审批。<br>
 
+                <b>关闭此功能后</b>(默认为关闭)，变更令上报后，将直接由预设初审人开始审批，标段下所有变更令将使用一样的审批人。
 
+              </div>
 
+            </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">修改</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--编辑项目-->
 
+      <!--初次配置审批人-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="approverset">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">配置预设审批人</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+          <div class="form-group">
 
+            <label>初审</label>
 
+            <select class="form-control" >
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+          <div class="form-group">
 
+            <label>复审</label>
 
+            <select class="form-control" >
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+          <div class="form-group">
 
+            <label>终审</label>
 
+            <select class="form-control" >
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="alert alert-warning">
 
+              标段下所有变更令将，默认使用以上审批人进行审批；如果需要让每条变更令的审批人不一样，请在<b>标段编辑</b>中勾选"变更令独立审批人"
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">修改</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--除此配置审批人-->
 
+      <!--修改审批人-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="approveredit">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">配置预设审批人</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+          <div class="form-group">
 
+            <label>初审</label>
 
+            <select class="form-control" >
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+          <div class="form-group">
 
+            <label>复审</label>
 
+            <select class="form-control" >
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+          <div class="form-group">
 
+            <label>终审</label>
 
+            <select class="form-control" >
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="alert alert-warning">
 
+              修改后的审批人仅对新上报的变更令有效；正在审批的变更令将不受影响。
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">修改</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--修改审批人-->
 
+      <!--删除项目（成功）-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delConts">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-danger">是否删除标段WG01?</p>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-danger" href="#">删除</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--删除项目（成功）-->
 
+      <!--删除项目（禁止）-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delContn">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-danger">该标段无法删除：标段下已存在表更令；</p>
 
+         <p class="text-danger">请先删除标段下所有变更令。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--删除项目（禁止）-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 150 - 0
report-approval.html
Xem Tập Tin 

@@ -0,0 +1,150 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li class="now"><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-project.html">上报项目</a></li>
 
+        <li><a href="report-approval.html" class="now">审批项目</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend>参与项目</legend>
 
+        <div class="wrapPoj">
 
+          <div class="pojList">
 
+            <div class="gEntry">
 
+              <div><a href="report-approval-contract.html"><h1>武罐高速公路（click me）</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>标段：</span>3
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+             <div class="control fR">
 
+                <span class="text-danger"><span class="glyphicon glyphicon-warning-sign"></span> 有变更令需要审批</span>
 
+              </div>
 
+              <div><a href="#"><h1>纵横高速公路</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>标段：</span>4
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <!--添加项目-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="addPoj">
 
+  <div class="modal-dialog">
 
+      <div class="modal-content">
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">添加新项目</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+            <div class="form-group">
 
+              <label>项目名称</label>
 
+              <input class="form-control" placeholder="输入项目名称">
 
+            </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">添加</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--添加项目-->
 
+  <!-编辑项目-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="editPoj">
 
+  <div class="modal-dialog">
 
+      <div class="modal-content">
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">编辑项目</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+            <div class="form-group">
 
+              <label>项目名称</label>
 
+              <input class="form-control" value="武罐高速公路">
 
+            </div>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-primary" href="#">修改</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--编辑项目-->
 
+      <!--删除项目（成功）-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delPojs">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-success">项目删除成功</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--删除项目（成功）-->
 
+      <!--删除项目（禁止）-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delPojn">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-danger">该项目无法删除：项目下存在标段；</p>
 
+         <p class="text-danger">请先删除项目下的标段。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--删除项目（禁止）-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 180 - 0
user-feed-poj.html
Xem Tập Tin 

@@ -0,0 +1,180 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+	<title>纵横变更令审批系统</title> 
+	<meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li class="now"><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html" class="now">项目动态</a></li>
 
+        <li><a href="user-feed-user.html">帐号动态</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <div data-spy="affix"  data-offset-top="60"><legend>最新动态</legend></div>
 
+        <div class="wrapFeed ">
 
+          <div class="feedList">
 
+            <!--共用动态-->
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>变更令<b class="text-danger">审批不通过</b></h5>
 
+                  <span>武罐高速公路 / WG01 / WG01-BG002</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>变更令<b class="text-success">审批通过</b></h5>
 
+                  <span>武罐高速公路 / WG01 / WG01-BG001</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <!--共用动态-->
 
+            <!--上报人接收的动态-->
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar.png">
 
+                  我
 
+                </div>
 
+                <div class="action">
 
+                  <h5>再次上报变更令</h5>
 
+                  <span>WG01-BG002 > 陈工</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar.png">
 
+                  我
 
+                </div>
 
+                <div class="action">
 
+                  <h5>上报了变更令</h5>
 
+                  <span>WG01-BG001 > 陈工</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>配置上报人</h5>
 
+                  <span>黄工 > </span><span>武罐高速公路 / WG01</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <!--上报人接收的动态-->
 
+            <!--审批人接收的动态-->
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar2.png">
 
+                  陈工
 
+                </div>
 
+                <div class="action">
 
+                  <h5>变更令<b class="text-danger">审批不通过</b></h5>
 
+                  <span>武罐高速公路 / WG01 / WG01-BG001</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar2.png">
 
+                  陈工
 
+                </div>
 
+                <div class="action">
 
+                  <h5>变更令<b class="text-success">审批通过</b></h5>
 
+                  <span>武罐高速公路 / WG01 / WG01-BG001</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar2.png">
 
+                  陈工
 
+                </div>
 
+                <div class="action">
 
+                  <h5>变更令<b class="text-success">审批通过</b></h5>
 
+                  <span>武罐高速公路 / WG01 / WG01-BG001 > 黄工</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 159 - 0
user-feed-user.html
Xem Tập Tin 

@@ -0,0 +1,159 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+	<title>纵横变更令审批系统</title> 
+	<meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li class="now"><a href="user-feed.html">信息中心</a></li>
 
+        <li><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">项目动态</a></li>
 
+        <li><a href="user-feed-user.html" class="now">帐号动态</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <div data-spy="affix"  data-offset-top="60"><legend>最新动态</legend></div>
 
+        <div class="wrapFeed ">
 
+          <div class="feedList">
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5><b class="text-success">启用</b>了帐号</h5>
 
+                  <span>张工（珠海纵横创新软件有限公司）</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5><b class="text-danger">停用</b>了帐号</h5>
 
+                  <span>张工（珠海纵横创新软件有限公司）</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar.png">
 
+                  我
 
+                </div>
 
+                <div class="action">
 
+                  <h5>修改了帐号信息</h5>
 
+                  <span>密码已更新</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar.png">
 
+                  我
 
+                </div>
 
+                <div class="action">
 
+                  <h5>修改了帐号信息</h5>
 
+                  <span>陈工、珠海纵横创新软件公司、工程师、0756-3850888、15812644017</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>重置了帐号密码</h5>
 
+                  <span>张工（珠海纵横创新软件有限公司）</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>编辑了帐号</h5>
 
+                  <span>张工（珠海纵横创新软件有限公司）</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="feedItem">
 
+                <div class="actor">
 
+                  <img src="img/avatar3.png">
 
+                  系统管理员
 
+                </div>
 
+                <div class="action">
 
+                  <h5>添加了帐号</h5>
 
+                  <span>张工（珠海纵横创新软件有限公司）</span>
 
+                </div>
 
+                <div class="datetime">
 
+                  2014-12-26
 
+                  <br>13:23
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 108 - 0
user-option.html
Xem Tập Tin 

@@ -0,0 +1,108 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-option.html" class="now">帐号信息</a></li>
 
+        <li><a href="user-password.html">帐号密码</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend>您的帐号信息</legend>
 
+        <form class="form-horizontal" role="form">
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">登录帐号/邮箱</label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" value="abc@qq.com" disabled>
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">姓名</label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" placeholder="输入您的姓名" value="陈工">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">单位/公司</label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" placeholder="输入您所在的单位/公司" value="珠海纵横创新软件有限公司">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">职位</label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" placeholder="输入您的职位名称" value="工程师">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">电话</label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" placeholder="输入您的电话号码，格式 0000-123456" value="0756-3850888">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">手机</label>
 
+            <div class="col-sm-3">
 
+              <input class="form-control" placeholder="输入您的11位有效手机号码" value="15812644017">
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label"></label>
 
+            <div class="alert alert-warning col-sm-6">
 
+                如果您想修改<b>登录邮箱</b>，请联系系统管理员。
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="col-sm-offset-2 col-sm-3">
 
+              <button type="button" class="btn btn-warning"  href="#editAc" data-toggle="modal" >编辑信息</button>
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--编辑账号-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="editAc">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-success">修改成功。</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--编辑账号-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 103 - 0
user-password.html
Xem Tập Tin 

@@ -0,0 +1,103 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-option.html">帐号信息</a></li>
 
+        <li><a href="user-password.html" class="now">帐号密码</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend>修改密码</legend>
 
+        <form class="form-horizontal" role="form">
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">旧密码</label>
 
+            <div class="col-sm-3">
 
+              <input type="password" class="form-control" placeholder="输入旧密码" >
 
+            </div>
 
+          </div>
 
+          <div class="form-group has-error has-feedback">
 
+            <label class="col-sm-2 control-label">旧密码</label>
 
+            <div class="col-sm-3">
 
+              <label class="control-label" for="inputError2">密码不正确</label>
 
+              <input type="password" class="form-control" placeholder="输入旧密码" >
 
+              <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">新密码</label>
 
+            <div class="col-sm-3">
 
+              <input type="password" class="form-control" placeholder="输入您的新密码" >
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <label class="col-sm-2 control-label">确认新密码</label>
 
+            <div class="col-sm-3">
 
+              <input type="password" class="form-control" placeholder="再次输入您的新密码" >
 
+            </div>
 
+          </div>
 
+          <div class="form-group has-warning has-feedback">
 
+            <label class="col-sm-2 control-label">确认新密码</label>
 
+            <div class="col-sm-3">
 
+              <label class="control-label" for="inputWarning2">两次密码不一致</label>
 
+              <input type="password" class="form-control" placeholder="再次输入您的新密码" >
 
+              <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
 
+            </div>
 
+          </div>
 
+          <div class="form-group">
 
+            <div class="col-sm-offset-2 col-sm-3">
 
+              <button type="button" class="btn btn-warning"  href="#editAc" data-toggle="modal" >修改密码</button>
 
+            </div>
 
+          </div>
 
+        </form>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--编辑账号-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="editAc">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+         <p class="text-success">修改成功，请重新登陆后台。</p>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <a class="btn btn-primary" href="admin-login.html">重新登陆</a>
 
+        </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+  <!--编辑账号-->
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 365 - 0
user-project-contract-add.html


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 397 - 0
user-project-contract-edit.html


+ 212 - 0
user-project-contract-list.html
Xem Tập Tin 

@@ -0,0 +1,212 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li class="now"><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-project.html" class="now">上报项目</a></li>
 
+        <li><a href="report-approval.html">审批项目</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend><a href="user-project-contract.html"><span class="glyphicon glyphicon-chevron-left"></span></a> WG01 - 武罐高速公路   <a href="user-project-contract-add.html" class="btn btn-primary btn-sm fR">添加变更令</a></legend>
 
+        <div class="wrapPoj">
 
+          <div class="pojList">
 
+            <div class="gEntry">
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG001(click me)</h1></a>拆除并恢复固水子白龙江大桥桥下部分河堤及灌溉水渠</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>3
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">审批通过</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">张工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-success">黄工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-success">陈工<i class="glyphicon glyphicon-ok-circle"></i></b>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG002</h1></a>贾家沟中桥右侧增设挡土墙</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>1
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-danger">审批不通过</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-success">张工<i class="glyphicon glyphicon-ok-circle"></i></b>、<b class="text-danger">黄工<i class="glyphicon glyphicon-remove-circle"></i></b>
 
+                </div>
 
+                <div class="item text-danger">
 
+                  点 <a href="user-project-contract-reup.html">重新上报</a> 修改您的变更令后，再重新上报
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG003</h1></a>小石村隧道ZK47+883～ZK48+000段围岩衬砌结构变更</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>1
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-warning">审批中</b>
 
+                </div>
 
+                <div class="item">
 
+                  <b class="text-warning">1审<i class="glyphicon glyphicon-time"></i></b>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="control fR">
 
+                <a href="user-project-contract-edit.html" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-pencil"></span>编辑</a>
 
+                <a href="#beReport" data-toggle="modal" class="btn btn-warning btn-xs"><span class="glyphicon glyphicon-open"></span>上报</a>
 
+
 
+              </div>
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG005</h1></a>K54+131.2～+133 增设护栏</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>1
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div class="control fR">
 
+                <a href="user-project-contract-edit.html" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-pencil"></span>编辑</a>
 
+                <a href="#beReport" data-toggle="modal" class="btn btn-warning btn-xs"><span class="glyphicon glyphicon-open"></span>上报</a>
 
+
 
+              </div>
 
+              <div><a href="#" class="opensidebar"><h1>WG01-BG006</h1></a>K54+131.2～+133 增设护栏</div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>细目：</span>1
 
+                </div>
 
+                <div class="item">
 
+                  <span>项目办文号：</span>甘交武罐发【2013】122号
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <!--侧滑页面-->
 
+        <div class="wrapSlide">
 
+          <div class="slideContent">
 
+            <legend><div class="date fR"><span>创建：</span>2015-01-05</div><div class="date fR"><span>上报：</span>2015-01-07</div>WG01-BG001 工程清单</legend>
 
+            <table class="table table-bordered table-hover">
 
+              <thead>
 
+                <th colspan="2">变更原因及依据</th>
 
+              </thead>
 
+              <tbody>
 
+              <tr>
 
+                <th>变更原因</th>
 
+                <td>固水子白龙江大桥第3#～6#三跨均与白龙江河堤交叉，导致部分桩基无法施工，需拆除河堤进行桥梁施工后恢复</td>
 
+                </tr>
 
+              <tr>
 
+                <th>变更依据及内容</th>
 
+                <td>甘交武罐发【2012】86号设计回访纪要第1条：确定拆除交叉段河堤62m（断面为：21.47m2），灌溉水渠45m（断面为0.72m2），待桥梁完工后予以恢复。</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-striped table-hover">
 
+              <thead>
 
+                <tr><th rowspan="2" class="text-center">细目名称</th><th rowspan="2" class="text-center">单位</th><th rowspan="2" class="text-center">支付号</th><th class="text-center" colspan="3">增（+）减（-）</th></tr>
 
+                <tr><th class="text-center">数量</th><th class="text-center">单价</th><th class="text-center">金额</th></tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr><td>拆除砖、石及其他砌体结构物</td><td>m3</td><td>202-3-c</td><td>1331.14</td><td>50.77</td><td>67581.98</td></tr>
 
+                <tr><td>M7.5浆砌片石挡土墙</td><td>m3</td><td>209-1-a</td><td>1331.14</td><td>278.73</td><td>371028.65</td></tr>
 
+                <tr><td>M7.5浆砌排水沟</td><td>m3</td><td>207-2-a</td><td>32.4</td><td>312.69</td><td>10131.16</td></tr>
 
+                <tr><td>小计</td><td></td><td></td><td></td><td></td><td><b>448741.79</b></td></tr>
 
+              </tbody>
 
+            </table>
 
+            <table class="table table-bordered table-striped table-hover">
 
+              <thead><tr><th>附件名称</th><th>格式</th><th>大小</th><th>上传时间</th></tr></thead>
 
+              <tbody>
 
+                <tr><td><a href="">变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>645KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">变更内容明细表</a></td><td>.doc</td><td>1.33MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">变更设计图</a></td><td>.doc</td><td>1.25MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">奉溪高速公路项目工程变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>692KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">会议纪要及其他附件资料</a></td><td>.doc</td><td>1.42MB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥3-1桩基底</a></td><td>.jpg</td><td>737KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥3号桥台1号桩基示意图（1-2）</a></td><td>.jpg</td><td>547KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造（2-2）</a></td><td>.jpg</td><td>711KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造（15-17）</a></td><td>.jpg</td><td>800KB</td><td>2014-12-28</td></tr>
 
+                <tr><td><a href="">右线黄果树中桥一般构造（11-17）</a></td><td>.jpg</td><td>741KB</td><td>2014-12-28</td></tr>
 
+              </tbody>
 
+            </table>
 
+          </div>
 
+        </div>
 
+        <!--侧滑页面-->
 
+      </div>
 
+    </div>
 
+  </div>
 
+      <!-上报确认-->
 
+    <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="beReport">
 
+  <div class="modal-dialog modal-sm">
 
+      <div class="modal-content">
 
+
 
+        <div class="modal-header">
 
+          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
 
+          <h4 class="modal-title" id="mySmallModalLabel">操作提示</h4>
 
+        </div>
 
+        <div class="modal-body">
 
+          <div class="form-group">
 
+            <label>下一位审批人</label>
 
+            <select class="form-control">
 
+              <option>请选择</option>
 
+              <option>张工(中铁十七局集团第二工程有限公司)</option>
 
+              <option>王工(陕西明泰工程建设有限责任公司)</option>
 
+              <option>张工(中铁隧道集团有限公司)</option>
 
+            </select>
 
+          </div>
 
+         <p class="text-warning">确认上报审批<b>WG01-BG005</b>？</p>
 
+         <p class="text-warning">上报后，变更令将锁定无法再编辑。</p>
 
+        </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
 
+          <a type="button" class="btn btn-warning" href="#">确认上报</a>
 
+      </div>
 
+      </div>
 
+    </div>
 
+</div>
 
+      <!--上报确认-->        
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 48 - 0
user-project-contract-qd.html
Xem Tập Tin 

@@ -0,0 +1,48 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li class="now"><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-project.html" class="now">上报项目</a></li>
 
+        <li><a href="report-approval.html">审批项目</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend><a href="user-project-contract.html" title="返回"><span class="glyphicon glyphicon-chevron-left"></span></a> WG03标段清单</legend>
 
+        <div class="wrapPoj">
 
+          <p>上传请按照以下 <a href="#">上传清单范本</a> 的格式进行上传</p>
 
+          <div class="clearfix"><button type="button" class="btn btn-primary">上传清单</button></div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+ 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 69 - 0
user-project-contract-qd2.html
Xem Tập Tin 

@@ -0,0 +1,69 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li class="now"><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-project.html" class="now">上报项目</a></li>
 
+        <li><a href="report-approval.html">审批项目</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend><div class="legBtns fR">
 
+          <a class="btn btn-warning btn-sm">下载清单</a>
 
+          <a class="btn btn-primary btn-sm" href="user-project-contract-qd.html">上传清单</a>
 
+        </div><a href="user-project-contract.html" title="返回"><span class="glyphicon glyphicon-chevron-left"></span></a> WG03标段清单 </legend>
 
+        <div class="wrapPoj">
 
+          <table class="table table-striped table-bordered table-hover table-condensed">
 
+            <thead><th>序号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>部位</th></thead>
 
+            <tbody>
 
+              <tr>
 
+                <td>1</td>
 
+                <td>202-1-1</td>
 
+                <td>清理现场</td>
 
+                <td>m2</td>
 
+                <td>3.88</td>
 
+                <td>1-2路基工程 1-2-1场地清理 1-2-1-1换填砂砾 K1</td>
 
+              </tr>
 
+              <tr>
 
+                <td>2</td>
 
+                <td>204-1</td>
 
+                <td>干处挖土方</td>
 
+                <td>m3</td>
 
+                <td>435</td>
 
+                <td>1-5交叉工程 1-5-1平面交叉 1-5-1-1路基工程 </td>
 
+              </tr>
 
+            </tbody>
 
+          </table>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 419 - 0
user-project-contract-reup.html


+ 104 - 0
user-project-contract.html
Xem Tập Tin 

@@ -0,0 +1,104 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li class="now"><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-project.html" class="now">上报项目</a></li>
 
+        <li><a href="report-approval.html">审批项目</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend><a href="user-project.html"><span class="glyphicon glyphicon-chevron-left"></span></a> 武罐高速公路</legend>
 
+        <div class="wrapPoj">
 
+          <div class="pojList">
 
+            <div class="gEntry">
 
+              <div><a href="user-project-contract-list.html"><h1>WG01</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>0
 
+                </div>
 
+                <div class="item">
 
+                  <a  href="user-project-contract-qd2.html"><i class="glyphicon glyphicon-list-alt"></i>标段清单</a>
 
+                </div>  
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="user-project-contract-list.html"><h1>WG02</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>0
 
+                </div>
 
+                <div class="item">
 
+                  <a  href="user-project-contract-qd2.html"><i class="glyphicon glyphicon-list-alt"></i>标段清单</a>
 
+                </div>  
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#"><h1>WG02</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>10
 
+                </div>
 
+                <div class="item">
 
+                  <a  href="user-project-contract-qd2.html"><i class="glyphicon glyphicon-list-alt"></i>标段清单</a>
 
+                </div>  
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#"><h1>WG03</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>变更令：</span>10
 
+                </div>
 
+                <div class="item text-danger">
 
+                  请先点 <a href="user-project-contract-qd.html"><i class="glyphicon glyphicon-list-alt"></i>标段清单</a> 上传标段清单
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+ 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

+ 70 - 0
user-project.html
Xem Tập Tin 

@@ -0,0 +1,70 @@
 
+<!DOCTYPE html>
 
+<html lang=zh-cn> 
+<head>
 
+	<meta charset=utf-8> 
+  <title>纵横变更令审批系统</title> 
+  <meta name=description content=纵横变更令审批系统> 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="renderer" content="webkit">
 
+	<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/global.js></script> 
+</head>
 
+<body>
 
+  <div class="wrapHeader">
 
+    <div class="logo">变更令审批系统后台</div>
 
+    <div class="mainNav">
 
+      <ul>
 
+        <li><a href="user-feed-poj.html">信息中心</a></li>
 
+        <li class="now"><a href="user-project.html">我的标段</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="userNav">
 
+      你好，陈工；<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
 
+    </div>
 
+  </div>
 
+  <div class="wrapContent">
 
+    <div class="mainSidebar fL">
 
+      <ul>
 
+        <li><a href="user-project.html" class="now">上报项目</a></li>
 
+        <li><a href="report-approval.html">审批项目</a></li>
 
+      </ul>
 
+    </div>
 
+    <div class="mainContent">
 
+      <div class="instWrap">
 
+        <legend>所有项目</legend>
 
+        <div class="wrapPoj">
 
+          <div class="pojList">
 
+            <div class="gEntry">
 
+              <div><a href="user-project-contract.html"><h1>武罐高速公路（click me）</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>标段：</span>0
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="gEntry">
 
+              <div><a href="#"><h1>纵横高速公路</h1></a></div>
 
+              <div class="exterInfo">
 
+                <div class="item">
 
+                  <span>创建：</span>2015-01-05
 
+                </div>
 
+                <div class="item">
 
+                  <span>标段：</span>4
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <script type="text/javascript">autoFlashHeight();</script>
 
+</body>

BIN
文件描述.xlsx
Xem Tập Tin


BIN
研发指南.docx
Xem Tập Tin