Accueil Explorer Aide
Connexion
S.H.I.E.L.D.
/
measureSAAS
2
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

优化账号资料，用户登录找回密码。

Chente il y a 7 ans
Parent
043582e8ac
commit
3f53dbde3c
14 fichiers modifiés avec 846 ajouts et 61 suppressions
Vue séparée Afficher les stats Diff
  1. 178 0
      account-info.html
  2. 2 1
      biangeng.html
  3. 181 0
      biaoduan.html
  4. 4 4
      css/bootstrap/bootstrap.min.css
  5. 2 1
      dashboard.html
  6. 2 1
      hetong.html
  7. 148 0
      jiliang-detail.html
  8. 49 7
      jiliang.html
  9. 6 5
      js/bootstrap/bootstrap.min.js
  10. 54 3
      login.html
  11. 5 3
      settings-poj.html
  12. 6 4
      settings-user.html
  13. 169 0
      taizhang-shenpi.html
  14. 40 32
      taizhang.html

+ 178 - 0
account-info.html
Voir le fichier 

@@ -0,0 +1,178 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>账号资料-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+  <div class="header">
 
+		<h1 class="logo"><a>项目设置-纵横变更管理系统</a></h1>
 
+    <!-- <div class="poj-name">
 
+      <span class="name">项目A</span>
 
+      <div class="btn-group">
 
+        <a class=" btn" data-toggle="dropdown" >
 
+          <span class="fa fa-caret-down" data-toggle="tooltip" data-placement="bottom" title="切换项目"></span>
 
+        </a>
 
+        <div class="dropdown-menu">
 
+         <a href="#" class="dropdown-item">项目B</a>
 
+         <a href="#" class="dropdown-item">项目C</a>
 
+         <a href="#" class="dropdown-item">项目D</a>
 
+       </div>
 
+     </div><a href="settings-poj.html" class="btn" data-toggle="tooltip" data-placement="bottom" title="项目设置"><i class="fa fa-cogs"></i></a>
 
+    </div> -->
 
+		<div class="header-box">
 
+			<div class="header-nav"></div>
 
+			<div class="header-user pull-right">
 
+				<div class="avatar btn-group">
 
+					<a class="dropdown-toggle" data-toggle="dropdown">
 
+						<span class="pic"><img src="img/avatar.png"></span>
 
+						<span>张三</span>
 
+						<span class="caret"></span>
 
+					</a>
 
+					<div class="dropdown-menu">
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
+					 <a href="#"  class="dropdown-item">账号安全</a>
 
+					 <div class="dropdown-divider"></div>
 
+ 					 <a href="#"  class="dropdown-item">新手引导</a>
 
+					 <a href="#"  class="dropdown-item">帮助中心</a>
 
+					 <a href="#" class="dropdown-item">退出登录</a>
 
+				 </div>
 
+				</div>
 
+				<div class="msg">
 
+					<a>
 
+					<i class="fa fa-bell"></i><sup >0</sup>
 
+					</a>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="main">
 
+		<div class="main-nav">
 
+			<div class="nav-top">
 
+				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
+          <li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
+          <li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
+					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
+					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>
 
+					<li class="nav-item"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="合同管理"><i class="fa fa-handshake-o"></i></a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-sidebar">
 
+    				<div class="panel-title">
 
+    					<div class="title-bar">
 
+    						<h2>张三</h2>
 
+    					</div>
 
+    				</div>
 
+    				<div class="scrollbar-auto">
 
+    					<div class="nav-box">
 
+    						<ul class="nav-list list-unstyled">
 
+                  <li class="active"><a href=""><span>账号资料</span></a></li>
 
+    							<li><a href=""><span>账号安全</span></a></li>
 
+    							<li><a href=""><span>新手指引</span></a></li>
 
+    							<li><a href=""><span>帮助中心</span></a></li>
 
+    						</ul>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    			<div class="panel-content">
 
+    				<div class="panel-title">
 
+    					<div class="title-main">
 
+    						<h2>账号资料</h2>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+    					<div class="c-body">
 
+    						<div class="row">
 
+                  <div class="col-5">
 
+                    <!--账号资料-->
 
+                    <form>
 
+    								  <div class="form-group">
 
+    								    <label>账号</label>
 
+    								    <input class="form-control" value="zhangsan" type="text" readonly>
 
+    								  </div>
 
+    								  <div class="form-group">
 
+    								    <label>姓名</label>
 
+    								    <input class="form-control" placeholder="请输入姓名" value="张三" type="text">
 
+    								  </div>
 
+    								  <div class="form-group">
 
+    								    <label>单位</label>
 
+    								    <input class="form-control" placeholder="" value="珠海纵横创新软件有限公司" type="text">
 
+    								  </div>
 
+    								  <div class="form-group">
 
+    								    <label>角色/职称</label>
 
+    								    <input class="form-control" placeholder="" value="监理" type="text">
 
+    								  </div>
 
+    								  <div class="form-group">
 
+    								    <label>手机</label>
 
+    								    <input class="form-control" value="12345678901" type="text">
 
+    								  </div>
 
+    								  <div class="form-group">
 
+    								    <label>电话</label>
 
+    								    <input class="form-control" value="0756-12345678" type="text">
 
+    								  </div>
 
+                      <button type="submit" class="btn btn-primary">确认修改</button>
 
+                    </form>
 
+                    <!--账号安全-->
 
+                    <form>
 
+    								  <div class="form-group">
 
+    								    <label>旧密码</label>
 
+    								    <input class="form-control is-invalid" type="password">
 
+                        <div class="invalid-feedback">
 
+                        密码错误
 
+                        </div>
 
+    								  </div>
 
+    								  <div class="form-group">
 
+    								    <label>新密码</label>
 
+    								    <input class="form-control" type="password">
 
+    								  </div>
 
+    								  <div class="form-group">
 
+    								    <label>确认新密码</label>
 
+    								    <input class="form-control" type="password">
 
+    								  </div>
 
+                      <button type="submit" class="btn btn-primary">修改密码</button>
 
+                      <div class="form-group mt-5">
 
+    								    <label>认证手机（用于 找回密码、接收通知）</label>
 
+    								    <input class="form-control" placeholder="输入11位手机号码">
 
+    								  </div>
 
+                      <div class="form-group">
 
+                        <div class="input-group mb-3">
 
+                          <input class="form-control" readonly>
 
+                          <div class="input-group-append">
 
+                            <button class="btn btn-outline-secondary" type="button">获取验证码</button>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="form-group">
 
+                        <div class="input-group mb-3">
 
+                          <input class="form-control" placeholder="输入短信中的5位验证码">
 
+                          <div class="input-group-append">
 
+                            <button class="btn btn-outline-secondary disabled" type="button">重新获取 58S</button>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <button type="submit" class="btn btn-secondary disabled">确认绑定</button> <button type="submit" class="btn btn-primary">确认绑定</button>
 
+                    </form>
 
+                  </div>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>	</div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>

+ 2 - 1
biangeng.html
Voir le fichier 

@@ -36,7 +36,7 @@
 
 						<span class="caret"></span>
 
 					</a>
 
 					<div class="dropdown-menu">
 
-					 <a href="#"  class="dropdown-item">账号资料</a>
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
 					 <a href="#"  class="dropdown-item">账号安全</a>
 
 					 <div class="dropdown-divider"></div>
 
  					 <a href="#"  class="dropdown-item">新手引导</a>
 
@@ -57,6 +57,7 @@
 
 			<div class="nav-top">
 
 				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
 					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
+          <li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
 					<li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
 					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
 					<li class="nav-item active"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>

+ 181 - 0
biaoduan.html
Voir le fichier 

@@ -0,0 +1,181 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>标段管理-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+  <div class="header">
 
+		<h1 class="logo"><a>主页-纵横变更管理系统</a></h1>
 
+    <div class="poj-name">
 
+      <span class="name">项目A</span>
 
+      <div class="btn-group">
 
+        <a class=" btn" data-toggle="dropdown" >
 
+          <span class="fa fa-caret-down" data-toggle="tooltip" data-placement="bottom" title="切换项目"></span>
 
+        </a>
 
+        <div class="dropdown-menu">
 
+         <a href="#" class="dropdown-item">项目B</a>
 
+         <a href="#" class="dropdown-item">项目C</a>
 
+         <a href="#" class="dropdown-item">项目D</a>
 
+       </div>
 
+     </div><a href="settings-poj.html" class="btn" data-toggle="tooltip" data-placement="bottom" title="项目设置"><i class="fa fa-cogs"></i></a>
 
+    </div>
 
+		<div class="header-box">
 
+			<div class="header-nav"></div>
 
+			<div class="header-user pull-right">
 
+				<div class="avatar btn-group">
 
+					<a class="dropdown-toggle" data-toggle="dropdown">
 
+						<span class="pic"><img src="img/avatar.png"></span>
 
+						<span>张三</span>
 
+						<span class="caret"></span>
 
+					</a>
 
+					<div class="dropdown-menu">
 
+					 <a href="#"  class="dropdown-item">账号资料</a>
 
+					 <a href="#"  class="dropdown-item">账号安全</a>
 
+					 <div class="dropdown-divider"></div>
 
+					 <a href="#"  class="dropdown-item">帮助中心</a>
 
+					 <a href="#" class="dropdown-item">退出登录</a>
 
+				 </div>
 
+				</div>
 
+				<div class="msg">
 
+					<a>
 
+					<i class="fa fa-bell"></i><sup >0</sup>
 
+					</a>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="main">
 
+		<div class="main-nav">
 
+			<div class="nav-top">
 
+				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
+          <li class="nav-item active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
+					<li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
+					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
+					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>
 
+					<li class="nav-item"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="合同管理"><i class="fa fa-handshake-o"></i></a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<div class="main-panel">
 
+			<div class="panel-content">
 
+				<div class="panel-title fluid">
 
+					<div class="title-main"><h2>标段管理<a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-sm btn-primary pull-right">新建标段</a></h2></div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-header">
 
+            <div>
 
+              <div class="form-check-inline">
 
+                <label class="form-check-label">
 
+                  <input class="form-check-input" type="checkbox">
 
+                  查看计量概况
 
+                </label>
 
+              </div>
 
+              <div class="form-check-inline">
 
+                <select class="form-control form-control-sm">
 
+                  <option>标段类型筛选</option>
 
+                  <option>土建标</option>
 
+                </select>
 
+              </div>
 
+            </div>
 
+					</div>
 
+					<div class="c-body">
 
+            <table class="table table-bordered table-sm">
 
+              <thead><th>名称</th><th>标段类型</th><th>计量期数</th><th>创建时间</th><th width="150">管理</th></thead>
 
+              <tr><td><a href="jiliang.html">WWUJ-2</a></td><td>土建标</td><td>15</td><td>2017-12-1</td><td><a  href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a> <a href="#del-bd" data-toggle="modal" data-target="#del-bd" class="btn btn-outline-danger btn-sm">删除</a></td></tr>
 
+            </table>
 
+            <!--包含计量概况-->
 
+            <table class="table table-bordered table-sm">
 
+              <thead>
 
+                <th>名称</th>
 
+                <th>标段类型</th>
 
+                <th>计量期数</th>
 
+                <th>审批状态</th>
 
+                <th>0号台帐合同</th>
 
+                <th>本期完成</th>
 
+                <th>截止本期合同</th>
 
+                <th>截止本期变更</th>
 
+                <th>接着本期完成</th>
 
+                <th>截止上期完成</th>
 
+                <th>本期应付</th>
 
+              </thead>
 
+              <tr>
 
+                <td><a href="jiliang.html">WWUJ-2</a></td>
 
+                <td>土建标</td>
 
+                <td>15</td>
 
+                <td>审批中</td>
 
+                <td>0</td>
 
+                <td>0</td>
 
+                <td>0</td>
 
+                <td>0</td>
 
+                <td>0</td>
 
+                <td>0</td>
 
+                <td>0</td>
 
+              </tr>
 
+            </table>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+  <!--弹出添加标段-->
 
+  <div class="modal fade" id="add-bd" data-backdrop="static">
 
+      <div class="modal-dialog" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">添加新标段</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <div class="form-group">
 
+                  <label>标段名称<b class="text-danger">*</b></label>
 
+                  <input class="form-control"  placeholder="输入标段名称" type="text">
 
+                </div>
 
+                <div class="form-group">
 
+                  <label>标段类型</label>
 
+                  <select class="form-control">
 
+                    <option>土建标</option>
 
+                    <option>XX标</option>
 
+                    <option>YY标</option>
 
+                  </select>
 
+                </div>
 
+              </div>
 
+              <div class="modal-footer">
 
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                <button type="button" class="btn btn-primary">确定添加</button>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+  <!--删除标段-->
 
+  <div class="modal fade" id="del-bd" data-backdrop="static">
 
+      <div class="modal-dialog" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">确认删除标段</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <h5>删除后，数据无法恢复，请谨慎操作。</h5>
 
+              </div>
 
+              <div class="modal-footer">
 
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                <button type="button" class="btn btn-danger">确定删除</button>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>

Fichier diff supprimé car celui-ci est trop grand
+ 4 - 4
css/bootstrap/bootstrap.min.css


+ 2 - 1
dashboard.html
Voir le fichier 

@@ -37,7 +37,7 @@
 
 						<span class="caret"></span>
 
 					</a>
 
 					<div class="dropdown-menu">
 
-					 <a href="#"  class="dropdown-item">账号资料</a>
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
 					 <a href="#"  class="dropdown-item">账号安全</a>
 
 					 <div class="dropdown-divider"></div>
 
 					 <a href="#"  class="dropdown-item">帮助中心</a>
 
@@ -57,6 +57,7 @@
 
 			<div class="nav-top">
 
 				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
 					<li class="nav-item active"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
+          <li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
 					<li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
 					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
 					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>

+ 2 - 1
hetong.html
Voir le fichier 

@@ -37,7 +37,7 @@
 
 						<span class="caret"></span>
 
 					</a>
 
 					<div class="dropdown-menu">
 
-					 <a href="#"  class="dropdown-item">账号资料</a>
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
 					 <a href="#"  class="dropdown-item">账号安全</a>
 
 					 <div class="dropdown-divider"></div>
 
  					 <a href="#"  class="dropdown-item">新手引导</a>
 
@@ -58,6 +58,7 @@
 
 			<div class="nav-top">
 
 				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
 					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
+          <li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
 					<li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
 					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
 					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>

+ 148 - 0
jiliang-detail.html
Voir le fichier 

@@ -0,0 +1,148 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>计量管理-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+  <div class="header">
 
+		<h1 class="logo"><a>计量管理-纵横变更管理系统</a></h1>
 
+    <div class="poj-name">
 
+      <span class="name">项目A</span>
 
+      <div class="btn-group">
 
+        <a class=" btn" data-toggle="dropdown" >
 
+          <span class="fa fa-caret-down" data-toggle="tooltip" data-placement="bottom" title="切换项目"></span>
 
+        </a>
 
+        <div class="dropdown-menu">
 
+         <a href="#" class="dropdown-item">项目B</a>
 
+         <a href="#" class="dropdown-item">项目C</a>
 
+         <a href="#" class="dropdown-item">项目D</a>
 
+       </div>
 
+     </div><a href="settings-poj.html" class="btn" data-toggle="tooltip" data-placement="bottom" title="项目设置"><i class="fa fa-cogs"></i></a>
 
+    </div>
 
+		<div class="header-box">
 
+			<div class="header-nav"></div>
 
+			<div class="header-user pull-right">
 
+				<div class="avatar btn-group">
 
+					<a class="dropdown-toggle" data-toggle="dropdown">
 
+						<span class="pic"><img src="img/avatar.png"></span>
 
+						<span>张三</span>
 
+						<span class="caret"></span>
 
+					</a>
 
+					<div class="dropdown-menu">
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
+					 <a href="#"  class="dropdown-item">账号安全</a>
 
+					 <div class="dropdown-divider"></div>
 
+ 					 <a href="#"  class="dropdown-item">新手引导</a>
 
+					 <a href="#"  class="dropdown-item">帮助中心</a>
 
+					 <a href="#" class="dropdown-item">退出登录</a>
 
+				 </div>
 
+				</div>
 
+				<div class="msg">
 
+					<a>
 
+					<i class="fa fa-bell"></i><sup >0</sup>
 
+					</a>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="main">
 
+		<div class="main-nav">
 
+			<div class="nav-top">
 
+				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
+          <li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
+					<li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
+					<li class="nav-item active"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
+					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>
 
+					<li class="nav-item"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="合同管理"><i class="fa fa-handshake-o"></i></a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-sidebar">
 
+    				<div class="panel-title">
 
+    					<div class="title-bar">
 
+    						<h2>LGBH-201710-001</h2>
 
+    					</div>
 
+    				</div>
 
+    				<div class="scrollbar-auto">
 
+    					<div class="nav-box">
 
+    						<ul class="nav-list list-unstyled">
 
+    							<li class="active"><a href="qingdan-detail.html"><span>计量信息</span></a></li>
 
+    							<li><a href="#"><span>中期计量汇总</span></a></li>
 
+    							<li><a href="#"><span>中期计量清单</span></a></li>
 
+    							<li><a href="#"><span>中间计量单</span></a></li>
 
+    							<li><a href="#"><span>计量进度</span></a></li>
 
+    							<li><a href="#"><span>计量报表</span></a></li>
 
+    						</ul>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    			<div class="panel-content">
 
+    				<div class="panel-title">
 
+    					<div class="title-main">
 
+    						<h2>
 
+                    计量信息
 
+                </h2>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+    					<div class="c-body">
 
+                <table class="table table-bordered table-sm">
 
+                    <tr>
 
+                      <th width="120">标段</th><td><input type="text" class="form-control form-control-sm" value="WWUJ-2" readonly></td>
 
+                      <th width="120">计量编号</th><td><input type="text" class="form-control form-control-sm" value="WWUJ-2-201710" readonly></td>
 
+                      <th width="120">开始日期</th><td><input type="text" class="form-control form-control-sm" value="2017-11-16" readonly></td>
 
+                      <th width="120">截止日期</th><td><input type="text" class="form-control form-control-sm" value="2017-12-15" readonly></td></tr>
 
+                    <tr>
 
+                      <th>本次完成（元）</th><td><input type="text" class="form-control form-control-sm" value="11030783" readonly></td>
 
+                      <th>累计完成（元）</th><td><input type="text" class="form-control form-control-sm" value="152194795" readonly></td>
 
+                      <th>创建人</th><td><input type="text" class="form-control form-control-sm" value="张三" readonly></td>
 
+                      <th>创建日期</th><td><input type="text" class="form-control form-control-sm" value="2017-12-01" readonly></td>
 
+                    </tr>
 
+                </table>
 
+                <div class="row">
 
+                  <div class="col-4">
 
+                    <table class="table table-bordered table-sm table-hover">
 
+                      <thead><th>项目名称</th><th class="text-right">本期完成（元）</th></thead>
 
+                      <tbody>
 
+                        <tr><th width="200">100章至900章合计</th><td class="text-right">12643455</td></tr>
 
+                        <tr><th>1. 计量款</th><td class="text-right">12643455</td></tr>
 
+                        <tr><th>2. 材料调差</th><td class="text-right">5213</td></tr>
 
+                        <tr><th>3. 优质优价价款</th><td class="text-right">180000</td></tr>
 
+                        <tr><th>4. 开工预付款</th><td class="text-right">0</td></tr>
 
+                        <tr><th>5. 材料预付款</th><td class="text-right">0</td></tr>
 
+                        <tr><th>6. 其它付款</th><td class="text-right">0</td></tr>
 
+                        <tr class="table-success"><th>一 应付款合计</th><td class="text-right">12828668</td></tr>
 
+                        <tr><th>1. 扣开工预付款</th><td class="text-right">0</td></tr>
 
+                        <tr><th>2. 扣材料预付款</th><td class="text-right">0</td></tr>
 
+                        <tr><th>3. 扣材料款</th><td class="text-right">1165712</td></tr>
 
+                        <tr><th>4. 保留金</th><td class="text-right">632173</td></tr>
 
+                        <tr><th>5. 罚金</th><td class="text-right">0</td></tr>
 
+                        <tr><th>6. 其它扣款</th><td class="text-right">0</td></tr>
 
+                        <tr class="table-danger"><th>二 应扣款合计</th><td class="text-right">1797885</td></tr>
 
+                        <tr class="table-primary"><th>三 本期支付</th><td class="text-right">11030783</td></tr>
 
+                      </tbody>
 
+                    </table>
 
+                  </div>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>	</div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>

+ 49 - 7
jiliang.html
Voir le fichier 

@@ -37,7 +37,7 @@
 
 						<span class="caret"></span>
 
 					</a>
 
 					<div class="dropdown-menu">
 
-					 <a href="#"  class="dropdown-item">账号资料</a>
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
 					 <a href="#"  class="dropdown-item">账号安全</a>
 
 					 <div class="dropdown-divider"></div>
 
  					 <a href="#"  class="dropdown-item">新手引导</a>
 
@@ -58,6 +58,7 @@
 
 			<div class="nav-top">
 
 				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
 					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
+          <li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
 					<li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
 					<li class="nav-item active"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
 					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>
 
@@ -88,18 +89,59 @@
 
     					<div class="title-main">
 
     						<h2>
 
                     WWUJ-2 计量
 
-						        <a href="#" class="btn btn-primary btn-sm pull-right">按钮</a>
 
+						        <a href="#" class="btn btn-primary btn-sm pull-right">添加计量</a>
 
                 </h2>
 
     					</div>
 
     				</div>
 
     				<div class="content-wrap">
 
-    					<div class="c-header">
 
-    						<a href="" class="btn btn-primary  btn-sm"><i class="glyphicon glyphicon-plus"></i>按钮</a>
 
+              <div class="c-header p-0 col-12">
 
+                <ul class="nav nav-tabs">
 
+                  <li class="nav-item">
 
+                    <a class="nav-link active" data-toggle="tab" href="#zhongjian" role="tab">中间计量</a>
 
+                  </li>
 
+                  <li class="nav-item">
 
+                    <a class="nav-link" data-toggle="tab" href="#qishu" role="tab">期数汇总</a>
 
+                  </li>
 
+                </ul>
 
     					</div>
 
     					<div class="c-body">
 
-    						<table class="table table-bordered">
 
-
 
-    						</table>
 
+                <div class="tab-content">
 
+                  <div id="zhongjian" class="tab-pane active">
 
+                    <table class="table table-bordered">
 
+                      <thead>
 
+                        <tr><th>计量编号</th><th>计量金额</th><th>计量月份</th><th>计量期数</th><th>状态</th><th>当前处理人</th></tr>
 
+                      </thead>
 
+                      <tbody>
 
+                        <tr><td><a href="jiliang-detail.html">WWUJ-2-201710</a></td><td>34234234.00</td><td>201710</td><td>15</td><td>审批中</td><td>监理-张三</td></tr>
 
+                      </tobody>
 
+                    </table>
 
+                  </div>
 
+                  <div id="qishu" class="tab-pane">
 
+                    <table class="table table-bordered">
 
+                      <legend>第15期</legend>
 
+                      <thead>
 
+                        <tr><th>计量编号</th><th class="text-right">计量金额</th><th class="text-center">计量月份</th></tr>
 
+                      </thead>
 
+                      <tbody>
 
+                        <tr><td><a href="jiliang-detail.html">WWUJ-2-201710A</a></td><td class="text-right">34234234.00</td><td class="text-center">201710</td></tr>
 
+                      </tbody>
 
+                      <tfoot>
 
+                        <tr><td>合计</td><td class="text-right"><b>34234234.00</b></td><td></td></tr>
 
+                      </tfoot>
 
+                    </table>
 
+                    <table class="table table-bordered">
 
+                      <legend>第14期</legend>
 
+                      <thead>
 
+                        <tr><th>计量编号</th><th class="text-right">计量金额</th><th class="text-center">计量月份</th></tr>
 
+                      </thead>
 
+                      <tbody>
 
+                        <tr><td><a href="jiliang-detail.html">WWUJ-2-201709B</a></td><td class="text-right">27001464.00</td><td class="text-center">201709</td></tr>
 
+                        <tr><td><a href="jiliang-detail.html">WWUJ-2-201709A</a></td><td class="text-right">19962001.00</td><td class="text-center">201709</td></tr>
 
+                        <tr><td>合计</td><td class="text-right"><b>46963465.00</b></td><td></td></tr>
 
+                      </tbody>
 
+                    </table>
 
+                  </div>
 
+                </div>
 
     					</div>
 
     				</div>
 
     			</div>

Fichier diff supprimé car celui-ci est trop grand
+ 6 - 5
js/bootstrap/bootstrap.min.js


+ 54 - 3
login.html
Voir le fichier 

@@ -30,7 +30,7 @@
 
                     <button class="btn btn-primary btn-block">登录</button>
 
                 </div>
 
                 <div class="pt-1 d-flex justify-content-center">
 
-                    <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
 
+                    <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记通行账号密码？</a>
 
                     <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
 
                 </div>
 
               </div>
 
@@ -48,7 +48,7 @@
 
                     <button class="btn btn-primary btn-block">登录</button>
 
                 </div>
 
                 <div class="pt-1 d-flex justify-content-center">
 
-                    <a href="" target="_blank" class="mr-3">忘记密码</a>
 
+                    <a href="#fg-password" data-toggle="modal" data-target="#fg-password"  class="mr-3">忘记项目版密码？</a>
 
                 </div>
 
               </div>
 
             </div>
 
@@ -76,11 +76,62 @@
 
                 <button class="btn btn-primary btn-block">登录</button>
 
             </div>
 
             <div class="pt-1 d-flex justify-content-center">
 
-                <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
 
+                <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记通行账号密码？</a>
 
                 <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
 
             </div>
 
         </form>
 
     </div>
 
+    <!--忘记项目版密码-->
 
+    <div class="modal fade" id="fg-password" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">找回密码</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="form-group">
 
+								    <label>项目编号</label>
 
+								    <input class="form-control" placeholder="输入项目编号">
 
+								  </div>
 
+                  <div class="form-group">
 
+								    <label>项目编号</label>
 
+								    <input class="form-control is-invalid" placeholder="输入项目编号">
 
+                    <div class="invalid-feedback">项目不存在，请检查是否输入有误。</div>
 
+								  </div>
 
+                  <div class="form-group">
 
+								    <label>登录账号</label>
 
+								    <input class="form-control" placeholder="输入登录账号">
 
+								  </div>
 
+                  <div class="form-group">
 
+								    <label>登录账号</label>
 
+								    <input class="form-control is-invalid" placeholder="输入11位手机号码">
 
+                    <div class="invalid-feedback">登录账号不存在，请检查是否输入错误。</div>
 
+                    <div class="invalid-feedback">登录账号还没有认证手机，请联系项目管理员。</div>
 
+								  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#fg-password-done">重置密码</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--忘记项目版密码-->
 
+    <div class="modal fade" id="fg-password-done" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">密码发送成功</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <h5>尊敬的 <b>张三</b>，您的账号 <b>zhangsan</b>，新密码已经发送至 <b>123****7234</b>，注意查收。</h5>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
     <!-- JS. -->
 
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
     <script src="js/popper/popper.min.js"></script>

+ 5 - 3
settings-poj.html
Voir le fichier 

@@ -37,7 +37,7 @@
 
 						<span class="caret"></span>
 
 					</a>
 
 					<div class="dropdown-menu">
 
-					 <a href="#"  class="dropdown-item">账号资料</a>
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
 					 <a href="#"  class="dropdown-item">账号安全</a>
 
 					 <div class="dropdown-divider"></div>
 
  					 <a href="#"  class="dropdown-item">新手引导</a>
 
@@ -58,7 +58,8 @@
 
 			<div class="nav-top">
 
 				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
 					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
-					<li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
+          <li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
+          <li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
 					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
 					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>
 
 					<li class="nav-item"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="合同管理"><i class="fa fa-handshake-o"></i></a></li>
 
@@ -87,12 +88,13 @@
 
     					<div class="title-main">
 
     						<h2>项目信息
 
     						<a href="#" class="btn btn-primary btn-sm pull-right">保存修改</a>
 
+              </h2>
 
     					</div>
 
     				</div>
 
     				<div class="content-wrap">
 
     					<div class="c-body">
 
     						<div class="row">
 
-                  <div class="col-7">
 
+                  <div class="col-5">
 
                     <form>
 
 								  <div class="form-group">
 
 								    <label>项目编号</label>

+ 6 - 4
settings-user.html
Voir le fichier 

@@ -37,7 +37,7 @@
 
 						<span class="caret"></span>
 
 					</a>
 
 					<div class="dropdown-menu">
 
-					 <a href="#"  class="dropdown-item">账号资料</a>
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
 					 <a href="#"  class="dropdown-item">账号安全</a>
 
 					 <div class="dropdown-divider"></div>
 
  					 <a href="#"  class="dropdown-item">新手引导</a>
 
@@ -58,7 +58,8 @@
 
 			<div class="nav-top">
 
 				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
 					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
-					<li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
+          <li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
+          <li class="nav-item"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
 					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
 					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>
 
 					<li class="nav-item"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="合同管理"><i class="fa fa-handshake-o"></i></a></li>
 
@@ -87,7 +88,8 @@
 
     					<div class="title-main">
 
     						<h2>账号管理
 
     						<a href="#ver" data-toggle="modal" data-target="#add-user" class="btn btn-primary btn-sm pull-right">添加账号</a>
 
-    					</div>
 
+              </h2>
 
+              </div>
 
     				</div>
 
     				<div class="content-wrap">
 
     					<div class="c-body">
 
@@ -168,7 +170,7 @@
 
                             <td>陈特</td>
 
                             <td>珠海纵横创新软件有限公司</td>
 
                             <td>产品经理</td>
 
-                            <td>台帐管理（创建标段）<a href="" class="btn btn-sm">编辑</a></td>
 
+                            <td>标段管理（创建标段）<a href="" class="btn btn-sm">编辑</a></td>
 
                           </tr>
 
                           <tr>
 
                             <td>chente</td>

+ 169 - 0
taizhang-shenpi.html
Voir le fichier 

@@ -0,0 +1,169 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>台帐管理-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+<body>
 
+  <div class="header">
 
+		<h1 class="logo"><a>台帐管理-纵横变更管理系统</a></h1>
 
+    <div class="poj-name">
 
+      <span class="name">项目A</span>
 
+      <div class="btn-group">
 
+        <a class=" btn" data-toggle="dropdown" >
 
+          <span class="fa fa-caret-down" data-toggle="tooltip" data-placement="bottom" title="切换项目"></span>
 
+        </a>
 
+        <div class="dropdown-menu">
 
+         <a href="#" class="dropdown-item">项目B</a>
 
+         <a href="#" class="dropdown-item">项目C</a>
 
+         <a href="#" class="dropdown-item">项目D</a>
 
+       </div>
 
+     </div><a href="settings-poj.html" class="btn" data-toggle="tooltip" data-placement="bottom" title="项目设置"><i class="fa fa-cogs"></i></a>
 
+    </div>
 
+		<div class="header-box">
 
+			<div class="header-nav"></div>
 
+			<div class="header-user pull-right">
 
+				<div class="avatar btn-group">
 
+					<a class="dropdown-toggle" data-toggle="dropdown">
 
+						<span class="pic"><img src="img/avatar.png"></span>
 
+						<span>张三</span>
 
+						<span class="caret"></span>
 
+					</a>
 
+					<div class="dropdown-menu">
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
+					 <a href="#"  class="dropdown-item">账号安全</a>
 
+					 <div class="dropdown-divider"></div>
 
+ 					 <a href="#"  class="dropdown-item">新手引导</a>
 
+					 <a href="#"  class="dropdown-item">帮助中心</a>
 
+					 <a href="#" class="dropdown-item">退出登录</a>
 
+				 </div>
 
+				</div>
 
+				<div class="msg">
 
+					<a>
 
+					<i class="fa fa-bell"></i><sup >0</sup>
 
+					</a>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<div class="main">
 
+		<div class="main-nav">
 
+			<div class="nav-top">
 
+				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
+          <li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
+					<li class="nav-item active"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
+					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
+					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>
 
+					<li class="nav-item"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="合同管理"><i class="fa fa-handshake-o"></i></a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-sidebar">
 
+    				<div class="panel-title">
 
+    					<div class="title-bar d-flex justify-content-between">
 
+    						<h2>标段列表</h2>
 
+                <div class="mr-3"></div>
 
+    					</div>
 
+    				</div>
 
+    				<div class="scrollbar-auto">
 
+    					<div class="nav-box">
 
+    						<ul class="nav-list list-unstyled">
 
+    							<li><a href="#"><span>WWUJ-1</span></a></li>
 
+    							<li class="active"><a href="#"><span>WWUJ-2</span><span class="badge badge-primary">待审</span></a></li>
 
+    							<li><a href="#"><span>WWUJ-3</span></a></li>
 
+    							<li><a href="#"><span>WWUJ-4</span></a></li>
 
+    						</ul>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    			<div class="panel-content">
 
+    				<div class="panel-title">
 
+    					<div class="title-main">
 
+    						<h2>WWUJ-2 台帐
 
+    						<a href="#" class="btn btn-success btn-sm pull-right">审批通过</a>
 
+    						<a href="#" class="btn btn-outline-warning btn-sm pull-right">退回</a>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap row">
 
+    					<div class="c-header p-0 col-12 d-flex justify-content-between">
 
+                <!--工具-->
 
+                <div>
 
+                </div>
 
+                <!--标准清单-->
 
+                <ul class="nav nav-tabs">
 
+                  <li class="nav-item">
 
+                    <a class="nav-link" data-toggle="tab" href="#xiangmujie" role="tab">项目节</a>
 
+                  </li>
 
+                  <li class="nav-item">
 
+                    <a class="nav-link" data-toggle="tab" href="#qingdan" role="tab">工程量清单</a>
 
+                  </li>
 
+                </ul>
 
+    					</div>
 
+    					<div class="c-body col-12">
 
+    						<table class="table table-bordered">
 
+                  <thead>
 
+                    <tr><th rowspan="2">1</th><th rowspan="2">项目节编号</th><th rowspan="2">清单编号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">上报</th><th colspan="3">一审王五</th><th colspan="3">二审张三</th><th rowspan="2">图（册）号</th><th rowspan="2">备注</th><th rowspan="2">审批新增</th></tr>
 
+                    <tr><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>审批意见</th><th>数量</th><th>金额</th><th>审批意见</th></tr>
 
+                  </thead>
 
+                  <tbody>
 
+                    <tr><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>92954.75</td><td>699949</td><td>92954.75</td><td>699949</td><td>审批意见</td><td><input></td><td>0</td><td><input></td><td></td><td></td><td></td></tr>
 
+                    <tr class="table-success"><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>92954.75</td><td>699949</td><td>92954.75</td><td>699949</td><td>审批意见</td><td><input></td><td>0</td><td><input></td><td></td><td></td><td>一审王五</td></tr>
 
+                  </tbody>
 
+                </table>
 
+    					</div>
 
+              <!-- <div class="c-body col-4">
 
+                <div class="tab-content">
 
+                  <div id="xiangmujie" class="tab-pane active">
 
+                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
+        						<table class="table table-bordered">
 
+                      <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
 
+        						</table>
 
+                  </div>
 
+                  <div id="qingdan" class="tab-pane">
 
+                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
+        						<table class="table table-bordered">
 
+                      <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
 
+        						</table>
 
+                  </div>
 
+                </div>
 
+              </div> -->
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
+      <!--弹出添加新标段-->
 
+      <div class="modal fade" id="add-bd" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">添加新标段</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+    							  <div class="form-group">
 
+    							    <label>标段名称<b class="text-danger">*</b></label>
 
+    							    <input class="form-control"  placeholder="输入标段名称" type="text">
 
+    							  </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-primary">确定添加</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/popper/popper.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>

+ 40 - 32
taizhang.html
Voir le fichier 

@@ -1,6 +1,5 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
-
 
 <head>
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
@@ -10,7 +9,6 @@
 
     <link rel="stylesheet" href="css/main.css">
 
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
 </head>
 
-
 
 <body>
 
   <div class="header">
 
 		<h1 class="logo"><a>台帐管理-纵横变更管理系统</a></h1>
 
@@ -37,7 +35,7 @@
 
 						<span class="caret"></span>
 
 					</a>
 
 					<div class="dropdown-menu">
 
-					 <a href="#"  class="dropdown-item">账号资料</a>
 
+					 <a href="account-info.html"  class="dropdown-item">账号资料</a>
 
 					 <a href="#"  class="dropdown-item">账号安全</a>
 
 					 <div class="dropdown-divider"></div>
 
  					 <a href="#"  class="dropdown-item">新手引导</a>
 
@@ -58,6 +56,7 @@
 
 			<div class="nav-top">
 
 				<ul class="nav nav-pills flex-column nav-fill bg-nav">
 
 					<li class="nav-item"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="主页"><i class="fa fa-dashboard"></i></a></li>
 
+					<li class="nav-item"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="标段管理"><i class="fa fa-list-ul"></i></a></li>
 
 					<li class="nav-item active"><a href="taizhang.html" data-toggle="tooltip" data-placement="right" title="台帐管理"><i class="fa fa-list-alt"></i></a></li>
 
 					<li class="nav-item"><a href="jiliang.html" data-toggle="tooltip" data-placement="right" title="计量管理"><i class="fa fa-calendar-check-o"></i></a></li>
 
 					<li class="nav-item"><a href="biangeng.html" data-toggle="tooltip" data-placement="right" title="变更管理"><i class="fa fa-retweet"></i></a></li>
 
@@ -70,7 +69,6 @@
 
     				<div class="panel-title">
 
     					<div class="title-bar d-flex justify-content-between">
 
     						<h2>标段列表</h2>
 
-                <div class="mr-3"><a href="#add-bd" data-toggle="modal" data-target="#add-bd"  class="btn btn-sm btn-outline-primary">添加</a></div>
 
     					</div>
 
     				</div>
 
     				<div class="scrollbar-auto">
 
@@ -89,20 +87,38 @@
 
     					<div class="title-main">
 
     						<h2>WWUJ-2 台帐
 
     						<a href="#" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
-    						<a href="#" class="btn btn-outline-secondary btn-sm pull-right disabled">已报审</a>
 
-    						<a href="#" class="btn btn-outline-danger btn-sm pull-right">删除标段</a></h2>
 
+    						<a href="#" class="btn btn-outline-secondary btn-sm pull-right disabled">报审完成</a>
 
+                </h2>
 
     					</div>
 
     				</div>
 
     				<div class="content-wrap row">
 
     					<div class="c-header p-0 col-12 d-flex justify-content-between">
 
                 <!--工具-->
 
                 <div>
 
-                  <div class="form-check">
 
-                    <label class="form-check-label">
 
-                      <input type="checkbox" class="form-check-input">
 
-                      查看审批过程
 
-                    </label>
 
+                  <div class="btn-group">
 
+                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="复制"><i class="fa fa-files-o" aria-hidden="true"></i></a>
 
+                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="剪切"><i class="fa fa-scissors" aria-hidden="true"></i></a>
 
+                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="粘贴"><i class="fa fa-clipboard" aria-hidden="true"></i></a>
 
+                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
 
+                    <a href="" class="btn btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
 
+                    <a href="" class="btn btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
 
+                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
 
+                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
 
                   </div>
 
+                  <div class="btn-group">
 
+                    <div class="form-check-inline">
 
+                      <label class="form-check-label">
 
+                        <input type="checkbox" class="form-check-input">
 
+                        审批过程
 
+                      </label>
 
+                    </div>
 
+                    <div class="form-check-inline">
 
+                      <label class="form-check-label">
 
+                        <input type="checkbox" class="form-check-input">
 
+                        标示变更
 
+                      </label>
 
+                    </div>
 
+                </div>
 
                 </div>
 
                 <!--标准清单-->
 
                 <ul class="nav nav-tabs">
 
@@ -116,8 +132,19 @@
 
     					</div>
 
     					<div class="c-body col-8">
 
     						<table class="table table-bordered">
 
-                  <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th></tr>
 
+                  <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th></tr>
 
     						</table>
 
+                <!--查看审批过程-->
 
+                <table class="table table-bordered">
 
+                  <thead>
 
+                    <tr><th rowspan="2">1</th><th rowspan="2">项目节编号</th><th rowspan="2">清单编号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">上报</th><th colspan="3">一审王五</th><th colspan="3">二审张三</th><th rowspan="2">图（册）号</th><th rowspan="2">备注</th><th rowspan="2">审批新增</th></tr>
 
+                    <tr><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>审批意见</th><th>数量</th><th>金额</th><th>审批意见</th></tr>
 
+                  </thead>
 
+                  <tbody>
 
+                    <tr><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>92954.75</td><td>699949</td><td>92954.75</td><td>699949</td><td>审批意见</td><td>92954.75</td><td>699949</td><td>审批意见</td><td></td><td></td><td></td></tr>
 
+                    <tr class="table-success"><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>92954.75</td><td>699949</td><td>92954.75</td><td>699949</td><td>审批意见</td><td>92954.75</td><td>699949</td><td>审批意见</td><td></td><td></td><td>一审王五</td></tr>
 
+                  </tbody>
 
+                </table>
 
     					</div>
 
               <div class="c-body col-4">
 
                 <div class="tab-content">
 
@@ -139,26 +166,7 @@
 
     			</div>
 
     		</div>
 
       </div>
 
-      <!--弹出添加帐号-->
 
-      <div class="modal fade" id="add-bd" data-backdrop="static">
 
-          <div class="modal-dialog" role="document">
 
-              <div class="modal-content">
 
-                  <div class="modal-header">
 
-                      <h5 class="modal-title">添加新标段</h5>
 
-                  </div>
 
-                  <div class="modal-body">
 
-    							  <div class="form-group">
 
-    							    <label>标段名称<b class="text-danger">*</b></label>
 
-    							    <input class="form-control"  placeholder="输入标段名称" type="text">
 
-    							  </div>
 
-                  </div>
 
-                  <div class="modal-footer">
 
-                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
-                    <button type="button" class="btn btn-primary">确定添加</button>
 
-                  </div>
 
-              </div>
 
-          </div>
 
-      </div>
 
+
 
     <!-- JS. -->
 
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
     <script src="js/popper/popper.min.js"></script>