S.H.I.E.L.D.
/
sjslb-pm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!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/font-awesome/font-awesome.min.css">
    <link rel="stylesheet" href="css/main.css">
    <!--zTree-->
    <link href="css/ztree/zTreeStyle.css" rel="stylesheet" type="text/css">
</head>

<body>
  <div class="sj-header">
  <div class="container p-0 py-3">
    <nav class="navbar navbar-dark p-0">
      <span class="navbar-brand mb-0"><h2 class="p-0">设计数量表管理平台</h2></span>
      <div class="ml-auto"><a href="" class="btn btn-sm btn-outline-light">登录</a></div>
    </nav>
  </div>
</div>
  <div class="container">
    <div class="row">
      <div class="col-3 px-0 ">
        <div class="side-bar rounded auto-height">
          <ul class="list-unstyled rounded">
            <li class="py-3 px-3 active rounded"><div class="d-flex ">工程可行性研究阶段<span class="ml-auto"><i class="fas fa-angle-up"></i></span></div>
              <div class="w-100 ztree-item">
                <ul class="ztree" id="treeDemo2"></ul>
              </div>
            </li>
            <li class="d-flex py-3 px-3">初步设计阶段<span class="ml-auto"><i class="fas fa-angle-down"></i></span></li>
            <li class="d-flex py-3 px-3">施工图设计阶段<span class="ml-auto"><i class="fas fa-angle-down"></i></span></li>
          </ul>
        </div>
      </div>
      <div class="col-9 pr-0">
        <div class="comtent-item rounded auto-height" style="overflow: hidden">
          <div class="d-flex justify-content-between p-3 border-bottom">
            <h5>公路用地数量估算表 G-02-03-01-B</h5>
            <div class="ml-auto">
              <a href="" class="btn btn-sm btn-success"><i class="fas fa-download"></i> 下载</a>
            </div>
          </div>
          <div class="content-height">
            <img src="img/baobiao.png">
          </div>
        </div>
      </div>
      <div class="col-12">
        <p class="m-0 text-right text-light mt-1">主办单位：广东省交通运输工程造价事务中心<span class="px-2">|</span>技术支持：珠海纵横创新软件有限公司</p>
      </div>
    </div>
  </div>

</body>
<!-- JS. -->
<script src="js/jquery/jquery.min.js"></script>
<script src="js/bootstrap/bootstrap.bundle.js"></script>
<script src="js/global.js"></script>
<!-- zTree -->
<script src="js/ztree/jquery.ztree.core.js" type="text/javascript">
</script>
<script src="js/ztree/jquery.ztree.excheck.js" type="text/javascript">
</script>
<script type="text/javascript">
    autoFlashHeight();
</script>
    <script type="text/javascript">
        <!--
          var setting = {
            view: {
              selectedMulti: false
            },
            check: {
              enable: false
            },
            data: {
              simpleData: {
                enable: true
              }
            },
            callback: {
              onCheck: onCheck
            }
          };

          var zNodes = [{
              name: "第一篇 总体设计",
              open: true,
              children: [{
                name: "主要技术经济指标表",
                open: true,
                isParent: true
              }]
            },
            {
              name: "第二篇 路线",
              open: true,
              isParent: 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("treeDemo2"),
              checkCount = zTree.getCheckedNodes(true).length;
            $("#checkCount2").text(checkCount);

          }

          function createTree() {
            $.fn.zTree.init($("#treeDemo2"), setting, zNodes);
            count();
          }
          $(document).ready(function() {
            createTree();
          });
    </script>
</html>