chente 6 rokov pred
rodič
commit
1ba3921a1d
9 zmenil súbory, kde vykonal 1289 pridanie a 653 odobranie
  1. 238 0
      anquan-list.html
  2. 162 188
      anquan.html
  3. 0 227
      biaoduan.html
  4. 3 1
      dashboard.html
  5. 250 0
      hetong-list.html
  6. 418 0
      hetong-panel.html
  7. 171 205
      hetong.html
  8. 15 32
      js/echarts/echarts.min.js
  9. 32 0
      js/echarts/echarts.min1.js

+ 238 - 0
anquan-list.html

@@ -0,0 +1,238 @@
+<!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/all.min.css">
+    <script src=js/echarts/echarts.min.js></script>
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
+    <!--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="fas fa-chalkboard"></i><span>待办</span></a></li>
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fas fa-list-ul"></i><span>项目</span></a></li>
+        </ul>
+			</div>
+      <div class="nav-bottom mt-auto">
+        <ul class="nav nav-pills nav-stacked bg-nav">
+          <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
+        </ul>
+        <div class="dropup my-1 ml-1">
+          <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>
+          </div>
+        </div>
+      </div>
+		</div>
+		<div class="main-panel">
+      <div class="panel-sidebar">
+        <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
+        <div class="scrollbar-auto">
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li><a href="biaoduan-panel.html"><i class="fas fa-chart-pie"></i> <span>标段概况</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li><a href="hetong.html"><i class="fas fa-book-open"></i> <span>合同管理</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li class="active"><a href="anquan.html"><i class="fas fa-users-cog"></i> <span>安全巡检</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li><a href="zhiliang.html"><i class="fas fa-toolbox"></i> <span>质量巡检</span></a></li>
+            </ul>
+          </div>
+          <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏"><i class="fa fa-sign-out fa-flip-horizontal"></i></a></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="#ht-setting" data-toggle="modal" data-target="#ht-setting" class="btn btn-sm btn-outline-primary pull-right"><i class="fas fa-cog"></i> 设置</a>
+                  <a href="#add-ht" data-toggle="modal" data-target="#add-ht" class="btn btn-sm btn-primary pull-right">新建巡检</a>
+              </div>
+            </div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+            <div class="sjs-height-0">
+              <table class="table table-bordered">
+                <thead>
+                  <tr><th>序号</th><th>编号</th><th>检查项</th><th>现场检查情况</th><th>处理要求及措施</th><th>检查日期</th><th>检查人</th><th>附件</th><th>状态</th></tr>
+                </thead>
+                <tr><td>1</td><td><a href="anquan-detail1.html">WC-202008-0001(待提交)</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><a href="anquan-detail2.html">WC-202008-0001(审批/复查)</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-warning"></i> 审批中</td></tr>
+                <tr><td>2</td><td><a href="anquan-detail3.html">WC-202008-0001(整改)</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-warning"></i> 待整改</td></tr>
+                <tr><td>1</td><td><a href="anquan-detail.html">WC-202008-0001</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-warning"></i> 待复查</td></tr>
+                <tr><td>1</td><td><a href="anquan-detail.html">WC-202008-0001(信息页)</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-success"></i> 完成</td></tr>
+                <tr><td>1</td><td><a href="anquan-detail.html">WC-202008-0001</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-danger"></i> 关闭</td></tr>
+              </table>
+            </div>
+          </div>
+				</div>
+			</div>
+		</div>
+	</div>
+  <!--设置-->
+  <div class="modal fade" id="ht-setting" 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">
+          <ul class="nav nav-tabs mb-3" role="tablist">
+            <li class="nav-item">
+              <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">安全编号规则</a>
+            </li>
+          </ul>
+          <div class="tab-content">
+            <div class="tab-pane active" id="bianhao">
+              <h5>当前规则:WWUJ-1-201803-001</h5>
+              <h5>
+                <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+              </h5>
+              <h5 class="my-3">添加新规则组件</h5>
+              <div class="form-group">
+                <select class="form-control form-control-sm">
+                  <option>请选择组件</option>
+                  <option>连接符</option>
+                  <option>标段名</option>
+                  <option>文本</option>
+                  <option>当前年月</option>
+                  <option>自增编号</option>
+                </select>
+              </div>
+              <!-- <div class="form-group">
+                <select class="form-control form-control-sm">
+                  <option>请选择</option>
+                  <option>-</option>
+                  <option>_</option>
+                  <option>无</option>
+                </select>
+              </div> -->
+              <div class="form-group">
+                <label>自动编号位数</label>
+                <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
+              </div>
+              <div class="form-group">
+                <label>起始编号</label>
+                <input class="form-control form-control-sm" value="001" type="text">
+              </div>
+              <button class="btn btn-sm btn-outline-primary">添加组件</button>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+          <button type="button" class="btn btn-sm btn-primary">确定</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--弹出新建安全巡检-->
+  <div class="modal fade" id="add-ht" data-backdrop="static">
+      <div class="modal-dialog" role="document">
+          <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title">新建安全巡检</h5>
+              </div>
+              <div class="modal-body">
+                <div class="form-group">
+                  <label>安全编号<b class="text-danger">*</b></label>
+                  <div class="input-group input-group-sm">
+                    <input type="text" class="form-control" value="CD03-CL-2015-121" placeholder="请输入合同编号">
+                    <div class="input-group-append">
+                      <button class="btn btn-outline-secondary" type="button" >自动编号</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group">
+                  <label>检查项<b class="text-danger">*</b></label>
+                  <input class="form-control form-control-sm"  placeholder="请填写巡检项" type="text">
+                </div>
+                <div class="form-group">
+                  <label>日期<b class="text-danger">*</b></label>
+                  <input class="form-control form-control-sm"  placeholder="选择巡检日期" type="date">
+                </div>
+                <div class="alert alert-warning p-2">添加后再补充完善其余信息</div>
+              </div>
+              <div class="modal-footer">
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-sm btn-primary">确定添加</button>
+              </div>
+          </div>
+      </div>
+  </div>
+      <!--附件-->
+    <div class="modal fade" id="file" 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="modal-height-500">
+                    <table class="table table-sm table-bordered">
+                      <thead>
+                        <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
+                      </thead>
+                      <tr><td><a href="#">安全检查附件.pdf</a></td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
+                      <tr><td><a href="#">安全整改现场拍照.pdf</a></td><td>李四</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
+                    </table>
+                  </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/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>
+
+</body>
+
+</html>

+ 162 - 188
anquan.html

@@ -10,26 +10,29 @@
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/all.min.css">
     <script src=js/echarts/echarts.min.js></script>
-    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
     <!--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="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">
+      <div class="nav-top">
         <ul class="nav nav-pills nav-stacked bg-nav">
+          <!--系统维护信息-->
+          <!-- <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护,持续30分钟。</span></a></li> -->
+          <!--系统维护信息 end-->
           <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fas fa-list-ul"></i><span>项目</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class="active"><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class=""><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></i><span>质量巡检</span></a></li>
         </ul>
-			</div>
+      </div>
       <div class="nav-bottom mt-auto">
         <ul class="nav nav-pills nav-stacked bg-nav">
           <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
         </ul>
-        <div class="dropup my-1 ml-1">
+        <div class="dropright my-1 ml-1">
           <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
             张三
           </a>
@@ -42,197 +45,168 @@
           </div>
         </div>
       </div>
-		</div>
-		<div class="main-panel">
-      <div class="panel-sidebar">
-        <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
-        <div class="scrollbar-auto">
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li><a href="biaoduan-panel.html"><i class="fas fa-chart-pie"></i> <span>标段概况</span></a></li>
-            </ul>
-          </div>
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li><a href="hetong.html"><i class="fas fa-book-open"></i> <span>合同管理</span></a></li>
-            </ul>
-          </div>
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li class="active"><a href="anquan.html"><i class="fas fa-users-cog"></i> <span>安全巡检</span></a></li>
-            </ul>
-          </div>
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li><a href="zhiliang.html"><i class="fas fa-toolbox"></i> <span>质量巡检</span></a></li>
-            </ul>
-          </div>
-          <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏"><i class="fa fa-sign-out fa-flip-horizontal"></i></a></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="#ht-setting" data-toggle="modal" data-target="#ht-setting" class="btn btn-sm btn-outline-primary pull-right"><i class="fas fa-cog"></i> 设置</a>
-                  <a href="#add-ht" data-toggle="modal" data-target="#add-ht" class="btn btn-sm btn-primary pull-right">新建巡检</a>
+    </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-2">
+                <!--展开/收起-->
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai">展开/收起</button>
+                  <div class="dropdown-menu" aria-labelledby="zhankai">
+                    <a class="dropdown-item" href="#">展开所有</a>
+                    <a class="dropdown-item" href="#">收起所有</a>
+                  </div>
+                </div>
               </div>
             </div>
-				</div>
-				<div class="content-wrap">
-					<div class="c-body">
-            <div class="sjs-height-0">
-              <table class="table table-bordered">
-                <thead>
-                  <tr><th>序号</th><th>编号</th><th>检查项</th><th>现场检查情况</th><th>处理要求及措施</th><th>检查日期</th><th>检查人</th><th>附件</th><th>状态</th></tr>
-                </thead>
-                <tr><td>1</td><td><a href="anquan-detail1.html">WC-202008-0001(待提交)</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><a href="anquan-detail2.html">WC-202008-0001(审批/复查)</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-warning"></i> 审批中</td></tr>
-                <tr><td>2</td><td><a href="anquan-detail3.html">WC-202008-0001(整改)</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-warning"></i> 待整改</td></tr>
-                <tr><td>1</td><td><a href="anquan-detail.html">WC-202008-0001</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-warning"></i> 待复查</td></tr>
-                <tr><td>1</td><td><a href="anquan-detail.html">WC-202008-0001(信息页)</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-success"></i> 完成</td></tr>
-                <tr><td>1</td><td><a href="anquan-detail.html">WC-202008-0001</a></td><td>检查项目</td><td>临时用电存在安全隐患</td><td>立即整改</td><td>2021-10-25</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><i class="fas fa-circle text-danger"></i> 关闭</td></tr>
-              </table>
+            <div>
+
             </div>
           </div>
-				</div>
-			</div>
-		</div>
-	</div>
-  <!--设置-->
-  <div class="modal fade" id="ht-setting" 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">
-          <ul class="nav nav-tabs mb-3" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">安全编号规则</a>
-            </li>
-          </ul>
-          <div class="tab-content">
-            <div class="tab-pane active" id="bianhao">
-              <h5>当前规则:WWUJ-1-201803-001</h5>
-              <h5>
-                <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-              </h5>
-              <h5 class="my-3">添加新规则组件</h5>
-              <div class="form-group">
-                <select class="form-control form-control-sm">
-                  <option>请选择组件</option>
-                  <option>连接符</option>
-                  <option>标段名</option>
-                  <option>文本</option>
-                  <option>当前年月</option>
-                  <option>自增编号</option>
-                </select>
-              </div>
-              <!-- <div class="form-group">
-                <select class="form-control form-control-sm">
-                  <option>请选择</option>
-                  <option>-</option>
-                  <option>_</option>
-                  <option>无</option>
-                </select>
+        <div class="content-wrap">
+            <div class="sjs-height-0">
+          <div class="c-body">
+              <!--没有标段数据-->
+              <!-- <div class="jumbotron">
+                <h3 class="display-6">还没有标段数据</h3>
               </div> -->
-              <div class="form-group">
-                <label>自动编号位数</label>
-                <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
-              </div>
-              <div class="form-group">
-                <label>起始编号</label>
-                <input class="form-control form-control-sm" value="001" type="text">
-              </div>
-              <button class="btn btn-sm btn-outline-primary">添加组件</button>
+              <!--标段概况-->
+              <table class="table table-hover table-bordered">
+                <thead class="text-center">
+                  <th>名称</th>
+                  <th>总数</th>
+                  <th>待整改</th>
+                  <th>整改中</th>
+                  <th>已整改</th>
+                </thead>
+                <tr>
+                  <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fal fa-plus-square"></i></span><i class="fal fa-folder"></i>&nbsp;文件夹1</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-1"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.1</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="anquan-list.html">WWUJ-1</a></td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="anquan-list.html">WWUJ-4</a></td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.2</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="anquan-list.html">WWUJ-2</a></td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">00</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="anquan-list.html">WWUJ-3</a></td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                  <td class="text-center">0</td>
+                </tr>
+              </table>
             </div>
           </div>
         </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
-          <button type="button" class="btn btn-sm btn-primary">确定</button>
-        </div>
       </div>
     </div>
   </div>
-  <!--弹出新建安全巡检-->
-  <div class="modal fade" id="add-ht" data-backdrop="static">
-      <div class="modal-dialog" role="document">
-          <div class="modal-content">
-              <div class="modal-header">
-                  <h5 class="modal-title">新建安全巡检</h5>
-              </div>
-              <div class="modal-body">
-                <div class="form-group">
-                  <label>安全编号<b class="text-danger">*</b></label>
-                  <div class="input-group input-group-sm">
-                    <input type="text" class="form-control" value="CD03-CL-2015-121" placeholder="请输入合同编号">
-                    <div class="input-group-append">
-                      <button class="btn btn-outline-secondary" type="button" >自动编号</button>
-                    </div>
-                  </div>
-                </div>
-                <div class="form-group">
-                  <label>检查项<b class="text-danger">*</b></label>
-                  <input class="form-control form-control-sm"  placeholder="请填写巡检项" type="text">
-                </div>
-                <div class="form-group">
-                  <label>日期<b class="text-danger">*</b></label>
-                  <input class="form-control form-control-sm"  placeholder="选择巡检日期" type="date">
-                </div>
-                <div class="alert alert-warning p-2">添加后再补充完善其余信息</div>
-              </div>
-              <div class="modal-footer">
-                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
-                <button type="button" class="btn btn-sm btn-primary">确定添加</button>
-              </div>
-          </div>
-      </div>
-  </div>
-      <!--附件-->
-    <div class="modal fade" id="file" 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="modal-height-500">
-                    <table class="table table-sm table-bordered">
-                      <thead>
-                        <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
-                      </thead>
-                      <tr><td><a href="#">安全检查附件.pdf</a></td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
-                      <tr><td><a href="#">安全整改现场拍照.pdf</a></td><td>李四</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
-                    </table>
-                  </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/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>
 
-</body>
+  <!-- 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 type="text/javascript">  autoFlashHeight();</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">
+          <!--
+          var setting = {
+            view: {
+              selectedMulti: false
+            },
+            data: {
+              simpleData: {
+                enable: true
+              }
+            },
+            callback: {
+              onCheck: onCheck
+            }
+          };
+
+          var zNodes =[
+            { id:1, pId:0, name:"文件夹1", isParent:true, open:true},
+            { id:2, pId:0, name:"文件夹2", isParent:true,open:true},
+            { id:21, pId:2, name:"文件夹2.1", isParent:true,open:true},
+            { id:22, pId:2, name:"文件夹2.2", isParent:true,open:true}
+          ];
 
-</html>
+          var clearFlag = false;
+          function onCheck(e, treeId, treeNode) {
+            count();
+            if (clearFlag) {
+              clearCheckedOldNodes();
+            }
+          }
+          function clearCheckedOldNodes() {
+            var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
+            nodes = zTree.getChangeCheckedNodes();
+            for (var i=0, l=nodes.length; i<l; i++) {
+              nodes[i].checkedOld = nodes[i].checked;
+            }
+          }
+          function count() {
+            var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
+            checkCount = zTree.getCheckedNodes(true).length;
+            $("#checkCount4").text(checkCount);
+
+          }
+          function createTree() {
+            $.fn.zTree.init($("#treeDemo3"), setting, zNodes);
+            count();
+          }
+          $(document).ready(function(){
+            createTree();
+          });
+          //-->
+  </script>
+</body>
+</html>

+ 0 - 227
biaoduan.html

@@ -1,227 +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/all.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 class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护,持续30分钟。</span></a></li>
-          <!--系统维护信息 end-->
-          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fas fa-list-ul"></i><span>项目</span></a></li>
-        </ul>
-      </div>
-      <div class="nav-bottom mt-auto">
-        <ul class="nav nav-pills nav-stacked bg-nav">
-          <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
-        </ul>
-        <div class="dropright my-1 ml-1">
-          <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>
-          </div>
-        </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 mr-2">
-                <!--展开/收起-->
-                <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai">展开/收起</button>
-                  <div class="dropdown-menu" aria-labelledby="zhankai">
-                    <a class="dropdown-item" href="#">展开所有</a>
-                    <a class="dropdown-item" href="#">收起所有</a>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div>
-              <a href="settings-data.html" class="btn btn-sm btn-light text-primary"><i class="fas fa-cog"></i> 标段管理</a>
-            </div>
-          </div>
-        </div>
-        <div class="content-wrap">
-            <div class="sjs-height-0">
-          <div class="c-body">
-              <!--没有标段数据-->
-              <div class="jumbotron">
-                <h3 class="display-6">还没有标段数据</h3>
-              </div>
-              <!--标段概况-->
-              <table class="table table-hover table-bordered">
-                <thead class="text-center">
-                  <th>名称</th>
-                  <th>收入合同金额</th>
-                  <th>收款进度</th>
-                  <th>支出合同金额</th>
-                  <th>付款进度</th>
-                  <th>质量巡检待整改</th>
-                  <th>安全巡检待审批</th>
-                </thead>
-                <tr>
-                  <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fal fa-plus-square"></i></span><i class="fal fa-folder"></i>&nbsp;文件夹1</td>
-                  <td class="text-right">0.00</td>
-                  <td class="text-center">0%</td>
-                  <td class="text-right">0.00</td>
-                  <td class="text-center">0%</td>
-                  <td class="text-center">0</td>
-                  <td class="text-center">0</td>
-                </tr>
-                <tr>
-                  <td class="in-1"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2</td>
-                  <td class="text-right">60000.00</td>
-                  <td class="text-center">56%</td>
-                  <td class="text-right">20000.00</td>
-                  <td class="text-center">20%</td>
-                  <td class="text-center">15</td>
-                  <td class="text-center">22</td>
-                </tr>
-                <tr>
-                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.1</td>
-                  <td class="text-right">40000.00</td>
-                  <td class="text-center">36%</td>
-                  <td class="text-right">10000.00</td>
-                  <td class="text-center">10%</td>
-                  <td class="text-center">8</td>
-                  <td class="text-center">13</td>
-                </tr>
-                <tr>
-                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-1<td class="text-right">30000.00</td>
-                  <td class="text-center">16%</td>
-                  <td class="text-right">7000.00</td>
-                  <td class="text-center">4%</td>
-                  <td class="text-center">4</td>
-                  <td class="text-center">9</td>
-                </tr>
-                <tr>
-                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-4</a></td>
-                  <td class="text-right">10000.00</td>
-                  <td class="text-center">20%</td>
-                  <td class="text-right">3000.00</td>
-                  <td class="text-center">7%</td>
-                  <td class="text-center">4</td>
-                  <td class="text-center">4</td>
-                </tr>
-                <tr>
-                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.2</td>
-                  <td class="text-right">20000.00</td>
-                  <td class="text-center">20%</td>
-                  <td class="text-right">10000.00</td>
-                  <td class="text-center">10%</td>
-                  <td class="text-center">7</td>
-                  <td class="text-center">9</td>
-                </tr>
-                <tr>
-                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="#">WWUJ-2</a></td>
-                  <td class="text-right">15000.00</td>
-                  <td class="text-center">15%</td>
-                  <td class="text-right">1000.00</td>
-                  <td class="text-center">1%</td>
-                  <td class="text-center">2</td>
-                  <td class="text-center">3</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="text-right">5000.00</td>
-                  <td class="text-center">5%</td>
-                  <td class="text-right">9000.00</td>
-                  <td class="text-center">9%</td>
-                  <td class="text-center">5</td>
-                  <td class="text-center">6</td>
-                </tr>
-              </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>
-  <script type="text/javascript">  autoFlashHeight();</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">
-          <!--
-          var setting = {
-            view: {
-              selectedMulti: false
-            },
-            data: {
-              simpleData: {
-                enable: true
-              }
-            },
-            callback: {
-              onCheck: onCheck
-            }
-          };
-
-          var zNodes =[
-            { id:1, pId:0, name:"文件夹1", isParent:true, open:true},
-            { id:2, pId:0, name:"文件夹2", isParent:true,open:true},
-            { id:21, pId:2, name:"文件夹2.1", isParent:true,open:true},
-            { id:22, pId:2, name:"文件夹2.2", isParent:true,open:true}
-          ];
-
-          var clearFlag = false;
-          function onCheck(e, treeId, treeNode) {
-            count();
-            if (clearFlag) {
-              clearCheckedOldNodes();
-            }
-          }
-          function clearCheckedOldNodes() {
-            var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
-            nodes = zTree.getChangeCheckedNodes();
-            for (var i=0, l=nodes.length; i<l; i++) {
-              nodes[i].checkedOld = nodes[i].checked;
-            }
-          }
-          function count() {
-            var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
-            checkCount = zTree.getCheckedNodes(true).length;
-            $("#checkCount4").text(checkCount);
-
-          }
-          function createTree() {
-            $.fn.zTree.init($("#treeDemo3"), setting, zNodes);
-            count();
-          }
-          $(document).ready(function(){
-            createTree();
-          });
-          //-->
-  </script>
-</body>
-</html>

+ 3 - 1
dashboard.html

@@ -21,7 +21,9 @@
           <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护,持续30分钟。</span></a></li>
           <!--系统维护信息 end-->
           <li class="active"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
-          <li><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fas fa-list-ul"></i><span>项目</span></a></li>
+          <li class=""><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class=""><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></i><span>质量巡检</span></a></li>
         </ul>
       </div>
       <div class="nav-bottom mt-auto">

+ 250 - 0
hetong-list.html

@@ -0,0 +1,250 @@
+<!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/all.min.css">
+    <script src=js/echarts/echarts.min.js></script>
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
+    <!--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="fas fa-chalkboard"></i><span>待办</span></a></li>
+          <li class="active"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class=""><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></i><span>质量巡检</span></a></li>
+        </ul>
+			</div>
+      <div class="nav-bottom mt-auto">
+        <ul class="nav nav-pills nav-stacked bg-nav">
+          <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
+        </ul>
+        <div class="dropup my-1 ml-1">
+          <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>
+          </div>
+        </div>
+      </div>
+		</div>
+		<div class="main-panel">
+      <div class="panel-sidebar">
+        <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
+        <div class="scrollbar-auto">
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li><a href="hetong-panel.html"><i class="fas fa-chart-pie"></i> <span>合同概况</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li class="active"><a href="hetong-list.html"><span>收入合同 </span></a></li>
+            </ul>
+            <ul class="nav-list list-unstyled">
+              <li class=""><a href="hetong-list.html"><span>支出合同</span></a></li>
+            </ul>
+          </div>
+          <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏"><i class="fa fa-sign-out fa-flip-horizontal"></i></a></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="#ht-setting" data-toggle="modal" data-target="#ht-setting" class="btn btn-sm btn-outline-primary pull-right"><i class="fas fa-cog"></i> 设置</a>
+                  <a href="#add-ht" data-toggle="modal" data-target="#add-ht" class="btn btn-sm btn-primary pull-right">新建合同</a>
+              </div>
+            </div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+            <div class="sjs-height-0">
+              <table class="table table-bordered">
+                <thead>
+                  <tr><th width="70">序号</th><th width="250">项目内容</th><th>合同名称</th><th>合同编号</th><th>合同类型</th><th>合同金额</th><th>结算金额</th><th>备注</th></tr>
+                </thead>
+                  <tr><td><span class="mr-1" title="收起"><i class="fal fa-minus-square"></i></span>1</td><td>第一部分 建筑安装工程费</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td class="pl-2">1.1</td><td>劳务</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td class="pl-2"><span class="mr-1" title="收起"><i class="fal fa-minus-square"></i></span>1.2</td><td>材料</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.1</td><td>钢筋、工字钢、型钢、角钢、钢板</td><td>台州湾大桥及接线工程TS15标钢筋及型钢供应合同</td><td>CD03-CL-2015-117</td><td><span class="badge badge-danger">支出合同</span></td><td class="text-right">62851000.00</td><td class="text-right">0.00</td><td>履行中</td></tr>
+                  <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.2</td><td>碎石</td><td>台州湾大桥及接线工程TS15标碎石供应合同</td><td>CD03-CL-2015-118</td><td><span class="badge badge-danger">支出合同</span></td><td class="text-right">6557000.00</td><td class="text-right">3787300.07</td><td>履行中</td></tr>
+                  <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.3</td><td>水泥</td><td>台州湾大桥及接线工程TS15标水泥供应合同</td><td>CD03-CL-2015-119</td><td><span class="badge badge-success">收入合同</span></td><td class="text-right">43064827.00</td><td class="text-right">43064827.00</td><td>待关闭</td></tr>
+                  <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.3</td><td>预应力管桩</td><td>台州湾大桥及接线工程TS15标预应力管桩供应合同</td><td>CD03-CL-2015-120</td><td><span class="badge badge-success">收入合同</span></td><td class="text-right">28000000.00</td><td class="text-right">28000000.00</td><td class="text-success">正常关闭</td></tr>
+                  <tr><td class="pl-2">1.3</td><td>机械</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td class="pl-2">1.4</td><td>临时工程</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td class="pl-2">1.5</td><td>施工测量、检测及试验</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td class="pl-2">1.6</td><td>其他直接费</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td class="pl-2">1.7</td><td>专项费用</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td class="pl-2">1.8</td><td>施工场地建设</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td class="pl-2">1.9</td><td>安全生产</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+                  <tr><td>2</td><td>第二部分 土地使用及拆迁补偿费</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
+              </table>
+            </div>
+          </div>
+				</div>
+			</div>
+		</div>
+	</div>
+  <!--设置-->
+  <div class="modal fade" id="ht-setting" 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">
+          <ul class="nav nav-tabs mb-3" role="tablist">
+            <li class="nav-item">
+              <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">合同编号规则</a>
+            </li>
+          </ul>
+          <div class="tab-content">
+            <div class="tab-pane active" id="bianhao">
+              <h5>当前规则:WWUJ-1-201803-001</h5>
+              <h5>
+                <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+                <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
+              </h5>
+              <h5 class="my-3">添加新规则组件</h5>
+              <div class="form-group">
+                <select class="form-control form-control-sm">
+                  <option>请选择组件</option>
+                  <option>连接符</option>
+                  <option>标段名</option>
+                  <option>文本</option>
+                  <option>当前年月</option>
+                  <option>自增编号</option>
+                </select>
+              </div>
+              <!-- <div class="form-group">
+                <select class="form-control form-control-sm">
+                  <option>请选择</option>
+                  <option>-</option>
+                  <option>_</option>
+                  <option>无</option>
+                </select>
+              </div> -->
+              <div class="form-group">
+                <label>自动编号位数</label>
+                <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
+              </div>
+              <div class="form-group">
+                <label>起始编号</label>
+                <input class="form-control form-control-sm" value="001" type="text">
+              </div>
+              <button class="btn btn-sm btn-outline-primary">添加组件</button>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+          <button type="button" class="btn btn-sm btn-primary">确定</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--弹出添加合同-->
+  <div class="modal fade" id="add-ht" data-backdrop="static">
+      <div class="modal-dialog" role="document">
+          <div class="modal-content">
+              <div class="modal-header">
+                  <h5 class="modal-title">新建合同</h5>
+              </div>
+              <div class="modal-body">
+                <div class="form-group">
+                  <label>合同分类</label>
+                  <select class="form-control form-control-sm">
+                    <optgroup label="1 第一部分 建筑安装工程费">
+                      <option>1.1 劳务</option>
+                      <option>1.2 材料</option>
+                      <option>1.3 机械</option>
+                      <option>1.4 临时工程</option>
+                      <option>1.5 施工测量、检测及试验</option>
+                      <option>1.6 其他直接费</option>
+                      <option>1.7 专项费用</option>
+                      <option>1.8 施工场地建设</option>
+                      <option>1.9 安全生产</option>
+                    </optgroup>
+                    <optgroup label="2 第二部分 土地使用及拆迁补偿费">
+                      <option>2.1 ...</option>
+                      <option>2.2 ...</option>
+                      <option>2.3 ...</option>
+                    </optgroup>
+                  </select>
+                </div>
+                <div class="form-group">
+                  <label>合同编号<b class="text-danger">*</b></label>
+                  <div class="input-group input-group-sm">
+                    <input type="text" class="form-control" value="CD03-CL-2015-121" placeholder="请输入合同编号">
+                    <div class="input-group-append">
+                      <button class="btn btn-outline-secondary" type="button" >自动编号</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group">
+                  <label>合同名称<b class="text-danger">*</b></label>
+                  <input class="form-control form-control-sm"  placeholder="输入合同名称" type="text">
+                </div>
+                <div class="form-group">
+                  <label>合同类型<b class="text-danger">*</b></label>
+                  <select class="form-control form-control-sm">
+                    <option>请选择</option>
+                    <option>支出合同</option>
+                    <option>收入合同</option>
+                  </select>
+                </div>
+                <div class="form-group">
+                  <label>合同金额<b class="text-danger">*</b></label>
+                  <div class="input-group input-group-sm">
+                    <input type="text" class="form-control nospin" placeholder="输入合同金额" mini="1">
+                    <div class="input-group-append">
+                      <span class="input-group-text">元</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="modal-footer">
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-sm 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/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>
+
+</body>
+
+</html>

+ 418 - 0
hetong-panel.html

@@ -0,0 +1,418 @@
+<!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/all.min.css">
+    <script src=js/echarts/echarts.min.js></script>
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
+    <!--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="fas fa-chalkboard"></i><span>待办</span></a></li>
+          <li class="active"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class=""><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></i><span>质量巡检</span></a></li>
+        </ul>
+			</div>
+      <div class="nav-bottom mt-auto">
+        <ul class="nav nav-pills nav-stacked bg-nav">
+          <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
+        </ul>
+        <div class="dropup my-1 ml-1">
+          <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>
+          </div>
+        </div>
+      </div>
+		</div>
+		<div class="main-panel">
+      <div class="panel-sidebar">
+        <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
+        <div class="scrollbar-auto">
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li class="active"><a href="hetong-panel.html"><i class="fas fa-chart-pie"></i> <span>合同概况</span></a></li>
+            </ul>
+          </div>
+          <div class="nav-box">
+            <ul class="nav-list list-unstyled">
+              <li class=""><a href="hetong-list.html"><span>收入合同</span></a></li>
+            </ul>
+            <ul class="nav-list list-unstyled">
+              <li class=""><a href="hetong-list2.html"><span>支出合同</span></a></li>
+            </ul>
+          </div>
+          <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏"><i class="fa fa-sign-out fa-flip-horizontal"></i></a></div>
+        </div>
+      </div>
+			<div class="panel-content">
+				<div class="panel-title">
+					<div class="title-main d-flex">
+            <h2>标段概况</h2>
+            <div class="ml-auto">
+              
+            </div>
+          </div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+            <div class="sjs-height-0">
+              <div class="m-3">
+                <!--概况-->
+                <div class="row mx-0 mb-3">
+                  <div class="col-6 pl-0 pr-5">
+                    <!--收入合同进度-->
+                    <div class="card text-center mb-3">
+                      <div class="card-body">
+                        <h5 class="card-title">收入合同结算进度</h5>
+                        <div class="mb-0">
+                          <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-gray" style="width:76%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未收款:¥1960,00.00">76%</div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row">
+                      <div class="col-6">
+                        <div class="card">
+                          <div class="mt-3" id="htchart3" style="height: 300px; width: 100%;"></div>
+                        </div>
+                      </div>
+                      <div class="col-6">
+                        <div class="card text-center">
+                          <div class="card-body">
+                            <h5 class="card-title">236,000.00</h5>
+                            <p class="card-text text-muted">收入合同总金额</p>
+                          </div>
+                        </div>
+                        <div class="card text-center my-3">
+                          <div class="card-body">
+                            <h5 class="card-title">190,000.00</h5>
+                            <p class="card-text text-muted">未结算</p>
+                          </div>
+                        </div>
+                        <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>
+                    <div class="col-12 px-0 mt-3">
+                      <div class="card">
+                        <div class="mt-3" id="htchart1" style="height: 400px; width: 100%;"></div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-6 pl-5 pr-0">
+                    <div class="card text-center mb-3">
+                      <div class="card-body">
+                        <h5 class="card-title">支出合同结算进度</h5>
+                        <div class="mb-0">
+                          <div class="progress">
+                            <div class="progress-bar bg-danger" style="width: 6%;" data-placement="bottom" data-toggle="tooltip" data-original-title="已支付:¥140,000.00">6%</div>
+                            <div class="progress-bar bg-gray" style="width:94%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未支付:¥2,000,000.00">94%</div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row">
+                      <div class="col-6">
+                        <div class="card">
+                          <div class="mt-3" id="htchart4" style="height: 300px; width: 100%;"></div>
+                        </div>
+                      </div>
+                      <div class="col-6">
+                        <div class="card text-center">
+                          <div class="card-body">
+                            <h5 class="card-title">236,000.00</h5>
+                            <p class="card-text text-muted">支出合同总金额</p>
+                          </div>
+                        </div>
+                        <div class="card text-center my-3">
+                          <div class="card-body">
+                            <h5 class="card-title">190,000.00</h5>
+                            <p class="card-text text-muted">未结算</p>
+                          </div>
+                        </div>
+                        <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>
+                    <div class="col-12 px-0 mt-3">
+                      <div class="card">
+                        <div class="mt-3" id="htchart2" style="height: 400px; width: 100%;"></div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </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/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 type="text/javascript">
+                    //htchart1 收入合同结算趋势//
+    // 基于准备好的dom,初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart1'));
+                    var option = {
+                      color: ['#b5c4b1','#965454','#9ca8b8','#d8caaf'],
+                              title : {
+                                  text: '收入合同结算趋势'
+                              },
+        tooltip : {
+            trigger: 'axis'
+        },
+        calculable : true,
+        legend: {
+            data:['结算金额','占总金额比例']
+        },
+        dataZoom: [
+               {show: true,start: 0, end: 100}
+          ],
+        xAxis : [
+            {
+                type : 'category',
+                splitLine : {show : true},
+                data : ['2020年1月','2020年2月','2020年3月','2020年4月','2020年5月','2020年6月','2020年7月']
+            }
+        ],
+        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 : {formatter: "{b}<br/>{a}:{c} %"},
+                stack: '结算金额',
+                data:[100, 250, 121, 334, 220, 330, 320]
+            },
+            {
+                name:'占总金额比例',
+                type:'line',
+                tooltip : {trigger: 'axis',formatter: "{b}<br/>{a}:{c} %"},
+                yAxisIndex: 1,
+                data:[10, 15, 20, 13, 11, 9, 10]
+            },
+        ]
+    };
+                    // 为echarts对象加载数据 
+                    myChart.setOption(option); 
+                    //END htchart1 收入合同结算趋势//
+                    //htchart2 支出合同结算趋势//
+    // 基于准备好的dom,初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart2'));
+                    var option = {
+                      color: ['#a27e7e','#656565','#b5c4b1','#d8caaf'],
+                              title : {
+                                  text: '支出合同结算趋势'
+                              },
+        tooltip : {
+            trigger: 'axis'
+        },
+        calculable : true,
+        legend: {
+            data:['结算金额','占总金额比例']
+        },
+        dataZoom: [
+               {show: true,start: 0, end: 100}
+          ],
+        xAxis : [
+            {
+                type : 'category',
+                splitLine : {show : true},
+                data : ['2020年1月','2020年2月','2020年3月','2020年4月','2020年5月','2020年6月','2020年7月']
+            }
+        ],
+        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 : {formatter: "{b}<br/>{a}:{c} %"},
+                stack: '结算金额',
+                data:[100, 250, 121, 334, 220, 330, 320]
+            },
+            {
+                name:'占总金额比例',
+                type:'line',
+                tooltip : {trigger: 'axis',formatter: "{b}<br/>{a}:{c} %"},
+                yAxisIndex: 1,
+                data:[10, 15, 20, 13, 11, 9, 10]
+            },
+        ]
+    };
+                    // 为echarts对象加载数据
+                    myChart.setOption(option);
+                    //END htchart2 支出合同结算趋势//
+                    //htchart3 收入合同数量组成//
+    // 基于准备好的dom,初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart3'));
+                    var option = {
+                      color: ['#c7b8a1','#9ca8b8','#7b8b6f','#d8caaf'],
+    tooltip: {
+        trigger: 'item',
+        formatter: '{a} <br/>{b}: {c} ({d}%)'
+    },
+    legend: {
+        orient: 'horizontal',
+        left: 00,
+        data: ['履行中', '待关闭', '正常关闭']
+    },
+    series: [
+        {
+            name: '访问来源',
+            type: 'pie',
+            radius: ['50%', '70%'],
+            avoidLabelOverlap: false,
+            label: {
+                show: false,
+                position: 'center'
+            },
+            emphasis: {
+                label: {
+                    show: true,
+                    fontSize: '20',
+                    fontWeight: 'bold'
+                }
+            },
+            labelLine: {
+                show: false
+            },
+            data: [
+                {value: 13, name: '履行中'},
+                {value: 3, name: '待关闭'},
+                {value: 4, name: '正常关闭'}
+            ]
+        }
+    ]
+};
+                    // 为echarts对象加载数据
+                    myChart.setOption(option);
+                    //END htchart3 收入合同数量组成//
+                   //htchart4 收入合同数量组成//
+    // 基于准备好的dom,初始化echarts图表
+                    var myChart = echarts.init(document.getElementById('htchart4'));
+                    var option = {
+                      color: ['#c7b8a1','#9ca8b8','#7b8b6f','#d8caaf'],
+    tooltip: {
+        trigger: 'item',
+        formatter: '{a} <br/>{b}: {c} ({d}%)'
+    },
+    legend: {
+        orient: 'horizontal',
+        left: 00,
+        data: ['履行中', '待关闭', '正常关闭']
+    },
+    series: [
+        {
+            name: '访问来源',
+            type: 'pie',
+            radius: ['50%', '70%'],
+            avoidLabelOverlap: false,
+            label: {
+                show: false,
+                position: 'center'
+            },
+            emphasis: {
+                label: {
+                    show: true,
+                    fontSize: '20',
+                    fontWeight: 'bold'
+                }
+            },
+            labelLine: {
+                show: false
+            },
+            data: [
+                {value: 13, name: '履行中'},
+                {value: 3, name: '待关闭'},
+                {value: 4, name: '正常关闭'}
+            ]
+        }
+    ]
+};
+                    // 为echarts对象加载数据
+                    myChart.setOption(option);
+                    //END htchart4 收入合同数量组成//
+        </script>
+
+</body>
+
+</html>

+ 171 - 205
hetong.html

@@ -10,26 +10,29 @@
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/font-awesome/all.min.css">
     <script src=js/echarts/echarts.min.js></script>
-    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
     <!--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="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">
+      <div class="nav-top">
         <ul class="nav nav-pills nav-stacked bg-nav">
+          <!--系统维护信息-->
+          <!-- <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护,持续30分钟。</span></a></li> -->
+          <!--系统维护信息 end-->
           <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
-          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fas fa-list-ul"></i><span>项目</span></a></li>
+          <li class="active"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
+          <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
+          <li class=""><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></i><span>质量巡检</span></a></li>
         </ul>
-			</div>
+      </div>
       <div class="nav-bottom mt-auto">
         <ul class="nav nav-pills nav-stacked bg-nav">
           <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
         </ul>
-        <div class="dropup my-1 ml-1">
+        <div class="dropright my-1 ml-1">
           <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
             张三
           </a>
@@ -42,214 +45,177 @@
           </div>
         </div>
       </div>
-		</div>
-		<div class="main-panel">
-      <div class="panel-sidebar">
-        <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
-        <div class="scrollbar-auto">
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li><a href="biaoduan-panel.html"><i class="fas fa-chart-pie"></i> <span>标段概况</span></a></li>
-            </ul>
-          </div>
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li class="active"><a href="hetong.html"><i class="fas fa-book-open"></i> <span>合同管理</span></a></li>
-            </ul>
-          </div>
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li><a href="anquan.html"><i class="fas fa-users-cog"></i> <span>安全巡检</span></a></li>
-            </ul>
-          </div>
-          <div class="nav-box">
-            <ul class="nav-list list-unstyled">
-              <li><a href="zhiliang.html"><i class="fas fa-toolbox"></i> <span>质量巡检</span></a></li>
-            </ul>
-          </div>
-          <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏"><i class="fa fa-sign-out fa-flip-horizontal"></i></a></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="#ht-setting" data-toggle="modal" data-target="#ht-setting" class="btn btn-sm btn-outline-primary pull-right"><i class="fas fa-cog"></i> 设置</a>
-                  <a href="#add-ht" data-toggle="modal" data-target="#add-ht" class="btn btn-sm btn-primary pull-right">新建合同</a>
+    </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-2">
+                <!--展开/收起-->
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai">展开/收起</button>
+                  <div class="dropdown-menu" aria-labelledby="zhankai">
+                    <a class="dropdown-item" href="#">展开所有</a>
+                    <a class="dropdown-item" href="#">收起所有</a>
+                  </div>
+                </div>
               </div>
             </div>
-				</div>
-				<div class="content-wrap">
-					<div class="c-body">
-            <div class="sjs-height-0">
-              <table class="table table-bordered">
-                <thead>
-                  <tr><th width="70">序号</th><th width="250">项目内容</th><th>合同名称</th><th>合同编号</th><th>合同类型</th><th>合同金额</th><th>结算金额</th><th>备注</th></tr>
-                </thead>
-                  <tr><td><span class="mr-1" title="收起"><i class="fal fa-minus-square"></i></span>1</td><td>第一部分 建筑安装工程费</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td class="pl-2">1.1</td><td>劳务</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td class="pl-2"><span class="mr-1" title="收起"><i class="fal fa-minus-square"></i></span>1.2</td><td>材料</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.1</td><td>钢筋、工字钢、型钢、角钢、钢板</td><td>台州湾大桥及接线工程TS15标钢筋及型钢供应合同</td><td>CD03-CL-2015-117</td><td><span class="badge badge-danger">支出合同</span></td><td class="text-right">62851000.00</td><td class="text-right">0.00</td><td>履行中</td></tr>
-                  <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.2</td><td>碎石</td><td>台州湾大桥及接线工程TS15标碎石供应合同</td><td>CD03-CL-2015-118</td><td><span class="badge badge-danger">支出合同</span></td><td class="text-right">6557000.00</td><td class="text-right">3787300.07</td><td>履行中</td></tr>
-                  <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.3</td><td>水泥</td><td>台州湾大桥及接线工程TS15标水泥供应合同</td><td>CD03-CL-2015-119</td><td><span class="badge badge-success">收入合同</span></td><td class="text-right">43064827.00</td><td class="text-right">43064827.00</td><td>待关闭</td></tr>
-                  <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.3</td><td>预应力管桩</td><td>台州湾大桥及接线工程TS15标预应力管桩供应合同</td><td>CD03-CL-2015-120</td><td><span class="badge badge-success">收入合同</span></td><td class="text-right">28000000.00</td><td class="text-right">28000000.00</td><td class="text-success">正常关闭</td></tr>
-                  <tr><td class="pl-2">1.3</td><td>机械</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td class="pl-2">1.4</td><td>临时工程</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td class="pl-2">1.5</td><td>施工测量、检测及试验</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td class="pl-2">1.6</td><td>其他直接费</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td class="pl-2">1.7</td><td>专项费用</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td class="pl-2">1.8</td><td>施工场地建设</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td class="pl-2">1.9</td><td>安全生产</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-                  <tr><td>2</td><td>第二部分 土地使用及拆迁补偿费</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-              </table>
+            <div>
+
             </div>
           </div>
-				</div>
-			</div>
-		</div>
-	</div>
-  <!--设置-->
-  <div class="modal fade" id="ht-setting" 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">
-          <ul class="nav nav-tabs mb-3" role="tablist">
-            <li class="nav-item">
-              <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">合同编号规则</a>
-            </li>
-          </ul>
-          <div class="tab-content">
-            <div class="tab-pane active" id="bianhao">
-              <h5>当前规则:WWUJ-1-201803-001</h5>
-              <h5>
-                <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-                <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
-              </h5>
-              <h5 class="my-3">添加新规则组件</h5>
-              <div class="form-group">
-                <select class="form-control form-control-sm">
-                  <option>请选择组件</option>
-                  <option>连接符</option>
-                  <option>标段名</option>
-                  <option>文本</option>
-                  <option>当前年月</option>
-                  <option>自增编号</option>
-                </select>
-              </div>
-              <!-- <div class="form-group">
-                <select class="form-control form-control-sm">
-                  <option>请选择</option>
-                  <option>-</option>
-                  <option>_</option>
-                  <option>无</option>
-                </select>
+        <div class="content-wrap">
+            <div class="sjs-height-0">
+          <div class="c-body">
+              <!--没有标段数据-->
+              <!-- <div class="jumbotron">
+                <h3 class="display-6">还没有标段数据</h3>
               </div> -->
-              <div class="form-group">
-                <label>自动编号位数</label>
-                <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
-              </div>
-              <div class="form-group">
-                <label>起始编号</label>
-                <input class="form-control form-control-sm" value="001" type="text">
-              </div>
-              <button class="btn btn-sm btn-outline-primary">添加组件</button>
+              <!--标段概况-->
+              <table class="table table-hover table-bordered">
+                <thead class="text-center">
+                  <th>名称</th>
+                  <th>合同总数</th>
+                  <th>收入合同金额</th>
+                  <th>结算进度</th>
+                  <th>支出合同金额</th>
+                  <th>结算进度</th>
+                </thead>
+                <tr>
+                  <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fal fa-plus-square"></i></span><i class="fal fa-folder"></i>&nbsp;文件夹1</td>
+                  <td class="text-right">20</td>
+                  <td class="text-right">0.00</td>
+                  <td class="text-center">0%</td>
+                  <td class="text-right">0.00</td>
+                  <td class="text-center">0%</td>
+                </tr>
+                <tr>
+                  <td class="in-1"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2</td>
+                  <td class="text-right">30</td>
+                  <td class="text-right">60000.00</td>
+                  <td class="text-center">56%</td>
+                  <td class="text-right">20000.00</td>
+                  <td class="text-center">20%</td>
+                </tr>
+                <tr>
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.1</td>
+                  <td class="text-right">20</td>
+                  <td class="text-right">40000.00</td>
+                  <td class="text-center">36%</td>
+                  <td class="text-right">10000.00</td>
+                  <td class="text-center">10%</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="hetong-list.html">WWUJ-1</a></td>
+                  <td class="text-right">10</td>
+                  <td class="text-right">30000.00</td>
+                  <td class="text-center">16%</td>
+                  <td class="text-right">7000.00</td>
+                  <td class="text-center">4%</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="hetong-list.html">WWUJ-4</a></td>
+                  <td class="text-right">10</td>
+                  <td class="text-right">10000.00</td>
+                  <td class="text-center">20%</td>
+                  <td class="text-right">3000.00</td>
+                  <td class="text-center">7%</td>
+                </tr>
+                <tr>
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i>&nbsp;文件夹2.2</td>
+                  <td class="text-right">20</td>
+                  <td class="text-right">20000.00</td>
+                  <td class="text-center">20%</td>
+                  <td class="text-right">10000.00</td>
+                  <td class="text-center">10%</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="hetong-list.html">WWUJ-2</a></td>
+                  <td class="text-right">10</td>
+                  <td class="text-right">15000.00</td>
+                  <td class="text-center">15%</td>
+                  <td class="text-right">1000.00</td>
+                  <td class="text-center">1%</td>
+                </tr>
+                <tr>
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="hetong-list.html">WWUJ-3</a></td>
+                  <td class="text-right">10</td>
+                  <td class="text-right">5000.00</td>
+                  <td class="text-center">5%</td>
+                  <td class="text-right">9000.00</td>
+                  <td class="text-center">9%</td>
+                </tr>
+              </table>
             </div>
           </div>
         </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
-          <button type="button" class="btn btn-sm btn-primary">确定</button>
-        </div>
       </div>
     </div>
   </div>
-  <!--弹出添加合同-->
-  <div class="modal fade" id="add-ht" data-backdrop="static">
-      <div class="modal-dialog" role="document">
-          <div class="modal-content">
-              <div class="modal-header">
-                  <h5 class="modal-title">新建合同</h5>
-              </div>
-              <div class="modal-body">
-                <div class="form-group">
-                  <label>合同分类</label>
-                  <select class="form-control form-control-sm">
-                    <optgroup label="1 第一部分 建筑安装工程费">
-                      <option>1.1 劳务</option>
-                      <option>1.2 材料</option>
-                      <option>1.3 机械</option>
-                      <option>1.4 临时工程</option>
-                      <option>1.5 施工测量、检测及试验</option>
-                      <option>1.6 其他直接费</option>
-                      <option>1.7 专项费用</option>
-                      <option>1.8 施工场地建设</option>
-                      <option>1.9 安全生产</option>
-                    </optgroup>
-                    <optgroup label="2 第二部分 土地使用及拆迁补偿费">
-                      <option>2.1 ...</option>
-                      <option>2.2 ...</option>
-                      <option>2.3 ...</option>
-                    </optgroup>
-                  </select>
-                </div>
-                <div class="form-group">
-                  <label>合同编号<b class="text-danger">*</b></label>
-                  <div class="input-group input-group-sm">
-                    <input type="text" class="form-control" value="CD03-CL-2015-121" placeholder="请输入合同编号">
-                    <div class="input-group-append">
-                      <button class="btn btn-outline-secondary" type="button" >自动编号</button>
-                    </div>
-                  </div>
-                </div>
-                <div class="form-group">
-                  <label>合同名称<b class="text-danger">*</b></label>
-                  <input class="form-control form-control-sm"  placeholder="输入合同名称" type="text">
-                </div>
-                <div class="form-group">
-                  <label>合同类型<b class="text-danger">*</b></label>
-                  <select class="form-control form-control-sm">
-                    <option>请选择</option>
-                    <option>支出合同</option>
-                    <option>收入合同</option>
-                  </select>
-                </div>
-                <div class="form-group">
-                  <label>合同金额<b class="text-danger">*</b></label>
-                  <div class="input-group input-group-sm">
-                    <input type="text" class="form-control nospin" placeholder="输入合同金额" mini="1">
-                    <div class="input-group-append">
-                      <span class="input-group-text">元</span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="modal-footer">
-                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
-                <button type="button" class="btn btn-sm 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/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>
 
-</body>
+  <!-- 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 type="text/javascript">  autoFlashHeight();</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">
+          <!--
+          var setting = {
+            view: {
+              selectedMulti: false
+            },
+            data: {
+              simpleData: {
+                enable: true
+              }
+            },
+            callback: {
+              onCheck: onCheck
+            }
+          };
+
+          var zNodes =[
+            { id:1, pId:0, name:"文件夹1", isParent:true, open:true},
+            { id:2, pId:0, name:"文件夹2", isParent:true,open:true},
+            { id:21, pId:2, name:"文件夹2.1", isParent:true,open:true},
+            { id:22, pId:2, name:"文件夹2.2", isParent:true,open:true}
+          ];
 
-</html>
+          var clearFlag = false;
+          function onCheck(e, treeId, treeNode) {
+            count();
+            if (clearFlag) {
+              clearCheckedOldNodes();
+            }
+          }
+          function clearCheckedOldNodes() {
+            var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
+            nodes = zTree.getChangeCheckedNodes();
+            for (var i=0, l=nodes.length; i<l; i++) {
+              nodes[i].checkedOld = nodes[i].checked;
+            }
+          }
+          function count() {
+            var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
+            checkCount = zTree.getCheckedNodes(true).length;
+            $("#checkCount4").text(checkCount);
+
+          }
+          function createTree() {
+            $.fn.zTree.init($("#treeDemo3"), setting, zNodes);
+            count();
+          }
+          $(document).ready(function(){
+            createTree();
+          });
+          //-->
+  </script>
+</body>
+</html>

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 15 - 32
js/echarts/echarts.min.js


Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 32 - 0
js/echarts/echarts.min1.js