瀏覽代碼

指标库 增加项目节树,导入项目节树

Chente 7 年之前
父節點
當前提交
b0f26200e2
共有 1 個文件被更改,包括 103 次插入18 次删除
  1. 103 18
      template.html

+ 103 - 18
template.html

@@ -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>