Головна сторінка Огляд Довідка
Увійти
S.H.I.E.L.D.
/
measureSAAS
2
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

1. 还原至“更新BS至4.1.3....”， Sha-1：2ea6656e1a9aa4a265f2a4c769737f30cf01179e
2. 查找定位

MaiXinRong 7 роки тому
батько
919022f51f
коміт
993bbae254
29 змінених файлів з 5903 додано та 3385 видалено
Розділений вигляд Показати статистику Diff
  1. 69 24
      account-info.html
  2. 315 295
      biangeng-new2.html
  3. 115 95
      biangeng-new3.html
  4. 108 88
      biangeng-new4.html
  5. 181 161
      biangeng.html
  6. 0 336
      biaoduan-panel.html
  7. 200 39
      biaoduan.html
  8. 18 36
      css/main.css
  9. 61 24
      dashboard.html
  10. BIN
      img/logo.png
  11. 839 0
      jiliang-approval.html
  12. 1010 0
      jiliang-detail.html
  13. 184 0
      jiliang-list.html
  14. 530 505
      jiliang-qi-detail-1.html
  15. 303 279
      jiliang-qi-detail-2.html
  16. 194 170
      jiliang-qi-detail-3.html
  17. 226 0
      jiliang-qi-detail-34.html
  18. 194 172
      jiliang-qi.html
  19. 6 6
      js/global.js
  20. 63 24
      settings-category.html
  21. 63 24
      settings-poj.html
  22. 96 28
      settings-user.html
  23. 172 150
      taizhang-bg-detail-done.html
  24. 168 146
      taizhang-bg-detail-shenpi.html
  25. 189 167
      taizhang-bg-detail.html
  26. 78 56
      taizhang-bg.html
  27. 190 168
      taizhang-jl.html
  28. 120 157
      taizhang-shenpi.html
  29. 211 235
      taizhang.html

+ 69 - 24
account-info.html
Переглянути файл 

@@ -12,32 +12,77 @@
 
 </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 d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+		<div class="main-nav">
 
+			<div class="nav-top">
 
+        <ul class="nav nav-pills flex-column bg-nav">
 
+          <li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+          <li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+          <li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐变更</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item active"><a href="javascript:void(0);"title="计量管理"><i class="fa fa-calendar-check-o"></i> 中间计量  <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="jiliang.html">计量编制</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="jiliang-list.html">计量审批</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
         </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
-    </div>
 
+			</div>
 
+		</div>
 
     <div class="main-panel">
 
     			<div class="panel-sidebar">
 
     				<div class="panel-title">

+ 315 - 295
biangeng-new2.html
Переглянути файл 

@@ -11,307 +11,327 @@
 
 </head>
 
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">变更管理</span>
 
+    </div>
 
+			<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 bg-nav">
 
+          <li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+          <li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+          <li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li class="active"><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main d-flex justify-content-between">
 
-						<div>
 
-              <div class="d-inline-block">
 
-                <ul class="nav nav-pills m-0">
 
-									<li class="nav-item"><a class="nav-link active" href="biangeng-new2.html">变更信息</a></li>
 
-									<li class="nav-item"><a class="nav-link" href="biangeng-new3.html">变更清单</a></li>
 
-									<li class="nav-item"><a class="nav-link" href="biangeng-new4.html">附件</a></li>
 
-								</ul>
 
-              </div>
 
-            </div>
 
-            <div>
 
-              <a href="#sub-ap" data-toggle="modal" class="btn btn-sm btn-success pull-right">保存修改</a>
 
-              <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
-              <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
-              <!--状态显示-->
 
-              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm pull-right">审批完成</a>
 
-              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
 
-              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
 
-              <!--审批操作-->
 
-              <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
-              <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
-              <a href="#" class="btn btn-outline-danger btn-sm pull-right text-truncate" style="max-width: 100px;" title="删除 LZTJ-1标项目部发变更(2015)001号">删除 LZTJ-1标项目部发变更(2015)001号</a>
 
-            </div>
 
-          </div>
 
-				</div>
 
-				<div class="content-wrap">
 
-					<div class="c-body">
 
-            <!--变更信息-->
 
-						<legend>变更信息</legend>
 
-						<div class="row">
 
-							<div class="col-md-4">
 
-								<form>
 
-								  <div class="form-group">
 
-								    <label><b class="text-danger">*&nbsp;</b>申请编号</label>
 
-                    <a href="#" class="pull-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="自动编号"><i class="fa fa-repeat"></i></a>
 
-								    <input class="form-control" value="LZTJ-1标项目部发变更(2015)001号" type="text">
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label><b class="text-danger">*&nbsp;</b>工程名称</label>
 
-								    <input class="form-control" value="收费站出口右侧加宽段及K0+532基底换填" type="text">
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>桩号</label>
 
-								    <input class="form-control" value="K0+532" type="text">
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>原设计图名称</label>
 
-								    <input class="form-control" placeholder="" type="text">
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>原图号</label>
 
-								    <input class="form-control" placeholder="" type="text">
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>变更设计图名称</label>
 
-								    <input class="form-control" placeholder="" type="text">
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>变更图号</label>
 
-								    <input class="form-control" placeholder="" type="text">
 
-								  </div>
 
-								</form>
 
-							</div>
 
-							<div class="col-md-4" >
 
-								<form>
 
-									  <div class="form-group">
 
-									    <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
 
-									    <textarea class="form-control" rows="6">由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
 
-											</textarea>
 
-									  </div>
 
-									  <div class="form-group">
 
-									    <label>工程变更合同依据</label>
 
-									    <textarea class="form-control" rows="6"></textarea>
 
-									  </div>
 
-									  <div class="form-group">
 
-									    <label>备注</label>
 
-									    <textarea class="form-control" rows="3"></textarea>
 
-									  </div>
 
-									</form>
 
-							</div>
 
-							<div class="col-md-4">
 
-								<form>
 
-								  <div class="form-group">
 
-								    <label>变更类型</label>
 
-										<div class="checkbox">
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox1" value="option1" checked="" type="checkbox">A.位置
 
-											</label>
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox2" value="option2" type="checkbox">B.数量
 
-											</label>
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
 
-											</label>
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
 
-											</label>
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
 
-											</label>
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
 
-											</label>
 
-										</div>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>变更类别 </label>
 
-								    <select class="form-control"><option>A类变更（设计变更）</option><option>B类变更（施工措施变）</option><option>C类变更（计划变更）</option><option>D类变更（条件变更）</option><option>E类变更（新增工程）</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>
 
-								    <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a>
 
-								    <select class="form-control"><option>AA公司</option><option>BB公司</option></select>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>费用承担方</label>
 
-										<div class="radio">
 
-											<label class="radio-inline">
 
-											  <input id="inlineCheckbox1" value="option1" checked="" type="radio"> 业主
 
-											</label>
 
-											<label class="radio-inline">
 
-											  <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
 
-											</label>
 
-										</div>
 
-								  </div>
 
-								</form>
 
-							</div>
 
-						</div>
 
-            <!--详情 / 审批时 数据-->
 
-            <div class="row">
 
-							<div class="col-md-4">
 
-								<form>
 
-								  <div class="form-group">
 
-								    <label><b class="text-danger">*&nbsp;</b>申请编号</label>
 
-								    <input class="form-control" value="LZTJ-1标项目部发变更(2015)001号" type="text" readonly>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label><b class="text-danger">*&nbsp;</b>工程名称</label>
 
-								    <input class="form-control" value="收费站出口右侧加宽段及K0+532基底换填" type="text" readonly>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>桩号</label>
 
-								    <input class="form-control" value="K0+532" type="text" readonly>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>原设计图名称</label>
 
-								    <input class="form-control" placeholder="" type="text" readonly>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>原图号</label>
 
-								    <input class="form-control" placeholder="" type="text" readonly>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>变更设计图名称</label>
 
-								    <input class="form-control" placeholder="" type="text" readonly>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>变更图号</label>
 
-								    <input class="form-control" placeholder="" type="text" readonly>
 
-								  </div>
 
-								</form>
 
-							</div>
 
-							<div class="col-md-4" style="z-index:999">
 
-								<form>
 
-									  <div class="form-group">
 
-									    <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
 
-									    <textarea class="form-control" rows="6" readonly>由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
 
-											</textarea>
 
-									  </div>
 
-									  <div class="form-group">
 
-									    <label>工程变更合同依据</label>
 
-									    <textarea class="form-control" rows="6" readonly></textarea>
 
-									  </div>
 
-									  <div class="form-group">
 
-									    <label>备注</label>
 
-									    <textarea class="form-control" rows="3" readonly></textarea>
 
-									  </div>
 
-									</form>
 
-							</div>
 
-							<div class="col-md-4">
 
-								<form>
 
-								  <div class="form-group">
 
-								    <label>变更类型</label>
 
-										<div class="checkbox">
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox1" value="option1" checked="" type="checkbox" disabled>A.位置
 
-											</label>
 
-											<!-- <label class="checkbox-inline">
 
-											  <input id="inlineCheckbox2" value="option2" type="checkbox">B.数量
 
-											</label>
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
 
-											</label>
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
 
-											</label>
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
 
-											</label>
 
-											<label class="checkbox-inline">
 
-											  <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
 
-											</label> -->
 
-										</div>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>变更类别 </label>
 
-								    <select class="form-control" disabled><option>A类变更（设计变更）</option><option>B类变更（施工措施变）</option><option>C类变更（计划变更）</option><option>D类变更（条件变更）</option><option>E类变更（新增工程）</option></select>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>变更性质 </label>
 
-								    <select class="form-control" disabled><option>一般设计变更</option><option>较大设计变更</option><option>重大设计变更</option></select>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>变更提出单位</label>
 
-								    <!-- <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a> -->
 
-								    <select class="form-control" disabled><option>AA公司</option><option>BB公司</option></select>
 
-								  </div>
 
-								  <div class="form-group">
 
-								    <label>费用承担方</label>
 
-										<div class="radio">
 
-											<label class="radio-inline">
 
-											  <input id="inlineCheckbox1" value="option1" checked="" type="radio" disabled> 业主
 
-											</label>
 
-											<!-- <label class="radio-inline">
 
-											  <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
 
-											</label> -->
 
-										</div>
 
-								  </div>
 
-								</form>
 
-							</div>
 
-						</div>
 
-					</div>
 
-				</div>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item active"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+        </ul>
 
 			</div>
 
 		</div>
 
-  </div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main d-flex justify-content-between">
 
+    						<div>
 
+                  <div class="d-inline-block">
 
+                    <ul class="nav nav-pills m-0">
 
+  										<li class="nav-item"><a class="nav-link active" href="biangeng-new2.html">变更信息</a></li>
 
+  										<li class="nav-item"><a class="nav-link" href="biangeng-new3.html">变更清单</a></li>
 
+  										<li class="nav-item"><a class="nav-link" href="biangeng-new4.html">附件</a></li>
 
+  									</ul>
 
+                  </div>
 
+                </div>
 
+                <div>
 
+                  <a href="#sub-ap" data-toggle="modal" class="btn btn-sm btn-success pull-right">保存修改</a>
 
+                  <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
+                  <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
+                  <!--状态显示-->
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm pull-right">审批完成</a>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
 
+                  <!--审批操作-->
 
+                  <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
+                  <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
+                  <a href="#" class="btn btn-outline-danger btn-sm pull-right text-truncate" style="max-width: 100px;" title="删除 LZTJ-1标项目部发变更(2015)001号">删除 LZTJ-1标项目部发变更(2015)001号</a>
 
+                </div>
 
+              </div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+    					<div class="c-body">
 
+                <!--变更信息-->
 
+  							<legend>变更信息</legend>
 
+  							<div class="row">
 
+  								<div class="col-md-4">
 
+  									<form>
 
+  									  <div class="form-group">
 
+  									    <label><b class="text-danger">*&nbsp;</b>申请编号</label>
 
+                        <a href="#" class="pull-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="自动编号"><i class="fa fa-repeat"></i></a>
 
+  									    <input class="form-control" value="LZTJ-1标项目部发变更(2015)001号" type="text">
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label><b class="text-danger">*&nbsp;</b>工程名称</label>
 
+  									    <input class="form-control" value="收费站出口右侧加宽段及K0+532基底换填" type="text">
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>桩号</label>
 
+  									    <input class="form-control" value="K0+532" type="text">
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>原设计图名称</label>
 
+  									    <input class="form-control" placeholder="" type="text">
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>原图号</label>
 
+  									    <input class="form-control" placeholder="" type="text">
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>变更设计图名称</label>
 
+  									    <input class="form-control" placeholder="" type="text">
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>变更图号</label>
 
+  									    <input class="form-control" placeholder="" type="text">
 
+  									  </div>
 
+  									</form>
 
+  								</div>
 
+  								<div class="col-md-4" >
 
+  									<form>
 
+  										  <div class="form-group">
 
+  										    <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
 
+  										    <textarea class="form-control" rows="6">由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
 
+  												</textarea>
 
+  										  </div>
 
+  										  <div class="form-group">
 
+  										    <label>工程变更合同依据</label>
 
+  										    <textarea class="form-control" rows="6"></textarea>
 
+  										  </div>
 
+  										  <div class="form-group">
 
+  										    <label>备注</label>
 
+  										    <textarea class="form-control" rows="3"></textarea>
 
+  										  </div>
 
+  										</form>
 
+  								</div>
 
+  								<div class="col-md-4">
 
+  									<form>
 
+  									  <div class="form-group">
 
+  									    <label>变更类型</label>
 
+  											<div class="checkbox">
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox1" value="option1" checked="" type="checkbox">A.位置
 
+  												</label>
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox2" value="option2" type="checkbox">B.数量
 
+  												</label>
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
 
+  												</label>
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
 
+  												</label>
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
 
+  												</label>
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
 
+  												</label>
 
+  											</div>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>变更类别 </label>
 
+  									    <select class="form-control"><option>A类变更（设计变更）</option><option>B类变更（施工措施变）</option><option>C类变更（计划变更）</option><option>D类变更（条件变更）</option><option>E类变更（新增工程）</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>
 
+  									    <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a>
 
+  									    <select class="form-control"><option>AA公司</option><option>BB公司</option></select>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>费用承担方</label>
 
+  											<div class="radio">
 
+  												<label class="radio-inline">
 
+  												  <input id="inlineCheckbox1" value="option1" checked="" type="radio"> 业主
 
+  												</label>
 
+  												<label class="radio-inline">
 
+  												  <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
 
+  												</label>
 
+  											</div>
 
+  									  </div>
 
+  									</form>
 
+  								</div>
 
+  							</div>
 
+                <!--详情 / 审批时 数据-->
 
+                <div class="row">
 
+  								<div class="col-md-4">
 
+  									<form>
 
+  									  <div class="form-group">
 
+  									    <label><b class="text-danger">*&nbsp;</b>申请编号</label>
 
+  									    <input class="form-control" value="LZTJ-1标项目部发变更(2015)001号" type="text" readonly>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label><b class="text-danger">*&nbsp;</b>工程名称</label>
 
+  									    <input class="form-control" value="收费站出口右侧加宽段及K0+532基底换填" type="text" readonly>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>桩号</label>
 
+  									    <input class="form-control" value="K0+532" type="text" readonly>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>原设计图名称</label>
 
+  									    <input class="form-control" placeholder="" type="text" readonly>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>原图号</label>
 
+  									    <input class="form-control" placeholder="" type="text" readonly>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>变更设计图名称</label>
 
+  									    <input class="form-control" placeholder="" type="text" readonly>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>变更图号</label>
 
+  									    <input class="form-control" placeholder="" type="text" readonly>
 
+  									  </div>
 
+  									</form>
 
+  								</div>
 
+  								<div class="col-md-4" style="z-index:999">
 
+  									<form>
 
+  										  <div class="form-group">
 
+  										    <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
 
+  										    <textarea class="form-control" rows="6" readonly>由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
 
+  												</textarea>
 
+  										  </div>
 
+  										  <div class="form-group">
 
+  										    <label>工程变更合同依据</label>
 
+  										    <textarea class="form-control" rows="6" readonly></textarea>
 
+  										  </div>
 
+  										  <div class="form-group">
 
+  										    <label>备注</label>
 
+  										    <textarea class="form-control" rows="3" readonly></textarea>
 
+  										  </div>
 
+  										</form>
 
+  								</div>
 
+  								<div class="col-md-4">
 
+  									<form>
 
+  									  <div class="form-group">
 
+  									    <label>变更类型</label>
 
+  											<div class="checkbox">
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox1" value="option1" checked="" type="checkbox" disabled>A.位置
 
+  												</label>
 
+  												<!-- <label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox2" value="option2" type="checkbox">B.数量
 
+  												</label>
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
 
+  												</label>
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
 
+  												</label>
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
 
+  												</label>
 
+  												<label class="checkbox-inline">
 
+  												  <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
 
+  												</label> -->
 
+  											</div>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>变更类别 </label>
 
+  									    <select class="form-control" disabled><option>A类变更（设计变更）</option><option>B类变更（施工措施变）</option><option>C类变更（计划变更）</option><option>D类变更（条件变更）</option><option>E类变更（新增工程）</option></select>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>变更性质 </label>
 
+  									    <select class="form-control" disabled><option>一般设计变更</option><option>较大设计变更</option><option>重大设计变更</option></select>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>变更提出单位</label>
 
+  									    <!-- <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a> -->
 
+  									    <select class="form-control" disabled><option>AA公司</option><option>BB公司</option></select>
 
+  									  </div>
 
+  									  <div class="form-group">
 
+  									    <label>费用承担方</label>
 
+  											<div class="radio">
 
+  												<label class="radio-inline">
 
+  												  <input id="inlineCheckbox1" value="option1" checked="" type="radio" disabled> 业主
 
+  												</label>
 
+  												<!-- <label class="radio-inline">
 
+  												  <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
 
+  												</label> -->
 
+  											</div>
 
+  									  </div>
 
+  									</form>
 
+  								</div>
 
+  							</div>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
       <!--变更单位-->
 
   		<div class="modal fade" id="editcompany" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 
   		  <div class="modal-dialog" role="document">

Різницю між файлами не показано, бо вона завелика
+ 115 - 95
biangeng-new3.html


+ 108 - 88
biangeng-new4.html
Переглянути файл 

@@ -11,100 +11,120 @@
 
 </head>
 
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">变更管理</span>
 
+    </div>
 
+			<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 bg-nav">
 
+          <li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+          <li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+          <li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li class="active"><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main d-flex justify-content-between">
 
-						<div>
 
-              <div class="d-inline-block">
 
-                <ul class="nav nav-pills m-0">
 
-									<li class="nav-item"><a class="nav-link" href="biangeng-new2.html">变更信息</a></li>
 
-									<li class="nav-item"><a class="nav-link" href="biangeng-new3.html">变更清单</a></li>
 
-									<li class="nav-item"><a class="nav-link active" href="biangeng-new4.html">附件</a></li>
 
-								</ul>
 
-              </div>
 
-            </div>
 
-            <div>
 
-              <a href="#sub-ap" data-toggle="modal" data-target="#sub-ap" class="btn btn-sm btn-primary pull-right">上报审批</a>
 
-            </div>
 
-          </div>
 
-				</div>
 
-				<div class="content-wrap">
 
-					<div class="c-body">
 
-            <legend>附件&nbsp;&nbsp;<a href="#addfujian" class="btn btn-outline-primary btn-sm pull-right" data-toggle="modal"><span class="glyphicon glyphicon-open"></span> 上传附件</a></legend>
 
-						<table class="table table-bordered">
 
-							<thead>
 
-								<tr><th width="50">序号</th><th>名称</th><th width="90">大小</th><th width="100">上传时间</th><th width="100">操作</th></tr>
 
-							</thead>
 
-							<tbody>
 
-								<tr><td>1</td><td><a href="">合同段工程变更现场办公会议纪要的通知.rar</a></td><td>682.64 KB</td><td>2017-01-01 13:22</td><td><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
 
-								<tr><td>2</td><td><a href="">管理处关于发送LZTJ-1合同段YT-24号设计更改的通知.rar</a></td><td>1.52 MB</td><td>2017-01-01 14:22</td><td><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
 
-								<tr><td>3</td><td><a href="">原设计施工图.pdf</a></td><td>396.73 KB</td><td>2017-01-01 12:22</td><td></td></tr>
 
-							</tbody>
 
-						</table>
 
-					</div>
 
-				</div>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item active"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+        </ul>
 
 			</div>
 
 		</div>
 
-  </div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main d-flex justify-content-between">
 
+    						<div>
 
+                  <div class="d-inline-block">
 
+                    <ul class="nav nav-pills m-0">
 
+  										<li class="nav-item"><a class="nav-link" href="biangeng-new2.html">变更信息</a></li>
 
+  										<li class="nav-item"><a class="nav-link" href="biangeng-new3.html">变更清单</a></li>
 
+  										<li class="nav-item"><a class="nav-link active" href="biangeng-new4.html">附件</a></li>
 
+  									</ul>
 
+                  </div>
 
+                </div>
 
+                <div>
 
+                  <a href="#sub-ap" data-toggle="modal" data-target="#sub-ap" class="btn btn-sm btn-primary pull-right">上报审批</a>
 
+                </div>
 
+              </div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+    					<div class="c-body">
 
+                <legend>附件&nbsp;&nbsp;<a href="#addfujian" class="btn btn-outline-primary btn-sm pull-right" data-toggle="modal"><span class="glyphicon glyphicon-open"></span> 上传附件</a></legend>
 
+  							<table class="table table-bordered">
 
+  								<thead>
 
+  									<tr><th width="50">序号</th><th>名称</th><th width="90">大小</th><th width="100">上传时间</th><th width="100">操作</th></tr>
 
+  								</thead>
 
+  								<tbody>
 
+  									<tr><td>1</td><td><a href="">合同段工程变更现场办公会议纪要的通知.rar</a></td><td>682.64 KB</td><td>2017-01-01 13:22</td><td><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
 
+  									<tr><td>2</td><td><a href="">管理处关于发送LZTJ-1合同段YT-24号设计更改的通知.rar</a></td><td>1.52 MB</td><td>2017-01-01 14:22</td><td><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
 
+  									<tr><td>3</td><td><a href="">原设计施工图.pdf</a></td><td>396.73 KB</td><td>2017-01-01 12:22</td><td></td></tr>
 
+  								</tbody>
 
+  							</table>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
   		<!--添加附件-->
 
   		<div class="modal fade" id="addfujian">
 
   		  <div class="modal-dialog" role="document">

+ 181 - 161
biangeng.html
Переглянути файл 

@@ -12,173 +12,193 @@
 
 </head>
 
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">变更管理</span>
 
+    </div>
 
+			<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 bg-nav">
 
+          <li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+          <li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+          <li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li class="active"><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main d-flex justify-content-between">
 
-						<div>
 
-              <div class="d-inline-block">
 
-                <ul class="nav nav-pills m-0">
 
-									<li class="nav-item">
 
-										<a class="nav-link" href="#">待处理 <span class="badge badge-secondary">4</span></a>
 
-									</li>
 
-									<li class="nav-item"><a class="nav-link active" href="#">待上报 <span class="badge badge-light">4</span></a></li>
 
-									<li class="nav-item"><a class="nav-link" href="#">进行中 <span class="badge badge-secondary">4</span></a></li>
 
-									<li class="nav-item"><a class="nav-link" href="#">已完成 <span class="badge badge-secondary">4</span></a></li>
 
-									<li class="nav-item"><a class="nav-link" href="#">不通过 <span class="badge badge-secondary">4</span></a></li>
 
-								</ul>
 
-              </div>
 
-            </div>
 
-            <div>
 
-              <a href="#add-bj" data-toggle="modal" data-target="#add-bj" class="btn btn-sm btn-primary pull-right">新建变更令</a>
 
-              <a href="#setting" data-toggle="modal" data-target="#setting" class="btn btn-sm btn-outline-primary pull-right"><i class="fa fa-cog"></i></a>
 
-            </div>
 
-          </div>
 
-				</div>
 
-				<div class="content-wrap">
 
-					<div class="c-body">
 
-            <table class="table">
 
-							<thead>
 
-							<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%">操作</th></tr>
 
-							</thead>
 
-							<tbody>
 
-								<tr><td>LZTJ-1</td><td><a href="biangeng-new2.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td><td><a href="biangeng-new2.html" class="btn btn-warning btn-sm">审批(点我)</a></td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td><td><a href="" class="btn btn-warning btn-sm">审批</a></td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td><td><a href="" class="btn btn-warning btn-sm">审批</a></td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td><td><a href="biangeng-new.html" class="btn btn-primary btn-sm">重新上报</a></td></tr>
 
-							</tbody>
 
-						</table>
 
-						<!--待上报-->
 
-						<table class="table">
 
-							<thead>
 
-							<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%">操作</th></tr>
 
-							</thead>
 
-							<tbody>
 
-								<tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
 
-							</tbody>
 
-						</table>
 
-						<!--进行中-->
 
-						<table class="table">
 
-							<thead>
 
-							<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%">审批流程</th></tr>
 
-							</thead>
 
-							<tbody>
 
-								<tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
 
-							</tbody>
 
-						</table>
 
-						<!--已完成-->
 
-						<table class="table">
 
-							<thead>
 
-							<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th></tr>
 
-							</thead>
 
-							<tbody>
 
-								<tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td></tr>
 
-							</tbody>
 
-						</table>
 
-						<!--不通过-->
 
-						<table class="table">
 
-							<thead>
 
-							<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th></tr>
 
-							</thead>
 
-							<tbody>
 
-								<tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td></tr>
 
-								<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td></tr>
 
-							</tbody>
 
-						</table>
 
-						<!--翻页-->
 
-						<nav aria-label="Page navigation">
 
-							<ul class="pagination">
 
-								<li>
 
-									<a href="#" aria-label="Previous">
 
-										<span aria-hidden="true">«</span>
 
-									</a>
 
-								</li>
 
-								<li><a href="#">1</a></li>
 
-								<li><a href="#">2</a></li>
 
-								<li><a href="#">3</a></li>
 
-								<li><a href="#">4</a></li>
 
-								<li><a href="#">5</a></li>
 
-								<li>
 
-									<a href="#" aria-label="Next">
 
-										<span aria-hidden="true">»</span>
 
-									</a>
 
-								</li>
 
-							</ul>
 
-						</nav>
 
-					</div>
 
-				</div>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item active"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+        </ul>
 
 			</div>
 
 		</div>
 
-  </div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main d-flex justify-content-between">
 
+    						<div>
 
+                  <div class="d-inline-block">
 
+                    <ul class="nav nav-pills m-0">
 
+  										<li class="nav-item">
 
+  											<a class="nav-link" href="#">待处理 <span class="badge badge-secondary">4</span></a>
 
+  										</li>
 
+  										<li class="nav-item"><a class="nav-link active" href="#">待上报 <span class="badge badge-light">4</span></a></li>
 
+  										<li class="nav-item"><a class="nav-link" href="#">进行中 <span class="badge badge-secondary">4</span></a></li>
 
+  										<li class="nav-item"><a class="nav-link" href="#">已完成 <span class="badge badge-secondary">4</span></a></li>
 
+  										<li class="nav-item"><a class="nav-link" href="#">不通过 <span class="badge badge-secondary">4</span></a></li>
 
+  									</ul>
 
+                  </div>
 
+                </div>
 
+                <div>
 
+                  <a href="#add-bj" data-toggle="modal" data-target="#add-bj" class="btn btn-sm btn-primary pull-right">新建变更令</a>
 
+                  <a href="#setting" data-toggle="modal" data-target="#setting" class="btn btn-sm btn-outline-primary pull-right"><i class="fa fa-cog"></i></a>
 
+                </div>
 
+              </div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+    					<div class="c-body">
 
+                <table class="table">
 
+									<thead>
 
+									<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%">操作</th></tr>
 
+									</thead>
 
+									<tbody>
 
+										<tr><td>LZTJ-1</td><td><a href="biangeng-new2.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td><td><a href="biangeng-new2.html" class="btn btn-warning btn-sm">审批(点我)</a></td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td><td><a href="" class="btn btn-warning btn-sm">审批</a></td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td><td><a href="" class="btn btn-warning btn-sm">审批</a></td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td><td><a href="biangeng-new.html" class="btn btn-primary btn-sm">重新上报</a></td></tr>
 
+									</tbody>
 
+								</table>
 
+								<!--待上报-->
 
+								<table class="table">
 
+									<thead>
 
+									<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%">操作</th></tr>
 
+									</thead>
 
+									<tbody>
 
+										<tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td></tr>
 
+									</tbody>
 
+								</table>
 
+								<!--进行中-->
 
+								<table class="table">
 
+									<thead>
 
+									<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th><th width="10%">审批流程</th></tr>
 
+									</thead>
 
+									<tbody>
 
+										<tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td><td>陈特 <span class="colOrange">审批中</span></td></tr>
 
+									</tbody>
 
+								</table>
 
+								<!--已完成-->
 
+								<table class="table">
 
+									<thead>
 
+									<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th></tr>
 
+									</thead>
 
+									<tbody>
 
+										<tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td></tr>
 
+									</tbody>
 
+								</table>
 
+								<!--不通过-->
 
+								<table class="table">
 
+									<thead>
 
+									<tr><th width="10%">标段</th><th width="20%">变更令号</th><th width="30%">工程名称</th><th width="10%">变更类别</th><th width="10%">变更金额</th></tr>
 
+									</thead>
 
+									<tbody>
 
+										<tr><td>LZTJ-1</td><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更（设计变更）</td><td>101112.23</td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)002号</a></td><td>路基基底换填</td><td>A类变更（设计变更）</td><td>191991.32</td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)004号</a></td><td>土方运距</td><td>B类变更（施工措施变）</td><td>432664.96</td></tr>
 
+										<tr><td>LZTJ-1</td><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更（计划变更）</td><td>136515.46</td></tr>
 
+									</tbody>
 
+								</table>
 
+								<!--翻页-->
 
+								<nav aria-label="Page navigation">
 
+									<ul class="pagination">
 
+										<li>
 
+											<a href="#" aria-label="Previous">
 
+												<span aria-hidden="true">«</span>
 
+											</a>
 
+										</li>
 
+										<li><a href="#">1</a></li>
 
+										<li><a href="#">2</a></li>
 
+										<li><a href="#">3</a></li>
 
+										<li><a href="#">4</a></li>
 
+										<li><a href="#">5</a></li>
 
+										<li>
 
+											<a href="#" aria-label="Next">
 
+												<span aria-hidden="true">»</span>
 
+											</a>
 
+										</li>
 
+									</ul>
 
+								</nav>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
       <!--首次使用-->
 
       <div class="modal" id="first">
 
         <div class="modal-dialog" role="document" >

+ 0 - 336
biaoduan-panel.html
Переглянути файл 

@@ -1,336 +0,0 @@
 
-<!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">
 
-    <script src=js/echarts/echarts.min.js></script>
 
-    <!--zTree-->
 
-    <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
-</head>
 
-
 
-<body>
 
-	<div class="main">
 
-		<div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-			<div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
 
-        </ul>
 
-			</div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
-		</div>
 
-		<div class="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li class="active"><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
-            </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main  d-flex justify-content-between">
 
-            <h2>进行至 第7期<small class="text-warning">（审批中）</small></h2>
 
-          </div>
 
-				</div>
 
-				<div class="content-wrap">
 
-					<div class="c-body">
 
-              <!--金额概况-->
 
-              <div class="row mb-5">
 
-                <div class="col-auto">
 
-                  <div class="card text-center">
 
-                    <div class="card-body">
 
-                      <h5 class="card-title">163,000.00</h5>
 
-                      <p class="card-text text-muted">0号台帐合同</p>
 
-                    </div>
 
-                  </div>
 
-                </div>
 
-                <div class="col-auto">
 
-                  <div class="card text-center">
 
-                    <div class="card-body">
 
-                      <h5 class="card-title">30,000.00</h5>
 
-                      <p class="card-text text-muted">本期完成</p>
 
-                    </div>
 
-                  </div>
 
-                </div>
 
-                <div class="col-auto">
 
-                  <div class="card text-center">
 
-                    <div class="card-body">
 
-                      <h5 class="card-title">50,000.00 <small class="text-danger"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="占合同比例">1%</small></h5>
 
-                      <p class="card-text text-muted">截止本期变更</p>
 
-                    </div>
 
-                  </div>
 
-                </div>
 
-                <div class="col-auto">
 
-                  <div class="card text-center">
 
-                    <div class="card-body">
 
-                      <h5 class="card-title">70,000.00</h5>
 
-                      <p class="card-text text-muted">截止本期完成</p>
 
-                    </div>
 
-                  </div>
 
-                </div>
 
-                <div class="col-auto">
 
-                  <div class="card text-center">
 
-                    <div class="card-body">
 
-                      <h5 class="card-title">40,000.00</h5>
 
-                      <p class="card-text text-muted">截止上期完成</p>
 
-                    </div>
 
-                  </div>
 
-                </div>
 
-                <div class="col-auto">
 
-                  <div class="card text-center">
 
-                    <div class="card-body">
 
-                      <h5 class="card-title">30,000.00</h5>
 
-                      <p class="card-text text-muted">本期应付</p>
 
-                    </div>
 
-                  </div>
 
-                </div>
 
-              </div>
 
-              <!--进度条-->
 
-              <div class="mb-5">
 
-                <div class="progress">
 
-                  <div class="progress-bar bg-success" style="width: 24%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥40,000.00">24%</div>
 
-                  <div class="progress-bar bg-info" style="width:18%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥30,000.00">18%</div>
 
-                  <div class="progress-bar bg-gray" style="width:58%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥930,00.00">58%</div>
 
-                </div>
 
-              </div>
 
-              <!--月进度图表-->
 
-              <div id="chartContainer3" style="height: 300px; width: 100%;" class="mb-5">
 
-              </div>
 
-              <!--期汇总图表-->
 
-              <div id="chartContainer4" style="height: 300px; width: 100%;" class="mb-5">
 
-              </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>
 
-        <!-- zTree -->
 
-    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
-    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
-<script type="text/javascript">
 
-                //4 标段期数计量进度//
 
-                var myChart = echarts.init(document.getElementById('chartContainer4'));
 
-                var option = {
 
-                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
-                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
-                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
-                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
-                          title : {
 
-                              text: '标段期进度'
 
-                          },
 
-    tooltip : {
 
-        trigger: 'axis'
 
-    },
 
-    calculable : true,
 
-    legend: {
 
-        data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
 
-    },
 
-    dataZoom: [
 
-           {show: true,start: 0, end: 100}
 
-      ],
 
-    xAxis : [
 
-        {
 
-            type : 'category',
 
-            splitLine : {show : true},
 
-            data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
 
-        }
 
-    ],
 
-    yAxis : [
 
-        {
 
-           type : 'value',
 
-            name : '金额',
 
-            position:'left',
 
-            axisLabel : {
 
-                formatter: '{value} 元'
 
-            },
 
-            splitArea : {show : true}
 
-        },
 
-        {
 
-            type : 'value',
 
-            name:'完成度',
 
-            axisLabel : {
 
-                formatter: '{value} %'
 
-            },
 
-            position: 'right',
 
-            splitArea : {show : true}
 
-        }
 
-    ],
 
-    series : [
 
-        {
 
-            name:'本期合同计量',
 
-            type:'bar',
 
-            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
-            stack: '合同',
 
-            data:[320, 332, 301, 334, 390, 330, 320]
 
-        },
 
-        {
 
-            name:'本期数量变更计量',
 
-            type:'bar',
 
-            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
-            stack: '合同',
 
-            data:[320, -20, 301, 334, 390, 330, 320]
 
-        },
 
-        {
 
-            name:'截至上期累计完成',
 
-            type:'bar',
 
-            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
-            stack: '完成',
 
-            data:[120, 132, 101, 134, 90, 230, 210]
 
-        },
 
-        {
 
-            name:'本期完成计量',
 
-            type:'bar',
 
-            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
-            stack: '完成',
 
-            data:[220, 182, 191, 234, 290, 330, 310]
 
-        },
 
-        {
 
-            name:'完成度',
 
-            type:'line',
 
-            tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
 
-            yAxisIndex: 1,
 
-            data:[10, 15, 20, 13, 11, 9, 5]
 
-        },
 
-    ]
 
-};
 
-
 
-                // 为echarts对象加载数据
 
-                myChart.setOption(option);
 
-                //4 标段期数计量进度//
 
-                //3 标段月进度//
 
-// 基于准备好的dom，初始化echarts图表
 
-                var myChart = echarts.init(document.getElementById('chartContainer3'));
 
-                var option = {
 
-                          color:["#e9af68","#57b7b6"],
 
-                          title : {
 
-                              text: '标段月进度'
 
-                          },
 
-                          tooltip : {
 
-                              trigger: 'axis',
 
-                              formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %"
 
-                          },
 
-                          legend: {
 
-                              data:['累计完成','本月完成']
 
-                          },
 
-                          toolbox: {
 
-                              show : true,
 
-                              feature : {
 
-                                  magicType : {show: true, type: ['line', 'bar']}
 
-                              }
 
-                          },
 
-    dataZoom : {
 
-        show : true,
 
-        start : 50,
 
-        end : 100
 
-    },
 
-    xAxis : [
 
-        {
 
-                                  type : 'category',
 
-                                  boundaryGap : true,
 
-            data : [
 
-                '2月','3月','4月','5月','6月','7月','8月','9月','10月'
 
-            ]
 
-        }
 
-    ],
 
-    yAxis : [
 
-                              {
 
-                                  type : 'value',
 
-                                  axisLabel : {
 
-                                      formatter: '{value} %'
 
-                                  },
 
-                                  splitArea : {show : true}
 
-                              }
 
-                          ],
 
-    series : [
 
-                              {
 
-                                  name:'累计完成',
 
-                                  type:'line',
 
-                                  itemStyle: {
 
-                                      normal: {
 
-                                          lineStyle: {
 
-                                              shadowColor : 'rgba(0,0,0,0.4)',
 
-                                              shadowBlur: 5,
 
-                                              shadowOffsetX: 3,
 
-                                              shadowOffsetY: 3
 
-                                          }
 
-                                      }
 
-                                  },
 
-                                  data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
 
-                              },
 
-                              {
 
-                                  name:'本月完成',
 
-                                  type:'line',
 
-                                  itemStyle: {
 
-                                      normal: {
 
-                                          lineStyle: {
 
-                                              shadowColor : 'rgba(0,0,0,0.4)',
 
-                                              shadowBlur: 5,
 
-                                              shadowOffsetX: 3,
 
-                                              shadowOffsetY: 3
 
-                                          }
 
-                                      }
 
-                                  },
 
-                                  data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
 
-                              }
 
-                          ]
 
-  };
 
-                // 为echarts对象加载数据 
-                myChart.setOption(option); 
-                //3 标段月进度//
 
-    </script>
 
-</body>
 
-
 
-</html>

+ 200 - 39
biaoduan.html
Переглянути файл 

@@ -15,31 +15,70 @@
 
 </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="poj-name">
 
+      <span class="name">标段管理</span>
 
+    </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 d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
+		<div class="main-nav">
 
 			<div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
 
-        </ul>
 
+				<ul class="nav nav-pills flex-column bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item active"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
 			</div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
 		</div>
 
 		<div class="main-panel">
 
 			<div class="panel-content">
 
@@ -47,7 +86,6 @@
 
 					<div class="title-main  d-flex justify-content-between">
 
             <div>
 
               <div class="d-inline-block mr-2">
 
-                <a href="settings-poj.html" class="btn btn-sm btn-light" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i></a>
 
                 <button href="#cate-set" class="btn btn-sm btn-light" data-toggle="modal" data-target="#cate-set"><i class="fa fa-sitemap fa-rotate-270"></i> 分类</button>
 
               </div>
 
               <div class="d-inline-block">
 
@@ -76,8 +114,19 @@
 
 				</div>
 
 				<div class="content-wrap">
 
 					<div class="c-body">
 
+            <!--计量进度图表-->
 
+            <div class="row mb-5">
 
+              <div class="col-4">
 
+                <!--图表1-->
 
+                <div id="chartContainer1" style="width:100%;height:300px"></div>
 
+              </div>
 
+              <div class="col-8">
 
+                <!--图表2-->
 
+                <div id="chartContainer2" style="width:100%;height:300px"></div>
 
+              </div>
 
+            </div>
 
             <!--默认-->
 
-            <table class="table table-bordered">
 
+            <table class="table table-bordered table-sm">
 
               <thead>
 
                 <th>名称</th>
 
                 <th>计量期数</th>
 
@@ -86,7 +135,7 @@
 
                 <th>本期完成</th>
 
                 <th>截止本期合同</th>
 
                 <th>截止本期变更</th>
 
-                <th>截止本期完成</th>
 
+                <th>接着本期完成</th>
 
                 <th>截止上期完成</th>
 
                 <th>本期应付</th>
 
               </thead>
 
@@ -127,7 +176,7 @@
 
                 <td>0</td>
 
               </tr>
 
               <tr>
 
-                <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
 
+                <td class="in-3"><span class="text-muted mr-2">├</span><a href="jiliang-qi.html">WWUJ-1</a></td>
 
                 <td>共15期</td>
 
                 <td>审批中</td>
 
                 <td>0</td>
 
@@ -151,7 +200,7 @@
 
                 <td>0</td>
 
               </tr>
 
               <tr>
 
-                <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-2</a></td>
 
+                <td class="in-3"><span class="text-muted mr-2">├</span><a href="jiliang-qi.html">WWUJ-2</a></td>
 
                 <td>共15期</td>
 
                 <td>审批中</td>
 
                 <td>0</td>
 
@@ -163,7 +212,7 @@
 
                 <td>0</td>
 
               </tr>
 
               <tr>
 
-                <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
 
+                <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-3</a></td>
 
                 <td>共15期</td>
 
                 <td>审批中</td>
 
                 <td>0</td>
 
@@ -176,7 +225,7 @@
 
               </tr>
 
             </table>
 
             <!--计量进度-->
 
-            <table class="table table-bordered">
 
+            <table class="table table-bordered table-sm">
 
                 <thead>
 
                   <th>名称</th>
 
                   <th width="120">完成期数</th>
 
@@ -202,12 +251,12 @@
 
                   <td></td>
 
                 </tr>
 
                 <tr>
 
-                <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
 
+                <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-1</a></td>
 
                   <td>共15期</td>
 
                   <td>￥5,000,000.00</td>
 
                   <td>
 
                     <div class="progress">
 
-                      <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">45%</div>
 
+                      <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止本期累计完成：￥731,121,121.00">45%</div>
 
                       <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
                       <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
                     </div>
 
@@ -220,24 +269,24 @@
 
                   <td></td>
 
                 </tr>
 
                 <tr>
 
-                <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-2</a></td>
 
+                <td class="in-3"><span class="text-muted mr-2">├</span><a href="jiliang-qi.html">WWUJ-2</a></td>
 
                   <td>共15期</td>
 
                   <td>￥5,000,000.00</td>
 
                   <td>
 
                     <div class="progress">
 
-                      <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">45%</div>
 
+                      <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止本期累计完成：￥731,121,121.00">45%</div>
 
                       <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
                       <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
                     </div>
 
                   </td>
 
                 </tr>
 
                 <tr>
 
-                <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
 
+                <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-3</a></td>
 
                   <td>共15期</td>
 
                   <td>￥5,000,000.00</td>
 
                   <td>
 
                     <div class="progress">
 
-                      <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期累计完成：￥731,121,121.00">45%</div>
 
+                      <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止本期累计完成：￥731,121,121.00">45%</div>
 
                       <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
                       <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
                     </div>
 
@@ -245,7 +294,7 @@
 
                 </tr>
 
             </table>
 
             <!--管理标段-->
 
-            <table class="table table-bordered">
 
+            <table class="table table-bordered table-sm">
 
                 <thead>
 
                   <th>名称</th>
 
                   <th width="120">完成期数</th>
 
@@ -267,14 +316,14 @@
 
                   <td></td>
 
                 </tr>
 
                 <tr>
 
-                <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
 
+                <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-1</a></td>
 
                   <td>共15期</td>
 
                   <td>
 
                     <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
 
                   </td>
 
                 </tr>
 
                 <tr>
 
-                <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-2</a></td>
 
+                <td class="in-3"><span class="text-muted mr-2">├</span><a href="jiliang-qi.html">WWUJ-2</a></td>
 
                   <td>共15期</td>
 
                   <td>
 
                     <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
 
@@ -286,7 +335,7 @@
 
                   <td></td>
 
                 </tr>
 
                 <tr>
 
-                <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
 
+                <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-3</a></td>
 
                   <td>共0期</td>
 
                   <td>
 
                     <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
 
@@ -519,4 +568,116 @@
 
             //-->
 
     </script>
 
 </body>
 
+
 
+<script type="text/javascript">
 
+                //1 标段完成占比/
 
+                var myChart = echarts.init(document.getElementById('chartContainer1'));
 
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+                  title : {
 
+                      text: '标段完成占比',
 
+                      x:'left'
 
+                  },
 
+
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：{c} 元<br>占：{d} %"
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          radius : '60%',
 
+                          center: ['50%','50%'],
 
+                          data:[
 
+                              {value:7814964.00, name:'WWUJ-1'},
 
+                              {value:6043186.10, name:'WWUJ-2'},
 
+                              {value:6917475.00, name:'WWUJ-3'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据
 
+                myChart.setOption(option);
 
+                //1 //
 
+                //2 土建标月进度//
 
+                var myChart = echarts.init(document.getElementById('chartContainer2'));
 
+                var option = {
 
+                          color:['#6699FF','#3cb371'],
 
+                          title : {
 
+                              text: '月进度'
 
+                          },
 
+                          tooltip : {
 
+                              trigger: 'axis',
 
+                              formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %"
 
+                          },
 
+                          legend: {
 
+                              data:['累计完成','本月完成']
 
+                          },
 
+                  dataZoom : {
 
+                      show : true,
 
+                      start :50,
 
+                      end : 100
 
+                  },
 
+                  xAxis : [
 
+                      {
 
+                                                type : 'category',
 
+                                                boundaryGap : true,
 
+                          data : [
 
+                              '2017-01','2017-02','2017-03','2017-04','2017-05','2017-06','2017-07','2017-08','2017-09'
 
+                          ]
 
+                      }
 
+                  ],
 
+                  yAxis : [
 
+                                            {
 
+                                                type : 'value',
 
+                                                axisLabel : {
 
+                                                    formatter: '{value} %'
 
+                                                },
 
+                                                splitArea : {show : true}
 
+                                            }
 
+                                        ],
 
+                  series : [
 
+                                            {
 
+                                                name:'累计完成',
 
+                                                type:'line',
 
+                                                itemStyle: {
 
+                                                    normal: {
 
+                                                        lineStyle: {
 
+                                                            shadowColor : 'rgba(0,0,0,0.4)',
 
+                                                            shadowBlur: 5,
 
+                                                            shadowOffsetX: 3,
 
+                                                            shadowOffsetY: 3
 
+                                                        }
 
+                                                    }
 
+                                                },
 
+                                                data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
 
+                                            },
 
+                                            {
 
+                                                name:'本月完成',
 
+                                                type:'line',
 
+                                                itemStyle: {
 
+                                                    normal: {
 
+                                                        lineStyle: {
 
+                                                            shadowColor : 'rgba(0,0,0,0.4)',
 
+                                                            shadowBlur: 5,
 
+                                                            shadowOffsetX: 3,
 
+                                                            shadowOffsetY: 3
 
+                                                        }
 
+                                                    }
 
+                                                },
 
+                                                data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
 
+                                            }
 
+                                        ]
 
+              };
 
+
 
+
 
+                // 为echarts对象加载数据
 
+                myChart.setOption(option);
 
+                //3 标段计量分布//
 
+    </script>
 
 </html>

+ 18 - 36
css/main.css
Переглянути файл 

@@ -14,11 +14,6 @@ body {
 
 .btn,.btn-group {
 
   vertical-align: baseline;
 
 }
 
-.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
 
-  background-color: #e4e7ea;
 
-  color:#333;
 
-  font-weight: 600
 
-}
 
 /*自定义css*/
 
 .in-1{padding-left:5px!important}
 
 .in-2{padding-left:21px!important}
 
@@ -127,14 +122,14 @@ body {
 
 .main-nav {
 
   position: fixed;
 
   z-index: 99;
 
-  width:55px;
 
+  width:120px;
 
   left: 0;
 
   top: 0;
 
   height: 100%;
 
   background: #33425b;
 
 }
 
 .main-panel{
 
-  padding-left:55px;
 
+  padding-left:120px;
 
   box-sizing: border-box;
 
 }
 
 .panel-sidebar{
 
@@ -143,13 +138,13 @@ body {
 
   position: fixed;
 
   height: 100%;
 
   z-index: 4;
 
-  left:55px;
 
-  padding-top:50px;
 
+  left:120px;
 
+  padding-top: 100px;
 
   border-right: 1px solid #ddd;
 
-  width: 200px;
 
+  width: 250px;
 
 }
 
 .panel-content{
 
-  padding:65px 0 0;
 
+  padding:115px 0 0;
 
   position: relative;
 
   z-index: 3;
 
   box-sizing: border-box;
 
@@ -160,7 +155,7 @@ body {
 
   margin:0 15px 15px;
 
 }
 
 .panel-sidebar+.panel-content{
 
-  padding: 65px 0 0 200px;
 
+  padding: 115px 0 0 250px;
 
 }
 
 .panel-title, .panel-title>.title-bar {
 
   height:50px;
 
@@ -168,7 +163,7 @@ body {
 
 }
 
 .panel-title{
 
   position: fixed;
 
-  top:0px;
 
+  top: 50px;
 
   z-index: 98;
 
   width: 100%;
 
   box-sizing: border-box;
 
@@ -177,17 +172,17 @@ body {
 
   border-top: 1px solid #ddd;
 
 }
 
 .panel-sidebar .panel-title{
 
-  width:200px;
 
+  width:250px;
 
   border-right: 1px solid #ddd;
 
   box-shadow: 0 1px 3px rgba(0,0,0,.1);
 
 }
 
 .panel-content .panel-title{
 
   left: 0;
 
-  padding-left: 255px;
 
+  padding-left: 370px;
 
   padding-right: 20px;
 
 }
 
 .panel-content .panel-title.fluid{
 
-  padding-left:55px
 
+  padding-left:120px
 
 }
 
 .panel-title>.title-bar{
 
   padding-left: 20px
 
@@ -214,7 +209,7 @@ body {
 
 .side-menu{
 
   position: fixed;
 
   right:15px;
 
-  top:66px
 
+  top:116px
 
 }
 
 .side-menu .nav-link{
 
   line-height: 16px;
 
@@ -329,22 +324,15 @@ body {
 
 }
 
 /*侧栏主菜单*/
 
 .nav-top{
 
-  width: 55px
 
+  padding-top: 50px
 
 }
 
 .bg-nav a{
 
   color:#7786ab;
 
-  width:55px;
 
-  text-align: center;
 
+  width:120px;
 
+  height: 55px;
 
+  line-height: 55px;
 
   display: inline-block;
 
-  padding:15px 0;
 
-  font-size: 12px
 
-}
 
-.bg-nav a i{
 
-  font-size:22px;
 
-}
 
-
 
-.bg-nav a span{
 
-  display: none;
 
+  padding:0 0 0 10px
 
 }
 
 .bg-nav > li{
 
   width:120px
 
@@ -361,9 +349,6 @@ body {
 
   color:#f2f2f2;
 
   text-decoration: none;
 
 }
 
-.bg-nav > li.active a span{
 
-  display: block;
 
-  }
 
 .bg-nav > li + li {
 
     margin-top:0;
 
 }
 
@@ -391,10 +376,7 @@ body {
 
   border-bottom: 1px solid #e2eaec;
 
   padding-right: 15px;
 
   margin-bottom: 10px;
 
-  margin-left: 17px
 
-}
 
-.nav-box > .sub-list > li > a{
 
-  padding-left: 40px
 
+  margin-left: 20px
 
 }
 
 .nav-list li a{
 
   color: #333;

+ 61 - 24
dashboard.html
Переглянути файл 

@@ -12,32 +12,69 @@
 
 </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>
 
+				 </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 d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li class="active"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
 
+		<div class="main-nav">
 
+			<div class="nav-top">
 
+        <ul class="nav nav-pills flex-column bg-nav">
 
+          <li class="nav-item active"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+          <li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+          <li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
         </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
-    </div>
 
+			</div>
 
+		</div>
 
 		<div class="main-panel">
 
 			<div class="panel-content">
 
 				<div class="panel-title fluid">

BIN
img/logo.png
Переглянути файл


+ 839 - 0
jiliang-approval.html
Переглянути файл 

@@ -0,0 +1,839 @@
 
+<!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">
 
+  	<link href="css/datepicker/datepicker.min.css" rel="stylesheet" type="text/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="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">中间计量</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main d-flex justify-content-between">
 
+                <div>
 
+                  <div class="d-inline-block mr-3">
 
+                    <ul class="nav nav-pills m-0">
 
+  										<li class="nav-item">
 
+  											<a class="nav-link" href="jiliang-qi.html">返回</a>
 
+  										</li>
 
+  										<li class="nav-item">
 
+  											<a class="nav-link active" href="jiliang-approval.html">审批计量</a>
 
+  										</li>
 
+                      <li class="nav-item">
 
+                        <a class="nav-link" href="jiliang-approval2.html">审批对比</a>
 
+                      </li>
 
+  									</ul>
 
+                  </div>
 
+                </div>
 
+                <div>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批完成</a>
 
+                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
 
+                  <!--审批-->
 
+                  <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
+                  <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
+                </div>
 
+              </div>
 
+    				</div>
 
+    				<div class="content-wrap row pr-46">
 
+              <div class="c-header p-0 col-12"></div>
 
+              <div class="row w-100 sub-content">
 
+                <div class="c-body col-8">
 
+                  <div class="sjs-height-1">
 
+                    <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">0号台帐合同</th>
 
+                          <th colspan="2">本次合同计量</th>
 
+                          <th colspan="2">本次数量变更</th>
 
+                          <th colspan="2">本次完成计量</th>
 
+                          <th rowspan="2">审批意见</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>1</td>
 
+                          <td></td>
 
+                          <td>第一部分建筑安装工程费</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>3</td>
 
+                          <td>1-1</td>
 
+                          <td></td>
 
+                          <td>临时工程</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>4</td>
 
+                          <td>1-1-1</td>
 
+                          <td></td>
 
+                          <td>临时道路</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>5</td>
 
+                          <td>1-1-2</td>
 
+                          <td></td>
 
+                          <td>临时便桥</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>6</td>
 
+                          <td>1-2</td>
 
+                          <td></td>
 
+                          <td>路基工程</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>7</td>
 
+                          <td>1-2-1</td>
 
+                          <td></td>
 
+                          <td>场地清理</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>8</td>
 
+                          <td>1-2-1-1</td>
 
+                          <td></td>
 
+                          <td>清理与挖除</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>9</td>
 
+                          <td>1-2-1-1-1</td>
 
+                          <td></td>
 
+                          <td>k0+000-k1+000</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr class="bg-primary">
 
+                          <td>10</td>
 
+                          <td></td>
 
+                          <td>201-1</td>
 
+                          <td>清理现场</td>
 
+                          <td>m3</td>
 
+                          <td>7.53</td>
 
+                          <td>100</td>
 
+                          <td>753</td>
 
+                          <td><input value="20"></td>
 
+                          <td>150.6</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td>10</td>
 
+                          <td>75.3</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>11</td>
 
+                          <td>1-2-1-1-2</td>
 
+                          <td></td>
 
+                          <td>k0+000-k1+000</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>12</td>
 
+                          <td></td>
 
+                          <td>201-1</td>
 
+                          <td>清理现场</td>
 
+                          <td>m3</td>
 
+                          <td>7.53</td>
 
+                          <td>100</td>
 
+                          <td>753</td>
 
+                          <td><input value="10"></td>
 
+                          <td>75.3</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td>10</td>
 
+                          <td>75.3</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>13</td>
 
+                          <td>1-4</td>
 
+                          <td></td>
 
+                          <td>桥梁涵洞工程</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                          <td>14</td>
 
+                          <td>1-4-1</td>
 
+                          <td></td>
 
+                          <td>特大桥工程</td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                          <td></td>
 
+                        </tr>
 
+                      </tbody>
 
+                    </table>
 
+                  </div>
 
+      					</div>
 
+                <div class="c-body col">
 
+                  <div class="tab-content">
 
+                    <div id="biangeng" class="tab-pane active">
 
+                      <div class="sjs-bar row">
 
+                        <div class="col-auto">
 
+                          <select class="form-control form-control-sm">
 
+                            <option>全部</option>
 
+                            <option>可用变更令</option>
 
+                            <option>本次计量已用</option>
 
+                          </select>
 
+                        </div>
 
+  										</div>
 
+                      <div class="sjs-height-3">
 
+                        <table class="table table-bordered">
 
+                          <tr><th></th><th>批复编号</th><th>名称</th><th>金额</th><th>已执行(%)</th></tr>
 
+            						</table>
 
+                      </div>
 
+                      <div class="sjs-bottom">
 
+                        <ul class="nav nav-tabs">
 
+                          <li class="nav-item">
 
+                            <a class="nav-link active" data-toggle="tab" href="#qingdan" role="tab">变更清单</a>
 
+                          </li>
 
+                          <li class="nav-item">
 
+                            <a class="nav-link" data-toggle="tab" href="#detail" role="tab">变更信息</a>
 
+                          </li>
 
+                          <li class="nav-item">
 
+                            <a class="nav-link" data-toggle="tab" href="#fujian" role="tab">附件</a>
 
+                          </li>
 
+                        </ul>
 
+                        <div class="tab-content">
 
+                          <div id="qingdan" class="tab-pane active">
 
+                            <div class="sjs-bottom-2">
 
+                              <table class="table table-bordered">
 
+                                <tr><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>已变更</th></tr>
 
+                              </table>
 
+                            </div>
 
+                          </div>
 
+                          <div id="detail" class="tab-pane">
 
+                            <div class="sjs-bottom-2">
 
+                              <div class="form-group">
 
+          									    <label>批复编号</label>
 
+          									    <input class="form-control form-control-sm" value="LZTJ-1标项目部发变更(2015)001号" type="text" readonly>
 
+          									  </div>
 
+                              <div class="form-group">
 
+          									    <label>申请编号</label>
 
+          									    <input class="form-control form-control-sm" value="LZTJ-1标项目部发变更(2015)001号" type="text" readonly>
 
+          									  </div>
 
+          									  <div class="form-group">
 
+          									    <label>工程名称</label>
 
+          									    <input class="form-control form-control-sm" value="收费站出口右侧加宽段及K0+532基底换填" type="text" readonly>
 
+          									  </div>
 
+          									  <div class="form-group">
 
+          									    <label>桩号</label>
 
+          									    <input class="form-control form-control-sm" value="K0+532" type="text" readonly>
 
+          									  </div>
 
+          									  <div class="form-group">
 
+          									    <label>原设计图名称</label>
 
+          									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
 
+          									  </div>
 
+          									  <div class="form-group">
 
+          									    <label>原图号</label>
 
+          									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
 
+          									  </div>
 
+          									  <div class="form-group">
 
+          									    <label>变更设计图名称</label>
 
+          									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
 
+          									  </div>
 
+          									  <div class="form-group">
 
+          									    <label>变更图号</label>
 
+          									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
 
+          									  </div>
 
+                              <div class="form-group">
 
+        										    <label>工程变更理由及内容</label>
 
+        										    <textarea class="form-control form-control-sm" rows="6" readonly>由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
 
+        												</textarea>
 
+        										  </div>
 
+        										  <div class="form-group">
 
+        										    <label>工程变更合同依据</label>
 
+        										    <textarea class="form-control form-control-sm" rows="6" readonly></textarea>
 
+        										  </div>
 
+        										  <div class="form-group">
 
+        										    <label>备注</label>
 
+        										    <textarea class="form-control form-control-sm" rows="3" readonly></textarea>
 
+        										  </div>
 
+                              <div class="form-group">
 
+                                <label>变更类型</label>
 
+                                <div class="checkbox">
 
+                                  <label class="checkbox-inline">
 
+                                    <input id="inlineCheckbox1" value="option1" checked="" type="checkbox" disabled>A.位置
 
+                                  </label>
 
+                                  <!-- <label class="checkbox-inline">
 
+                                    <input id="inlineCheckbox2" value="option2" type="checkbox">B.数量
 
+                                  </label>
 
+                                  <label class="checkbox-inline">
 
+                                    <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
 
+                                  </label>
 
+                                  <label class="checkbox-inline">
 
+                                    <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
 
+                                  </label>
 
+                                  <label class="checkbox-inline">
 
+                                    <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
 
+                                  </label>
 
+                                  <label class="checkbox-inline">
 
+                                    <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
 
+                                  </label> -->
 
+                                </div>
 
+                              </div>
 
+                              <div class="form-group">
 
+                                <label>变更类别 </label>
 
+                                <select class="form-control form-control-sm" disabled><option>A类变更（设计变更）</option><option>B类变更（施工措施变）</option><option>C类变更（计划变更）</option><option>D类变更（条件变更）</option><option>E类变更（新增工程）</option></select>
 
+                              </div>
 
+                              <div class="form-group">
 
+                                <label>变更性质 </label>
 
+                                <select class="form-control form-control-sm" disabled><option>一般设计变更</option><option>较大设计变更</option><option>重大设计变更</option></select>
 
+                              </div>
 
+                              <div class="form-group">
 
+                                <label>变更提出单位</label>
 
+                                <!-- <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a> -->
 
+                                <select class="form-control form-control-sm" disabled><option>AA公司</option><option>BB公司</option></select>
 
+                              </div>
 
+                              <div class="form-group">
 
+                                <label>费用承担方</label>
 
+                                <div class="radio">
 
+                                  <label class="radio-inline">
 
+                                    <input id="inlineCheckbox1" value="option1" checked="" type="radio" disabled> 业主
 
+                                  </label>
 
+                                  <!-- <label class="radio-inline">
 
+                                    <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
 
+                                  </label> -->
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                          <div id="fujian" class="tab-pane">
 
+                            <table class="table table-bordered">
 
+                              <tr><th>名称</th><th>上传者</th></tr>
 
+                              <tr><td><a href="">合同段工程变更现场办公会议纪要的通知.rar</a></td><th>张三</th></tr>
 
+                            </table>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div id="jlbiao" class="tab-pane">
 
+                      <div class="sjs-bar row">
 
+                        <div class="col-auto"><a href="#" class="btn btn-outline-primary btn-sm">自动生成</a></div>
 
+                        <div class="col">
 
+                          <div class="input-group input-group-sm">
 
+                            <div class="input-group-prepend">
 
+                              <span class="input-group-text" id="basic-addon3">表号前缀</span>
 
+                            </div>
 
+                            <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="sjs-height-3">
 
+                        <table class="table table-bordered">
 
+                          <tr><th>编号</th><th>中间计量表号</th><th>交工证书/凭证表</th></tr>
 
+                        </table>
 
+                      </div>
 
+                      <div class="sjs-bottom">
 
+                        <div class="form-group">
 
+            					    <label>变更令号：</label>
 
+            					    <input class="form-control form-control-sm" type="text">
 
+            					  </div>
 
+                        <div class="form-group">
 
+            					    <label>部位：</label>
 
+            					    <input class="form-control form-control-sm" type="text">
 
+            					  </div>
 
+                        <div class="form-group">
 
+            					    <label>起始桩号：</label>
 
+            					    <input class="form-control form-control-sm" type="text">
 
+            					  </div>
 
+                        <div class="form-group">
 
+            					    <label>分部分项工程：</label>
 
+            					    <input class="form-control form-control-sm" type="text">
 
+            					  </div>
 
+                        <div class="form-group">
 
+            					    <label>计量单元：</label>
 
+            					    <input class="form-control form-control-sm" type="text">
 
+            					  </div>
 
+                        <div class="form-group">
 
+            					    <label>图号：</label>
 
+            					    <input class="form-control form-control-sm" type="text">
 
+            					  </div>
 
+                        <div class="form-group">
 
+            					    <label>计算式说明：</label>
 
+            					    <textarea class="form-control"></textarea>
 
+            					  </div>
 
+                        <div class="form-group">
 
+                          <a href="#edit-img" data-toggle="modal" data-target="#edit-img"  class="pull-right">添加草图</a>
 
+            					    <label>计算草图：</label>
 
+            					    <p class="form-control"><img src="img/sketch/2.png" class="d-100"></p>
 
+            					  </div>
 
+                      </div>
 
+                    </div>
 
+                    <div id="spjilu" class="tab-pane">
 
+                      <div class="sjs-bar">
 
+                        <table class="table table-bordered">
 
+                          <tr><th>清单编号</th><th>清单名称</th><th>上报数量</th></tr>
 
+                          <tr><td>201-1</td><td>清理现场</td><td>10</td></tr>
 
+                        </table>
 
+                      </div>
 
+                      <div class="sjs-height-2">
 
+                        <table class="table table-bordered">
 
+                          <tr><th>审批人</th><th>审批数量</th><th>审批意见</th></tr>
 
+                          <tr><td>张三</td><td>15</td><td>审批意见文本</td></tr>
 
+                          <tr><td>王五</td><td>20</td><td>审批意见文本</td></tr>
 
+                        </table>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="side-menu">
 
+                <!--右侧菜单-->
 
+                <ul class="nav flex-column right-nav">
 
+                  <li class="nav-item">
 
+                    <a class="nav-link active" data-toggle="tab" href="#biangeng" role="tab">变更令</a>
 
+                  </li>
 
+                  <li class="nav-item">
 
+                    <a class="nav-link" data-toggle="tab" href="#jlbiao" role="tab">中间计量表</a>
 
+                  </li>
 
+                  <li class="nav-item">
 
+                    <a class="nav-link" data-toggle="tab" href="#spjilu" role="tab">中间审批记录</a>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
+      <!--审批流程/结果-->
 
+      <div class="modal fade" id="sp-list" 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="card mt-3">
 
+                      <ul class="list-group list-group-flush">
 
+                        <li class="list-group-item">
 
+                          <span class="text-success pull-right">审批通过</span>
 
+                           <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
 
+                           <p class="card-text">审批意见。2018-01-01</p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                          <span class="text-warning pull-right">审批中</span>
 
+                           <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
 
+                           <p class="card-text"></p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                           <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--审批流程/结果-->
 
+      <div class="modal fade" id="sp-list" 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="card mt-3">
 
+                      <ul class="list-group list-group-flush">
 
+                        <li class="list-group-item">
 
+                          <span class="text-success pull-right">审批通过</span>
 
+                           <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
 
+                           <p class="card-text">审批意见。2018-01-01</p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                          <span class="text-warning pull-right">审批中</span>
 
+                           <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
 
+                           <p class="card-text"></p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                           <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--审批通过-->
 
+      <div class="modal fade" id="sp-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">
 
+                    <div class="card mt-3">
 
+                      <ul class="list-group list-group-flush">
 
+                        <li class="list-group-item">
 
+                          <span class="text-success pull-right">审批通过</span>
 
+                           <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
 
+                           <p class="card-text">审批意见。2018-01-01</p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                          <span class="text-warning pull-right">审批中</span>
 
+                           <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
 
+                           <div class="form-group">
 
+                             <label>审批意见<b class="text-danger">*</b></label>
 
+                             <textarea class="form-control" ></textarea>
 
+                           </div>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                           <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-success" >确认通过</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--审批退回-->
 
+      <div class="modal fade" id="sp-back" 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="card mt-3">
 
+                      <ul class="list-group list-group-flush">
 
+                        <li class="list-group-item">
 
+                          <span class="text-success pull-right">审批通过</span>
 
+                           <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
 
+                           <p class="card-text">审批意见。2018-01-01</p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                          <span class="text-warning pull-right">审批中</span>
 
+                           <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
 
+                           <div class="form-group">
 
+                             <label>审批意见<b class="text-danger">*</b></label>
 
+                             <textarea class="form-control" ></textarea>
 
+                           </div>
 
+                           <div class="alert alert-warning">审批退回，将直接退回给上报人。</data-min-view>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                           <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-warning" >确认退回</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--添加草图-->
 
+      <div class="modal fade" id="edit-img" data-backdrop="static">
 
+          <div class="modal-dialog modal-lgx" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">添加草图</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <p><a href="" class="btn btn-outline-primary btn-sm">上传图片</a></p>
 
+                    <div class="img-view">
 
+                      <div class="img-item">
 
+                        <div class="img-bar">
 
+                          <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                        </div>
 
+                        <img src="img/sketch/1.png" id="draggable">
 
+                      </div>
 
+                      <div class="img-item" style="left:300px;">
 
+                        <div class="img-bar">
 
+                          <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                        </div>
 
+                        <img src="img/sketch/2.png" id="draggable">
 
+                      </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" >确认</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>
 
+  	<script src="js/datepicker/datepicker.min.js"></script>
 
+  	<script src="js/datepicker/datepicker.zh.js"></script>
 
+    <script type="text/javascript">
 
+        autoFlashHeight();
 
+    </script>
 
+    <script>
 
+        $( function() {
 
+            $( "#draggable" ).draggable();
 
+        } );
 
+    </script>
 
+</body>
 
+
 
+</html>

Різницю між файлами не показано, бо вона завелика
+ 1010 - 0
jiliang-detail.html


+ 184 - 0
jiliang-list.html
Переглянути файл 

@@ -0,0 +1,184 @@
 
+<!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="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">计量审批</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main d-flex justify-content-between">
 
+                <div>
 
+                  <div class="btn-group" role="group" aria-label="Basic example">
 
+                    <button type="button" class="btn btn-secondary btn-sm">全部</button>
 
+                    <button type="button" class="btn btn-outline-secondary btn-sm">审批中</button>
 
+                    <button type="button" class="btn btn-outline-secondary btn-sm">待审批</button>
 
+                    <button type="button" class="btn btn-outline-secondary btn-sm">审批完成</button>
 
+                  </div>
 
+                  <div class="btn-group dropdown">
 
+                    <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-filter"></i> 筛选</button>
 
+                    <div class="dropdown-menu">
 
+                      <form class="px-3">
 
+                        <div class="form-group">
 
+                          <select class="form-control form-control-sm">
 
+                            <option>计量年份</option>
 
+                            <option>2018</option>
 
+                            <option>2017</option>
 
+                            <option>2016</option>
 
+                          </select>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <select class="form-control form-control-sm">
 
+                            <option>计量月份</option>
 
+                            <option>1月</option>
 
+                            <option>2月</option>
 
+                            <option>3月</option>
 
+                            <option>4月</option>
 
+                            <option>5月</option>
 
+                            <option>6月</option>
 
+                            <option>7月</option>
 
+                            <option>8月</option>
 
+                            <option>9月</option>
 
+                            <option>10月</option>
 
+                            <option>11月</option>
 
+                            <option>12月</option>
 
+                          </select>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <select class="form-control form-control-sm">
 
+                            <option>计量期</option>
 
+                            <option>14期</option>
 
+                            <option>13期</option>
 
+                            <option>12期</option>
 
+                            <option>11期</option>
 
+                            <option>10期</option>
 
+                            <option>9期</option>
 
+                            <option>8期</option>
 
+                            <option>7期</option>
 
+                            <option>6期</option>
 
+                            <option>5期</option>
 
+                            <option>4期</option>
 
+                            <option>3期</option>
 
+                            <option>2期</option>
 
+                            <option>1期</option>
 
+                          </select>
 
+                        </div>
 
+                      </form>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+    					<div class="c-body">
 
+                <div class="tab-content">
 
+                  <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-approval.html">WWUJ-2-201710</a></td><td>34234234.00</td><td>201710</td><td></td><td><span class="text-warning">审批中</span></td><td>监理-张三</td></tr>
 
+                      <tr><td><a href="jiliang-approval.html">WWUJ-2-201710</a></td><td>34234234.00</td><td>201710</td><td>第 15 期</td><td><a href="jiliang-approval.html" class="btn-primary btn-sm">审批</a></td><td>监理-张三</td></tr>
 
+                      <tr><td><a href="jiliang-approval.html">WWUJ-2-201709</a></td><td>34234234.00</td><td>201710</td><td>第 14 期</td><td><span class="text-success">审批完成</span></td><td>业主-王五</td></tr>
 
+                    </tobody>
 
+                  </table>
 
+                </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>

Різницю між файлами не показано, бо вона завелика
+ 530 - 505
jiliang-qi-detail-1.html


+ 303 - 279
jiliang-qi-detail-2.html
Переглянути файл 

@@ -12,299 +12,323 @@
 
     <script src=js/echarts/echarts.min.js></script>
 
 </head>
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">期计量</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li class="active"><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main d-flex justify-content-between">
 
-            <div>
 
-              <div class="d-inline-block">
 
-                <ul class="nav nav-pills m-0">
 
-									<li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-1.html">本期计量台帐</a></li>
 
-                  <li class="nav-item"><a class="nav-link active" href="jiliang-qi-detail-2.html">合同支付</a></li>
 
-                  <li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-3.html">报表</a></li>
 
-                </ul>
 
+          </li>
 
+          <li class="nav-item active"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+        </ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main d-flex justify-content-between">
 
+                <div>
 
+                  <div class="d-inline-block">
 
+                    <ul class="nav nav-pills m-0">
 
+  										<li class="nav-item">
 
+  											<a class="nav-link" href="jiliang-qi.html">返回</a>
 
+  										</li>
 
+  										<li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-1.html">本期计量台帐</a></li>
 
+                      <li class="nav-item"><a class="nav-link active" href="jiliang-qi-detail-2.html">合同支付</a></li>
 
+                      <li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-3.html">报表</a></li>
 
+                    </ul>
 
+                  </div>
 
+                </div>
 
+                <div>
 
+                  <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
+                    <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
 
+                  <!--审批-->
 
+                  <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
+                  <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
+                </div>
 
               </div>
 
             </div>
 
-            <div>
 
-              <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
-                <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
-              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
 
-              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
 
-              <!--审批-->
 
-              <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
-              <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
-            </div>
 
-          </div>
 
-        </div>
 
-				<div class="content-wrap">
 
-          <div class="c-header p-0"></div>
 
-					<div class="c-body">
 
-            <!--上部-->
 
-            <div class="body-height-top">
 
-              <div class="row">
 
-                <!--左栏-->
 
-                <div class="col-8">
 
-                  <!--工具栏-->
 
+    				<div class="content-wrap">
 
+              <div class="c-header p-0"></div>
 
+    					<div class="c-body">
 
+                <!--上部-->
 
+                <div class="body-height-top">
 
                   <div class="row">
 
-                    <div class="col-7">
 
-                      <div class="btn-group">
 
-                        <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-sign-in" 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-plus" 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" 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>
 
-                        <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-unlock" aria-hidden="true"></i> 解锁</a>
 
-                      </div>
 
-                    </div>
 
-                    <div class="col-5">
 
-                      <div class="input-group input-group-sm mb-1">
 
-                        <div class="input-group-prepend">
 
-                          <span class="input-group-text" id="basic-addon1">表达式</span>
 
+                    <!--左栏-->
 
+                    <div class="col-8">
 
+                      <!--工具栏-->
 
+                      <div class="row">
 
+                        <div class="col-7">
 
+                          <div class="btn-group">
 
+                            <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-sign-in" 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-plus" 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" 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>
 
+                            <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-unlock" aria-hidden="true"></i> 解锁</a>
 
+                          </div>
 
                         </div>
 
-                        <input type="text" class="form-control" >
 
+                        <div class="col-5">
 
+                          <div class="input-group input-group-sm mb-1">
 
+                            <div class="input-group-prepend">
 
+                              <span class="input-group-text" id="basic-addon1">表达式</span>
 
+                            </div>
 
+                            <input type="text" class="form-control" >
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div style="height:330px;overflow: auto;">
 
+                        <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><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                              <td>
 
+                                </td>
 
+                            </tr>
 
+                            <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 3</a></td>
 
+                              <td>
 
+                                </td>
 
+                            </tr>
 
+                            <tr><td>3</td><td>本期支付计量</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                              <td>
 
+                                </td>
 
+                            </tr>
 
+                            <!--被停用了-->
 
+                            <tr class="table-danger"><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                              <td>
 
+                                <a class="btn btn-sm btn-success" href="#">启用</a>
 
+                                </td>
 
+                            </tr>
 
+                            <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                              <td>
 
+                                <div class="dropdown dropleft">
 
+                                  <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                    操作
 
+                                  </button>
 
+                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                                    <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
 
+                                    <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
 
+                                    <a class="dropdown-item" href="#op4">停用</a>
 
+                                  </div>
 
+                                </div>
 
+                                </td>
 
+                            </tr>
 
+                            <!--不参与本期应付计算-->
 
+                            <tr class="table-secondary"><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
 
+                              <td>
 
+                                <div class="dropdown dropleft">
 
+                                  <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                    操作
 
+                                  </button>
 
+                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                                    <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
 
+                                    <a class="dropdown-item" href="#op3">加入本期应付计算</a>
 
+                                    <a class="dropdown-item" href="#op4">停用</a>
 
+                                  </div>
 
+                                </div>
 
+                                </td>
 
+                            </tr>
 
+                        </table>
 
                       </div>
 
                     </div>
 
+                    <!--右栏-->
 
+                    <div class="col-4">
 
+                      <div style="height:365px;overflow: hidden;">
 
+                      <table class="table table-bordered">
 
+                          <tr><th></th><th>可选基数</th><th>计算代号</th></tr>
 
+                          <tr><td>1</td><td>签约合同价</td><td>htj</td></tr>
 
+                          <tr><td>2</td><td>签约开工预付款</td><td>kgyfk</td></tr>
 
+                          <tr><td>3</td><td>签约材料预付款</td><td>clyfk</td></tr>
 
+                          <tr><td>4</td><td>本期完成计量</td><td>bqwc</td></tr>
 
+                          <tr><td>5</td><td>本期支付计量</td><td>bqzf</td></tr>
 
+                          <tr><td>6</td><td>100章本期完成计量</td><td>ybbqwc</td></tr>
 
+                      </table>
 
+                    </div>
 
+                    </div>
 
                   </div>
 
-                  <div style="height:330px;overflow: auto;">
 
+                </div>
 
+                <!--下部-->
 
+                <div class="body-height-bottom">
 
+                  <legend>章节明细 <a href="#zjset" data-toggle="modal" data-target="#zjset" class="btn btn-sm">章节设置</a> <a href="#zfset" data-toggle="modal" data-target="#zfset" class="btn btn-sm">支付设置</a></legend>
 
+                  <div class="sjs-height-6">
 
                     <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><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
-                          <td>
 
-                            </td>
 
-                        </tr>
 
-                        <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 3</a></td>
 
-                          <td>
 
-                            </td>
 
-                        </tr>
 
-                        <tr><td>3</td><td>本期支付计量</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
-                          <td>
 
-                            </td>
 
-                        </tr>
 
-                        <!--被停用了-->
 
-                        <tr class="table-danger"><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
-                          <td>
 
-                            <a class="btn btn-sm btn-success" href="#">启用</a>
 
-                            </td>
 
-                        </tr>
 
-                        <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
-                          <td>
 
-                            <div class="dropdown dropleft">
 
-                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
-                                操作
 
-                              </button>
 
-                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
-                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
 
-                                <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
 
-                                <a class="dropdown-item" href="#op4">停用</a>
 
-                              </div>
 
-                            </div>
 
-                            </td>
 
-                        </tr>
 
-                        <!--不参与本期应付计算-->
 
-                        <tr class="table-secondary"><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
 
-                          <td>
 
-                            <div class="dropdown dropleft">
 
-                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
-                                操作
 
-                              </button>
 
-                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
-                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
 
-                                <a class="dropdown-item" href="#op3">加入本期应付计算</a>
 
-                                <a class="dropdown-item" href="#op4">停用</a>
 
-                              </div>
 
-                            </div>
 
-                            </td>
 
-                        </tr>
 
+                      <tr class="text-center"><th>章节名称</th><th>本期合同计量金额</th><th>本期变更计量金额</th><th>本期完成计量基金</th><th>累计完成计量金额</th><th>本期支付金额</th><th>累计支付金额</th></tr>
 
+                      <tr>
 
+                        <td>清单 第100章 总则</td>
 
+                        <td class="text-right">1000</td>
 
+                        <td class="text-right">1000</td>
 
+                        <td class="text-right">2000</td>
 
+                        <td class="text-right">2000</td>
 
+                        <td class="text-right">1000</td>
 
+                        <td class="text-right">2000</td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>清单 第200章 路基</td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>清单 第300章 路面</td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>清单 第400章 桥梁、涵洞</td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>清单 第500章 隧道</td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>清单 第600章 安全设施及预埋管线</td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>清单 第700章 绿化及环境保护</td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>未计入章节清单合计</td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right"></td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>清单小计(A)</td>
 
+                        <td class="text-right">1000</td>
 
+                        <td class="text-right">1000</td>
 
+                        <td class="text-right">2000</td>
 
+                        <td class="text-right">2000</td>
 
+                        <td class="text-right">2000</td>
 
+                        <td class="text-right">2000</td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>非清单单项费用(B)</td>
 
+                        <td class="text-right">500</td>
 
+                        <td class="text-right"></td>
 
+                        <td class="text-right">500</td>
 
+                        <td class="text-right">500</td>
 
+                        <td class="text-right">500</td>
 
+                        <td class="text-right">500</td>
 
+                      </tr>
 
+                      <tr>
 
+                        <td>合计(C=A+B)</td>
 
+                        <td class="text-right">1500</td>
 
+                        <td class="text-right">1000</td>
 
+                        <td class="text-right">2500</td>
 
+                        <td class="text-right">2500</td>
 
+                        <td class="text-right">2500</td>
 
+                        <td class="text-right">2500</td>
 
+                      </tr>
 
                     </table>
 
-                  </div>
 
+                 </div>
 
                 </div>
 
-                <!--右栏-->
 
-                <div class="col-4">
 
-                  <div style="height:365px;overflow: hidden;">
 
-                  <table class="table table-bordered">
 
-                      <tr><th></th><th>可选基数</th><th>计算代号</th></tr>
 
-                      <tr><td>1</td><td>签约合同价</td><td>htj</td></tr>
 
-                      <tr><td>2</td><td>签约开工预付款</td><td>kgyfk</td></tr>
 
-                      <tr><td>3</td><td>签约材料预付款</td><td>clyfk</td></tr>
 
-                      <tr><td>4</td><td>本期完成计量</td><td>bqwc</td></tr>
 
-                      <tr><td>5</td><td>本期支付计量</td><td>bqzf</td></tr>
 
-                      <tr><td>6</td><td>100章本期完成计量</td><td>ybbqwc</td></tr>
 
-                  </table>
 
-                </div>
 
-                </div>
 
-              </div>
 
-            </div>
 
-            <!--下部-->
 
-            <div class="body-height-bottom">
 
-              <legend>章节明细 <a href="#zjset" data-toggle="modal" data-target="#zjset" class="btn btn-sm">章节设置</a> <a href="#zfset" data-toggle="modal" data-target="#zfset" class="btn btn-sm">支付设置</a></legend>
 
-              <div class="sjs-height-6">
 
-                <table class="table table-bordered">
 
-                  <tr class="text-center"><th>章节名称</th><th>本期合同计量金额</th><th>本期变更计量金额</th><th>本期完成计量基金</th><th>累计完成计量金额</th><th>本期支付金额</th><th>累计支付金额</th></tr>
 
-                  <tr>
 
-                    <td>清单 第100章 总则</td>
 
-                    <td class="text-right">1000</td>
 
-                    <td class="text-right">1000</td>
 
-                    <td class="text-right">2000</td>
 
-                    <td class="text-right">2000</td>
 
-                    <td class="text-right">1000</td>
 
-                    <td class="text-right">2000</td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>清单 第200章 路基</td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>清单 第300章 路面</td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>清单 第400章 桥梁、涵洞</td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>清单 第500章 隧道</td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>清单 第600章 安全设施及预埋管线</td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>清单 第700章 绿化及环境保护</td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>未计入章节清单合计</td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right"></td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>清单小计(A)</td>
 
-                    <td class="text-right">1000</td>
 
-                    <td class="text-right">1000</td>
 
-                    <td class="text-right">2000</td>
 
-                    <td class="text-right">2000</td>
 
-                    <td class="text-right">2000</td>
 
-                    <td class="text-right">2000</td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>非清单单项费用(B)</td>
 
-                    <td class="text-right">500</td>
 
-                    <td class="text-right"></td>
 
-                    <td class="text-right">500</td>
 
-                    <td class="text-right">500</td>
 
-                    <td class="text-right">500</td>
 
-                    <td class="text-right">500</td>
 
-                  </tr>
 
-                  <tr>
 
-                    <td>合计(C=A+B)</td>
 
-                    <td class="text-right">1500</td>
 
-                    <td class="text-right">1000</td>
 
-                    <td class="text-right">2500</td>
 
-                    <td class="text-right">2500</td>
 
-                    <td class="text-right">2500</td>
 
-                    <td class="text-right">2500</td>
 
-                  </tr>
 
-                </table>
 
-             </div>
 
-            </div>
 
-					</div>
 
-				</div>
 
-			</div>
 
-		</div>
 
-  </div>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
       <!--上报审批-->
 
       <div class="modal fade" id="sub-sp" data-backdrop="static">
 
           <div class="modal-dialog" role="document">

+ 194 - 170
jiliang-qi-detail-3.html
Переглянути файл 

@@ -14,197 +14,221 @@
 
   	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
 </head>
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">期计量</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li class="active"><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main d-flex justify-content-between">
 
-            <div>
 
-              <div class="d-inline-block">
 
-                <ul class="nav nav-pills m-0">
 
-									<li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-1.html">本期计量台帐</a></li>
 
-                  <li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-2.html">合同支付</a></li>
 
-                  <li class="nav-item"><a class="nav-link active" href="jiliang-qi-detail-3.html">报表</a></li>
 
-                </ul>
 
-              </div>
 
-            </div>
 
-            <div>
 
-              <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
-                <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
-              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
 
-              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
 
-              <!--审批-->
 
-              <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
-              <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
-              <a href="#" class="btn btn-outline-danger btn-sm pull-right text-truncate" style="max-width: 100px;">删除 第5期</a>
 
-            </div>
 
-  				</div>
 
-        </div>
 
-				<div class="content-wrap">
 
-          <div class="c-header p-0"></div>
 
-					<div class="c-body">
 
-            <div class="row">
 
-              <div class="col-2">
 
-                <div class="sjs-height-1">
 
-                  <div class="text-center"><a href="#add-c" data-toggle="modal" data-target="#add-c" class=" btn btn-outline-primary btn-sm">添加定制报表</a></div>
 
-                  <ul id="treeDemo2" class="ztree"></ul>
 
+          </li>
 
+          <li class="nav-item active"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+        </ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main d-flex justify-content-between">
 
+                <div>
 
+                  <div class="d-inline-block">
 
+                    <ul class="nav nav-pills m-0">
 
+  										<li class="nav-item">
 
+  											<a class="nav-link" href="jiliang-qi.html">返回</a>
 
+  										</li>
 
+  										<li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-1.html">本期计量台帐</a></li>
 
+                      <li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-2.html">合同支付</a></li>
 
+                      <li class="nav-item"><a class="nav-link active" href="jiliang-qi-detail-3.html">报表</a></li>
 
+                    </ul>
 
+                  </div>
 
                 </div>
 
-              </div>
 
-              <div class="col-10">
 
-                <div class="toolsbar-f d-flex justify-content-between">
 
-                  <div class="print-toolsbar">
 
-                    <div class="panel">
 
-                      <div class="panel-body">
 
-                        <button class="btn btn-secondary btn-sm" type="button">
 
-                          <i class="fa fa-print"></i><br>
 
-                          打印 <span id="checkCount" class="badge badge-light">5</span>
 
-                        </button>
 
-                        <button class="btn btn-secondary btn-sm" type="button" href="#export" data-toggle="modal" data-target="#export">
 
-                          <i class="fa fa-share-square-o"></i><br>
 
-                          导出 <span id="checkCount" class="badge badge-light">5</span>
 
-                        </button>
 
-                      </div>
 
+                <div>
 
+                  <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
+                    <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
 
+                  <!--审批-->
 
+                  <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
+                  <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
+                  <a href="#" class="btn btn-outline-danger btn-sm pull-right text-truncate" style="max-width: 100px;">删除 第5期</a>
 
+                </div>
 
+      				</div>
 
+            </div>
 
+    				<div class="content-wrap">
 
+              <div class="c-header p-0"></div>
 
+    					<div class="c-body">
 
+                <div class="row">
 
+                  <div class="col-2">
 
+                    <div class="sjs-height-1">
 
+                      <div class="text-center"><a href="#add-c" data-toggle="modal" data-target="#add-c" class=" btn btn-outline-primary btn-sm">添加定制报表</a></div>
 
+                      <ul id="treeDemo2" class="ztree"></ul>
 
                     </div>
 
-                    <div class="panel">
 
-                        <div class="panel-body">
 
-                          <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
 
-                            <div class="btn-group" role="group">
 
-                              <button id="btnGroupDrop1" type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
-                                纵向
 
-                              </button>
 
-                              <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
 
-                                <a class="dropdown-item" href="#">横向</a>
 
+                  </div>
 
+                  <div class="col-10">
 
+                    <div class="toolsbar-f d-flex justify-content-between">
 
+                      <div class="print-toolsbar">
 
+                        <div class="panel">
 
+                          <div class="panel-body">
 
+                            <button class="btn btn-secondary btn-sm" type="button">
 
+                              <i class="fa fa-print"></i><br>
 
+                              打印 <span id="checkCount" class="badge badge-light">5</span>
 
+                            </button>
 
+                            <button class="btn btn-secondary btn-sm" type="button" href="#export" data-toggle="modal" data-target="#export">
 
+                              <i class="fa fa-share-square-o"></i><br>
 
+                              导出 <span id="checkCount" class="badge badge-light">5</span>
 
+                            </button>
 
+                          </div>
 
+                        </div>
 
+                        <div class="panel">
 
+                            <div class="panel-body">
 
+                              <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
 
+                                <div class="btn-group" role="group">
 
+                                  <button id="btnGroupDrop1" type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                    纵向
 
+                                  </button>
 
+                                  <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
 
+                                    <a class="dropdown-item" href="#">横向</a>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="btn-group" role="group">
 
+                                  <button id="btnGroupDrop1" type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                    A4
 
+                                  </button>
 
+                                  <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
 
+                                    <a class="dropdown-item" href="#">A3</a>
 
+                                  </div>
 
+                                </div>
 
                               </div>
 
                             </div>
 
-                            <div class="btn-group" role="group">
 
-                              <button id="btnGroupDrop1" type="button" class="btn btn-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
-                                A4
 
-                              </button>
 
-                              <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
 
-                                <a class="dropdown-item" href="#">A3</a>
 
+                            <div class="panel-foot text-muted">
 
+                              预览设置
 
+                            </div>
 
+                        </div>
 
+                        <div class="panel">
 
+                            <div class="panel-body">
 
+                              <div class="btn-group" role="group">
 
+                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="缩小">-</button>
 
+                                <button class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="重置默认大小">1000%</button>
 
+                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="放大">+</button>
 
                               </div>
 
                             </div>
 
-                          </div>
 
+                            <div class="panel-foot text-muted">
 
+                              缩放
 
+                            </div>
 
                         </div>
 
-                        <div class="panel-foot text-muted">
 
-                          预览设置
 
+                        <div class="panel">
 
+                            <div class="panel-body">
 
+                              <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
 
+                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#paper"><i class="fa fa-file-o"></i> 纸张</button>
 
+                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#format"><i class="fa fa-bold"></i> 格式</button>
 
+                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#content"><i class="fa fa-file-text-o"></i> 内容</button>
 
+                              </div>
 
+                            </div>
 
+                            <div class="panel-foot text-muted">
 
+                              报表设置
 
+                            </div>
 
                         </div>
 
-                    </div>
 
-                    <div class="panel">
 
-                        <div class="panel-body">
 
-                          <div class="btn-group" role="group">
 
-                            <button type="button" class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="缩小">-</button>
 
-                            <button class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="重置默认大小">1000%</button>
 
-                            <button type="button" class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="放大">+</button>
 
+                        <div class="panel">
 
+                          <div class="panel-body">
 
+                            <div class="input-group input-group-sm">
 
+                              <div class="input-group-prepend">
 
+                                <button type="button" class="btn btn-secondary btn-sm" disabled="" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上一页"><i class="fa fa-chevron-left"></i></button>
 
+                              </div>
 
+                              <input class="form-control" value="1/10" style="width:60px" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="输入页码按回车键，快速跳转">
 
+                              <div class="input-group-append">
 
+                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下一页"><i class="fa fa-chevron-right"></i></button>
 
+                              </div>
 
+                            </div>
 
                           </div>
 
-                        </div>
 
-                        <div class="panel-foot text-muted">
 
-                          缩放
 
-                        </div>
 
-                    </div>
 
-                    <div class="panel">
 
-                        <div class="panel-body">
 
-                          <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
 
-                            <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#paper"><i class="fa fa-file-o"></i> 纸张</button>
 
-                            <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#format"><i class="fa fa-bold"></i> 格式</button>
 
-                            <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#content"><i class="fa fa-file-text-o"></i> 内容</button>
 
+                          <div class="panel-foot text-muted">
 
+                            翻页
 
                           </div>
 
                         </div>
 
-                        <div class="panel-foot text-muted">
 
-                          报表设置
 
-                        </div>
 
+                      </div>
 
                     </div>
 
-                    <div class="panel">
 
-                      <div class="panel-body">
 
-                        <div class="input-group input-group-sm">
 
-                          <div class="input-group-prepend">
 
-                            <button type="button" class="btn btn-secondary btn-sm" disabled="" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上一页"><i class="fa fa-chevron-left"></i></button>
 
-                          </div>
 
-                          <input class="form-control" value="1/10" style="width:60px" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="输入页码按回车键，快速跳转">
 
-                          <div class="input-group-append">
 
-                            <button type="button" class="btn btn-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下一页"><i class="fa fa-chevron-right"></i></button>
 
-                          </div>
 
+                    <div class="sjs-height-4">
 
+                      <div class="print-view form-view">
 
+                      <div class="pageContainer">
 
+                        <div class="page">
 
+                          <img src="img/baobiao.png">
 
                         </div>
 
                       </div>
 
-                      <div class="panel-foot text-muted">
 
-                        翻页
 
-                      </div>
 
                     </div>
 
-                  </div>
 
-                </div>
 
-                <div class="sjs-height-4">
 
-                  <div class="print-view form-view">
 
-                  <div class="pageContainer">
 
-                    <div class="page">
 
-                      <img src="img/baobiao.png">
 
                     </div>
 
                   </div>
 
                 </div>
 
-                </div>
 
-              </div>
 
-            </div>
 
-					</div>
 
-				</div>
 
-			</div>
 
-		</div>
 
-  </div>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
       <!--上报审批-->
 
       <div class="modal fade" id="sub-sp" data-backdrop="static">
 
           <div class="modal-dialog" role="document">
 
@@ -468,7 +492,7 @@
 
         			createTree();
 
         		});
 
         		//-->
 
-    </script>
 
+        </script>
 
     </body>
 
 
 </html>

+ 226 - 0
jiliang-qi-detail-34.html
Переглянути файл 

@@ -0,0 +1,226 @@
 
+<!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">
 
+  	<link href="css/datepicker/datepicker.min.css" rel="stylesheet" type="text/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="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">中间计量</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main d-flex justify-content-between">
 
+                <div>
 
+                  <div class="d-inline-block mr-3">
 
+                    <ul class="nav nav-pills m-0">
 
+  										<li class="nav-item">
 
+  											<a class="nav-link" href="jiliang-qi.html">返回</a>
 
+  										</li>
 
+  										<li class="nav-item">
 
+  											<a class="nav-link" href="jiliang-approval.html">审批计量</a>
 
+  										</li>
 
+                      <li class="nav-item">
 
+                        <a class="nav-link active" href="jiliang-approval2.html">审批对比</a>
 
+                      </li>
 
+  									</ul>
 
+                  </div>
 
+                </div>
 
+                <div>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批完成</a>
 
+                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
 
+                  <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
 
+                  <!--审批-->
 
+                  <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
+                  <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
+                </div>
 
+              </div>
 
+    				</div>
 
+    				<div class="content-wrap row">
 
+              <div class="c-header col-12">
 
+                <div class="dropdown">
 
+                  <button class="btn btn-light btn-sm dropdown-toggle" type="button" data-toggle="dropdown" >
 
+                    选择显示审批人
 
+                  </button>
 
+                  <div class="dropdown-menu">
 
+                    <form>
 
+                    <div class="px-3 mb-1">
 
+                      <div class="form-check">
 
+                        <input class="form-check-input" type="checkbox" checked disabled id="defaultCheck1">
 
+                        <label class="form-check-label" for="defaultCheck1">
 
+                          布尔（上报）
 
+                        </label>
 
+                      </div>
 
+                    </div>
 
+                    <div class="px-3 mb-1">
 
+                      <div class="form-check">
 
+                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck2">
 
+                        <label class="form-check-label" for="defaultCheck2">
 
+                          张三
 
+                        </label>
 
+                      </div>
 
+                    </div>
 
+                    <div class="px-3 mb-1">
 
+                      <div class="form-check">
 
+                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck3">
 
+                        <label class="form-check-label" for="defaultCheck3">
 
+                          王五
 
+                        </label>
 
+                      </div>
 
+                    </div>
 
+                    <div class="px-3 mb-1">
 
+                      <div class="form-check">
 
+                        <input class="form-check-input" type="checkbox"  checked disabled  value="" id="defaultCheck4">
 
+                        <label class="form-check-label" for="defaultCheck4">
 
+                          李四
 
+                        </label>
 
+                      </div>
 
+                    </div>
 
+                    <div class="dropdown-divider"></div>
 
+                    <div class="px-3 mb-1">
 
+                      <button type="submit" class="btn btn-primary btn-sm">确定</button>
 
+                    </div>
 
+                    </form>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="row w-100 sub-content">
 
+                <div class="c-body col-12">
 
+                  <div class="sjs-height-1">
 
+                    <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="2">张三</th>
 
+                          <th colspan="2">王五</th>
 
+                          <th colspan="2">李四</th>
 
+                        </tr>
 
+                        <tr>
 
+                          <th>数量</th>
 
+                          <th>金额</th>
 
+                          <th>数量</th>
 
+                          <th>金额</th>
 
+                          <th>数量</th>
 
+                          <th>金额</th>
 
+                          <th>数量</th>
 
+                          <th>金额</th>
 
+                        </tr>
 
+                      </thead>
 
+                    </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>
 
+  	<script src="js/datepicker/datepicker.min.js"></script>
 
+  	<script src="js/datepicker/datepicker.zh.js"></script>
 
+    <script type="text/javascript">
 
+        autoFlashHeight();
 
+    </script>
 
+    <script>
 
+        $( function() {
 
+            $( "#draggable" ).draggable();
 
+        } );
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 194 - 172
jiliang-qi.html
Переглянути файл 

@@ -14,184 +14,206 @@
 
 </head>
 
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">期计量</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li class="active"><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main d-flex justify-content-between">
 
-            <div>
 
-              计量台帐
 
-            </div>
 
-            <div>
 
-              <a href="#add-qi" data-toggle="modal" data-target="#add-qi" class="btn btn-primary btn-sm pull-right">开始新一期</a>
 
-            </div>
 
-					</div>
 
-				</div>
 
-				<div class="content-wrap">
 
-					<div class="c-body">
 
-            
-            <table class="table table-bordered">
 
-              <thead>
 
-                <tr>
 
-                  <th>期数</th>
 
-                  <th class="text-center">计量月份</th>
 
-                  <th class="text-center">本期合同计量</th>
 
-                  <th class="text-center">本期数量变更计量</th>
 
-                  <th class="text-center">截止上期累计完成</th>
 
-                  <th class="text-center">本期完成计量</th>
 
-                  <th class="text-center">累计完成计量</th>
 
-                  <th class="text-center">状态</th>
 
-                </tr>
 
-              </thead>
 
-              <tbody>
 
-                <!--审批人审批-->
 
-                <tr>
 
-                  <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
-                  <td class="text-center">201710</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">审批</a></td>
 
-                </tr>
 
-                <!--审批中-->
 
-                <tr>
 
-                  <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
-                  <td class="text-center">201710</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-cenetr text-warning">审批中</td>
 
-                </tr>
 
-                <!--退回后 上报人重新上报-->
 
-                <tr>
 
-                  <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
-                  <td class="text-center">201710</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">重新上报</a></td>
 
-                </tr>
 
-                <!--待上报-->
 
-                <tr>
 
-                  <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
-                  <td class="text-center">201710</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">待上报</a></td>
 
-                </tr>
 
-                <tr>
 
-                  <td><a href="jiliang-qi-detail-1.html">第 4 期</a></td>
 
-                  <td class="text-center">201710</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-cenetr text-success">审批完成</td>
 
-                </tr>
 
-                <tr>
 
-                    <td><a href="jiliang-qi-detail-1.html">第 3 期</a></td>
 
-                    <td class="text-center">201710</td>
 
-                    <td class="text-right">34234234.00</td>
 
-                    <td class="text-right">34234234.00</td>
 
-                    <td class="text-right">34234234.00</td>
 
-                    <td class="text-right">34234234.00</td>
 
-                    <td class="text-right">34234234.00</td>
 
-                  <td class="text-cenetr text-success">审批完成</td>
 
-                  </tr>
 
-                <tr>
 
-                  <td><a href="jiliang-qi-detail-1.html">第 2 期</a></td>
 
-                  <td class="text-center">201710</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-cenetr text-success">审批完成</td>
 
-                </tr>
 
-                <tr>
 
-                  <td><a href="jiliang-qi-detail-1.html">第 1 期</a></td>
 
-                  <td class="text-center">201710</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-right">34234234.00</td>
 
-                  <td class="text-cenetr text-success">审批完成</td>
 
-                </tr>
 
-              </tbody>
 
-            </table>
 
-					</div>
 
-				</div>
 
+          </li>
 
+          <li class="nav-item active"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
 			</div>
 
 		</div>
 
-  </div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main d-flex justify-content-between">
 
+                <div>
 
+                </div>
 
+                <div>
 
+		              <a href="#add-qi" data-toggle="modal" data-target="#add-qi" class="btn btn-primary btn-sm pull-right">开始新一期</a>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+    					<div class="c-body">
 
+                <!--期汇总图表-->
 
+                <div id="chartContainer4" style="height: 300px; width: 100%;" class="mb-4">
 
+                </div>
 
+                <table class="table table-bordered">
 
+                  <thead>
 
+                    <tr>
 
+                      <th>期数</th>
 
+                      <th class="text-center">计量月份</th>
 
+                      <th class="text-center">本期合同计量</th>
 
+                      <th class="text-center">本期数量变更计量</th>
 
+                      <th class="text-center">截止上期累计完成</th>
 
+                      <th class="text-center">本期完成计量</th>
 
+                      <th class="text-center">累计完成计量</th>
 
+                      <th class="text-center">状态</th>
 
+                    </tr>
 
+                  </thead>
 
+                  <tbody>
 
+                    <!--审批人审批-->
 
+                    <tr>
 
+                      <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
+                      <td class="text-center">201710</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">审批</a></td>
 
+                    </tr>
 
+                    <!--审批中-->
 
+                    <tr>
 
+                      <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
+                      <td class="text-center">201710</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-cenetr text-warning">审批中</td>
 
+                    </tr>
 
+                    <!--退回后 上报人重新上报-->
 
+                    <tr>
 
+                      <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
+                      <td class="text-center">201710</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">重新上报</a></td>
 
+                    </tr>
 
+                    <!--待上报-->
 
+                    <tr>
 
+                      <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
+                      <td class="text-center">201710</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">待上报</a></td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td><a href="jiliang-qi-detail-1.html">第 4 期</a></td>
 
+                      <td class="text-center">201710</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-cenetr text-success">审批完成</td>
 
+                    </tr>
 
+                    <tr>
 
+                        <td><a href="jiliang-qi-detail-1.html">第 3 期</a></td>
 
+                        <td class="text-center">201710</td>
 
+                        <td class="text-right">34234234.00</td>
 
+                        <td class="text-right">34234234.00</td>
 
+                        <td class="text-right">34234234.00</td>
 
+                        <td class="text-right">34234234.00</td>
 
+                        <td class="text-right">34234234.00</td>
 
+                      <td class="text-cenetr text-success">审批完成</td>
 
+                      </tr>
 
+                    <tr>
 
+                      <td><a href="jiliang-qi-detail-1.html">第 2 期</a></td>
 
+                      <td class="text-center">201710</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-cenetr text-success">审批完成</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td><a href="jiliang-qi-detail-1.html">第 1 期</a></td>
 
+                      <td class="text-center">201710</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-right">34234234.00</td>
 
+                      <td class="text-cenetr text-success">审批完成</td>
 
+                    </tr>
 
+                  </tbody>
 
+                </table>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
       <!--弹出添加标段-->
 
       <div class="modal fade" id="add-qi" data-backdrop="static">
 
           <div class="modal-dialog" role="document">

+ 6 - 6
js/global.js
Переглянути файл 

@@ -6,12 +6,12 @@ function autoFlashHeight(){
 
     var sBarz = $(".side-bar").height();
 
     var pBarz = $(".toolsbar-f").height();
 
     var bdtopc = $(".body-height-top").height();
 
-    $(".sjs-height-1").height($(window).height()-cHeader-110);
 
-    $(".sjs-height-2").height($(window).height()-cHeader-sBarz-110);
 
-    $(".sjs-height-3").height($(window).height()-cHeader-sBar-510);
 
-    $(".sjs-height-4").height($(window).height()-cHeader-pBarz-110);
 
-    $(".sjs-height-5").height($(window).height()-cHeader-sBart-555);
 
-    $(".sjs-height-6").height($(window).height()-cHeader-bdtopc-155);
 
+    $(".sjs-height-1").height($(window).height()-cHeader-160);
 
+    $(".sjs-height-2").height($(window).height()-cHeader-sBarz-160);
 
+    $(".sjs-height-3").height($(window).height()-cHeader-sBar-560);
 
+    $(".sjs-height-4").height($(window).height()-cHeader-pBarz-160);
 
+    $(".sjs-height-5").height($(window).height()-cHeader-sBart-605);
 
+    $(".sjs-height-6").height($(window).height()-cHeader-bdtopc-205);
 
 };
 
 $(window).resize(autoFlashHeight);
 
 /*全局自适应高度结束*/

+ 63 - 24
settings-category.html
Переглянути файл 

@@ -1,5 +1,6 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
@@ -9,33 +10,71 @@
 
     <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 d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+		<div class="main-nav">
 
+			<div class="nav-top">
 
+        <ul class="nav nav-pills flex-column bg-nav">
 
+          <li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+          <li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+          <li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
         </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
-    </div>
 
+			</div>
 
+		</div>
 
     <div class="main-panel">
 
     			<div class="panel-sidebar">
 
     				<div class="panel-title">

+ 63 - 24
settings-poj.html
Переглянути файл 

@@ -1,5 +1,6 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
+
 
 <head>
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
@@ -9,33 +10,71 @@
 
     <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 d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+		<div class="main-nav">
 
+			<div class="nav-top">
 
+        <ul class="nav nav-pills flex-column bg-nav">
 
+          <li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+          <li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+          <li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
         </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
-    </div>
 
+			</div>
 
+		</div>
 
     <div class="main-panel">
 
     			<div class="panel-sidebar">
 
     				<div class="panel-title">

+ 96 - 28
settings-user.html
Переглянути файл 

@@ -10,33 +10,71 @@
 
     <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 d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+		<div class="main-nav">
 
+			<div class="nav-top">
 
+        <ul class="nav nav-pills flex-column bg-nav">
 
+          <li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+          <li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+          <li class="nav-item"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
+            </ul>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
+            </ul>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
         </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
-    </div>
 
+			</div>
 
+		</div>
 
     <div class="main-panel">
 
     			<div class="panel-sidebar">
 
     				<div class="panel-title">
 
@@ -159,6 +197,7 @@
 
     			</div>
 
     		</div>
 
       </div>
 
+
 
     <!--弹出添加帐号-->
 
     <div class="modal fade" id="add-user" data-backdrop="static">
 
         <div class="modal-dialog" role="document">
 
@@ -260,15 +299,36 @@
 
                         <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
 
                         <label class="form-check-label" for="inlineCheckbox2">查看项目下所有标段</label>
 
                       </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option2">
 
+                        <label class="form-check-label" for="inlineCheckbox3">仅查看我参与的（创建、审批）</label>
 
+                      </div>
 
                     </div>
 
                   </div>
 
                   <div class="form-group">
 
-                    <label><i class="fa fa-list-alt"></i> 0号台帐</label>
 
+                    <label><i class="fa fa-list-alt"></i> 台帐分解（台帐管理）</label>
 
                     <div>
 
                       <div class="form-check form-check-inline">
 
                         <input class="form-check-input" type="checkbox" id="inlineCheckbox4" value="option1">
 
                         <label class="form-check-label" for="inlineCheckbox4">编制台帐</label>
 
                       </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="checkbox" id="inlineCheckbox5" value="option2">
 
+                        <label class="form-check-label" for="inlineCheckbox5">审批台帐</label>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="form-group">
 
+                    <label><i class="fa fa-list-alt"></i> 台帐变更（台帐管理）</label>
 
+                    <div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="checkbox" id="inlineCheckbox6" value="option1">
 
+                        <label class="form-check-label" for="inlineCheckbox6">编制变更</label>
 
+                      </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="checkbox" id="inlineCheckbox7" value="option2">
 
+                        <label class="form-check-label" for="inlineCheckbox7">审批变更</label>
 
+                      </div>
 
                     </div>
 
                   </div>
 
                   <div class="form-group">
 
@@ -281,11 +341,15 @@
 
                     </div>
 
                   </div>
 
                   <div class="form-group">
 
-                    <label><i class="fa fa-calendar-check-o"></i> 计量台帐</label>
 
+                    <label><i class="fa fa-calendar-check-o"></i> 中间计量（计量管理）</label>
 
                     <div>
 
                       <div class="form-check form-check-inline">
 
                         <input class="form-check-input" type="checkbox" id="inlineCheckbox9" value="option1">
 
-                        <label class="form-check-label" for="inlineCheckbox9">编制计量台帐</label>
 
+                        <label class="form-check-label" for="inlineCheckbox9">编制中间计量</label>
 
+                      </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="checkbox" id="inlineCheckbox10" value="option1">
 
+                        <label class="form-check-label" for="inlineCheckbox10">审批中间计量</label>
 
                       </div>
 
                       <div class="form-check form-check-inline">
 
                         <input class="form-check-input" type="checkbox" id="inlineCheckbox11" value="option1">
 
@@ -294,13 +358,17 @@
 
                     </div>
 
                   </div>
 
                   <div class="form-group">
 
-                    <label><i class="fa fa-calendar-check-o"></i> 变更令</label>
 
+                    <label><i class="fa fa-calendar-check-o"></i> 期计量（计量管理）</label>
 
                     <div>
 
                       <div class="form-check form-check-inline">
 
                         <input class="form-check-input" type="checkbox" id="inlineCheckbox12" value="option1">
 
                         <label class="form-check-label" for="inlineCheckbox12">编制期计量</label>
 
                       </div>
 
                       <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="checkbox" id="inlineCheckbox13" value="option1">
 
+                        <label class="form-check-label" for="inlineCheckbox13">审批期计量</label>
 
+                      </div>
 
+                      <div class="form-check form-check-inline">
 
                         <input class="form-check-input" type="checkbox" id="inlineCheckbox14" value="option1">
 
                         <label class="form-check-label" for="inlineCheckbox14">查阅标段下所有期计量</label>
 
                       </div>

+ 172 - 150
taizhang-bg-detail-done.html
Переглянути файл 

@@ -10,165 +10,187 @@
 
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
 </head>
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li class="active"><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">台帐修订</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item active"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
-            <div>
 
-              <!--编制人工具-->
 
-              <div class="d-inline-flex">
 
-                0001-编写错漏1
 
-              </div>
 
-            </div>
 
-            <div>
 
-             <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批完成</a>
 
-            </div>
 
-					</div>
 
-				</div>
 
-				<div class="content-wrap row pr-46">
 
-					<div class="c-header p-0 col-12"></div>
 
-          <!--核心内容（两栏）-->
 
-          <div class="row w-100 sub-content">
 
-            <!--左栏-->
 
-  					<div class="c-body col-8">
 
-              <div class="sjs-height-1">
 
-    						<table class="table table-bordered">
 
-                  <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th>
 
-                    </tr>
 
-                  <tr><th>1</th><th>1</th><th> </th><th>第一部分 建筑安装工程费</th><th>公路公里</th><th> </th><th> </th><th>43203538</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1</th><th> </th><th>临时工程</th><th>公路公里</th><th> </th><th> </th><th>1045756</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1-6</th><th> </th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th> </th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-1</th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th></th><th></th><th> </th>
 
-                    <th></th><th></th></tr>
 
-                  <tr><th></th><th>1-1-7</th><th></th><th>临时占地</th><th></th><th></th><th></th><th>57350</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-2</th><th>临时占地</th><th>总额</th><th>57350</th><th>1</th><th>57350</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1-8</th><th></th><th>临时供电设备</th><th></th><th></th><th></th><th>688406</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-3-a</th><th>设施假设、拆除</th><th>总额</th><th>638406</th><th>1</th><th>638406</th><th> </th><th></th><th></th>
 
-                    <th></th><th></th></tr>
 
-                  <tr><th></th><th></th><th>103-3-b</th><th>设施维修</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th></th><th></th>
 
-                    <th></th><th></th></tr>
 
-                  <tr><th></th><th>1-1-9</th><th></th><th>电讯设备的提供、维修与拆除</th><th></th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
-                      <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-4</th><th>电讯设备的提供、维修与拆除</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1-10</th><th></th><th>承包人驻地建设</th><th></th><th></th><th></th><th>20000</th><th> </th><th> </th><th> </th>
 
-                      <th></th><th></th></tr>
 
-                  <tr><th></th><th></th><th>104-1</th><th>承包人驻地建设</th><th>总额</th><th>20000</th><th>1</th><th>20000</th><th> </th><th> </th><th> </th>
 
-                    <th></th><th></th></tr>
 
-    						</table>
 
-              </div>
 
-  					</div>
 
-            <!--右栏-->
 
-            <div class="c-body col">
 
-              <div class="tab-content">
 
-                <div id="xdcontent" class="tab-pane active">
 
-                  <div class="side-bar">
 
-                    <select class="form-control form-control-sm"><option>0001，台帐修订2</option><option>0002，台帐修订2</option></select>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+					<li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
+                <div>
 
+                  <!--编制人工具-->
 
+                  <div class="d-inline-flex">
 
+                    0001-编写错漏1
 
                   </div>
 
-                  <div class="sjs-height-2" style="overflow:auto">
 
-                    <div class="form-group">
 
-                      <label >修订编号</label>
 
-                      <input type="email" class="form-control" value="0005" disabled>
 
-                    </div>
 
-                    <div class="form-group">
 
-                      <label >修订名称</label>
 
-                      <input type="email" class="form-control" value="编写错漏5" disabled>
 
-                    </div>
 
-                    <div class="form-group">
 
-                      <label >修订内容</label>
 
-                      <textarea class="form-control" value="编写错漏5" disabled rows="12">103-3-b 设施维修 数量修改为1
 
-                      </textarea>
 
-                    </div>
 
-                    <div class="form-group">
 
-                      <label >提交时间</label>
 
-                      <input type="email" class="form-control" value="2018-05-25 13:20:32" disabled>
 
-                    </div>
 
-                    <div class="form-group">
 
-                      <label >审批完成</label>
 
-                      <input type="email" class="form-control" value="2018-05-26 09:10:12" disabled>
 
+                </div>
 
+                <div>
 
+                 <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批完成</a>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap row pr-46">
 
+    					<div class="c-header p-0 col-12"></div>
 
+              <!--核心内容（两栏）-->
 
+              <div class="row w-100 sub-content">
 
+                <!--左栏-->
 
+      					<div class="c-body col-8">
 
+                  <div class="sjs-height-1">
 
+        						<table class="table table-bordered">
 
+                      <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th>
 
+                        </tr>
 
+                      <tr><th>1</th><th>1</th><th> </th><th>第一部分 建筑安装工程费</th><th>公路公里</th><th> </th><th> </th><th>43203538</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1</th><th> </th><th>临时工程</th><th>公路公里</th><th> </th><th> </th><th>1045756</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1-6</th><th> </th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th> </th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-1</th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th></th><th></th><th> </th>
 
+                        <th></th><th></th></tr>
 
+                      <tr><th></th><th>1-1-7</th><th></th><th>临时占地</th><th></th><th></th><th></th><th>57350</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-2</th><th>临时占地</th><th>总额</th><th>57350</th><th>1</th><th>57350</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1-8</th><th></th><th>临时供电设备</th><th></th><th></th><th></th><th>688406</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-3-a</th><th>设施假设、拆除</th><th>总额</th><th>638406</th><th>1</th><th>638406</th><th> </th><th></th><th></th>
 
+                        <th></th><th></th></tr>
 
+                      <tr><th></th><th></th><th>103-3-b</th><th>设施维修</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th></th><th></th>
 
+                        <th></th><th></th></tr>
 
+                      <tr><th></th><th>1-1-9</th><th></th><th>电讯设备的提供、维修与拆除</th><th></th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
+                          <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-4</th><th>电讯设备的提供、维修与拆除</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1-10</th><th></th><th>承包人驻地建设</th><th></th><th></th><th></th><th>20000</th><th> </th><th> </th><th> </th>
 
+                          <th></th><th></th></tr>
 
+                      <tr><th></th><th></th><th>104-1</th><th>承包人驻地建设</th><th>总额</th><th>20000</th><th>1</th><th>20000</th><th> </th><th> </th><th> </th>
 
+                        <th></th><th></th></tr>
 
+        						</table>
 
+                  </div>
 
+      					</div>
 
+                <!--右栏-->
 
+                <div class="c-body col">
 
+                  <div class="tab-content">
 
+                    <div id="xdcontent" class="tab-pane active">
 
+                      <div class="side-bar">
 
+                        <select class="form-control form-control-sm"><option>0001，台帐修订2</option><option>0002，台帐修订2</option></select>
 
+                      </div>
 
+                      <div class="sjs-height-2" style="overflow:auto">
 
+                        <div class="form-group">
 
+                          <label >修订编号</label>
 
+                          <input type="email" class="form-control" value="0005" disabled>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label >修订名称</label>
 
+                          <input type="email" class="form-control" value="编写错漏5" disabled>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label >修订内容</label>
 
+                          <textarea class="form-control" value="编写错漏5" disabled rows="12">103-3-b 设施维修 数量修改为1
 
+                          </textarea>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label >提交时间</label>
 
+                          <input type="email" class="form-control" value="2018-05-25 13:20:32" disabled>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label >审批完成</label>
 
+                          <input type="email" class="form-control" value="2018-05-26 09:10:12" disabled>
 
+                        </div>
 
+                      </div>
 
                     </div>
 
                   </div>
 
                 </div>
 
               </div>
 
-            </div>
 
-          </div>
 
-          <!--右侧菜单-->
 
-          <div class="side-menu">
 
-            <!--右侧菜单-->
 
-            <ul class="nav flex-column right-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" data-toggle="tab" href="#xdcontent" role="tab">修订详情</a>
 
-              </li>
 
-            </ul>
 
-          </div>
 
-				</div>
 
-			</div>
 
-		</div>
 
-  </div>
 
+              <!--右侧菜单-->
 
+              <div class="side-menu">
 
+                <!--右侧菜单-->
 
+                <ul class="nav flex-column right-nav">
 
+                  <li class="nav-item">
 
+                    <a class="nav-link active" data-toggle="tab" href="#xdcontent" role="tab">修订详情</a>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
       <!--审批流程/结果-->
 
       <div class="modal fade" id="sp-list" data-backdrop="static">
 
           <div class="modal-dialog" role="document">

+ 168 - 146
taizhang-bg-detail-shenpi.html
Переглянути файл 

@@ -10,161 +10,183 @@
 
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
 </head>
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li class="active"><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">台帐修订</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item active"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
-            <div>
 
-              <!--编制人工具-->
 
-              <div class="d-inline-flex">0001-编写错漏1</div>
 
-            </div>
 
-            <div>
 
-             <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-dark">审批中</a>
 
-             <!--审批-->
 
-             <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
-             <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+					<li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
+                <div>
 
+                  <!--编制人工具-->
 
+                  <div class="d-inline-flex">0001-编写错漏1</div>
 
+                </div>
 
+                <div>
 
+                 <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-dark">审批中</a>
 
+                 <!--审批-->
 
+                 <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
 
+                 <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
 
 
-            </div>
 
-					</div>
 
-				</div>
 
-				<div class="content-wrap row pr-46">
 
-					<div class="c-header p-0 col-12"></div>
 
-          <!--核心内容（两栏）-->
 
-          <div class="row w-100 sub-content">
 
-            <!--左栏-->
 
-  					<div class="c-body col-8">
 
-              <div class="sjs-height-1">
 
-    						<table class="table table-bordered">
 
-                  <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th>
 
-                    </tr>
 
-                  <tr><th>1</th><th>1</th><th> </th><th>第一部分 建筑安装工程费</th><th>公路公里</th><th> </th><th> </th><th>43203538</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1</th><th> </th><th>临时工程</th><th>公路公里</th><th> </th><th> </th><th>1045756</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1-6</th><th> </th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th> </th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-1</th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th></th><th></th><th> </th>
 
-                    <th></th><th></th></tr>
 
-                  <tr><th></th><th>1-1-7</th><th></th><th>临时占地</th><th></th><th></th><th></th><th>57350</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-2</th><th>临时占地</th><th>总额</th><th>57350</th><th>1</th><th>57350</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1-8</th><th></th><th>临时供电设备</th><th></th><th></th><th></th><th>688406</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-3-a</th><th>设施假设、拆除</th><th>总额</th><th>638406</th><th>1</th><th>638406</th><th> </th><th></th><th></th>
 
-                    <th></th><th></th></tr>
 
-                  <tr><th></th><th></th><th>103-3-b</th><th>设施维修</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th></th><th></th>
 
-                    <th></th><th></th></tr>
 
-                  <tr><th></th><th>1-1-9</th><th></th><th>电讯设备的提供、维修与拆除</th><th></th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
-                      <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-4</th><th>电讯设备的提供、维修与拆除</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1-10</th><th></th><th>承包人驻地建设</th><th></th><th></th><th></th><th>20000</th><th> </th><th> </th><th> </th>
 
-                      <th></th><th></th></tr>
 
-                  <tr><th></th><th></th><th>104-1</th><th>承包人驻地建设</th><th>总额</th><th>20000</th><th>1</th><th>20000</th><th> </th><th> </th><th> </th>
 
-                    <th></th><th></th></tr>
 
-    						</table>
 
-              </div>
 
-  					</div>
 
-            <!--右栏-->
 
-            <div class="c-body col">
 
-              <div class="tab-content">
 
-                <div id="xdcontent" class="tab-pane active">
 
-                  <div class="side-bar"></div>
 
-                  <div class="sjs-height-2" style="overflow:auto">
 
-                    <div class="form-group">
 
-                      <label >修订编号</label>
 
-                      <input type="email" class="form-control" value="0005" disabled>
 
-                    </div>
 
-                    <div class="form-group">
 
-                      <label >修订名称</label>
 
-                      <input type="email" class="form-control" value="编写错漏5" disabled>
 
-                    </div>
 
-                    <div class="form-group">
 
-                      <label >修订内容</label>
 
-                      <textarea class="form-control" value="编写错漏5" disabled rows="12">103-3-b 设施维修 数量修改为1
 
-                      </textarea>
 
-                    </div>
 
-                    <div class="form-group">
 
-                      <label >提交时间</label>
 
-                      <input type="email" class="form-control" value="2018-05-25 13:20:32" disabled>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap row pr-46">
 
+    					<div class="c-header p-0 col-12"></div>
 
+              <!--核心内容（两栏）-->
 
+              <div class="row w-100 sub-content">
 
+                <!--左栏-->
 
+      					<div class="c-body col-8">
 
+                  <div class="sjs-height-1">
 
+        						<table class="table table-bordered">
 
+                      <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th>
 
+                        </tr>
 
+                      <tr><th>1</th><th>1</th><th> </th><th>第一部分 建筑安装工程费</th><th>公路公里</th><th> </th><th> </th><th>43203538</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1</th><th> </th><th>临时工程</th><th>公路公里</th><th> </th><th> </th><th>1045756</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1-6</th><th> </th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th> </th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-1</th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th></th><th></th><th> </th>
 
+                        <th></th><th></th></tr>
 
+                      <tr><th></th><th>1-1-7</th><th></th><th>临时占地</th><th></th><th></th><th></th><th>57350</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-2</th><th>临时占地</th><th>总额</th><th>57350</th><th>1</th><th>57350</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1-8</th><th></th><th>临时供电设备</th><th></th><th></th><th></th><th>688406</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-3-a</th><th>设施假设、拆除</th><th>总额</th><th>638406</th><th>1</th><th>638406</th><th> </th><th></th><th></th>
 
+                        <th></th><th></th></tr>
 
+                      <tr><th></th><th></th><th>103-3-b</th><th>设施维修</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th></th><th></th>
 
+                        <th></th><th></th></tr>
 
+                      <tr><th></th><th>1-1-9</th><th></th><th>电讯设备的提供、维修与拆除</th><th></th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
+                          <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-4</th><th>电讯设备的提供、维修与拆除</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1-10</th><th></th><th>承包人驻地建设</th><th></th><th></th><th></th><th>20000</th><th> </th><th> </th><th> </th>
 
+                          <th></th><th></th></tr>
 
+                      <tr><th></th><th></th><th>104-1</th><th>承包人驻地建设</th><th>总额</th><th>20000</th><th>1</th><th>20000</th><th> </th><th> </th><th> </th>
 
+                        <th></th><th></th></tr>
 
+        						</table>
 
+                  </div>
 
+      					</div>
 
+                <!--右栏-->
 
+                <div class="c-body col">
 
+                  <div class="tab-content">
 
+                    <div id="xdcontent" class="tab-pane active">
 
+                      <div class="side-bar"></div>
 
+                      <div class="sjs-height-2" style="overflow:auto">
 
+                        <div class="form-group">
 
+                          <label >修订编号</label>
 
+                          <input type="email" class="form-control" value="0005" disabled>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label >修订名称</label>
 
+                          <input type="email" class="form-control" value="编写错漏5" disabled>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label >修订内容</label>
 
+                          <textarea class="form-control" value="编写错漏5" disabled rows="12">103-3-b 设施维修 数量修改为1
 
+                          </textarea>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label >提交时间</label>
 
+                          <input type="email" class="form-control" value="2018-05-25 13:20:32" disabled>
 
+                        </div>
 
+                      </div>
 
                     </div>
 
                   </div>
 
                 </div>
 
               </div>
 
-            </div>
 
-          </div>
 
-          <!--右侧菜单-->
 
-          <div class="side-menu">
 
-            <!--右侧菜单-->
 
-            <ul class="nav flex-column right-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" data-toggle="tab" href="#xdcontent" role="tab">修订详情</a>
 
-              </li>
 
-            </ul>
 
-          </div>
 
-				</div>
 
-			</div>
 
-		</div>
 
-  </div>
 
+              <!--右侧菜单-->
 
+              <div class="side-menu">
 
+                <!--右侧菜单-->
 
+                <ul class="nav flex-column right-nav">
 
+                  <li class="nav-item">
 
+                    <a class="nav-link active" data-toggle="tab" href="#xdcontent" role="tab">修订详情</a>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
       <!--审批流程/结果-->
 
       <div class="modal fade" id="sp-list" data-backdrop="static">
 
           <div class="modal-dialog" role="document">

+ 189 - 167
taizhang-bg-detail.html
Переглянути файл 

@@ -10,184 +10,206 @@
 
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
 </head>
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li class="active"><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">台帐修订</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item active"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
-            <div>
 
-            <div class="d-inline-flex">
 
-              0006-编写错漏6
 
-            </div>
 
-              <!--编制人工具-->
 
-              <div class="d-inline-flex">
 
-                <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>
 
-            <div>
 
-             <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
-             <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
-            </div>
 
-					</div>
 
-				</div>
 
-				<div class="content-wrap row pr-46">
 
-					<div class="c-header p-0 col-12"></div>
 
-          <!--核心内容（两栏）-->
 
-          <div class="row w-100 sub-content">
 
-            <!--左栏-->
 
-  					<div class="c-body col-8">
 
-              <div class="sjs-height-1">
 
-    						<table class="table table-bordered">
 
-                  <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th>
 
-                    <th>台帐修订编号</th><th>修订类型</th></tr>
 
-                  <tr><th>1</th><th>1</th><th> </th><th>第一部分 建筑安装工程费</th><th>公路公里</th><th> </th><th> </th><th>43203538</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1</th><th> </th><th>临时工程</th><th>公路公里</th><th> </th><th> </th><th>1045756</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1-6</th><th> </th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th> </th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-1</th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th></th><th></th><th> </th>
 
-                    <th></th><th></th></tr>
 
-                  <tr><th></th><th>1-1-7</th><th></th><th>临时占地</th><th></th><th></th><th></th><th>57350</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-2</th><th>临时占地</th><th>总额</th><th>57350</th><th>1</th><th>57350</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1-8</th><th></th><th>临时供电设备</th><th></th><th></th><th></th><th>688406</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-3-a</th><th>设施假设、拆除</th><th>总额</th><th>638406</th><th>1</th><th>638406</th><th> </th><th></th><th></th>
 
-                    <th></th><th></th></tr>
 
-                  <tr><th></th><th></th><th>103-3-b</th><th>设施维修</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th></th><th></th>
 
-                    <th></th><th></th></tr>
 
-                  <tr><th></th><th>1-1-9</th><th></th><th>电讯设备的提供、维修与拆除</th><th></th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
-                      <th> </th><th> </th></tr>
 
-                  <tr><th></th><th></th><th>103-4</th><th>电讯设备的提供、维修与拆除</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th> </th><th> </th>
 
-                    <th> </th><th> </th></tr>
 
-                  <tr><th></th><th>1-1-10</th><th></th><th>承包人驻地建设</th><th></th><th></th><th></th><th>20000</th><th> </th><th> </th><th> </th>
 
-                      <th></th><th></th></tr>
 
-                  <tr><th></th><th></th><th>104-1</th><th>承包人驻地建设</th><th>总额</th><th>20000</th><th>1</th><th>20000</th><th> </th><th> </th><th> </th>
 
-                    <th></th><th></th></tr>
 
-    						</table>
 
-              </div>
 
-  					</div>
 
-            <!--右栏-->
 
-            <div class="c-body col">
 
-              <div class="tab-content">
 
-                <div id="xdcontent" class="tab-pane active">
 
-                  <div class="side-bar"><input type="" class="form-control" value="0005" disabled></div>
 
-                  <div class="sjs-height-2" style="overflow:auto">
 
-                    <div class="form-group mt-2">
 
-                      <label >修订名称<b class="text-danger">*</b></label>
 
-                      <input type="email" class="form-control" value="编写错漏5">
 
-                    </div>
 
-                    <div class="form-group">
 
-                      <label >修订内容<b class="text-danger">*</b></label>
 
-                      <textarea class="form-control" value="编写错漏5" rows="12">103-3-b 设施维修 数量修改为1
 
-                      </textarea>
 
-                    </div>
 
-                  </div>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+					<li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
+                <div>
 
+                <div class="d-inline-flex">
 
+                  0006-编写错漏6
 
                 </div>
 
-                <div id="xiangmujie" class="tab-pane">
 
-                  <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
-                  <div class="sjs-height-2">
 
-                    <table class="table table-bordered">
 
-                      <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
 
-        						</table>
 
+                  <!--编制人工具-->
 
+                  <div class="d-inline-flex">
 
+                    <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>
 
-                <div id="qingdan" class="tab-pane">
 
-                  <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
-                  <div class="sjs-height-2">
 
-                  	<table class="table table-bordered">
 
-                      <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
 
+                <div>
 
+                 <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
+                 <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap row pr-46">
 
+    					<div class="c-header p-0 col-12"></div>
 
+              <!--核心内容（两栏）-->
 
+              <div class="row w-100 sub-content">
 
+                <!--左栏-->
 
+      					<div class="c-body col-8">
 
+                  <div class="sjs-height-1">
 
+        						<table class="table table-bordered">
 
+                      <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th>
 
+                        <th>台帐修订编号</th><th>修订类型</th></tr>
 
+                      <tr><th>1</th><th>1</th><th> </th><th>第一部分 建筑安装工程费</th><th>公路公里</th><th> </th><th> </th><th>43203538</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1</th><th> </th><th>临时工程</th><th>公路公里</th><th> </th><th> </th><th>1045756</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1-6</th><th> </th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th> </th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-1</th><th>临时道路修建、养护与拆除（包括原道路的养护费）</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th></th><th></th><th> </th>
 
+                        <th></th><th></th></tr>
 
+                      <tr><th></th><th>1-1-7</th><th></th><th>临时占地</th><th></th><th></th><th></th><th>57350</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-2</th><th>临时占地</th><th>总额</th><th>57350</th><th>1</th><th>57350</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1-8</th><th></th><th>临时供电设备</th><th></th><th></th><th></th><th>688406</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-3-a</th><th>设施假设、拆除</th><th>总额</th><th>638406</th><th>1</th><th>638406</th><th> </th><th></th><th></th>
 
+                        <th></th><th></th></tr>
 
+                      <tr><th></th><th></th><th>103-3-b</th><th>设施维修</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th></th><th></th>
 
+                        <th></th><th></th></tr>
 
+                      <tr><th></th><th>1-1-9</th><th></th><th>电讯设备的提供、维修与拆除</th><th></th><th></th><th></th><th>50000</th><th> </th><th> </th><th> </th>
 
+                          <th> </th><th> </th></tr>
 
+                      <tr><th></th><th></th><th>103-4</th><th>电讯设备的提供、维修与拆除</th><th>总额</th><th>50000</th><th>1</th><th>50000</th><th> </th><th> </th><th> </th>
 
+                        <th> </th><th> </th></tr>
 
+                      <tr><th></th><th>1-1-10</th><th></th><th>承包人驻地建设</th><th></th><th></th><th></th><th>20000</th><th> </th><th> </th><th> </th>
 
+                          <th></th><th></th></tr>
 
+                      <tr><th></th><th></th><th>104-1</th><th>承包人驻地建设</th><th>总额</th><th>20000</th><th>1</th><th>20000</th><th> </th><th> </th><th> </th>
 
+                        <th></th><th></th></tr>
 
         						</table>
 
                   </div>
 
+      					</div>
 
+                <!--右栏-->
 
+                <div class="c-body col">
 
+                  <div class="tab-content">
 
+                    <div id="xdcontent" class="tab-pane active">
 
+                      <div class="side-bar"><input type="" class="form-control" value="0005" disabled></div>
 
+                      <div class="sjs-height-2" style="overflow:auto">
 
+                        <div class="form-group mt-2">
 
+                          <label >修订名称<b class="text-danger">*</b></label>
 
+                          <input type="email" class="form-control" value="编写错漏5">
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label >修订内容<b class="text-danger">*</b></label>
 
+                          <textarea class="form-control" value="编写错漏5" rows="12">103-3-b 设施维修 数量修改为1
 
+                          </textarea>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div id="xiangmujie" class="tab-pane">
 
+                      <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
+                      <div class="sjs-height-2">
 
+                        <table class="table table-bordered">
 
+                          <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
 
+            						</table>
 
+                      </div>
 
+                    </div>
 
+                    <div id="qingdan" class="tab-pane">
 
+                      <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
+                      <div class="sjs-height-2">
 
+                      	<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="side-menu">
 
-            <!--右侧菜单-->
 
-            <ul class="nav flex-column right-nav">
 
-              <li class="nav-item">
 
-                <a class="nav-link active" data-toggle="tab" href="#xdcontent" role="tab">修订详情</a>
 
-              </li>
 
-              <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>
 
-			</div>
 
-		</div>
 
-  </div>
 
+              <!--右侧菜单-->
 
+              <div class="side-menu">
 
+                <!--右侧菜单-->
 
+                <ul class="nav flex-column right-nav">
 
+                  <li class="nav-item">
 
+                    <a class="nav-link active" data-toggle="tab" href="#xdcontent" role="tab">修订详情</a>
 
+                  </li>
 
+                  <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>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
       <!--上报审批-->
 
       <div class="modal fade" id="sub-sp" data-backdrop="static">
 
           <div class="modal-dialog" role="document">

+ 78 - 56
taizhang-bg.html
Переглянути файл 

@@ -10,67 +10,89 @@
 
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
 </head>
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li class="active"><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">台帐修订</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item active"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+					<li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
 			<div class="panel-content">
 
-				<div class="panel-title">
 
+				<div class="panel-title fluid">
 
 					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
             <div>
 
               <div class="d-inline-block">

+ 190 - 168
taizhang-jl.html
Переглянути файл 

@@ -10,180 +10,202 @@
 
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
 </head>
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li class="active"><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">计量台帐</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item active"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-				<div class="panel-title">
 
-					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
-            <div>
 
-              <div class="d-inline-block">
 
-                <select class="form-control form-control-sm mt-0">
 
-                    <option>第 15 期</option>
 
-                    <option>第 14 期</option>
 
-                    <option>第 13 期</option>
 
-                    <option>第 12 期</option>
 
-                    <option>第 11 期</option>
 
-                  </select>
 
-                </div>
 
-                <div class="d-inline-block">
 
-                  <select class="form-control form-control-sm mt-0">
 
-                    <option>终审 王五</option>
 
-                    <option>2审 赵四</option>
 
-                    <option>1审 张三</option>
 
-                  </select>
 
-                </div>
 
-                <div class="d-inline-block">
 
-                  <div class="form-check-inline">
 
-                    <label class="form-check-label">
 
-                      <input class="form-check-input" type="checkbox">
 
-                      审批结果比较
 
-                    </label>
 
-                  </div>
 
-                  <div class="form-check-inline">
 
-                    <label class="form-check-label">
 
-                      <input type="checkbox" class="form-check-input">
 
-                      变更令
 
-                    </label>
 
-                  </div>
 
-                </div>
 
-              </div>
 
-            <div>
 
-            </div>
 
-					</div>
 
-				</div>
 
-				<div class="content-wrap">
 
-          <div class="c-header p-0"></div>
 
-					<div class="c-body">
 
-            <div class="sjs-height-1">
 
-              <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">0号台帐合同</th>
 
-                    <th colspan="2">本期合同计量</th>
 
-                    <th colspan="3">本期数量变更计量</th>
 
-                    <th colspan="2">本期完成计量</th>
 
-                    <th colspan="2">截止本期合同计量</th>
 
-                    <th colspan="2">截止本期数量变更</th>
 
-                    <th colspan="2">截止本期完成计量</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>
 
-                    <th>变更令</th>
 
-                    <th>数量</th>
 
-                    <th>金额</th>
 
-                    <th>数量</th>
 
-                    <th>金额</th>
 
-                    <th>数量</th>
 
-                    <th>金额</th>
 
-                  </tr>
 
-                </thead>
 
-              </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="2">1审 张三</th>
 
-                      <th colspan="2">2审 赵四</th>
 
-                      <th colspan="2">终审 王五</th>
 
-                    </tr>
 
-                    <tr>
 
-                      <th>数量</th>
 
-                      <th>金额</th>
 
-                      <th>数量</th>
 
-                      <th>金额</th>
 
-                      <th>数量</th>
 
-                      <th>金额</th>
 
-                      <th>数量</th>
 
-                      <th>金额</th>
 
-                    </tr>
 
-                  </thead>
 
-                </table>
 
-            </div>
 
-					</div>
 
-				</div>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+					<li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
 			</div>
 
 		</div>
 
-  </div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
+                <div>
 
+                  <div class="d-inline-block">
 
+                    <select class="form-control form-control-sm mt-0">
 
+                        <option>第 15 期</option>
 
+                        <option>第 14 期</option>
 
+                        <option>第 13 期</option>
 
+                        <option>第 12 期</option>
 
+                        <option>第 11 期</option>
 
+                      </select>
 
+                    </div>
 
+                    <div class="d-inline-block">
 
+                      <select class="form-control form-control-sm mt-0">
 
+                        <option>终审 王五</option>
 
+                        <option>2审 赵四</option>
 
+                        <option>1审 张三</option>
 
+                      </select>
 
+                    </div>
 
+                    <div class="d-inline-block">
 
+                      <div class="form-check-inline">
 
+                        <label class="form-check-label">
 
+                          <input class="form-check-input" type="checkbox">
 
+                          审批结果比较
 
+                        </label>
 
+                      </div>
 
+                      <div class="form-check-inline">
 
+                        <label class="form-check-label">
 
+                          <input type="checkbox" class="form-check-input">
 
+                          变更令
 
+                        </label>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                <div>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+              <div class="c-header p-0"></div>
 
+    					<div class="c-body">
 
+                <div class="sjs-height-1">
 
+                  <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">0号台帐合同</th>
 
+                        <th colspan="2">本期合同计量</th>
 
+                        <th colspan="3">本期数量变更计量</th>
 
+                        <th colspan="2">本期完成计量</th>
 
+                        <th colspan="2">截止本期合同计量</th>
 
+                        <th colspan="2">截止本期数量变更</th>
 
+                        <th colspan="2">截止本期完成计量</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>
 
+                        <th>变更令</th>
 
+                        <th>数量</th>
 
+                        <th>金额</th>
 
+                        <th>数量</th>
 
+                        <th>金额</th>
 
+                        <th>数量</th>
 
+                        <th>金额</th>
 
+                      </tr>
 
+                    </thead>
 
+                  </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="2">1审 张三</th>
 
+                          <th colspan="2">2审 赵四</th>
 
+                          <th colspan="2">终审 王五</th>
 
+                        </tr>
 
+                        <tr>
 
+                          <th>数量</th>
 
+                          <th>金额</th>
 
+                          <th>数量</th>
 
+                          <th>金额</th>
 
+                          <th>数量</th>
 
+                          <th>金额</th>
 
+                          <th>数量</th>
 
+                          <th>金额</th>
 
+                        </tr>
 
+                      </thead>
 
+                    </table>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
 
     <!-- JS. -->
 
     <script src="js/jquery/jquery-3.2.1.min.js"></script>

+ 120 - 157
taizhang-shenpi.html
Переглянути файл 

@@ -8,70 +8,91 @@
 
     <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">
 
-    <link rel="stylesheet" href="css/ztree/zTreeStyle.css">
 
 </head>
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li class="active"><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">台帐审批</span>
 
+    </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 bg-nav">
 
+          <li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+          <li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+          <li class="nav-item active"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+          <li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+        </ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
 			<div class="panel-content">
 
-				<div class="panel-title">
 
+				<div class="panel-title fluid">
 
 					<div class="title-main d-flex justify-content-between">
 
 						<div></div>
 
             <div>
 
@@ -90,7 +111,7 @@
 
               <div class="sjs-height-1">
 
                 <table class="table table-bordered">
 
                   <thead>
 
-                    <tr><th rowspan="2">1</th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>图（册）号</th><th>备注</th></tr>
 
+                    <tr><th rowspan="2">1</th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>图（册）号</th><th">备注</th></tr>
 
                   </thead>
 
                 </table>
 
               </div>
 
@@ -98,53 +119,53 @@
 
              <!--右栏-->
 
             <div class="c-body col">
 
               <div class="tab-content">
 
-                <div id="yijian" class="tab-pane active">
 
-                  <div class="side-bar">
 
-                    <select class="form-control form-control-sm"><option>王五</option><option>张三</option></select>
 
-                  </div>
 
-                  <div class="sjs-height-2" style="overflow:auto">
 
-                    <div class="card my-3">
 
-                      <div class="card-header">添加清单意见</div>
 
-                      <div class="card-body">
 
-                        <!--无清单 提示添加清单-->
 
-                        <div class="alert alert-primary  px-2 py-1" role="alert">
 
-                          台帐清单右键，添加至"清单意见"
 
-                        </div>
 
-                        <!--已添加清单-->
 
-                        <table class="table table-sm table-bordered mb-2">
 
-                          <tr><td>行2</td><td>203-1-1</td><td>挖土方</td><td><a href="#">移除</a></td></tr>
 
-                        </table>
 
-                        <textarea class="form-control" placeholder="审批内容"></textarea>
 
-                        <div class="alert alert-warning px-2 py-1 mt-2 mb-1" role="alert">
 
-                          请填写审批内容。
 
-                        </div>
 
-                        <div class="alert alert-warning px-2 py-1 mt-2 mb-1" role="alert">
 
-                          至少需要一条清单。
 
-                        </div>
 
-                        <button class="btn btn-sm btn-primary mt-1">添加</button>
 
+              <div id="yijian" class="tab-pane active">
 
+                <div class="side-bar">
 
+                  <select class="form-control form-control-sm"><option>王五</option><option>张三</option></select>
 
+                </div>
 
+                <div class="sjs-height-2" style="overflow:auto">
 
+                  <div class="card my-3">
 
+                    <div class="card-header">添加清单意见</div>
 
+                    <div class="card-body">
 
+                      <!--无清单 提示添加清单-->
 
+                      <div class="alert alert-primary  px-2 py-1" role="alert">
 
+                        台帐清单右键，添加至"清单意见"
 
                       </div>
 
-                    </div>
 
-                    <legend>张三 清单意见</legend>
 
-                    <div class="card my-3">
 
-                      <div class="card-body">
 
-                        <table class="table table-sm table-bordered mb-2">
 
-                          <tr><td>行2</td><td>203-1-1</td><td>挖土方</td></tr>
 
-                        </table>
 
-                        <p>审批意见</p>
 
-                        <span class="text-muted">2018-05-31 21:18:20</span>
 
+                      <!--已添加清单-->
 
+                      <table class="table table-sm table-bordered mb-2">
 
+                        <tr><td>行2</td><td>203-1-1</td><td>挖土方</td><td><a href="#">移除</a></td></tr>
 
+                      </table>
 
+                      <textarea class="form-control" placeholder="审批内容"></textarea>
 
+                      <div class="alert alert-warning px-2 py-1 mt-2 mb-1" role="alert">
 
+                        请填写审批内容。
 
                       </div>
 
-                    </div>
 
-                    <div class="card my-3">
 
-                      <div class="card-body">
 
-                        <table class="table table-sm table-bordered mb-2">
 
-                          <tr><td>行3</td><td>203-1-2</td><td>挖土方</td></tr>
 
-                        </table>
 
-                        <p>审批意见</p>
 
-                        <span class="text-muted">2018-05-23 13:11:10</span>
 
+                      <div class="alert alert-warning px-2 py-1 mt-2 mb-1" role="alert">
 
+                        至少需要一条清单。
 
                       </div>
 
+                      <button class="btn btn-sm btn-primary mt-1">添加</button>
 
+                    </div>
 
+                  </div>
 
+                  <legend>张三 清单意见</legend>
 
+                  <div class="card my-3">
 
+                    <div class="card-body">
 
+                      <table class="table table-sm table-bordered mb-2">
 
+                        <tr><td>行2</td><td>203-1-1</td><td>挖土方</td></tr>
 
+                      </table>
 
+                      <p>审批意见</p>
 
+                      <span class="text-muted">2018-05-31 21:18:20</span>
 
+                    </div>
 
+                  </div>
 
+                  <div class="card my-3">
 
+                    <div class="card-body">
 
+                      <table class="table table-sm table-bordered mb-2">
 
+                        <tr><td>行3</td><td>203-1-2</td><td>挖土方</td></tr>
 
+                      </table>
 
+                      <p>审批意见</p>
 
+                      <span class="text-muted">2018-05-23 13:11:10</span>
 
                     </div>
 
                   </div>
 
                 </div>
 
+              </div>
 
                 <div id="qianyue" class="tab-pane">
 
                   <div class="sjs-height-2">
 
                     <table class="table table-bordered">
 
@@ -250,67 +271,9 @@
 
       <script src="js/popper/popper.min.js"></script>
 
       <script src="js/bootstrap/bootstrap.min.js"></script>
 
       <script src="js/global.js"></script>
 
-      <!-- zTree -->
 
-      <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
-      <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
       <script type="text/javascript">
 
           autoFlashHeight();
 
       </script>
 
-          <!--ztree-->
 
-    <SCRIPT type="text/javascript">
 
-      <!--
 
-      var setting = {
 
-        view: {
 
-          showIcon: false
 
-        },
 
-        data: {
 
-          simpleData: {
 
-            enable: true
 
-          }
 
-        }
 
-      };
 
-
 
-      var zNodes =[
 
-        { id:1, pId:0, name:"父节点1", open:true},
 
-        { id:11, pId:1, name:"父节点11 ", open:true},
 
-        { id:111, pId:11, name:"叶子节点111叶子节点111叶子节点111叶子节点111叶子节点111叶子节点111"},
 
-        { id:112, pId:11, name:"叶子节点112"},
 
-        { id:113, pId:11, name:"叶子节点113"},
 
-        { id:114, pId:11, name:"叶子节点114"},
 
-        { id:12, pId:1, name:"父节点12", open:true},
 
-        { id:121, pId:12, name:"叶子节点121"},
 
-        { id:122, pId:12, name:"叶子节点122"},
 
-        { id:123, pId:12, name:"叶子节点123"},
 
-        { id:124, pId:12, name:"叶子节点124"},
 
-        { id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true},
 
-        { id:2, pId:0, name:"父节点2", open:true},
 
-        { id:21, pId:2, name:"父节点21", open:true},
 
-        { id:211, pId:21, name:"叶子节点211"},
 
-        { id:212, pId:21, name:"叶子节点212"},
 
-        { id:213, pId:21, name:"叶子节点213"},
 
-        { id:214, pId:21, name:"叶子节点214"},
 
-        { id:22, pId:2, name:"父节点22 ", open:true},
 
-        { id:221, pId:22, name:"叶子节点221"},
 
-        { id:222, pId:22, name:"叶子节点222"},
 
-        { id:223, pId:22, name:"叶子节点223"},
 
-        { id:224, pId:22, name:"叶子节点224"},
 
-        { id:23, pId:2, name:"父节点23", open:true},
 
-        { id:231, pId:23, name:"叶子节点231"},
 
-        { id:232, pId:23, name:"叶子节点232"},
 
-        { id:233, pId:23, name:"叶子节点233"},
 
-        { id:234, pId:23, name:"叶子节点234"},
 
-        { id:3, pId:0, name:"父节点3 - 没有子节点", isParent:true}
 
-      ];
 
-
 
-      function showIconForTree(treeId, treeNode) {
 
-        return !treeNode.isParent;
 
-      };
 
-
 
-      $(document).ready(function(){
 
-        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
 
-      });
 
-      //-->
 
-    </SCRIPT>
 
 </body>
 
 
 </html>

+ 211 - 235
taizhang.html
Переглянути файл 

@@ -9,188 +9,224 @@
 
     <link rel="stylesheet" href="css/main.css">
 
     <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
     <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
 
-    <link rel="stylesheet" href="css/ztree/zTreeStyle.css">
 
 </head>
 
 <body>
 
-	<div class="main">
 
-    <div class="main-nav d-flex align-items-start flex-column">
 
-      <div class="logo"><img src="img/logo.png"></div>
 
-      <div class="nav-top">
 
-        <ul class="nav nav-pills nav-stacked bg-nav">
 
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
-          <li><a href="qingdan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
-        </ul>
 
-      </div>
 
-      <div class="nav-bottom mt-auto mb-1 ml-1">
 
-        <div class="dropright">
 
-          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
 
-            张三
 
-          </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>
 
+  <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="main-panel">
 
-      <div class="panel-sidebar">
 
-        <div class="panel-title">
 
-          <div class="title-bar">
 
-            <h2>WWUJ-1</h2>
 
-          </div>
 
-        </div>
 
-        <div class="scrollbar-auto">
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
-            </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
-            <ul class="nav-list list-unstyled sub-list">
 
-              <li class="active"><a href="taizhang.html"><span>台帐分解</span></a></li>
 
-              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
-              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+    <div class="poj-name">
 
+      <span class="name">WWUJ-1</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">WWUJ-2</a>
 
+         <a href="#" class="dropdown-item">WWUJ-3</a>
 
+         <a href="#" class="dropdown-item">WWUJ-4</a>
 
+       </div>
 
+     </div>
 
+    </div>
 
+    <div class="poj-name">
 
+      <span class="name">台帐分解</span>
 
+    </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 bg-nav">
 
+					<li class="nav-item"><a href="dashboard.html"title="代办事项"><i class="fa fa-dashboard"></i> 代办事项</a></li>
 
+					<li class="nav-item"><a href="biaoduan.html"title="标段管理"><i class="fa fa-list-ul"></i> 标段管理</a></li>
 
+					<li class="nav-item active"><a href="javascript:void(0);"title="台帐管理"><i class="fa fa-list-alt"></i> 台帐管理 <i class="fa fa-angle-down pull-right menu-arrow"></i></a>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang.html">台帐分解</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="jiliang-qi.html"><i class="fa fa-calendar-check-o"></i> <span>计量台帐</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-bg.html">台帐修订</a></li>
 
             </ul>
 
-          </div>
 
-          <div class="nav-box">
 
-            <ul class="nav-list list-unstyled">
 
-              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>变更令</span></a></li>
 
+            <ul class="sub-menu">
 
+              <li><a href="taizhang-jl.html">计量台帐</a></li>
 
             </ul>
 
-          </div>
 
-        </div>
 
-      </div>
 
-			<div class="panel-content">
 
-        <!-- fluid -->
 
-				<div class="panel-title"><!--收起详解目录添加类名 fluid -->
 
-					<div class="title-main d-flex justify-content-between"><!--工具-->
 
-            <div>
 
-              <div class="d-inline-block">
 
-                <a class="btn btn-sm btn-light"></a>
 
-              </div>
 
-              <div class="d-inline-block">
 
-                <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="d-inline-block">
 
-                <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>
 
-            <div>
 
-			        <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
-              <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
-				      <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批完成</a>
 
-				      <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-dark">审批中</a>
 
-				      <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-dark">报审退回</a>
 
-            </div>
 
-					</div>
 
-				</div>
 
-				<div class="content-wrap row pr-46">
 
-					<div class="c-header p-0 col-12"></div>
 
-          <!--核心内容（两栏）-->
 
-          <div class="row w-100 sub-content">
 
-            <!--左栏-->
 
-            <div class="c-body col-12">
 
-              <div class="sjs-height-1" id="bills-spread">
 
-              </div>
 
-		         </div>
 
-             <!--右栏-->
 
-           <!--  <div class="c-body col">
 
-              <div class="tab-content">
 
-                <div id="xiangmujie" class="tab-pane active">
 
-                  <div class="side-bar">
 
-                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
-                  </div>
 
-                  <div class="sjs-height-2">
 
-                    <table class="table table-bordered">
 
-                      <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
 
-        						</table>
 
+          </li>
 
+          <li class="nav-item"><a href="jiliang-qi.html"title="期计量"><i class="fa fa-calendar-check-o"></i> 期计量</a></li>
 
+					<li class="nav-item"><a href="biangeng.html"title="变更管理"><i class="fa fa-retweet"></i> 变更管理</a></li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+    <div class="main-panel">
 
+    			<div class="panel-content">
 
+    				<div class="panel-title fluid">
 
+    					<div class="title-main  d-flex justify-content-between"><!--工具-->
 
+                <div>
 
+                  <div class="d-inline-block">
 
+                    <a href="#"><i class="fa fa-sign-in" data-toggle="tooltip" data-placement="bottom" title="插入"></i></a>
 
+                    <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="d-inline-block">
 
+                    <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>
 
-                <div id="qingdan" class="tab-pane">
 
-                  <div class="side-bar">
 
-                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
-                  </div>
 
-                  <div class="sjs-height-2">
 
-                  	<table class="table table-bordered">
 
-                      <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
 
-        						</table>
 
-                  </div>
 
+                <div>
 
+					        <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
 
+                  <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
 
+						      <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批完成</a>
 
+						      <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-dark">审批中</a>
 
+						      <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-dark">报审退回</a>
 
                 </div>
 
-                <div id="qianyue" class="tab-pane">
 
-                  <div class="side-bar">
 
-                    <a href="#upload-qianyue" data-toggle="modal" data-target="#upload-qianyue"  class="btn btn-sm btn-primary">上传签约清单</a>
 
-                  </div>
 
-                  <div class="sjs-height-2">
 
-                  	<table class="table table-bordered">
 
-                      <tr><th></th><th>清单编号</th><th>清单名称</th><th>单位</th><th>单价</th></tr>
 
-        						</table>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap row pr-46">
 
+    					<div class="c-header p-0 col-12"></div>
 
+              <!--核心内容（两栏）-->
 
+              <div class="row w-100 sub-content">
 
+                <!--左栏-->
 
+                <div class="c-body col-8">
 
+                  <div class="sjs-height-1" id="bills-spread">
 
                   </div>
 
-                </div>
 
-                <div id="qdshenpi" class="tab-pane">
 
-                  <div class="side-bar">
 
-                    <select class="form-control form-control-sm"><option>2018-01-10 张三 退回</option></select>
 
-                  </div>
 
-                  <div class="sjs-height-2">
 
-                  	<table class="table table-bordered">
 
-                      <tr><th colspan="4">清单审批意见</th></tr>
 
-                      <tr><th></th><th>清单编号</th><th>清单名称</th><th>审批意见</th></tr>
 
-        						</table>
 
+				         </div>
 
+                 <!--右栏-->
 
+                <div class="c-body col">
 
+                  <div class="tab-content">
 
+                    <div id="search" class="tab-pane active">
 
+                      <div class="side-bar">
 
+                        <div class="input-group input-group-sm">
 
+                          <input type="text" class="form-control" placeholder="项目节编号/清单编号/名称" aria-label="Recipient's username" aria-describedby="button-addon2">
 
+                          <div class="input-group-append">
 
+                            <button class="btn btn-outline-secondary" type="button" id="button-addon2">搜索</button>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="sjs-height-2">
 
+                        <table class="table table-bordered">
 
+                          <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th></tr>
 
+                        </table>
 
+                      </div>
 
+                    </div>
 
+                    <div id="xiangmujie" class="tab-pane">
 
+                      <div class="side-bar">
 
+                        <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
+                      </div>
 
+                      <div class="sjs-height-2">
 
+                        <table class="table table-bordered">
 
+                          <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
 
+            						</table>
 
+                      </div>
 
+                    </div>
 
+                    <div id="qingdan" class="tab-pane">
 
+                      <div class="side-bar">
 
+                        <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
 
+                      </div>
 
+                      <div class="sjs-height-2">
 
+                      	<table class="table table-bordered">
 
+                          <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
 
+            						</table>
 
+                      </div>
 
+                    </div>
 
+                    <div id="qianyue" class="tab-pane">
 
+                      <div class="side-bar">
 
+                        <a href="#upload-qianyue" data-toggle="modal" data-target="#upload-qianyue"  class="btn btn-sm btn-primary">上传签约清单</a>
 
+                      </div>
 
+                      <div class="sjs-height-2">
 
+                      	<table class="table table-bordered">
 
+                          <tr><th></th><th>清单编号</th><th>清单名称</th><th>单位</th><th>单价</th></tr>
 
+            						</table>
 
+                      </div>
 
+                    </div>
 
+                    <div id="qdshenpi" class="tab-pane">
 
+                      <div class="side-bar">
 
+                        <select class="form-control form-control-sm"><option>2018-01-10 张三 退回</option></select>
 
+                      </div>
 
+                      <div class="sjs-height-2">
 
+                      	<table class="table table-bordered">
 
+                          <tr><th colspan="4">清单审批意见</th></tr>
 
+                          <tr><th></th><th>清单编号</th><th>清单名称</th><th>审批意见</th></tr>
 
+            						</table>
 
+                      </div>
 
+                    </div>
 
                   </div>
 
                 </div>
 
               </div>
 
-            </div> -->
 
-          </div>
 
-          <!--右侧菜单-->
 
-          <div class="side-menu">
 
-            <!--右侧菜单-->
 
-            <ul class="nav flex-column right-nav">
 
-              <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>
 
-              <li class="nav-item">
 
-                <a class="nav-link" data-toggle="tab" href="#qianyue" role="tab">签约清单</a>
 
-              </li>
 
-              <li class="nav-item">
 
-                <a class="nav-link" data-toggle="tab" href="#qdshenpi" role="tab">清单审批意见</a>
 
-              </li>
 
-            </ul>
 
-          </div>
 
-				</div>
 
-			</div>
 
-		</div>
 
-  </div>
 
+              <!--右侧菜单-->
 
+              <div class="side-menu">
 
+                <!--右侧菜单-->
 
+                <ul class="nav flex-column right-nav">
 
+                  <li class="nav-item ">
 
+                    <a class="nav-link active" data-toggle="tab" href="#search" role="tab">查找定位</a>
 
+                  </li>
 
+                  <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>
 
+                  <li class="nav-item">
 
+                    <a class="nav-link" data-toggle="tab" href="#qianyue" role="tab">签约清单</a>
 
+                  </li>
 
+                  <li class="nav-item">
 
+                    <a class="nav-link" data-toggle="tab" href="#qdshenpi" role="tab">清单审批意见</a>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
       <!--台帐变更-->
 
       <div class="modal fade" id="tz-bg" data-backdrop="static">
 
           <div class="modal-dialog modal-lg" role="document">
 
@@ -406,15 +442,10 @@
 
     <script src="js/popper/popper.min.js"></script>
 
     <script src="js/bootstrap/bootstrap.min.js"></script>
 
     <script src="js/global.js"></script>
 
-    <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
 
-    <!-- zTree -->
 
-    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
-    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
-    <!--计算高度-->
 
     <script type="text/javascript">
 
         autoFlashHeight();
 
     </script>
 
-    <!--报表-->
 
+    <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
 
     <script>
 
       $(document).ready(function () {
 
       const data = [
 
@@ -604,69 +635,14 @@
 
               unit:'km',
 
               quantity: 0,
 
               total_price: 1045756,
 
-            }
 
-        ];
 
-        const spread = new GC.Spread.Sheets.Workbook($('#bills-spread')[0], {
 
-            sheetCount: 1
 
-        });
 
-        spread.getActiveSheet().setDataSource(data);
 
-      })
 
-    </script>
 
-    <!--ztree-->
 
-    <SCRIPT type="text/javascript">
 
-      <!--
 
-      var setting = {
 
-        view: {
 
-          showIcon: false
 
-        },
 
-        data: {
 
-          simpleData: {
 
-            enable: true
 
           }
 
-        }
 
-      };
 
-
 
-      var zNodes =[
 
-        { id:1, pId:0, name:"父节点1", open:true},
 
-        { id:11, pId:1, name:"父节点11 ", open:true},
 
-        { id:111, pId:11, name:"叶子节点111叶子节点111叶子节点111叶子节点111叶子节点111叶子节点111"},
 
-        { id:112, pId:11, name:"叶子节点112"},
 
-        { id:113, pId:11, name:"叶子节点113"},
 
-        { id:114, pId:11, name:"叶子节点114"},
 
-        { id:12, pId:1, name:"父节点12", open:true},
 
-        { id:121, pId:12, name:"叶子节点121"},
 
-        { id:122, pId:12, name:"叶子节点122"},
 
-        { id:123, pId:12, name:"叶子节点123"},
 
-        { id:124, pId:12, name:"叶子节点124"},
 
-        { id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true},
 
-        { id:2, pId:0, name:"父节点2", open:true},
 
-        { id:21, pId:2, name:"父节点21", open:true},
 
-        { id:211, pId:21, name:"叶子节点211"},
 
-        { id:212, pId:21, name:"叶子节点212"},
 
-        { id:213, pId:21, name:"叶子节点213"},
 
-        { id:214, pId:21, name:"叶子节点214"},
 
-        { id:22, pId:2, name:"父节点22 ", open:true},
 
-        { id:221, pId:22, name:"叶子节点221"},
 
-        { id:222, pId:22, name:"叶子节点222"},
 
-        { id:223, pId:22, name:"叶子节点223"},
 
-        { id:224, pId:22, name:"叶子节点224"},
 
-        { id:23, pId:2, name:"父节点23", open:true},
 
-        { id:231, pId:23, name:"叶子节点231"},
 
-        { id:232, pId:23, name:"叶子节点232"},
 
-        { id:233, pId:23, name:"叶子节点233"},
 
-        { id:234, pId:23, name:"叶子节点234"},
 
-        { id:3, pId:0, name:"父节点3 - 没有子节点", isParent:true}
 
       ];
 
-
 
-      function showIconForTree(treeId, treeNode) {
 
-        return !treeNode.isParent;
 
-      };
 
-
 
-      $(document).ready(function(){
 
-        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
 
+      const spread = new GC.Spread.Sheets.Workbook($('#bills-spread')[0], {
 
+          sheetCount: 1
 
       });
 
-      //-->
 
-    </SCRIPT>
 
+      spread.getActiveSheet().setDataSource(data);
 
+    })
 
+    </script>
 
 </body>
 
 
 </html>