|
|
@@ -1,6 +1,5 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
-
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
@@ -9,8 +8,10 @@
|
|
|
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
|
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
<link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
|
|
|
-</head>
|
|
|
+ <!--zTree-->
|
|
|
+ <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
|
|
|
|
|
|
+</head>
|
|
|
<body>
|
|
|
<div class="header">
|
|
|
<h1 class="logo"><a>指标模板-纵横经济指标系统</a></h1>
|
|
|
@@ -44,42 +45,48 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="main-panel">
|
|
|
+ <div class="panel-sidebar">
|
|
|
+ <div class="panel-title">
|
|
|
+ <div class="title-bar">
|
|
|
+ <h2 class="">项目节 <a href="#upload" data-toggle="modal" data-target="#upload" class="pull-right mr-3" title="导入项目节"><i class="fa fa-upload"></i></a></h2>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="scrollbar-auto">
|
|
|
+ <div class="nav-box">
|
|
|
+ <ul id="treeDemo" class="ztree"></ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="panel-content">
|
|
|
- <div class="panel-title fluid">
|
|
|
- <div class="title-main"><h2></h2></div>
|
|
|
+ <div class="panel-title">
|
|
|
+ <div class="title-main"><h2>z2-e-a 边沟</h2></div>
|
|
|
</div>
|
|
|
<div class="content-wrap">
|
|
|
- <div class="c-header m-0">
|
|
|
+ <div class="c-header m-0 p-0 d-flex flex-row-reverse">
|
|
|
+ <a href="#" class="btn btn-sm"><i class="fa fa-plus"></i> 添加指标</a>
|
|
|
</div>
|
|
|
<div class="c-body">
|
|
|
- <table class="table table-bordered">
|
|
|
+ <div class="sjs-height-1">
|
|
|
+ <table class="table table-bordered">
|
|
|
<tr>
|
|
|
<th>指标编号</th>
|
|
|
- <th>项目或费用名称</th>
|
|
|
+ <th>指标名称</th>
|
|
|
<th colspan="2">指标单位</th>
|
|
|
- <th>合价(元)</th>
|
|
|
<th>计算规则</th>
|
|
|
<th>设置规则</th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td>z2-e</td>
|
|
|
- <td>排水工程</td>
|
|
|
- <td></td>
|
|
|
- <td>km</td>
|
|
|
- <td></td>
|
|
|
- <td>指路基公里长度</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
<td>z2-e-1</td>
|
|
|
<td>排水工程公路公里造价</td>
|
|
|
<td>元</td>
|
|
|
<td>公路公里</td>
|
|
|
- <td></td>
|
|
|
<td>合价/路线总长度</td>
|
|
|
<td>hj(合价)/lxzcd(路线总长度)<a href="#set-count" data-toggle="modal" data-target="#set-count"><i class="fa fa-cog"></i></a></td>
|
|
|
+
|
|
|
</tr>
|
|
|
</table>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -125,11 +132,89 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 导入项目节 -->
|
|
|
+ <div id="upload" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
+ <div class="modal-dialog">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">导入项目节</h5>
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="exampleFormControlFile1">上传项目节文件</label>
|
|
|
+ <div class="form-control"><input class="form-control-file" id="exampleFormControlFile1" type="file"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button class="btn btn-primary">确认导入</button>
|
|
|
+ <button class="btn btn-secondary" data-dismiss="modal" aria-hidden="true">关闭</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 type="text/javascript">
|
|
|
+ autoFlashHeight();
|
|
|
+ </script>
|
|
|
+ <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: {
|
|
|
+ showIcon: false
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ var zNodes =[
|
|
|
+ { name:"z1 临时工程", open:true,
|
|
|
+ children: [
|
|
|
+ { name:"z1-a 临时工程"},
|
|
|
+ { name:"z1-b 临时便桥"},
|
|
|
+ { name:"z1-c 临时轨道铺设"},
|
|
|
+ { name:"z1-d 临时电力线路"},
|
|
|
+ { name:"z1-e 临时电讯线路"},
|
|
|
+ { name:"z1-f 临时码头"},
|
|
|
+ { name:"z1-g 拌和设施安拆及其他临时工程"}
|
|
|
+ ]},
|
|
|
+ { name:"z2 路基工程", open:true,
|
|
|
+ children: [
|
|
|
+ { name:"z2-a 场地清理"},
|
|
|
+ { name:"z2-b 挖方"},
|
|
|
+ { name:"z2-c 填方"},
|
|
|
+ { name:"z2-d 特殊路基处理"},
|
|
|
+ { name:"z2-e 排水工程", open:true,
|
|
|
+ children: [
|
|
|
+ { name:"z2-e-a 边沟"},
|
|
|
+ { name:"z2-e-b 排水沟"},
|
|
|
+ { name:"z2-e-c 截水沟"},
|
|
|
+ { name:"z2-e-d 急流槽"},
|
|
|
+ { name:"z2-e-e 暗沟、渗(盲)沟"},
|
|
|
+ { name:"z2-e-f 排水管(含包封混凝土)"},
|
|
|
+ { name:"z2-e-g 排水构造物"},
|
|
|
+ { name:"z2-e-h 高边坡排水"}
|
|
|
+ ]},
|
|
|
+ { name:"z2-f 路基防护与加固工程", open:true,
|
|
|
+ children: [
|
|
|
+ { name:"z2-f-a 填方边坡防护与加固"},
|
|
|
+ { name:"z2-f-b 一般挖方边坡防护与加固"},
|
|
|
+ { name:"z2-f-c 高边坡防护与加固"},
|
|
|
+ { name:"z2-f-d 挡土墙"},
|
|
|
+ { name:"z2-f-e 冲刷防护"},
|
|
|
+ { name:"z2-f-f 路基防护与加固其他工程"}
|
|
|
+ ]}
|
|
|
+ ]}
|
|
|
+
|
|
|
+ ];
|
|
|
+
|
|
|
+ $(document).ready(function(){
|
|
|
+ $.fn.zTree.init($("#treeDemo"), setting, zNodes);
|
|
|
+ });
|
|
|
+ </SCRIPT>
|
|
|
</body>
|
|
|
|
|
|
</html>
|