Jelajahi Sumber

首次提交,指标对位未更新

Chente 7 tahun lalu
melakukan
241e65d7b3
41 mengubah file dengan 6634 tambahan dan 0 penghapusan
  1. 7 0
      css/bootstrap/bootstrap.min.css
  2. 1 0
      css/datepicker/datepicker.min.css
  3. 4 0
      css/font-awesome/font-awesome.min.css
  4. TEMPAT SAMPAH
      css/font-awesome/fonts/FontAwesome.otf
  5. TEMPAT SAMPAH
      css/font-awesome/fonts/fontawesome-webfont.eot
  6. 2671 0
      css/font-awesome/fonts/fontawesome-webfont.svg
  7. TEMPAT SAMPAH
      css/font-awesome/fonts/fontawesome-webfont.ttf
  8. TEMPAT SAMPAH
      css/font-awesome/fonts/fontawesome-webfont.woff
  9. TEMPAT SAMPAH
      css/font-awesome/fonts/fontawesome-webfont.woff2
  10. TEMPAT SAMPAH
      css/logo.png
  11. 453 0
      css/main.css
  12. TEMPAT SAMPAH
      css/ztree/img/diy/1_close.png
  13. TEMPAT SAMPAH
      css/ztree/img/diy/1_open.png
  14. TEMPAT SAMPAH
      css/ztree/img/diy/2.png
  15. TEMPAT SAMPAH
      css/ztree/img/diy/3.png
  16. TEMPAT SAMPAH
      css/ztree/img/diy/4.png
  17. TEMPAT SAMPAH
      css/ztree/img/diy/5.png
  18. TEMPAT SAMPAH
      css/ztree/img/diy/6.png
  19. TEMPAT SAMPAH
      css/ztree/img/diy/7.png
  20. TEMPAT SAMPAH
      css/ztree/img/diy/8.png
  21. TEMPAT SAMPAH
      css/ztree/img/diy/9.png
  22. TEMPAT SAMPAH
      css/ztree/img/line_conn.gif
  23. TEMPAT SAMPAH
      css/ztree/img/loading.gif
  24. TEMPAT SAMPAH
      css/ztree/img/zTreeStandard.gif
  25. TEMPAT SAMPAH
      css/ztree/img/zTreeStandard.png
  26. 97 0
      css/ztree/zTreeStyle.css
  27. TEMPAT SAMPAH
      img/avatar.png
  28. 7 0
      js/bootstrap/bootstrap.min.js
  29. 2 0
      js/datepicker/datepicker.min.js
  30. 12 0
      js/datepicker/datepicker.zh.js
  31. 32 0
      js/echarts/echarts.min.js
  32. 53 0
      js/global.js
  33. 4 0
      js/jquery/jquery-3.2.1.min.js
  34. 5 0
      js/popper/popper.min.js
  35. 1913 0
      js/ztree/jquery.ztree.core.js
  36. 628 0
      js/ztree/jquery.ztree.excheck.js
  37. 64 0
      login.html
  38. 191 0
      my-Library-detail.html
  39. 135 0
      my-Library.html
  40. 220 0
      search-Library.html
  41. 135 0
      template.html

File diff ditekan karena terlalu besar
+ 7 - 0
css/bootstrap/bootstrap.min.css


File diff ditekan karena terlalu besar
+ 1 - 0
css/datepicker/datepicker.min.css


File diff ditekan karena terlalu besar
+ 4 - 0
css/font-awesome/font-awesome.min.css


TEMPAT SAMPAH
css/font-awesome/fonts/FontAwesome.otf


TEMPAT SAMPAH
css/font-awesome/fonts/fontawesome-webfont.eot


File diff ditekan karena terlalu besar
+ 2671 - 0
css/font-awesome/fonts/fontawesome-webfont.svg


TEMPAT SAMPAH
css/font-awesome/fonts/fontawesome-webfont.ttf


TEMPAT SAMPAH
css/font-awesome/fonts/fontawesome-webfont.woff


TEMPAT SAMPAH
css/font-awesome/fonts/fontawesome-webfont.woff2


TEMPAT SAMPAH
css/logo.png


+ 453 - 0
css/main.css

@@ -0,0 +1,453 @@
+/*building SAAS 0.1*/
+/*bootstrap 初始化*/
+body {
+    font-size: 0.9rem;
+    overflow: hidden;
+    background: #e4e7ea
+}
+.dropdown-menu {
+    font-size: 0.9rem
+}
+.btn.disabled, .btn:disabled {
+  color:#999
+}
+/*自定义css*/
+/*滚动条*/
+/* 滚动条 */
+::-webkit-scrollbar-thumb:horizontal { /*水平滚动条的样式*/
+	width: 5px;
+	background-color: #ddd;
+	-webkit-border-radius: 6px;
+}
+::-webkit-scrollbar-track-piece {
+	background-color: #fff; /*滚动条的背景颜色*/
+	-webkit-border-radius: 0; /*滚动条的圆角宽度*/
+}
+::-webkit-scrollbar {
+	width: 10px; /*滚动条的宽度*/
+	height: 8px; /*滚动条的高度*/
+}
+::-webkit-scrollbar-thumb:vertical { /*垂直滚动条的样式*/
+	height: 50px;
+	background-color: #ddd;
+	-webkit-border-radius: 6px;
+	outline: 1px solid #fff;
+	outline-offset: -1px;
+	border: 1px solid #fff;
+}
+::-webkit-scrollbar-thumb:hover { /*滚动条的hover样式*/
+	height: 50px;
+	background-color: #999;
+	-webkit-border-radius: 6px;
+}
+.sjs-height-1,.sjs-height-2{
+  overflow: hidden;
+}
+.sjs-bottom{
+  height:400px;
+  overflow-y: auto;
+}
+.sjs-bottom-2{
+  height:360px;
+  overflow-y: auto;
+}
+.form-signin {
+    max-width: 500px;
+    margin: 150px auto;
+}
+.has-danger {
+    -webkit-animation: shake 1s .2s ease both;
+    -moz-animation: shake 1s .2s ease both;
+    animation: shake 1s .2s ease both;
+}
+@-webkit-keyframes shake {
+    0%, 100% {
+        -webkit-transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        -webkit-transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        -webkit-transform: translateX(10px);
+    }
+}
+@-moz-keyframes shake {
+    0%, 100% {
+        -moz-transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        -moz-transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        -moz-transform: translateX(10px);
+    }
+}
+@keyframes shake {
+    0%, 100% {
+        transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        transform: translateX(10px);
+    }
+}
+/*2.主体框架*/
+.header {
+  background:#fff;
+  position: fixed;
+  z-index: 10;
+  width: 100%;
+  height: 50px;
+  top: 0;
+  left: 0
+}
+.main{
+  position: relative;
+  z-index: 4;
+}
+.main-nav {
+  position: fixed;
+  z-index: 99;
+  width:120px;
+  left: 0;
+  top: 0;
+  height: 100%;
+  background: #33425b;
+}
+.main-panel{
+  padding-left:120px;
+  box-sizing: border-box;
+}
+.panel-sidebar{
+  box-sizing: border-box;
+  background: #fbfcfd;
+  position: fixed;
+  height: 100%;
+  z-index: 4;
+  left:120px;
+  padding-top: 100px;
+  border-right: 1px solid #ddd;
+  width: 250px;
+}
+.panel-content{
+  padding:115px 0 0;
+  position: relative;
+  z-index: 3;
+  box-sizing: border-box;
+  overflow-y: auto;
+  height: 100vh;
+}
+.panel-content .content-wrap{
+  margin:0 15px 15px;
+}
+.panel-sidebar+.panel-content{
+  padding: 115px 0 0 250px;
+}
+.panel-title, .panel-title>.title-bar {
+  height:50px;
+  line-height: 50px
+}
+.panel-title{
+  position: fixed;
+  top: 50px;
+  z-index: 98;
+  width: 100%;
+  box-sizing: border-box;
+  background: #fff;
+  box-shadow: 0 1px 3px rgba(0,0,0,.05);
+  border-top: 1px solid #ddd;
+}
+.panel-sidebar .panel-title{
+  width:250px;
+  border-right: 1px solid #ddd;
+  box-shadow: 0 1px 3px rgba(0,0,0,.1);
+}
+.panel-content .panel-title{
+  left: 0;
+  padding-left: 370px;
+  padding-right: 20px;
+}
+.panel-content .panel-title.fluid{
+  padding-left:120px
+}
+.panel-title>.title-bar{
+  padding-left: 20px
+}
+.panel-title>.title-bar>h2,.panel-title>.title-main>h2{
+  font-size: 16px;
+  margin:0;
+  height: 50px;
+  line-height: 50px;
+  display:block
+}
+.panel-title>.title-bar>h2 .btn{
+  margin-right:15px
+}
+.panel-title>.title-main .btn.pull-right {
+  margin:10px 0 0 10px
+}
+.panel-title>.title-main .form-control {
+  margin:10px 0 0 0
+}
+.panel-title>.title-main{
+  padding-left: 15px
+}
+/*滚动*/
+.scrollbar-auto {
+    overflow-y: auto;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    top: 0;
+    right: 0;
+}
+.panel-sidebar .scrollbar-auto{
+    padding-top: 20px;
+    box-sizing: border-box;
+}
+.panel-sidebar .scrollbar-auto {
+    height: 100%;
+    width: 100%;
+    overflow-y: auto;
+    position: static;
+}
+/*头部*/
+.header .logo {
+  float: left;
+  box-shadow: 1px 0 6px rgba(0,0,0,.06);
+  margin-right: 20px;
+  margin:0
+}
+.header .logo>a{
+  width:120px;
+  height:50px;
+  line-height: 50px;
+  display: inline-block;
+  color:#fff;
+  font-size:24px;
+  padding:0 10px;
+  transition: all ease .4s;
+  background:#ff6501 url(logo.png) no-repeat;
+  text-indent: -9999px;
+  vertical-align: top
+}
+.header .logo>a:hover{
+  background-color:#ff7821;
+  text-decoration: none;
+}
+.header-user > div {
+  float:left
+}
+.avatar .pic {
+  height: 35px;
+  width: 35px;
+  border-radius: 100%;
+  display: inline-block;
+  float:left;
+  margin:7px 7px 0 0
+}
+.avatar .pic img{
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: 100%;
+}
+.avatar > a,.msg >a{
+  display: block;
+  height:50px;
+  line-height: 50px;
+  color:#666;
+  padding:0 15px;
+  cursor: pointer;
+}
+.avatar > a:hover,.msg > a:hover{
+  text-decoration: none;
+  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
+}
+.header-user .msg{
+  border-left:1px solid #eee
+}
+.header-user .msg .glyphicon{
+  font-size:20px;
+  vertical-align: middle;
+}
+.header-user .msg .badge{
+  margin:0 0 0 5px
+}
+.header .poj-name {
+  float:left;
+  padding:0 0 0 15px;
+  font-size:18px
+}
+.header .poj-name a{
+  color:#666
+}
+.header .poj-name > span{
+  height:50px;
+  line-height:50px;
+}
+/*登陆相关*/
+.login-body{
+  background: #fff
+}
+.login-infoinput {
+  margin-top:15%
+}
+/*侧栏主菜单*/
+.nav-top{
+  padding-top: 50px
+}
+.bg-nav a{
+  color:#7786ab;
+  width:120px;
+  height: 55px;
+  line-height: 55px;
+  display: inline-block;
+  padding:0 0 0 10px
+}
+.bg-nav > li{
+  width:120px
+}
+.bg-nav > li.active{
+  background: #192948
+}
+.bg-nav > li.active a{
+  border-radius: 0;
+  background: #192948
+}
+.bg-nav > li > a:hover,.bg-nav > li.active > a:hover{
+  background: #192948;
+  color:#f2f2f2;
+  text-decoration: none;
+}
+.bg-nav > li + li {
+    margin-top:0;
+}
+.bg-nav .sub-menu {
+  list-style:none;
+  padding:0 0 0 20px;
+  width:120px;
+  display: none
+}
+.bg-nav .sub-menu a {
+  width:100px;
+  height:30px;
+  line-height:30px
+}
+.bg-nav .sub-menu:last-child{
+  margin:0 0 20px 0
+}
+.bg-nav .menu-arrow{
+  margin:22px 8px 0 0
+}
+.nav-box h3{
+  font-size: 14px;
+  font-weight: 700;
+  padding-bottom: 4px;
+  border-bottom: 1px solid #e2eaec;
+  padding-right: 15px;
+  margin-bottom: 10px;
+  margin-left: 20px
+}
+.nav-list li a{
+  color: #333;
+  display: block;
+  height: 35px;
+  line-height: 35px;
+  box-sizing: border-box;
+  padding-left: 17px;
+  padding-right: 45px;
+  text-overflow: ellipsis;
+  position: relative;
+}
+.nav-list li a:hover{
+  text-decoration: none;
+  background:#e4e7ea;
+  cursor: pointer;
+}
+.nav-list li a .badge{
+  position: absolute;
+  right:17px;
+  top:9px
+}
+.nav-list li.active a{
+  background:#e4e7ea;
+  font-weight: 600
+}
+/*内容区*/
+.c-header {
+  padding:0 0 5px
+}
+.c-body{
+  padding:15px;
+  background:#fff;
+}
+.right-nav{
+  width:18px
+}
+.right-nav .nav-link.active{
+  background: #fff;
+  color:#495057
+}
+.form-group .necessary{
+  font-size:18px;
+  color:#f90000
+}
+.bg-gray {
+ background-color:#bbb!important;
+}
+.datepickers-container {
+  z-index: 9999
+}
+.modal-height-500{
+  height:500px;
+  overflow: hidden
+}
+.modal-lgx {
+  max-width:1000px
+}
+.title-main .nav{
+  line-height: 16px;
+  margin-top:8px
+}
+/*草图编辑器*/
+.img-view{
+  height:400px;
+  border:.2rem solid #ccc;
+  position: relative;
+  width:100%;
+  overflow: hidden;
+}
+.img-view::after{
+  content:"草图编辑区";
+  color:#ddd;
+  position: absolute;
+  left:50%;
+  top:50%;
+  margin-left:-80px;
+  margin-top:-24px;
+  font-size:36px
+}
+.img-view .img-item{
+  position: absolute;
+
+}
+.img-view .img-item .img-bar{
+  position:absolute;
+  right:0;
+  top:0;
+  display:none
+}
+.img-item:hover .img-bar{
+  display: block;
+}
+.batch-l-t,.batch-l-b{
+  height: 200px;
+  overflow: hidden
+}
+.batch-r {
+  height:400px;
+  overflow: hidden
+}

TEMPAT SAMPAH
css/ztree/img/diy/1_close.png


TEMPAT SAMPAH
css/ztree/img/diy/1_open.png


TEMPAT SAMPAH
css/ztree/img/diy/2.png


TEMPAT SAMPAH
css/ztree/img/diy/3.png


TEMPAT SAMPAH
css/ztree/img/diy/4.png


TEMPAT SAMPAH
css/ztree/img/diy/5.png


TEMPAT SAMPAH
css/ztree/img/diy/6.png


TEMPAT SAMPAH
css/ztree/img/diy/7.png


TEMPAT SAMPAH
css/ztree/img/diy/8.png


TEMPAT SAMPAH
css/ztree/img/diy/9.png


TEMPAT SAMPAH
css/ztree/img/line_conn.gif


TEMPAT SAMPAH
css/ztree/img/loading.gif


TEMPAT SAMPAH
css/ztree/img/zTreeStandard.gif


TEMPAT SAMPAH
css/ztree/img/zTreeStandard.png


+ 97 - 0
css/ztree/zTreeStyle.css

@@ -0,0 +1,97 @@
+/*-------------------------------------
+zTree Style
+
+version:	3.5.19
+author:		Hunter.z
+email:		hunter.z@263.net
+website:	http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
+
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
+	text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
+	opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
+.ztree li span {line-height:16px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
+	border:0 none; cursor: pointer;outline:none;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
+
+.ztree li span.button.switch {width:18px; height:18px}
+.ztree li span.button.root_open{background-position:-92px -54px}
+.ztree li span.button.root_close{background-position:-74px -54px}
+.ztree li span.button.roots_open{background-position:-92px 0}
+.ztree li span.button.roots_close{background-position:-74px 0}
+.ztree li span.button.center_open{background-position:-92px -18px}
+.ztree li span.button.center_close{background-position:-74px -18px}
+.ztree li span.button.bottom_open{background-position:-92px -36px}
+.ztree li span.button.bottom_close{background-position:-74px -36px}
+.ztree li span.button.noline_open{background-position:-92px -72px}
+.ztree li span.button.noline_close{background-position:-74px -72px}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position:-56px 0}
+.ztree li span.button.center_docu{background-position:-56px -18px}
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
+
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+
+/* level style*/
+/*.ztree li span.button.level0 {
+	display:none;
+}
+.ztree li ul.level0 {
+	padding:0;
+	background:none;
+}*/

TEMPAT SAMPAH
img/avatar.png


File diff ditekan karena terlalu besar
+ 7 - 0
js/bootstrap/bootstrap.min.js


File diff ditekan karena terlalu besar
+ 2 - 0
js/datepicker/datepicker.min.js


+ 12 - 0
js/datepicker/datepicker.zh.js

@@ -0,0 +1,12 @@
+;(function (jQuery) { jQuery.fn.datepicker.language['zh'] = {
+    days: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
+    daysShort: ['日', '一', '二', '三', '四', '五', '六'],
+    daysMin: ['日', '一', '二', '三', '四', '五', '六'],
+    months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+    monthsShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+    today: '今天',
+    clear: '清除',
+    dateFormat: 'yyyy-mm-dd',
+    timeFormat: 'hh:ii',
+    firstDay: 0
+}; })(jQuery);

File diff ditekan karena terlalu besar
+ 32 - 0
js/echarts/echarts.min.js


+ 53 - 0
js/global.js

@@ -0,0 +1,53 @@
+/*全局自适应高度*/
+function autoFlashHeight(){
+    var cHeader = $(".c-header").height();
+    var sBar = $(".sjs-bar").height();
+    $(".sjs-height-1").height($(window).height()-cHeader-160);
+    $(".sjs-height-2").height($(window).height()-cHeader-191);
+    $(".sjs-height-3").height($(window).height()-cHeader-sBar-560);
+};
+$(window).resize(autoFlashHeight);
+/*全局自适应高度结束*/
+$(function(){
+/*侧滑*/
+$(".open-sidebar").click(function(){
+    $(".slide-sidebar").animate({width:"800"}).addClass("open");
+});
+$("body").click(function(event){
+        var e = event || window.event; //浏览器兼容性
+        if(!$(event.target).is('a')) {
+            var elem = event.target || e.srcElement;
+            while (elem) { //循环判断至跟节点,防止点击的是div子元素
+                if (elem.className == "open-sidebar" || elem.className == 'slide-sidebar open') {
+                    return false;
+                }
+                elem = elem.parentNode;
+            }
+            $(".slide-sidebar").animate({width:"0"}).removeClass("open")// 关闭处理
+        }
+
+    });
+/*侧滑*/
+/*工具提示*/
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+});
+/*侧栏菜单*/
+$(".bg-nav > li > a").click(function() {
+      var self = $(this);
+      var subMenu = $(this).siblings('ul.sub-menu');
+      if(subMenu.length > 0) {
+          if(subMenu.is(":visible")) {
+              self.find('.menu-arrow').removeClass('fa-angle-up').addClass('fa-angle-down');
+              subMenu.slideUp('fast');
+              self.parent().removeClass('active');
+          }else{
+              self.parent().addClass('active');
+              self.find('.menu-arrow').removeClass('fa-angle-down').addClass('fa-angle-up');
+              subMenu.slideDown('fast');
+          }
+      }
+  });
+
+
+});

File diff ditekan karena terlalu besar
+ 4 - 0
js/jquery/jquery-3.2.1.min.js


File diff ditekan karena terlalu besar
+ 5 - 0
js/popper/popper.min.js


File diff ditekan karena terlalu besar
+ 1913 - 0
js/ztree/jquery.ztree.core.js


+ 628 - 0
js/ztree/jquery.ztree.excheck.js

@@ -0,0 +1,628 @@
+/*
+ * JQuery zTree excheck v3.5.28
+ * http://treejs.cn/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2017-01-20
+ */
+(function($){
+	//default consts of excheck
+	var _consts = {
+		event: {
+			CHECK: "ztree_check"
+		},
+		id: {
+			CHECK: "_check"
+		},
+		checkbox: {
+			STYLE: "checkbox",
+			DEFAULT: "chk",
+			DISABLED: "disable",
+			FALSE: "false",
+			TRUE: "true",
+			FULL: "full",
+			PART: "part",
+			FOCUS: "focus"
+		},
+		radio: {
+			STYLE: "radio",
+			TYPE_ALL: "all",
+			TYPE_LEVEL: "level"
+		}
+	},
+	//default setting of excheck
+	_setting = {
+		check: {
+			enable: false,
+			autoCheckTrigger: false,
+			chkStyle: _consts.checkbox.STYLE,
+			nocheckInherit: false,
+			chkDisabledInherit: false,
+			radioType: _consts.radio.TYPE_LEVEL,
+			chkboxType: {
+				"Y": "ps",
+				"N": "ps"
+			}
+		},
+		data: {
+			key: {
+				checked: "checked"
+			}
+		},
+		callback: {
+			beforeCheck:null,
+			onCheck:null
+		}
+	},
+	//default root of excheck
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting);
+		r.radioCheckedList = [];
+	},
+	//default cache of excheck
+	_initCache = function(treeId) {},
+	//default bind event of excheck
+	_bindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.bind(c.CHECK, function (event, srcEvent, treeId, node) {
+			event.srcEvent = srcEvent;
+			tools.apply(setting.callback.onCheck, [event, treeId, node]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.unbind(c.CHECK);
+	},
+	//default event proxy of excheck
+	_eventProxy = function(e) {
+		var target = e.target,
+		setting = data.getSetting(e.data.treeId),
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null;
+
+		if (tools.eqs(e.type, "mouseover")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoverCheck";
+			}
+		} else if (tools.eqs(e.type, "mouseout")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoutCheck";
+			}
+		} else if (tools.eqs(e.type, "click")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "checkNode";
+			}
+		}
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "checkNode" :
+					nodeEventCallback = _handler.onCheckNode;
+					break;
+				case "mouseoverCheck" :
+					nodeEventCallback = _handler.onMouseoverCheck;
+					break;
+				case "mouseoutCheck" :
+					nodeEventCallback = _handler.onMouseoutCheck;
+					break;
+			}
+		}
+		var proxyResult = {
+			stop: nodeEventType === "checkNode",
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of excheck
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		var checkedKey = setting.data.key.checked;
+		if (typeof n[checkedKey] == "string") n[checkedKey] = tools.eqs(n[checkedKey], "true");
+		n[checkedKey] = !!n[checkedKey];
+		n.checkedOld = n[checkedKey];
+		if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
+		n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
+		if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
+		n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
+		if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
+		n.halfCheck = !!n.halfCheck;
+		n.check_Child_State = -1;
+		n.check_Focus = false;
+		n.getCheckStatus = function() {return data.getCheckStatus(setting, n);};
+
+		if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && n[checkedKey] ) {
+			var r = data.getRoot(setting);
+			r.radioCheckedList.push(n);
+		}
+	},
+	//add dom for check
+	_beforeA = function(setting, node, html) {
+		var checkedKey = setting.data.key.checked;
+		if (setting.check.enable) {
+			data.makeChkFlag(setting, node);
+			html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true?" style='display:none;'":""),"></span>");
+		}
+	},
+	//update zTreeObj, add method of check
+	_zTreeTools = function(setting, zTreeTools) {
+		zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) {
+			var checkedKey = this.setting.data.key.checked;
+			if (node.chkDisabled === true) return;
+			if (checked !== true && checked !== false) {
+				checked = !node[checkedKey];
+			}
+			callbackFlag = !!callbackFlag;
+
+			if (node[checkedKey] === checked && !checkTypeFlag) {
+				return;
+			} else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) {
+				return;
+			}
+			if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) {
+				node[checkedKey] = checked;
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
+				if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+				view.setChkClass(this.setting, checkObj, node);
+				view.repairParentChkClassWithSelf(this.setting, node);
+				if (callbackFlag) {
+					this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node]);
+				}
+			}
+		}
+
+		zTreeTools.checkAllNodes = function(checked) {
+			view.repairAllChk(this.setting, !!checked);
+		}
+
+		zTreeTools.getCheckedNodes = function(checked) {
+			var childKey = this.setting.data.key.children;
+			checked = (checked !== false);
+			return data.getTreeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey], checked);
+		}
+
+		zTreeTools.getChangeCheckedNodes = function() {
+			var childKey = this.setting.data.key.children;
+			return data.getTreeChangeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey]);
+		}
+
+		zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) {
+			disabled = !!disabled;
+			inheritParent = !!inheritParent;
+			inheritChildren = !!inheritChildren;
+			view.repairSonChkDisabled(this.setting, node, disabled, inheritChildren);
+			view.repairParentChkDisabled(this.setting, node.getParentNode(), disabled, inheritParent);
+		}
+
+		var _updateNode = zTreeTools.updateNode;
+		zTreeTools.updateNode = function(node, checkTypeFlag) {
+			if (_updateNode) _updateNode.apply(zTreeTools, arguments);
+			if (!node || !this.setting.check.enable) return;
+			var nObj = $$(node, this.setting);
+			if (nObj.get(0) && tools.uCanDo(this.setting)) {
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
+				if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+				view.setChkClass(this.setting, checkObj, node);
+				view.repairParentChkClassWithSelf(this.setting, node);
+			}
+		}
+	},
+	//method of operate data
+	_data = {
+		getRadioCheckedList: function(setting) {
+			var checkedList = data.getRoot(setting).radioCheckedList;
+			for (var i=0, j=checkedList.length; i<j; i++) {
+				if(!data.getNodeCache(setting, checkedList[i].tId)) {
+					checkedList.splice(i, 1);
+					i--; j--;
+				}
+			}
+			return checkedList;
+		},
+		getCheckStatus: function(setting, node) {
+			if (!setting.check.enable || node.nocheck || node.chkDisabled) return null;
+			var checkedKey = setting.data.key.checked,
+			r = {
+				checked: node[checkedKey],
+				half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0)))
+			};
+			return r;
+		},
+		getTreeCheckedNodes: function(setting, nodes, checked, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL);
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] == checked) {
+					results.push(nodes[i]);
+					if(onlyOne) {
+						break;
+					}
+				}
+				data.getTreeCheckedNodes(setting, nodes[i][childKey], checked, results);
+				if(onlyOne && results.length > 0) {
+					break;
+				}
+			}
+			return results;
+		},
+		getTreeChangeCheckedNodes: function(setting, nodes, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked;
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] != nodes[i].checkedOld) {
+					results.push(nodes[i]);
+				}
+				data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results);
+			}
+			return results;
+		},
+		makeChkFlag: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			chkFlag = -1;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var cNode = node[childKey][i];
+					var tmp = -1;
+					if (setting.check.chkStyle == consts.radio.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 2;
+						} else if (cNode[checkedKey]) {
+							tmp = 2;
+						} else {
+							tmp = cNode.check_Child_State > 0 ? 2:0;
+						}
+						if (tmp == 2) {
+							chkFlag = 2; break;
+						} else if (tmp == 0){
+							chkFlag = 0;
+						}
+					} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 1;
+						} else if (cNode[checkedKey] ) {
+							tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
+						} else {
+							tmp = (cNode.check_Child_State > 0) ? 1 : 0;
+						}
+						if (tmp === 1) {
+							chkFlag = 1; break;
+						} else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) {
+							chkFlag = 1; break;
+						} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
+							chkFlag = 1; break;
+						} else if (tmp > -1) {
+							chkFlag = tmp;
+						}
+					}
+				}
+			}
+			node.check_Child_State = chkFlag;
+		}
+	},
+	//method of event proxy
+	_event = {
+
+	},
+	//method of event handler
+	_handler = {
+		onCheckNode: function (event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkedKey = setting.data.key.checked;
+			if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true;
+			node[checkedKey] = !node[checkedKey];
+			view.checkNodeRelation(setting, node);
+			var checkObj = $$(node, consts.id.CHECK, setting);
+			view.setChkClass(setting, checkObj, node);
+			view.repairParentChkClassWithSelf(setting, node);
+			setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]);
+			return true;
+		},
+		onMouseoverCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = true;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		},
+		onMouseoutCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = false;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		}
+	},
+	//method of tools for zTree
+	_tools = {
+
+	},
+	//method of operate ztree dom
+	_view = {
+		checkNodeRelation: function(setting, node) {
+			var pNode, i, l,
+			childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			r = consts.radio;
+			if (setting.check.chkStyle == r.STYLE) {
+				var checkedList = data.getRadioCheckedList(setting);
+				if (node[checkedKey]) {
+					if (setting.check.radioType == r.TYPE_ALL) {
+						for (i = checkedList.length-1; i >= 0; i--) {
+							pNode = checkedList[i];
+							if (pNode[checkedKey] && pNode != node) {
+								pNode[checkedKey] = false;
+								checkedList.splice(i, 1);
+
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+								if (pNode.parentTId != node.parentTId) {
+									view.repairParentChkClassWithSelf(setting, pNode);
+								}
+							}
+						}
+						checkedList.push(node);
+					} else {
+						var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
+						for (i = 0, l = parentNode[childKey].length; i < l; i++) {
+							pNode = parentNode[childKey][i];
+							if (pNode[checkedKey] && pNode != node) {
+								pNode[checkedKey] = false;
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+							}
+						}
+					}
+				} else if (setting.check.radioType == r.TYPE_ALL) {
+					for (i = 0, l = checkedList.length; i < l; i++) {
+						if (node == checkedList[i]) {
+							checkedList.splice(i, 1);
+							break;
+						}
+					}
+				}
+
+			} else {
+				if (node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, false);
+				}
+				if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && setting.check.chkboxType.N.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, false);
+				}
+			}
+		},
+		makeChkClass: function(setting, node) {
+			var checkedKey = setting.data.key.checked,
+			c = consts.checkbox, r = consts.radio,
+			fullStyle = "";
+			if (node.chkDisabled === true) {
+				fullStyle = c.DISABLED;
+			} else if (node.halfCheck) {
+				fullStyle = c.PART;
+			} else if (setting.check.chkStyle == r.STYLE) {
+				fullStyle = (node.check_Child_State < 1)? c.FULL:c.PART;
+			} else {
+				fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL:c.PART) : ((node.check_Child_State < 1)? c.FULL:c.PART);
+			}
+			var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle;
+			chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName;
+			return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
+		},
+		repairAllChk: function(setting, checked) {
+			if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) {
+				var checkedKey = setting.data.key.checked,
+				childKey = setting.data.key.children,
+				root = data.getRoot(setting);
+				for (var i = 0, l = root[childKey].length; i<l ; i++) {
+					var node = root[childKey][i];
+					if (node.nocheck !== true && node.chkDisabled !== true) {
+						node[checkedKey] = checked;
+					}
+					view.setSonNodeCheckBox(setting, node, checked);
+				}
+			}
+		},
+		repairChkClass: function(setting, node) {
+			if (!node) return;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true) {
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				view.setChkClass(setting, checkObj, node);
+			}
+		},
+		repairParentChkClass: function(setting, node) {
+			if (!node || !node.parentTId) return;
+			var pNode = node.getParentNode();
+			view.repairChkClass(setting, pNode);
+			view.repairParentChkClass(setting, pNode);
+		},
+		repairParentChkClassWithSelf: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node[childKey] && node[childKey].length > 0) {
+				view.repairParentChkClass(setting, node[childKey][0]);
+			} else {
+				view.repairParentChkClass(setting, node);
+			}
+		},
+		repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node.chkDisabled != chkDisabled) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			if (node[childKey] && inherit) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var sNode = node[childKey][i];
+					view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit);
+				}
+			}
+		},
+		repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			if (node.chkDisabled != chkDisabled && inherit) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit);
+		},
+		setChkClass: function(setting, obj, node) {
+			if (!obj) return;
+			if (node.nocheck === true) {
+				obj.hide();
+			} else {
+				obj.show();
+			}
+            obj.attr('class', view.makeChkClass(setting, node));
+		},
+		setParentNodeCheckBox: function(setting, node, value, srcNode) {
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true && node.chkDisabled !== true) {
+				node[checkedKey] = value;
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+			if (node.parentTId) {
+				var pSign = true;
+				if (!value) {
+					var pNodes = node.getParentNode()[childKey];
+					for (var i = 0, l = pNodes.length; i < l; i++) {
+						if ((pNodes[i].nocheck !== true && pNodes[i].chkDisabled !== true && pNodes[i][checkedKey])
+						|| ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) && pNodes[i].check_Child_State > 0)) {
+							pSign = false;
+							break;
+						}
+					}
+				}
+				if (pSign) {
+					view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode);
+				}
+			}
+		},
+		setSonNodeCheckBox: function(setting, node, value, srcNode) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+
+			var hasDisable = false;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var sNode = node[childKey][i];
+					view.setSonNodeCheckBox(setting, sNode, value, srcNode);
+					if (sNode.chkDisabled === true) hasDisable = true;
+				}
+			}
+
+			if (node != data.getRoot(setting) && node.chkDisabled !== true) {
+				if (hasDisable && node.nocheck !== true) {
+					data.makeChkFlag(setting, node);
+				}
+				if (node.nocheck !== true && node.chkDisabled !== true) {
+					node[checkedKey] = value;
+					if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1;
+				} else {
+					node.check_Child_State = -1;
+				}
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+
+		}
+	},
+
+	_z = {
+		tools: _tools,
+		view: _view,
+		event: _event,
+		data: _data
+	};
+	$.extend(true, $.fn.zTree.consts, _consts);
+	$.extend(true, $.fn.zTree._z, _z);
+
+	var zt = $.fn.zTree,
+	tools = zt._z.tools,
+	consts = zt.consts,
+	view = zt._z.view,
+	data = zt._z.data,
+	event = zt._z.event,
+	$$ = tools.$;
+
+	data.exSetting(_setting);
+	data.addInitBind(_bindEvent);
+	data.addInitUnBind(_unbindEvent);
+	data.addInitCache(_initCache);
+	data.addInitNode(_initNode);
+	data.addInitProxy(_eventProxy, true);
+	data.addInitRoot(_initRoot);
+	data.addBeforeA(_beforeA);
+	data.addZTreeTools(_zTreeTools);
+
+	var _createNodes = view.createNodes;
+	view.createNodes = function(setting, level, nodes, parentNode, index) {
+		if (_createNodes) _createNodes.apply(view, arguments);
+		if (!nodes) return;
+		view.repairParentChkClassWithSelf(setting, parentNode);
+	}
+	var _removeNode = view.removeNode;
+	view.removeNode = function(setting, node) {
+		var parentNode = node.getParentNode();
+		if (_removeNode) _removeNode.apply(view, arguments);
+		if (!node || !parentNode) return;
+		view.repairChkClass(setting, parentNode);
+		view.repairParentChkClass(setting, parentNode);
+	}
+
+	var _appendNodes = view.appendNodes;
+	view.appendNodes = function(setting, level, nodes, parentNode, index, initFlag, openFlag) {
+		var html = "";
+		if (_appendNodes) {
+			html = _appendNodes.apply(view, arguments);
+		}
+		if (parentNode) {
+			data.makeChkFlag(setting, parentNode);
+		}
+		return html;
+	}
+})(jQuery);

+ 64 - 0
login.html

@@ -0,0 +1,64 @@
+<!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/font-awesome.min.css">
+</head>
+<body class="login-body">
+    <div class="container">
+        <!--演示版-->
+        <form class="form-signin">
+            <h1 class="d-flex justify-content-center mb-4">纵横经济指标系统</h1>
+            <nav class="nav nav-tabs nav-justified mb-3" role="tablist" >
+            </nav>
+                <div class="form-group">
+                    <input id="inputEmail" class="form-control " placeholder="账号" required="" autofocus="">
+                </div>
+                <div class="form-group">
+                    <input id="inputPassword" class="form-control " placeholder="输入密码" required="" type="password">
+                </div>
+                <div class="form-group">
+                    <button class="btn btn-primary btn-block">登录</button>
+                </div>
+                <!-- <div class="pt-1 d-flex justify-content-center">
+                    <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记通行账号密码?</a>
+                    <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
+                </div> -->
+        </form>
+        <!--项目版-->
+        <!--登录错误-->
+        <form class="form-signin">
+            <h1 class="d-flex justify-content-center mb-4">纵横经济指标系统</h1>
+            <div class="form-group has-danger">
+                <input class="form-control gform-control-danger" value="1212@qq.com" placeholder="账号" required="" autofocus="">
+            </div>
+            <div class="form-group has-danger">
+                <input class="form-control gform-control-danger" value="12313" placeholder="输入密码" required="" type="password">
+            </div>
+            <div class="form-group">
+              <div class="alert alert-danger" role="alert">
+                <strong>登录失败</strong> 账号 或 密码错误
+              </div>
+            </div>
+            <div class="form-group">
+                <button class="btn btn-primary btn-block">登录</button>
+            </div>
+            <!-- <div class="pt-1 d-flex justify-content-center">
+                <a href="http://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记通行账号密码?</a>
+                <a href="http://sso.smartcost.com.cn/reg" target="_blank">免费注册</a>
+            </div> -->
+        </form>
+    </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>
+</body>
+
+</html>

+ 191 - 0
my-Library-detail.html

@@ -0,0 +1,191 @@
+<!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/font-awesome.min.css">
+</head>
+
+<body>
+  <div class="header">
+		<h1 class="logo"><a>指标库-纵横经济指标系统</a></h1>
+    <div class="poj-name">
+      <span class="name">指标库</span>
+    </div>
+		<div class="header-box">
+			<div class="header-nav"></div>
+			<div class="header-user pull-right">
+				<div class="avatar btn-group">
+					<a class="dropdown-toggle" data-toggle="dropdown">
+						<span class="pic"><img src="img/avatar.png"></span>
+						<span>张三</span>
+						<span class="caret"></span>
+					</a>
+					<div class="dropdown-menu">
+					 <a href="#" class="dropdown-item">退出登录</a>
+				 </div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="main">
+		<div class="main-nav">
+			<div class="nav-top">
+        <ul class="nav nav-pills flex-column bg-nav">
+          <li class="nav-item"><a href="template.html"title="指标模板"><i class="fa fa-file-text-o"></i> 指标模板</a></li>
+          <li class="nav-item active"><a href="my-Library.html"title="指标库"><i class="fa fa-list-ul"></i> 指标库</a></li>
+          <li class="nav-item"><a href="search-Library.html"title="指标对比"><i class="fa fa-search"></i> 指标对比</a></li>
+        </ul>
+			</div>
+		</div>
+    <div class="main-panel">
+    			<div class="panel-content">
+    				<div class="panel-title fluid">
+    					<div class="title-main">
+    						<h2>
+                  XXX标段 2018-03-14 17:12:23
+                  <a href="#" data-toggle="modal" data-target="#" class="btn btn-primary btn-sm pull-right">入库</a>
+                  <a href="#" data-toggle="modal" data-target="#" class="btn btn-primary btn-sm pull-right">指标计算</a>
+                  <a href="#parameter" data-toggle="modal" data-target="#parameter" class="btn btn-outline-primary btn-sm pull-right">参数设置</a>
+                  <a href="#del" data-toggle="modal" data-target="#del" class="btn btn-outline-danger btn-sm pull-right">从库中删除</a>
+              </h2>
+    					</div>
+    				</div>
+    				<div class="content-wrap">
+              <div class="c-header p-0 col-12">
+              </div>
+    					<div class="c-body">
+    						<div class="sjs-height-1">
+                  <legend>填写参数</legend>
+                  <table class="table table-bordered">
+                    <tr>
+                      <th>总造价</th><td><input class="form-control form-control-sm"></td>
+                      <th>路线总长度</th><td><input class="form-control form-control-sm"></td>
+                    </tr>
+                    <tr>
+                      <th>路基工程费用</th><td><input class="form-control form-control-sm"></td>
+                      <th>边沟圬工体积</th><td><input class="form-control form-control-sm"></td>
+                    </tr>
+                  </table>
+                  <!--计算后出现数据-->
+                  <table class="table table-bordered">
+                    <tr>
+                      <th>指标编号</th>
+                      <th>项目或费用名称</th>
+                      <th colspan="2">指标单位</th>
+                      <th>合价(元)</th>
+                      <th>计算规则</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>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td>z2-e-1</td>
+                      <td>排水工程公路公里造价</td>
+                      <td>元</td>
+                      <td>公路公里</td>
+                      <td></td>
+                      <td>合价/路线总长度</td>
+                      <td>123123</td>
+                      <td>123123 / 345345</td>
+                      <td>hj(合价)/lxzcd(路线总长度)</td>
+                    </tr>
+                    <tr>
+                      <td>z2-e-2</td>
+                      <td>排水工程路基长度造价</td>
+                      <td>元</td>
+                      <td>km</td>
+                      <td></td>
+                      <td>合价/路基长度</td>
+                      <td>123123</td>
+                      <td>234234 / 123123</td>
+                      <td>hj(合价)/ljcd(路基长度)</td>
+                    </tr>
+                  </table>
+                </div>
+    					</div>
+    				</div>
+    			</div>
+    		</div>
+      </div>
+      <!-- 删除已上报标段 -->
+      <div id="del" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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">
+  			        <form>
+  								<div class="alert alert-danger">
+					          删除	XXX标段 2018-03-14 17:12:23 后数据无法恢复,请谨慎操作;
+                    <br>需要删除,请在以下输入框输入"&nbsp;&nbsp;&nbsp;<b>确认删除</b>&nbsp;&nbsp;&nbsp;",再点击“确认删除”按钮。
+  								</div>
+                  <div class="form-group">
+                      <input class="form-control" type="text"  placeholder="输入 “确认删除”">
+                  </div>
+  			        </form>
+  			      </div>
+  		      </div>
+  		      <div class="modal-footer">
+              <button class="btn btn-danger">确认删除</button>
+  		        <button class="btn btn-secondary" data-dismiss="modal" aria-hidden="true">关闭</button>
+  		      </div>
+  				</div>
+  			</div>
+      </div>
+      <!-- 参数设置 -->
+      <div id="parameter" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  			<div class="modal-dialog modal-lg">
+      		<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">
+              <table class="table table-bordered">
+                <tr>
+                  <th>总造价</th><td><input class="form-control form-control-sm"></td>
+                  <th>路线总长度</th><td><input class="form-control form-control-sm"></td>
+                </tr>
+                <tr>
+                  <th>路基工程费用</th><td><input class="form-control form-control-sm"></td>
+                  <th>边沟圬工体积</th><td><input class="form-control form-control-sm"></td>
+                </tr>
+              </table>
+  		      </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>
+</body>
+
+</html>

+ 135 - 0
my-Library.html

@@ -0,0 +1,135 @@
+<!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/font-awesome.min.css">
+</head>
+
+<body>
+  <div class="header">
+		<h1 class="logo"><a>指标库-纵横经济指标系统</a></h1>
+    <div class="poj-name">
+      <span class="name">指标库</span>
+    </div>
+		<div class="header-box">
+			<div class="header-nav"></div>
+			<div class="header-user pull-right">
+				<div class="avatar btn-group">
+					<a class="dropdown-toggle" data-toggle="dropdown">
+						<span class="pic"><img src="img/avatar.png"></span>
+						<span>张三</span>
+						<span class="caret"></span>
+					</a>
+					<div class="dropdown-menu">
+					 <a href="#" class="dropdown-item">退出登录</a>
+				 </div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="main">
+		<div class="main-nav">
+			<div class="nav-top">
+        <ul class="nav nav-pills flex-column bg-nav">
+          <li class="nav-item"><a href="template.html"title="指标模板"><i class="fa fa-file-text-o"></i> 指标模板</a></li>
+          <li class="nav-item active"><a href="my-Library.html"title="指标库"><i class="fa fa-list-ul"></i> 指标库</a></li>
+          <li class="nav-item"><a href="search-Library.html"title="指标对比"><i class="fa fa-search"></i> 指标对比</a></li>
+        </ul>
+			</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="btn-group">
+                  <ul class="nav nav-pills m-0">
+										<li class="nav-item">
+											<a class="nav-link" href="#">全部</a>
+										</li>
+										<li class="nav-item">
+											<a class="nav-link" href="#">待处理 <span class="badge badge-secondary">4</span></a>
+										</li>
+										<li class="nav-item"><a class="nav-link active" href="#">已入库 <span class="badge badge-light">4</span></a></li>
+									</ul>
+                </div>
+                </div>
+                <div>
+                  <a href="#upload" data-toggle="modal" data-target="#upload" class="btn btn-primary btn-sm pull-right">导入指标源</a>
+                </div>
+              </div>
+    				</div>
+    				<div class="content-wrap">
+              <div class="c-header p-0 col-12"></div>
+    					<div class="c-body">
+    						<div class="sjs-height-1">
+                  <table class="table table-bordered">
+                    <tr>
+                      <th class="">指标源名称</th>
+                      <th class="">导入时间</th>
+                      <th class=""></th>
+                    </tr>
+                    <!--待处理-->
+                    <tr>
+                      <td><a href="my-Library-detail.html">XXX标段 2018-03-14 17:12:23</a></td>
+                      <td>2018-03-14 17:36:10 </td>
+                      <td><a href="my-Library-detail.html" class="btn btn-sm btn-outline-primary">填写参数</a> </td>
+                    </tr>
+                    <!--已入库-->
+                    <tr>
+                      <td><a href="my-Library-detail.html">YYY标段 2018-03-14 17:12:23</a></td>
+                      <td>2018-03-14 17:36:10 </td>
+                      <td>2018-03-14 17:36:10 入库</td>
+                    </tr>
+                  </table>
+                </div>
+    					</div>
+    				</div>
+    			</div>
+    		</div>
+      </div>
+      <!-- 删除已上报标段 -->
+      <div id="del" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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">
+  			        <form>
+  								<div class="alert alert-danger">
+					          删除	XXX标段 2018-03-14 17:12:23 后数据无法恢复,请谨慎操作;
+                    <br>需要删除,请在以下输入框输入"&nbsp;&nbsp;&nbsp;<b>确认删除</b>&nbsp;&nbsp;&nbsp;",再点击“确认删除”按钮。
+  								</div>
+                  <div class="form-group">
+                      <input class="form-control" type="text"  placeholder="输入 “确认删除”">
+                  </div>
+  			        </form>
+  			      </div>
+  		      </div>
+  		      <div class="modal-footer">
+              <button class="btn btn-danger">确认删除</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>
+</body>
+
+</html>

+ 220 - 0
search-Library.html

@@ -0,0 +1,220 @@
+<!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/font-awesome.min.css">
+</head>
+
+<body>
+  <div class="header">
+		<h1 class="logo"><a>指标对比-纵横经济指标系统</a></h1>
+    <div class="poj-name">
+      <span class="name">指标对比</span>
+    </div>
+		<div class="header-box">
+			<div class="header-nav"></div>
+			<div class="header-user pull-right">
+				<div class="avatar btn-group">
+					<a class="dropdown-toggle" data-toggle="dropdown">
+						<span class="pic"><img src="img/avatar.png"></span>
+						<span>张三</span>
+						<span class="caret"></span>
+					</a>
+					<div class="dropdown-menu">
+					 <a href="#" class="dropdown-item">退出登录</a>
+				 </div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="main">
+		<div class="main-nav">
+			<div class="nav-top">
+        <ul class="nav nav-pills flex-column bg-nav">
+          <li class="nav-item"><a href="template.html"title="指标模板"><i class="fa fa-file-text-o"></i> 指标模板</a></li>
+          <li class="nav-item"><a href="my-Library.html"title="指标库"><i class="fa fa-list-ul"></i> 指标库</a></li>
+          <li class="nav-item active"><a href="search-Library.html"title="指标对比"><i class="fa fa-search"></i> 指标对比</a></li>
+        </ul>
+			</div>
+		</div>
+    <div class="main-panel">
+    			<div class="panel-sidebar">
+    				<div class="panel-title">
+    					<div class="title-bar">
+    						<h2>指标数据源</h2>
+    					</div>
+    				</div>
+    				<div class="scrollbar-auto">
+    					<div class="nav-box">
+    						<ul class="nav-list list-unstyled">
+                  <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>XXX标段 2018-03-14 17:12:23</span></label></a></li>
+                  <li class="bg-warning"><a href="#" class="text-truncate"><label><input type="checkbox"> <span>YYY标段 2018-03-13 17:12:23</span></label></a></li>
+                  <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>ZZZ标段 2018-03-11 17:12:23</span></label></a></li>
+                  <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>AAA标段 2018-03-11 17:12:23</span></label></a></li>
+                  <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>BBB标段 2018-03-11 17:12:23</span></label></a></li>
+                  <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>CCC标段 2018-03-11 17:12:23</span></label></a></li>
+    						</ul>
+    					</div>
+    				</div>
+    			</div>
+    			<div class="panel-content">
+    				<div class="panel-title">
+    					<div class="title-main">
+                <div class="btn-group col-3 pr-0">
+                  <input type="text" class="form-control form-control-sm m-0" placeholder="输入项目节名称检索" >
+                </div>
+                <div class="btn-group">
+                  <button class="btn btn-sm btn-primary " type="button">检索指标</button>
+                </div>
+    					</div>
+    				</div>
+    				<div class="content-wrap">
+              <div class="c-header p-0 col-12">
+                <div class="card text-white bg-dark">
+                  <div class="card-body row">
+                    <div class="col-auto">
+                      <span class="btn btn-light btn-sm"><i class="fa fa-search"></i> 路侧护栏</span>
+                    </div>
+                    <div class="col-auto">
+                      <span class="btn btn-light btn-sm">数据源:5</span>
+                      <span class="btn btn-light btn-sm">参与计算:3</span>
+                    </div>
+                    <div class="col-2">
+                      <div class="input-group input-group-sm mb-0">
+                      <div class="input-group-prepend">
+                        <span class="input-group-text" id="basic-addon1">数量</span>
+                      </div>
+                      <input type="text" class="form-control" value="7000" >
+                      <div class="input-group-append">
+                        <a class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" >组成</a>
+                        <div class="dropdown-menu p-2">
+                          <table class="table table-sm table-bordered mb-0">
+                            <tr><th class="text-center">单位</th><th class="text-center">数量</th><th class="text-center">合计</th></tr>
+                            <tr><td>单位1</td><td class="text-right">3000</td><td><input type="checkbox" class="form-control" checked></td></tr>
+                            <tr><td>单位2</td><td class="text-right">4000</td><td><input type="checkbox" class="form-control" checked></td></tr>
+                            <tr><td>合计</td><td  class="text-right" colspan="2">7000</td></tr>
+                          </table>
+                        </div>
+                      </div>
+                    </div>
+                    </div>
+                    <div class="col-2">
+                      <div class="input-group input-group-sm mb-0">
+                        <div class="input-group-prepend">
+                          <span class="input-group-text" id="basic-addon1">经济指标</span>
+                        </div>
+                        <input type="text" class="form-control" value="66020" readonly>
+
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="card text-white bg-danger">
+                    <div class="card-body row">
+                      <div class="col-auto">
+                        <h4>检索 "关键词" 没有结果</h4>
+                      </div>
+                    </div>
+                  </div>
+              </div>
+    					<div class="c-body">
+                <div class="sjs-height-1">
+                  <table class="table table-bordered">
+                    <tr>
+                      <th class="text-center">序号</th>
+                      <th class="text-center">参与计算</th>
+                      <th class="text-center">编号</th>
+                      <th class="text-center">名称</th>
+                      <th class="text-center">单位</th>
+                      <th class="text-center">设计数量1</th>
+                      <th class="text-center">设计数量2</th>
+                      <th class="text-center">经济指标</th>
+                      <th class="text-center">金额</th>
+                      <th class="text-center">所属标段</th>
+                      <th class="text-center">上传时间</th>
+                      <th class="text-center">所在位置</th>
+                      <th class="text-center">备注</th>
+                    </tr>
+                    <tr>
+                      <td>1</td>
+                      <td><input type="checkbox" checked  class="form-control"></td>
+                      <td>编号</td>
+                      <td>名称</td>
+                      <td class="text-center">单位</td>
+                      <td class="text-right">设计数量1</td>
+                      <td class="text-right">设计数量2</td>
+                      <td class="text-right">经济指标</td>
+                      <td class="text-right">金额</td>
+                      <td>所属标段</td>
+                      <td>上传时间</td>
+                      <td>所在位置</td>
+                      <td>备注</td>
+                    </tr>
+                    <tr class="table-secondary">
+                      <td>2</td>
+                      <td><input type="checkbox" class="form-control"></td>
+                      <td>编号</td>
+                      <td>名称</td>
+                      <td class="text-center">单位</td>
+                      <td class="text-right">设计数量1</td>
+                      <td class="text-right">设计数量2</td>
+                      <td class="text-right">经济指标</td>
+                      <td class="text-right">金额</td>
+                      <td>所属标段</td>
+                      <td>上传时间</td>
+                      <td>所在位置</td>
+                      <td>备注</td>
+                    </tr>
+                    <tr>
+                      <td>3</td>
+                      <td><input type="checkbox" checked class="form-control"></td>
+                      <td>编号</td>
+                      <td>名称</td>
+                      <td class="text-center">单位</td>
+                      <td class="text-right">设计数量1</td>
+                      <td class="text-right">设计数量2</td>
+                      <td class="text-right">经济指标</td>
+                      <td class="text-right">金额</td>
+                      <td>所属标段</td>
+                      <td>上传时间</td>
+                      <td>所在位置</td>
+                      <td>备注</td>
+                    </tr>
+                    <tr>
+                      <td>4</td>
+                      <td><input type="checkbox" checked class="form-control"></td>
+                      <td>编号</td>
+                      <td>名称</td>
+                      <td class="text-center">单位</td>
+                      <td class="text-right">设计数量1</td>
+                      <td class="text-right">设计数量2</td>
+                      <td class="text-right">经济指标</td>
+                      <td class="text-right">金额</td>
+                      <td>所属标段</td>
+                      <td>上传时间</td>
+                      <td>所在位置</td>
+                      <td>备注</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>
+</body>
+
+</html>

+ 135 - 0
template.html

@@ -0,0 +1,135 @@
+<!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/font-awesome.min.css">
+</head>
+
+<body>
+  <div class="header">
+		<h1 class="logo"><a>指标模板-纵横经济指标系统</a></h1>
+    <div class="poj-name">
+      <span class="name">指标模板</span>
+    </div>
+		<div class="header-box">
+			<div class="header-nav"></div>
+			<div class="header-user pull-right">
+				<div class="avatar btn-group">
+					<a class="dropdown-toggle" data-toggle="dropdown">
+						<span class="pic"><img src="img/avatar.png"></span>
+						<span>张三</span>
+						<span class="caret"></span>
+					</a>
+					<div class="dropdown-menu">
+					 <a href="#" class="dropdown-item">退出登录</a>
+				 </div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="main">
+		<div class="main-nav">
+			<div class="nav-top">
+        <ul class="nav nav-pills flex-column bg-nav">
+          <li class="nav-item active"><a href="template.html"title="指标模板"><i class="fa fa-file-text-o"></i> 指标模板</a></li>
+          <li class="nav-item"><a href="my-Library.html"title="指标库"><i class="fa fa-list-ul"></i> 指标库</a></li>
+          <li class="nav-item"><a href="search-Library.html"title="指标对比"><i class="fa fa-search"></i> 指标对比</a></li>
+        </ul>
+			</div>
+		</div>
+		<div class="main-panel">
+			<div class="panel-content">
+				<div class="panel-title fluid">
+					<div class="title-main"><h2></h2></div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-header m-0">
+					</div>
+					<div class="c-body">
+            <table class="table table-bordered">
+              <tr>
+                <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>
+	</div>
+  <!-- 设置计算式 -->
+  <div id="set-count" 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">
+          <h5 class="mt-3">hj(合价)/lxzcd(路线总长度)</h5>
+          <div class="form-group">
+            <label>设置计算规则</label>
+            <input class="form-control" value="hj/lxzcd" type="text">
+          </div>
+          <div class="row">
+            <div class="col-6">
+              <table class="table table-bordered">
+                <legend>全局参数</legend>
+                <tr><th>名称</th><th>代码</th><th>描述</th></tr>
+                <tr><td>总造价</td><td>zzj</td><td><a href=""><i class="fa fa-info"></i></a></td></tr>
+                <tr><td>路线总长度</td><td>lxzcd</td><td><a href=""><i class="fa fa-info"></i></a></td></tr>
+                <tr><td>输入框</td><td>input</td><td><a href=""><i class="fa fa-info"></i></a></td></tr>
+              </table>
+            </div>
+            <div class="col-6">
+              <table class="table table-bordered">
+                <legend>本项目节参数</legend>
+                <tr><th>名称</th><th>代码</th><th>描述</th></tr>
+                <tr><td>合价</td><td>hj</td><td><a href=""><i class="fa fa-info"></i></a></td></tr>
+              </table>
+            </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>
+</body>
+
+</html>