|
|
@@ -10,6 +10,8 @@
|
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
<link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
|
|
|
<script src=js/echarts/echarts.min.js></script>
|
|
|
+ <!--zTree-->
|
|
|
+ <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
@@ -84,20 +86,19 @@
|
|
|
<div class="title-main d-flex justify-content-between">
|
|
|
<div>
|
|
|
<div class="d-inline-block mr-2">
|
|
|
- <select class="form-control form-control-sm m-0">
|
|
|
- <option>标段类型筛选</option>
|
|
|
- <option>土建标</option>
|
|
|
- </select>
|
|
|
+ <button href="#cate-set" class="btn btn-sm btn-light" data-toggle="modal" data-target="#cate-set"><i class="fa fa-sitemap fa-rotate-270"></i> 分类</button>
|
|
|
</div>
|
|
|
<div class="d-inline-block">
|
|
|
- <div class="form-check-inline">
|
|
|
- <label class="form-check-label">
|
|
|
- <input class="form-check-input" type="checkbox">
|
|
|
- 查看计量进度
|
|
|
+ <div class="btn-group btn-group-toggle" data-toggle="buttons">
|
|
|
+ <label class="btn btn-sm btn-light active">
|
|
|
+ <input type="radio" name="options" id="option1" autocomplete="off" checked> 金额概况
|
|
|
+ </label>
|
|
|
+ <label class="btn btn-sm btn-light">
|
|
|
+ <input type="radio" name="options" id="option2" autocomplete="off"> 计量进度
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="d-inline-block">
|
|
|
+ <div class="d-inline-block ml-3">
|
|
|
<div class="form-check-inline">
|
|
|
<label class="form-check-label">
|
|
|
<input class="form-check-input" type="checkbox">
|
|
|
@@ -113,7 +114,7 @@
|
|
|
</div>
|
|
|
<div class="content-wrap">
|
|
|
<div class="c-body">
|
|
|
- <!--图表-->
|
|
|
+ <!--计量进度图表-->
|
|
|
<div class="row mb-5">
|
|
|
<div class="col-4">
|
|
|
<!--图表1-->
|
|
|
@@ -128,7 +129,6 @@
|
|
|
<table class="table table-bordered table-sm">
|
|
|
<thead>
|
|
|
<th>名称</th>
|
|
|
- <th>标段类型</th>
|
|
|
<th>计量期数</th>
|
|
|
<th>审批状态</th>
|
|
|
<th>0号台帐合同</th>
|
|
|
@@ -140,8 +140,43 @@
|
|
|
<th>本期应付</th>
|
|
|
</thead>
|
|
|
<tr>
|
|
|
- <td><a href="jiliang-qi.html">WWUJ-1</a></td>
|
|
|
- <td>土建标</td>
|
|
|
+ <td class="in-1"><i class="fa fa-folder-o"></i> 2019</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-1"><i class="fa fa-folder-o"></i> 2018</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-2"><i class="fa fa-folder-o"></i> 土建</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">├</span><a href="jiliang-qi.html">WWUJ-1</a></td>
|
|
|
<td>共15期</td>
|
|
|
<td>审批中</td>
|
|
|
<td>0</td>
|
|
|
@@ -153,8 +188,19 @@
|
|
|
<td>0</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td><a href="jiliang-qi.html">WWUJ-2</a></td>
|
|
|
- <td>土建标</td>
|
|
|
+ <td class="in-2"><i class="fa fa-folder-o"></i> 绿化</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>0</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">├</span><a href="jiliang-qi.html">WWUJ-2</a></td>
|
|
|
<td>共15期</td>
|
|
|
<td>审批中</td>
|
|
|
<td>0</td>
|
|
|
@@ -166,8 +212,7 @@
|
|
|
<td>0</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td><a href="jiliang-qi.html">WWUJ-3</a></td>
|
|
|
- <td>土建标</td>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-3</a></td>
|
|
|
<td>共15期</td>
|
|
|
<td>审批中</td>
|
|
|
<td>0</td>
|
|
|
@@ -179,18 +224,34 @@
|
|
|
<td>0</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
- <!--查看计量进度-->
|
|
|
+ <!--计量进度-->
|
|
|
<table class="table table-bordered table-sm">
|
|
|
<thead>
|
|
|
<th>名称</th>
|
|
|
- <th width="120">标段类型</th>
|
|
|
<th width="120">完成期数</th>
|
|
|
<th>累计合同计量</th>
|
|
|
<th>截止本期累计完成/本期完成/未完成</th>
|
|
|
</thead>
|
|
|
<tr>
|
|
|
- <td><a href="jiliang-qi.html">WWUJ-1</a></td>
|
|
|
- <td>土建标</td>
|
|
|
+ <td class="in-1"><i class="fa fa-folder-o"></i> 2019</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-1"><i class="fa fa-folder-o"></i> 2018</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-2"><i class="fa fa-folder-o"></i> 土建</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-1</a></td>
|
|
|
<td>共15期</td>
|
|
|
<td>￥5,000,000.00</td>
|
|
|
<td>
|
|
|
@@ -202,8 +263,13 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td><a href="jiliang-qi.html">WWUJ-2</a></td>
|
|
|
- <td>土建标</td>
|
|
|
+ <td class="in-2"><i class="fa fa-folder-o"></i> 绿化</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">├</span><a href="jiliang-qi.html">WWUJ-2</a></td>
|
|
|
<td>共15期</td>
|
|
|
<td>￥5,000,000.00</td>
|
|
|
<td>
|
|
|
@@ -215,8 +281,7 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td><a href="jiliang-qi.html">WWUJ-3</a></td>
|
|
|
- <td>土建标</td>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-3</a></td>
|
|
|
<td>共15期</td>
|
|
|
<td>￥5,000,000.00</td>
|
|
|
<td>
|
|
|
@@ -227,41 +292,57 @@
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
- </table>
|
|
|
- <!--管理标段-->
|
|
|
- <table class="table table-bordered table-sm">
|
|
|
- <thead>
|
|
|
- <th>名称</th>
|
|
|
- <th width="120">标段类型</th>
|
|
|
- <th width="120">完成期数</th>
|
|
|
- <th>操作</th>
|
|
|
- </thead>
|
|
|
- <tr>
|
|
|
- <td><a href="jiliang-qi.html">WWUJ-3</a></td>
|
|
|
- <td>土建标</td>
|
|
|
- <td>共15期</td>
|
|
|
- <td>
|
|
|
- <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
|
|
|
- <a href="#del-bd" data-toggle="modal" data-target="#del-bd" class="btn btn-outline-danger btn-sm">删除</a>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><a href="jiliang-qi.html">WWUJ-2</a></td>
|
|
|
- <td>土建标</td>
|
|
|
- <td>共15期</td>
|
|
|
- <td>
|
|
|
- <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><a href="jiliang-qi.html">WWUJ-1</a></td>
|
|
|
- <td>土建标</td>
|
|
|
- <td>共15期</td>
|
|
|
- <td>
|
|
|
- <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
+ </table>
|
|
|
+ <!--管理标段-->
|
|
|
+ <table class="table table-bordered table-sm">
|
|
|
+ <thead>
|
|
|
+ <th>名称</th>
|
|
|
+ <th width="120">完成期数</th>
|
|
|
+ <th>操作</th>
|
|
|
+ </thead>
|
|
|
+ <tr>
|
|
|
+ <td class="in-1"><i class="fa fa-folder-o"></i> 2019</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-1"><i class="fa fa-folder-o"></i> 2018</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-2"><i class="fa fa-folder-o"></i> 土建</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-1</a></td>
|
|
|
+ <td>共15期</td>
|
|
|
+ <td>
|
|
|
+ <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">├</span><a href="jiliang-qi.html">WWUJ-2</a></td>
|
|
|
+ <td>共15期</td>
|
|
|
+ <td>
|
|
|
+ <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-2"><i class="fa fa-folder-o"></i> 绿化</td>
|
|
|
+ <td></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">└</span><a href="jiliang-qi.html">WWUJ-3</a></td>
|
|
|
+ <td>共0期</td>
|
|
|
+ <td>
|
|
|
+ <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
|
|
|
+ <a href="#del-bd" data-toggle="modal" data-target="#del-bd" class="btn btn-outline-danger btn-sm">删除</a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -280,13 +361,46 @@
|
|
|
<input class="form-control" placeholder="输入标段名称" type="text">
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
- <label>标段类型</label>
|
|
|
+ <label>年份</label>
|
|
|
<select class="form-control">
|
|
|
- <option>土建标</option>
|
|
|
- <option>XX标</option>
|
|
|
- <option>YY标</option>
|
|
|
+ <option>2018</option>
|
|
|
+ <option>2019</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label>标段类型</label>
|
|
|
+ <div>
|
|
|
+ <div class="form-check-inline">
|
|
|
+ <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
|
|
|
+ <label class="form-check-label" for="exampleRadios1">
|
|
|
+ 土建
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="form-check-inline">
|
|
|
+ <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
|
|
|
+ <label class="form-check-label" for="exampleRadios2">
|
|
|
+ 绿化
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label>公路等级</label>
|
|
|
+ <div>
|
|
|
+ <div class="form-check-inline">
|
|
|
+ <input class="form-check-input" type="radio" name="exampleRadios2" id="exampleRadios31" value="option3" checked>
|
|
|
+ <label class="form-check-label" for="exampleRadios3">
|
|
|
+ 一级
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="form-check-inline">
|
|
|
+ <input class="form-check-input" type="radio" name="exampleRadios2" id="exampleRadios4" value="option4">
|
|
|
+ <label class="form-check-label" for="exampleRadios4">
|
|
|
+ 二级
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
@@ -308,13 +422,46 @@
|
|
|
<input class="form-control" placeholder="输入标段名称" type="text">
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
- <label>标段类型</label>
|
|
|
+ <label>年份</label>
|
|
|
<select class="form-control">
|
|
|
- <option>土建标</option>
|
|
|
- <option>XX标</option>
|
|
|
- <option>YY标</option>
|
|
|
+ <option>2018</option>
|
|
|
+ <option>2019</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label>标段类型</label>
|
|
|
+ <div>
|
|
|
+ <div class="form-check-inline">
|
|
|
+ <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
|
|
|
+ <label class="form-check-label" for="exampleRadios1">
|
|
|
+ 土建
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="form-check-inline">
|
|
|
+ <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
|
|
|
+ <label class="form-check-label" for="exampleRadios2">
|
|
|
+ 绿化
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label>公路等级</label>
|
|
|
+ <div>
|
|
|
+ <div class="form-check-inline">
|
|
|
+ <input class="form-check-input" type="radio" name="exampleRadios2" id="exampleRadios31" value="option3" checked>
|
|
|
+ <label class="form-check-label" for="exampleRadios3">
|
|
|
+ 一级
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="form-check-inline">
|
|
|
+ <input class="form-check-input" type="radio" name="exampleRadios2" id="exampleRadios4" value="option4">
|
|
|
+ <label class="form-check-label" for="exampleRadios4">
|
|
|
+ 二级
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
@@ -340,11 +487,86 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--弹出分类设置-->
|
|
|
+ <div class="modal fade" id="cate-set" 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-300">
|
|
|
+ <ul id="treeDemo2" class="ztree"></ul>
|
|
|
+ </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>
|
|
|
+ <!-- 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:"可用类别", open:true},
|
|
|
+ { id:122, pId:1, name:"公路等级", isParent:true, open:true},
|
|
|
+ { id:2, pId:0, name:"已用类别", open:true},
|
|
|
+ { id:22, pId:2, name:"年份", open:true},
|
|
|
+ { id:224, pId:22, name:"标段类型", isParent:true, open:true}
|
|
|
+ ];
|
|
|
+
|
|
|
+ var clearFlag = false;
|
|
|
+ function onCheck(e, treeId, treeNode) {
|
|
|
+ count();
|
|
|
+ if (clearFlag) {
|
|
|
+ clearCheckedOldNodes();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function clearCheckedOldNodes() {
|
|
|
+ var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
|
|
|
+ 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("treeDemo2"),
|
|
|
+ checkCount = zTree.getCheckedNodes(true).length;
|
|
|
+ $("#checkCount2").text(checkCount);
|
|
|
+
|
|
|
+ }
|
|
|
+ function createTree() {
|
|
|
+ $.fn.zTree.init($("#treeDemo2"), setting, zNodes);
|
|
|
+ count();
|
|
|
+ }
|
|
|
+ $(document).ready(function(){
|
|
|
+ createTree();
|
|
|
+ });
|
|
|
+ //-->
|
|
|
+ </script>
|
|
|
</body>
|
|
|
|
|
|
<script type="text/javascript">
|
