首頁 探索 說明
登入
S.H.I.E.L.D.
/
helpCenter
2
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
瀏覽代碼

用户中心修改、文章中心添加treejs插件、类别中心增加两层

outaozhen 8 年之前
父節點
d4f60b4946
當前提交
e1e04372ca
共有 30 個文件被更改，包括 3644 次插入 和 273 次删除
分割檢視 顯示文件統計
  1. 210 144
      admin-article.html
  2. 38 20
      admin-classlist.html
  3. 159 0
      admin-user-search.html
  4. 20 106
      admin-user.html
  5. 386 0
      css/awesomeStyle/awesome.css
  6. 146 0
      css/awesomeStyle/awesome.less
  7. 480 0
      css/awesomeStyle/fa.less
  8. 二進制
      css/awesomeStyle/img/loading.gif
  9. 87 3
      css/global.css
  10. 二進制
      css/metroStyle/img/line_conn.png
  11. 二進制
      css/metroStyle/img/loading.gif
  12. 二進制
      css/metroStyle/img/metro.gif
  13. 二進制
      css/metroStyle/img/metro.png
  14. 96 0
      css/metroStyle/metroStyle.css
  15. 二進制
      css/zTreeStyle/img/diy/1_close.png
  16. 二進制
      css/zTreeStyle/img/diy/1_open.png
  17. 二進制
      css/zTreeStyle/img/diy/2.png
  18. 二進制
      css/zTreeStyle/img/diy/3.png
  19. 二進制
      css/zTreeStyle/img/diy/4.png
  20. 二進制
      css/zTreeStyle/img/diy/5.png
  21. 二進制
      css/zTreeStyle/img/diy/6.png
  22. 二進制
      css/zTreeStyle/img/diy/7.png
  23. 二進制
      css/zTreeStyle/img/diy/8.png
  24. 二進制
      css/zTreeStyle/img/diy/9.png
  25. 二進制
      css/zTreeStyle/img/line_conn.gif
  26. 二進制
      css/zTreeStyle/img/loading.gif
  27. 二進制
      css/zTreeStyle/img/zTreeStandard.gif
  28. 二進制
      css/zTreeStyle/img/zTreeStandard.png
  29. 97 0
      css/zTreeStyle/zTreeStyle.css
  30. 1925 0
      js/jquery.ztree.core.js

+ 210 - 144
admin-article.html
查看文件 

@@ -9,6 +9,7 @@
 
     <link rel="stylesheet" href="css/bootstrap.css">
 
     <link rel="stylesheet" href="css/global.css">
 
     <link rel="stylesheet" href="css/ionicons.css">
 
+    <link rel="stylesheet" href="css/metroStyle/metroStyle.css" type="text/css">
 
   </head>
 
   <body> 
     <header class="fixed-top top-wrap">
 
@@ -30,152 +31,161 @@
 
         </ul>
 
       </div>
 
       <div class="main-wrap container-fluid">
 
-        <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
-          <a class="navbar-brand">文章中心</a>
 
-          <form class="float-right">
 
-            <div class="input-group">
 
-              <input type="text" class="form-control" placeholder="请输入关键字或关键词" aria-label="Search for...">
 
-              <span class="input-group-btn">
 
-                <button class="btn btn-green" type="button">搜索</button>
 
-              </span>
 
-            </div>
 
-          </form>
 
-        </div>
 
-        <div class="main-function mt-4 mb-4 clearfix">
 
-          <a href="admin-article-add.html" class="btn btn-green float-left mr-2">发布新文章</a>
 
-          <button type="button" class="btn btn-danger float-left mr-2" data-toggle="modal" data-target="#del-article">删除</button>
 
-          <div class="d-inline float-left">
 
-            <select class="form-control" id="exampleSelect1">
 
-              <option>按发布时间</option>
 
-              <option>按更新时间</option>
 
-            </select>
 
+        <div class="sidebar">
 
+          <div class="zTreeDemoBackground left">
 
+            <ul id="treeDemo" class="ztree"></ul>
 
           </div>
 
         </div>
 
-        <div class="main-body">
 
-          <table class="table">
 
-            <thead>
 
-              <tr>
 
-                <th><input type="checkbox"></th>
 
-                <th>文章标题</th>
 
-                <th width="120">类别</th>
 
-                <th width="160">文章是/否有用</th>
 
-                <th width="150">发布时间</th>
 
-                <th width="150">更新时间</th>
 
-                <th width="170">操作</th>
 
-              </tr>
 
-            </thead>
 
-            <tbody>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-              <tr>
 
-                <td><input type="checkbox"></td>
 
-                <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
-                <td><a href="#">文件管理类</a></td>
 
-                <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
-                <td>2017-07-10 18:12</td>
 
-                <td>2017-07-16 18:12</td>
 
-                <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
-              </tr>
 
-            </tbody>
 
-          </table>
 
-          <nav aria-label="Page navigation example">
 
-            <ul class="pagination">
 
-              <li class="page-item">
 
-                <a class="page-link" href="#" aria-label="Previous">
 
-                  <span aria-hidden="true">&laquo;</span>
 
-                  <span class="sr-only">Previous</span>
 
-                </a>
 
-              </li>
 
-              <li class="page-item"><a class="page-link" href="#">1</a></li>
 
-              <li class="page-item"><a class="page-link" href="#">2</a></li>
 
-              <li class="page-item"><a class="page-link" href="#">3</a></li>
 
-              <li class="page-item">
 
-                <a class="page-link" href="#" aria-label="Next">
 
-                  <span aria-hidden="true">&raquo;</span>
 
-                  <span class="sr-only">Next</span>
 
-                </a>
 
-              </li>
 
-            </ul>
 
-          </nav>
 
+        <div class="artile-wrap">
 
+          <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
+            <a class="navbar-brand">文章中心</a>
 
+            <form class="float-right">
 
+              <div class="input-group">
 
+                <input type="text" class="form-control" placeholder="请输入关键字或关键词" aria-label="Search for...">
 
+                <span class="input-group-btn">
 
+                  <button class="btn btn-green" type="button">搜索</button>
 
+                </span>
 
+              </div>
 
+            </form>
 
+          </div>
 
+          <div class="main-function mt-4 mb-4 clearfix">
 
+            <a href="admin-article-add.html" class="btn btn-green float-left mr-2">发布新文章</a>
 
+            <button type="button" class="btn btn-danger float-left mr-2" data-toggle="modal" data-target="#del-article">删除</button>
 
+            <div class="d-inline float-left">
 
+              <select class="form-control" id="exampleSelect">
 
+                <option>全部</option>
 
+                <option>推荐显示</option>
 
+                <option>发布时间</option>
 
+                <option>更新时间</option>
 
+              </select>
 
+            </div>
 
+          </div>
 
+          <div class="main-body">
 
+            <table class="table">
 
+              <thead>
 
+                <tr>
 
+                  <th><input type="checkbox"></th>
 
+                  <th>文章标题</th>
 
+                  <th width="120">类别</th>
 
+                  <th width="160">文章是/否有用</th>
 
+                  <th width="150">发布时间</th>
 
+                  <th width="150">更新时间</th>
 
+                  <th width="170">操作</th>
 
+                </tr>
 
+              </thead>
 
+              <tbody>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a><b class="text-warning">[荐]</b></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表，冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><input type="checkbox"></td>
 
+                  <td><a href="#" class="open-sidebar">冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 </a></td>
 
+                  <td><a href="#">文件管理类</a></td>
 
+                  <td><span class="mr-3">是&nbsp;6</span><span class="mr-3">否&nbsp;0</span><a href="#">清空</a></td>
 
+                  <td>2017-07-10 18:12</td>
 
+                  <td>2017-07-16 18:12</td>
 
+                  <td><a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a></td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+            <nav aria-label="Page navigation example">
 
+              <ul class="pagination">
 
+                <li class="page-item">
 
+                  <a class="page-link" href="#" aria-label="Previous">
 
+                    <span aria-hidden="true">&laquo;</span>
 
+                    <span class="sr-only">Previous</span>
 
+                  </a>
 
+                </li>
 
+                <li class="page-item"><a class="page-link" href="#">1</a></li>
 
+                <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+                <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+                <li class="page-item">
 
+                  <a class="page-link" href="#" aria-label="Next">
 
+                    <span aria-hidden="true">&raquo;</span>
 
+                    <span class="sr-only">Next</span>
 
+                  </a>
 
+                </li>
 
+              </ul>
 
+            </nav>
 
+          </div>
 
         </div>
 
       </div>
 
       <div class="side-wrap">
 
@@ -227,6 +237,62 @@
 
     <script src="js/tether.js"></script>
 
     <script src="js/bootstrap.js"></script>
 
     <script src="js/global.js"></script>
 
+    <script type="text/javascript" src="js/jquery.ztree.core.js"></script>
 
     <script type="text/javascript">autoFlashHeight();</script>
 
+    <script type="text/javascript">
 
+    <!--
 
+    var setting = {
 
+      data: {
 
+        simpleData: {
 
+          enable: true
 
+        }
 
+      }
 
+    };
 
+    var zNodes =[
 
+      { id:1, pId:0, name:"公路（养护、广东）造价软件", open:true},
 
+      { id:11, pId:1, name:"文件管理类"},
 
+      { id:11, pId:1, name:"造价书类"},
 
+      { id:11, pId:1, name:"定额类"},
 
+      { id:11, pId:1, name:"工料机类"},
 
+      { id:11, pId:1, name:"费率类"},
 
+      { id:11, pId:1, name:"调价分摊类"},
 
+      { id:11, pId:1, name:"文件管理类"},
 
+      { id:11, pId:1, name:"其他类"},
 
+      { id:11, pId:1, name:"报表类"},
 
+      { id:2, pId:0, name:"计量支付结算决算软件", open:true},
 
+      { id:21, pId:2, name:"项目管理类"},
 
+      { id:22, pId:2, name:"项目属性类"},
 
+      { id:22, pId:2, name:"0号台帐类"},
 
+      { id:22, pId:2, name:"计量变更类"},
 
+      { id:22, pId:2, name:"合同支付窗口"},
 
+      { id:22, pId:2, name:"材料调差类"},
 
+      { id:22, pId:2, name:"报表类"},
 
+      { id:22, pId:2, name:"其他类"},
 
+      // { id:221, pId:22, name:"叶子节点221"},
 
+      { id:3, pId:0, name:"公路（养护、广东）造价软件", open:true},
 
+      { id:31, pId:3, name:"文件管理类"},
 
+      { id:31, pId:3, name:"造价书类"},
 
+      { id:31, pId:3, name:"定额类"},
 
+      { id:31, pId:3, name:"工料机类"},
 
+      { id:31, pId:3, name:"费率类"},
 
+      { id:31, pId:3, name:"调价分摊类"},
 
+      { id:31, pId:3, name:"文件管理类"},
 
+      { id:31, pId:3, name:"其他类"},
 
+      { id:31, pId:3, name:"报表类"},
 
+      { id:4, pId:0, name:"计量支付结算决算软件", open:true},
 
+      { id:41, pId:4, name:"项目管理类"},
 
+      { id:42, pId:4, name:"项目属性类"},
 
+      { id:42, pId:4, name:"0号台帐类"},
 
+      { id:42, pId:4, name:"计量变更类"},
 
+      { id:42, pId:4, name:"合同支付窗口"},
 
+      { id:42, pId:4, name:"材料调差类"},
 
+      { id:42, pId:4, name:"报表类"},
 
+      { id:42, pId:4, name:"其他类"},
 
+    ];
 
+    $(document).ready(function(){
 
+      $.fn.zTree.init($("#treeDemo"), setting, zNodes);
 
+    });
 
+    //-->
 
+  </script>
 
   </body>
 
 </html>

+ 38 - 20
admin-classlist.html
查看文件 

@@ -44,31 +44,49 @@
 
             </dt>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">文件管理类</span>
 
               </div>
 
+              <div class="class-three">
 
+                <ul>
 
+                  <li class="class-three-list">
 
+                    <div class="inner inner-first"><div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div><span class="class-title class-title-three">文件管理类11</span></div>
 
+                    <div class="class-four">
 
+                      <ul>
 
+                        <li class="class-four-list">
 
+                          <div class="inner inner-first"><div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div><span class="class-title class-title-four">文件管理类1111</span></div>
 
+                        </li>
 
+                        <li class="class-four-list">
 
+                          <div class="inner inner-first"><div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div><span class="class-title class-title-four">文件管理类2222</span></div>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </li>
 
+                  <li class="class-three-list"><div class="inner inner-first"><div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div><span class="class-title class-title-three">文件管理类22</span></div></li>
 
+                </ul>
 
+              </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">造价书类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">定额类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">工料机类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">费率类</span>
 
               </div>
 
             </dd>
 
@@ -80,31 +98,31 @@
 
             </dt>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">文件管理类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">造价书类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">定额类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">工料机类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">费率类</span>
 
               </div>
 
             </dd>
 
@@ -116,31 +134,31 @@
 
             </dt>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">文件管理类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">造价书类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">定额类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">工料机类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">费率类</span>
 
               </div>
 
             </dd>
 
@@ -152,31 +170,31 @@
 
             </dt>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">文件管理类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">造价书类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">定额类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">工料机类</span>
 
               </div>
 
             </dd>
 
             <dd>
 
               <div class="inner">
 
-                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#add-big-class">添加子类</a><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
+                <div class="float-right class-oper"><a href="#" data-toggle="modal" data-target="#edit-big-class">编辑</a><a href="#" data-toggle="modal" data-target="#del-article">删除</a><a href="#">上移</a><a href="#">下移</a></div>
 
                 <span class="class-title class-title-two">费率类</span>
 
               </div>
 
             </dd>

+ 159 - 0
admin-user-search.html
查看文件 

@@ -0,0 +1,159 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-cn">
 
+  <head>
 
+    <!-- Required meta tags -->
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+
 
+    <!-- Bootstrap CSS -->
 
+    <link rel="stylesheet" href="css/bootstrap.css">
 
+    <link rel="stylesheet" href="css/global.css">
 
+    <link rel="stylesheet" href="css/ionicons.css">
 
+  </head>
 
+  <body> 
+    <header class="fixed-top top-wrap">
 
+      <div class="float-right">
 
+        <a href="#" class="user-wrap" alt="退出登录">
 
+          <span href="#" class="avatar-warp"><img src="images/avatarImg.jpg" width="30" height="30" class="avatar-img"></span>
 
+          <span class="user-name">欧桃珍<i class="ion-power ion-off"></i></span>
 
+        </a>
 
+      </div>
 
+      <div class="top-title">纵横帮助中心</div>
 
+    </header>
 
+    <div class="wrap">
 
+      <div class="nav left-nav">
 
+        <ul>
 
+          <li><a href="admin-user.html" class="active"><i class="icon ion-person"></i>用户</a></li>
 
+          <li><a href="admin-article.html"><i class="icon ion-ios-paper"></i>文章</a></li>
 
+          <li><a href="admin-classlist.html"><i class="icon ion-ios-list"></i>类别</a></li>
 
+          <li><a href="admin-recom.html"><i class="icon ion-thumbsup"></i>推荐</a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="main-wrap container-fluid">
 
+        <!-- <ol class="breadcrumb">
 
+          <li class="breadcrumb-item"><a href="admin-user.html">返回</a></li>
 
+          <li class="breadcrumb-item active">用户搜索中心</li>
 
+        </ol>
 
+        <div class="row mt-5">
 
+          <div class="col-2"></div>
 
+          <div class="col-8">
 
+            <div class="input-group input-group-lg">
 
+              <input type="text" class="form-control" placeholder="请输入用户名/邮箱" aria-label="Search for...">
 
+              <span class="input-group-btn">
 
+                <a class="btn btn-blue" role="button" href="admin-user-search.html">搜索</a>
 
+              </span>
 
+            </div>
 
+          </div>
 
+          <div class="col-2"></div>
 
+        </div> -->
 
+        <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
+          <a class="navbar-brand">用户中心</a>
 
+          <form class="float-right">
 
+            <div class="input-group">
 
+              <input type="text" class="form-control" placeholder="请输入用户名/邮箱" aria-label="Search for...">
 
+              <span class="input-group-btn">
 
+                <a class="btn btn-blue" role="button" href="admin-user-search.html">搜索</a>
 
+              </span>
 
+            </div>
 
+          </form>
 
+        </div>
 
+        <div class="main-function mt-4 mb-4 clearfix">
 
+          <div class="float-left">
 
+            <select class="form-control" id="exampleSelect">
 
+              <option>全部</option>
 
+              <option>办事处</option>
 
+              <option>总部</option>
 
+            </select>
 
+          </div>
 
+        </div>
 
+        <div class="main-body">
 
+          <table class="table">
 
+            <thead>
 
+              <tr>
 
+                <th>用户名</th>
 
+                <th>办事处</th>
 
+                <th>邮箱</th>
 
+                <th>电话</th>
 
+                <th>最后登录</th>
 
+                <th>操作</th>
 
+              </tr>
 
+            </thead>
 
+            <tbody>
 
+              <tr>
 
+                <td>陈特</td>
 
+                <td>总部</td>
 
+                <td>914630468@qq.com</td>
 
+                <td>15812644017</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-danger" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+              <tr>
 
+                <td>陈特</td>
 
+                <td>总部</td>
 
+                <td>914630468@qq.com</td>
 
+                <td>15812644017</td>
 
+                <td>2017-07-19</td>
 
+                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-outline-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-danger" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+              </tr>
 
+            </tbody>
 
+          </table>
 
+        <!-- <div class="main-function mt-4 mb-4 clearfix">
 
+          <div class="float-left">
 
+            <select class="form-control" id="exampleSelect">
 
+              <option>办事处</option>
 
+              <option>总部</option>
 
+            </select>
 
+          </div>
 
+        </div> -->
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="del-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">禁用</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <h5 class="pt-3 pb-3">是否禁用该用户？</h5>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-danger">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="modal fade" id="disable-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
+      <div class="modal-dialog" role="document">
 
+        <div class="modal-content">
 
+          <div class="modal-header">
 
+            <h5 class="modal-title" id="exampleModalLabel">开启</h5>
 
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+              <span aria-hidden="true">&times;</span>
 
+            </button>
 
+          </div>
 
+          <div class="modal-body">
 
+            <h5 class="pt-3 pb-3">是否开启该用户？</h5>
 
+          </div>
 
+          <div class="modal-footer">
 
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+            <button type="button" class="btn btn-danger">确定</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+
 
+    <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 
+    <script src="js/jquery-1.9.1.min.js"></script>
 
+    <script src="js/tether.js"></script>
 
+    <script src="js/bootstrap.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+  </body>
 
+</html>

+ 20 - 106
admin-user.html
查看文件 

@@ -32,20 +32,19 @@
 
       <div class="main-wrap container-fluid">
 
         <div class="main-title navbar navbar-light bg-faded justify-content-between">
 
           <a class="navbar-brand">用户中心</a>
 
-          <!-- <form class="float-right">
 
+          <form class="float-right">
 
             <div class="input-group">
 
-              <input type="text" class="form-control" placeholder="请输入关键字或关键词" aria-label="Search for...">
 
+              <input type="text" class="form-control" placeholder="请输入用户名/邮箱" aria-label="Search for...">
 
               <span class="input-group-btn">
 
-                <button class="btn btn-blue" type="button">搜索</button>
 
+                <a class="btn btn-blue" role="button" href="admin-user-search.html">搜索</a>
 
               </span>
 
             </div>
 
-          </form> -->
 
+          </form>
 
         </div>
 
         <div class="main-function mt-4 mb-4 clearfix">
 
-          <!-- <button type="button" class="btn btn-danger float-left mr-2" data-toggle="modal" data-target="#del-article">删除</button> -->
 
-          <button type="button" class="btn btn-warning float-left mr-2" data-toggle="modal" data-target="#del-article">禁用</button>
 
-          <div class="d-inline float-left">
 
-            <select class="form-control" id="exampleSelect1">
 
+          <div class="float-left">
 
+            <select class="form-control" id="exampleSelect">
 
+              <option>全部</option>
 
               <option>办事处</option>
 
               <option>总部</option>
 
             </select>
 
@@ -55,126 +54,103 @@
 
           <table class="table">
 
             <thead>
 
               <tr>
 
-                <th><input type="checkbox"></th>
 
                 <th>用户名</th>
 
                 <th>办事处</th>
 
                 <th>邮箱</th>
 
                 <th>电话</th>
 
-                <th>创建时间</th>
 
                 <th>最后登录</th>
 
-                <th>操作</th>
 
+                <th>状态</th>
 
               </tr>
 
             </thead>
 
             <tbody>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈特</td>
 
                 <td>总部</td>
 
                 <td>914630468@qq.com</td>
 
                 <td>15812644017</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-success">已开启</td>
 
+                <!-- <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td> -->
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈特</td>
 
                 <td>总部</td>
 
                 <td>914630468@qq.com</td>
 
                 <td>15812644017</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-outline-success" data-toggle="modal" data-target="#disable-article">开启</button><button type="button" class="btn btn-warning" data-toggle="modal" data-target="#del-article">已禁用</button></div></td>
 
+                <td class="text-success">已开启</td>
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈叶婷</td>
 
                 <td>广西办</td>
 
                 <td>1304991420@qq.com</td>
 
                 <td>15607807379</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-success">已开启</td>
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈叶婷</td>
 
                 <td>广西办</td>
 
                 <td>1304991420@qq.com</td>
 
                 <td>15607807379</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-danger">已禁用</td>
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈叶婷</td>
 
                 <td>广西办</td>
 
                 <td>1304991420@qq.com</td>
 
                 <td>15607807379</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-danger">已禁用</td>
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈叶婷</td>
 
                 <td>广西办</td>
 
                 <td>1304991420@qq.com</td>
 
                 <td>15607807379</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-danger">已禁用</td>
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈叶婷</td>
 
                 <td>广西办</td>
 
                 <td>1304991420@qq.com</td>
 
                 <td>15607807379</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-danger">已禁用</td>
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈叶婷</td>
 
                 <td>广西办</td>
 
                 <td>1304991420@qq.com</td>
 
                 <td>15607807379</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-danger">已禁用</td>
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈叶婷</td>
 
                 <td>广西办</td>
 
                 <td>1304991420@qq.com</td>
 
                 <td>15607807379</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-danger">已禁用</td>
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈叶婷</td>
 
                 <td>广西办</td>
 
                 <td>1304991420@qq.com</td>
 
                 <td>15607807379</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-danger">已禁用</td>
 
               </tr>
 
               <tr>
 
-                <td><input type="checkbox"></td>
 
                 <td>陈叶婷</td>
 
                 <td>广西办</td>
 
                 <td>1304991420@qq.com</td>
 
                 <td>15607807379</td>
 
                 <td>2017-07-19</td>
 
-                <td>2017-07-19</td>
 
-                <td><div class="btn-group btn-group-sm" role="group" aria-label="..."><button type="button" class="btn btn-success" data-toggle="modal" data-target="#disable-article">已开启</button><button type="button" class="btn btn-outline-warning" data-toggle="modal" data-target="#del-article">禁用</button></div></td>
 
+                <td class="text-danger">已禁用</td>
 
               </tr>
 
             </tbody>
 
           </table>
 
@@ -199,70 +175,8 @@
 
           </nav>
 
         </div>
 
       </div>
 
-      <div class="side-wrap">
 
-        <div class="side-top pl-4 pr-4 pt-3 pb-3 sticky-top clearfix">
 
-          <div class="float-right">
 
-            <a class="btn btn-outline-blue btn-sm mr-2" href="admin-article-edit.html" role="button">编辑</a><a class="btn btn-outline-danger btn-sm" href="#" role="button" data-toggle="modal" data-target="#del-article">删除</a>
 
-          </div>
 
-          <h4>文章中心</h4>
 
-        </div>
 
-        <div class="side-main p-4">
 
-          <div class="pb-3">
 
-            <b>类别：</b>公路(养护、广东)造价软件 / 造价书类 / 算量软件
 
-          </div>
 
-          <div class="pb-3"><b>冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表冬雨季及夜间施工增工百分率、临时设施用工指标用工指标填写在02表 <span class="text-warning">[荐]</span></b></div>
 
-          <p>答：有三种解决方案，任选其一即可。</p>
 
-          <p>一：在软件报表界面</p>
 
-          <p>1）导出时，不勾选“Excel单页输出”选项直接导出。</p>
 
-          <p>2）打印时，在弹出的打印设置对话框中，打印内容项选择“整个工作簿”，点击确定即可。</p>
 
-          <p>二：在纵横软件中重新打勾2010再导出。</p>
 
-          <p>三：在高版本的wps中点击“帮助”-切换版本，切换到老版本，重新打开。</p>
 
-          <p>解：因高版本的WPS与excel无法兼容导致的错误。</p>
 
-        </div>
 
-      </div>
 
     </div>
 
 
-    <div class="modal fade" id="del-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
-      <div class="modal-dialog" role="document">
 
-        <div class="modal-content">
 
-          <div class="modal-header">
 
-            <h5 class="modal-title" id="exampleModalLabel">禁用</h5>
 
-            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
-              <span aria-hidden="true">&times;</span>
 
-            </button>
 
-          </div>
 
-          <div class="modal-body">
 
-            <h5 class="pt-3 pb-3">是否禁用该用户？</h5>
 
-          </div>
 
-          <div class="modal-footer">
 
-            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
-            <button type="button" class="btn btn-danger">确定</button>
 
-          </div>
 
-        </div>
 
-      </div>
 
-    </div>
 
-
 
-    <div class="modal fade" id="disable-article" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 
-      <div class="modal-dialog" role="document">
 
-        <div class="modal-content">
 
-          <div class="modal-header">
 
-            <h5 class="modal-title" id="exampleModalLabel">开启</h5>
 
-            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
-              <span aria-hidden="true">&times;</span>
 
-            </button>
 
-          </div>
 
-          <div class="modal-body">
 
-            <h5 class="pt-3 pb-3">是否开启该用户？</h5>
 
-          </div>
 
-          <div class="modal-footer">
 
-            <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
-            <button type="button" class="btn btn-danger">确定</button>
 
-          </div>
 
-        </div>
 
-      </div>
 
-    </div>
 
-
 
-
 
     <!-- jQuery first, then Popper.js, then Bootstrap JS. -->
 
     <script src="js/jquery-1.9.1.min.js"></script>
 
     <script src="js/tether.js"></script>

+ 386 - 0
css/awesomeStyle/awesome.css
查看文件 

@@ -0,0 +1,386 @@
 
+/*-------------------------------------
 
+zTree Style using fontawesome instead of images
 
+
 
+version:    1.1
 
+author:     Mike King
 
+email:      mikkelking @ hotmail . com
 
+website:    http://code.google.com/p/jquerytree/
 
+
 
+-------------------------------------*/
 
+/* Definitions ----------------------*/
 
+/* End of Definitions ---------------*/
 
+/* Imports  -------------------------*/
 
+/* End of Imports  ------------------*/
 
+.ztree * {
 
+  padding: 0;
 
+  margin: 0;
 
+  font-size: 12px;
 
+  font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
 
+  background-color: #af0000;
 
+}
 
+.ztree {
 
+  margin: 0;
 
+  padding: 5px;
 
+  color: #ffffff;
 
+  background-color: #af0000;
 
+}
 
+.ztree li {
 
+  padding: 0;
 
+  margin: 0;
 
+  list-style: none;
 
+  line-height: 17px;
 
+  text-align: left;
 
+  white-space: nowrap;
 
+  outline: 0;
 
+}
 
+.ztree li ul {
 
+  margin: 0px;
 
+  padding: 0 0 0 18px;
 
+}
 
+.ztree li a {
 
+  padding-right: 3px;
 
+  margin: 0;
 
+  cursor: pointer;
 
+  height: 17px;
 
+  color: #ffffff;
 
+  background-color: transparent;
 
+  text-decoration: none;
 
+  vertical-align: top;
 
+  display: inline-block;
 
+}
 
+.ztree li a input.rename {
 
+  height: 14px;
 
+  width: 80px;
 
+  padding: 0;
 
+  margin: 0;
 
+  color: #af0000;
 
+  background-color: #ffffff;
 
+  font-size: 12px;
 
+  border: 1px #585956 solid;
 
+  *border: 0px;
 
+}
 
+.ztree li a:hover {
 
+  text-decoration: underline;
 
+}
 
+.ztree li a.curSelectedNode {
 
+  padding-top: 0px;
 
+  background-color: #af4040;
 
+  color: #ffff00;
 
+  height: 17px;
 
+  opacity: 0.8;
 
+}
 
+.ztree li a.curSelectedNode_Edit {
 
+  padding-top: 0px;
 
+  background-color: transparent;
 
+  color: #ffff00;
 
+  height: 17px;
 
+  border: 1px #666 solid;
 
+  opacity: 0.8;
 
+}
 
+.ztree li a.tmpTargetNode_inner {
 
+  padding-top: 0px;
 
+  background-color: #aaa;
 
+  color: #ffff00;
 
+  height: 17px;
 
+  border: 1px #666 solid;
 
+  opacity: 0.8;
 
+  filter: alpha(opacity=80);
 
+}
 
+.ztree li span {
 
+  line-height: 17px;
 
+  margin-right: 2px;
 
+  background-color: transparent;
 
+}
 
+.ztree li span.button {
 
+  line-height: 0;
 
+  margin: 0;
 
+  padding: 0;
 
+  width: 15px;
 
+  height: 17px;
 
+  display: inline-block;
 
+  vertical-align: top;
 
+  border: 0px solid;
 
+  cursor: pointer;
 
+  outline: none;
 
+  background-color: transparent;
 
+  background-repeat: no-repeat;
 
+  background-attachment: scroll;
 
+}
 
+.ztree li span.button::before {
 
+  color: #ffffff;
 
+  font-family: FontAwesome;
 
+  padding-top: 10px;
 
+}
 
+.ztree li span.button.chk {
 
+  margin: 0px;
 
+  cursor: auto;
 
+  width: 12px;
 
+  display: inline-block;
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+}
 
+.ztree li span.button.chk.checkbox_false_full::before {
 
+  content: "\f096";
 
+}
 
+.ztree li span.button.chk.checkbox_false_full_focus::before {
 
+  content: "\f096";
 
+  color: #ffff00;
 
+}
 
+.ztree li span.button.chk.checkbox_false_part::before {
 
+  content: "\f096";
 
+  color: #aaaaaa;
 
+}
 
+.ztree li span.button.chk.checkbox_false_part_focus::before {
 
+  content: "\f096";
 
+  color: #cad96c;
 
+}
 
+.ztree li span.button.chk.checkbox_false_disable::before {
 
+  content: "\f096";
 
+  color: #808080;
 
+}
 
+.ztree li span.button.chk.checkbox_true_full::before {
 
+  content: "\f046";
 
+}
 
+.ztree li span.button.chk.checkbox_true_full_focus::before {
 
+  content: "\f046";
 
+}
 
+.ztree li span.button.chk.checkbox_true_part::before {
 
+  content: "\f14a";
 
+}
 
+.ztree li span.button.chk.checkbox_true_part_focus::before {
 
+  content: "\f14a";
 
+  color: #ffff00;
 
+}
 
+.ztree li span.button.chk.checkbox_true_full_focus::before {
 
+  content: "\f046";
 
+  color: #ffff00;
 
+}
 
+.ztree li span.button.chk.checkbox_true_part::before {
 
+  content: "\f046";
 
+  color: #aaaaaa;
 
+}
 
+.ztree li span.button.chk.checkbox_true_part_focus::before {
 
+  content: "\f046";
 
+  color: #cad96c;
 
+}
 
+.ztree li span.button.chk.checkbox_true_disable::before {
 
+  content: "\f046";
 
+  color: #808080;
 
+}
 
+.ztree li span.button.chk.radio_false_full::before {
 
+  content: "\f10c";
 
+}
 
+.ztree li span.button.chk.radio_false_full_focus::before {
 
+  content: "\f10c";
 
+  color: #ffff00;
 
+}
 
+.ztree li span.button.chk.radio_false_part::before {
 
+  content: "\f10c";
 
+  color: #aaaaaa;
 
+}
 
+.ztree li span.button.chk.radio_false_part_focus::before {
 
+  content: "\f10c";
 
+  color: #ffff00;
 
+}
 
+.ztree li span.button.chk.radio_false_disable::before {
 
+  content: "\f1db";
 
+  color: #808080;
 
+}
 
+.ztree li span.button.chk.radio_true_full::before {
 
+  content: "\f192";
 
+}
 
+.ztree li span.button.chk.radio_true_full_focus::before {
 
+  content: "\f192";
 
+  color: #ffff00;
 
+}
 
+.ztree li span.button.chk.radio_true_part::before {
 
+  content: "\f192";
 
+  color: #aaaaaa;
 
+}
 
+.ztree li span.button.chk.radio_true_part_focus::before {
 
+  content: "\f192";
 
+  color: #aaaaaa;
 
+}
 
+.ztree li span.button.chk.radio_true_disable::before {
 
+  content: "\f1db";
 
+  color: #808080;
 
+}
 
+.ztree li span.button.switch {
 
+  width: 15px;
 
+  height: 17px;
 
+}
 
+.ztree li span.button.root_open::before {
 
+  content: "\f078";
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+}
 
+.ztree li span.button.root_close::before {
 
+  content: "\f115";
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+}
 
+.ztree li span.button.roots_open::before {
 
+  content: "\f078";
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+}
 
+.ztree li span.button.roots_close::before {
 
+  content: "\f054";
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+}
 
+.ztree li span.button.center_open::before {
 
+  content: "\f078";
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+}
 
+.ztree li span.button.center_close::before {
 
+  content: "\f054";
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+}
 
+.ztree li span.button.bottom_open::before {
 
+  content: "\f078";
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+}
 
+.ztree li span.button.bottom_close::before {
 
+  content: "\f054";
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+}
 
+.ztree li span.button.root_docu {
 
+  background: none;
 
+}
 
+.ztree li span.button.roots_docu::before {
 
+  content: "\f022";
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+  color: #ffffff;
 
+}
 
+.ztree li span.button.center_docu::before {
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+  color: #ffffff;
 
+}
 
+.ztree li span.button.bottom_docu::before {
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+  color: #ffffff;
 
+}
 
+.ztree li span.button.noline_docu {
 
+  background: none;
 
+}
 
+.ztree li span.button.ico_open::before {
 
+  content: "\f115";
 
+  font-family: FontAwesome;
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+  color: #ffffff;
 
+}
 
+.ztree li span.button.ico_close::before {
 
+  content: "\f114";
 
+  font-family: FontAwesome;
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+  color: #ffffff;
 
+}
 
+.ztree li span.button.ico_docu::before {
 
+  content: "\f022";
 
+  font-family: FontAwesome;
 
+  padding-top: 10px;
 
+  padding-left: 2px;
 
+  display: inline-block;
 
+  color: #ffffff;
 
+}
 
+.ztree li span.button.edit {
 
+  margin-left: 4px;
 
+  margin-right: -1px;
 
+  vertical-align: top;
 
+  *vertical-align: middle;
 
+  padding-top: 10px;
 
+}
 
+.ztree li span.button.edit::before {
 
+  content: "\f044";
 
+  font-family: FontAwesome;
 
+}
 
+.ztree li span.button.remove {
 
+  margin-left: 4px;
 
+  margin-right: -1px;
 
+  vertical-align: top;
 
+  *vertical-align: middle;
 
+  padding-top: 10px;
 
+}
 
+.ztree li span.button.remove::before {
 
+  content: "\f1f8";
 
+  font-family: FontAwesome;
 
+}
 
+.ztree li span.button.add {
 
+  margin-left: 4px;
 
+  margin-right: -1px;
 
+  vertical-align: top;
 
+  *vertical-align: middle;
 
+  padding-top: 10px;
 
+}
 
+.ztree li span.button.add::before {
 
+  content: "\f067";
 
+  font-family: FontAwesome;
 
+}
 
+.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: 17px;
 
+  display: inline-block;
 
+  padding: 0;
 
+  margin: 2px 0 0 1px;
 
+  border: 0 none;
 
+  position: absolute;
 
+  background-color: transparent;
 
+  background-attachment: scroll;
 
+}
 
+span.tmpzTreeMove_arrow::before {
 
+  content: "\f04b";
 
+  font-family: FontAwesome;
 
+  color: #ffff00;
 
+}
 
+ul.ztree.zTreeDragUL {
 
+  margin: 0;
 
+  padding: 0;
 
+  position: absolute;
 
+  width: auto;
 
+  height: auto;
 
+  overflow: hidden;
 
+  background-color: #cfcfcf;
 
+  border: 1px #ffff00 dotted;
 
+  opacity: 0.8;
 
+  filter: alpha(opacity=80);
 
+}
 
+.ztreeMask {
 
+  z-index: 10000;
 
+  background-color: #cfcfcf;
 
+  opacity: 0.0;
 
+  filter: alpha(opacity=0);
 
+  position: absolute;
 
+}

+ 146 - 0
css/awesomeStyle/awesome.less
查看文件 

@@ -0,0 +1,146 @@
 
+/*-------------------------------------
 
+zTree Style using fontawesome instead of images
 
+
 
+version:    1.1
 
+author:     Mike King
 
+email:      mikkelking @ hotmail . com
 
+website:    http://code.google.com/p/jquerytree/
 
+
 
+-------------------------------------*/
 
+
 
+/* Definitions ----------------------*/
 
+@font-size: 12px;
 
+// Regular icon and text color is white, which suits any medium -> dark background 
+@color-normal: white;
 
+// Background color
 
+@color-bg: #af0000;
 
+// Highlight color
 
+@color-highlight: yellow;
 
+// Partially selected (checkboxes, radio buttons)
 
+@color-partial: #aaaaaa;
 
+// Partially selected and focused (checkboxes, radio buttons)
 
+@color-partfocus: #cad96c;
 
+// Disabled altogether
 
+@color-disabled: #808080;
 
+// Editing color
 
+@color-edit: yellow;
 
+@w: 15px;
 
+@h: 17px;
 
+@pad-left: 2px;
 
+@pad-top: 10px;
 
+/* End of Definitions ---------------*/
 
+
 
+/* Imports  -------------------------*/
 
+@import "fa.less";
 
+/* End of Imports  ------------------*/
 
+
 
+.ztree * {padding:0; margin:0; font-size:@font-size; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif; background-color: @color-bg;}
 
+.ztree {
 
+    margin:0; padding:5px; color:@color-normal; background-color: @color-bg;
 
+    li {
 
+        padding:0; margin:0; list-style:none; line-height:17px; text-align:left; white-space:nowrap; outline:0;
 
+        ul { 
+            margin: 0px; padding:0 0 0 18px;
 
+        }
 
+        ul.line { }
 
+        a {padding-right:3px; margin:0; cursor:pointer; height:@h; color:@color-normal; background-color: transparent; 
+            text-decoration:none; vertical-align:top; display: inline-block;
 
+            input.rename {height:14px; width:80px; padding:0; margin:0;
 
+                          color: @color-bg; background-color: @color-normal;
 
+                        font-size:@font-size; border:1px #585956 solid; *border:0px}
 
+        }
 
+        a:hover {text-decoration:underline}
 
+        a.curSelectedNode {padding-top:0px; background-color:#af4040; color:@color-highlight; height:@h; opacity:0.8;}
 
+        a.curSelectedNode_Edit {padding-top:0px; background-color:transparent; color:@color-highlight; height:@h; border:1px #666 solid; opacity:0.8;}
 
+        a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:@color-highlight; height:@h; border:1px #666 solid;
 
+          opacity:0.8; filter:alpha(opacity=80)}
 
+        a.tmpTargetNode_prev {}
 
+        a.tmpTargetNode_next {}
 
+        span {line-height:@h; margin-right:2px; background-color:transparent;}
 
+        span.button {line-height:0; margin:0; padding: 0; width:@w; height:@h; display: inline-block; vertical-align:top;
 
+          border:0px solid; cursor: pointer;outline:none;
 
+          background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
 
+ 
+            &::before{color: @color-normal; font-family: FontAwesome; padding-top:@pad-top;}
 
+            &.chk { margin:0px; cursor: auto; width: 12px;
 
+                display: inline-block;padding-top:@pad-top;padding-left:@pad-left;
 
+                
+                &.checkbox_false_full::before {content: @fa-square-o;}
 
+                &.checkbox_false_full_focus::before {content: @fa-square-o; color:@color-highlight;}
 
+                &.checkbox_false_part::before {content: @fa-square-o;color: @color-partial;}
 
+                &.checkbox_false_part_focus::before {content: @fa-square-o; color:@color-partfocus;}
 
+                &.checkbox_false_disable::before {content: @fa-square-o; color:@color-disabled;}
 
+                &.checkbox_true_full::before {content: @fa-check-square-o;}
 
+                &.checkbox_true_full_focus::before {content: @fa-check-square-o;}
 
+                &.checkbox_true_part::before {content: @fa-check-square;}
 
+                &.checkbox_true_part_focus::before {content: @fa-check-square; color: @color-highlight}
 
+                &.checkbox_true_full_focus::before {content: @fa-check-square-o; color: @color-highlight}
 
+                &.checkbox_true_part::before {content: @fa-check-square-o;color: @color-partial}
 
+                &.checkbox_true_part_focus::before {content: @fa-check-square-o;color: @color-partfocus;}
 
+                &.checkbox_true_disable::before {content: @fa-check-square-o;color: @color-disabled}
 
+                 
+                &.radio_false_full::before {content: @fa-circle-o;}
 
+                &.radio_false_full_focus::before {content: @fa-circle-o;color: @color-highlight}
 
+                &.radio_false_part::before {content: @fa-circle-o;color: @color-partial}
 
+                &.radio_false_part_focus::before {content: @fa-circle-o;color: @color-highlight}
 
+                &.radio_false_disable::before {content: @fa-circle-thin;color: @color-disabled}
 
+                &.radio_true_full::before {content: @fa-dot-circle-o;}
 
+                &.radio_true_full_focus::before {content: @fa-dot-circle-o;color: @color-highlight}
 
+                &.radio_true_part::before {content: @fa-dot-circle-o;color: @color-partial}
 
+                &.radio_true_part_focus::before {content: @fa-dot-circle-o;color: @color-partial;}
 
+                &.radio_true_disable::before {content: @fa-circle-thin;color: @color-disabled}
 
+                
+            }
 
+            &.switch  {width:@w; height:@h}
 
+            &.root_open::before{content: @fa-chevron-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
 
+            &.root_close::before{content: @fa-folder-open-o;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
 
+            &.roots_open::before{content: @fa-chevron-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
 
+            &.roots_close::before{content: @fa-chevron-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
 
+            &.center_open::before{content: @fa-chevron-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
 
+            &.center_close::before{content: @fa-chevron-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
 
+            &.bottom_open::before{content: @fa-chevron-down;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}
 
+            &.bottom_close::before{content: @fa-chevron-right;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;}  
+            &.noline_open{}
 
+            &.noline_close{}
 
+            &.root_docu{ background:none;}
 
+            &.roots_docu::before{content: @fa-list-alt;padding-left:@pad-left;display: inline-block;color:@color-normal;}
 
+            &.center_docu::before{padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
 
+            &.bottom_docu::before{padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
 
+            &.noline_docu{ background:none;}
 
+    
+            &.ico_open::before {content: @fa-folder-open-o;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
 
+            &.ico_close::before {content: @fa-folder-o;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
 
+            &.ico_docu::before{content: @fa-list-alt;font-family: FontAwesome;padding-top:@pad-top;padding-left:@pad-left;display: inline-block;color:@color-normal;}
 
+            
+            &.edit {margin-left:4px; margin-right: -1px;  vertical-align:top; *vertical-align:middle;padding-top:@pad-top;}
 
+            &.edit::before{content: @fa-pencil-square-o;font-family: FontAwesome;}
 
+    
+            &.remove {margin-left:4px; margin-right: -1px;  vertical-align:top; *vertical-align:middle;padding-top:@pad-top;}
 
+            &.remove::before{content: @fa-trash;font-family: FontAwesome;}
 
+
 
+    
+            &.add {margin-left:4px; margin-right: -1px; vertical-align:top; *vertical-align:middle;padding-top:@pad-top;}
 
+            &.add::before{content: @fa-plus;font-family: FontAwesome;}
 
+
 
+            &.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)}
 
+
 
+// this is the arrow that moves 
+span.tmpzTreeMove_arrow{width:16px; height:@h; display: inline-block; 
+                                padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
 
+                                background-color:transparent;  background-attachment: scroll;
 
+                                 }
 
+span.tmpzTreeMove_arrow::before{content: @fa-play;font-family: FontAwesome;color: @color-highlight;
 
+                                 }
 
+// outline
 
+
 
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; 
+             background-color:#cfcfcf; border:1px @color-highlight dotted; opacity:0.8; filter:alpha(opacity=80)}
 
+.ztreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
 
+

+ 480 - 0
css/awesomeStyle/fa.less
查看文件 

@@ -0,0 +1,480 @@
 
+@fa-glass: "\f000";
 
+@fa-music: "\f001";
 
+@fa-search: "\f002";
 
+@fa-envelope-o: "\f003";
 
+@fa-heart: "\f004";
 
+@fa-star: "\f005";
 
+@fa-star-o: "\f006";
 
+@fa-user: "\f007";
 
+@fa-film: "\f008";
 
+@fa-th-large: "\f009";
 
+@fa-th: "\f00a";
 
+@fa-th-list: "\f00b";
 
+@fa-check: "\f00c";
 
+@fa-times: "\f00d";
 
+@fa-search-plus: "\f00e";
 
+@fa-search-minus: "\f010";
 
+@fa-power-off: "\f011";
 
+@fa-signal: "\f012";
 
+@fa-cog: "\f013";
 
+@fa-trash-o: "\f014";
 
+@fa-home: "\f015";
 
+@fa-file-o: "\f016";
 
+@fa-clock-o: "\f017";
 
+@fa-road: "\f018";
 
+@fa-download: "\f019";
 
+@fa-arrow-circle-o-down: "\f01a";
 
+@fa-arrow-circle-o-up: "\f01b";
 
+@fa-inbox: "\f01c";
 
+@fa-play-circle-o: "\f01d";
 
+@fa-repeat: "\f01e";
 
+@fa-refresh: "\f021";
 
+@fa-list-alt: "\f022";
 
+@fa-lock: "\f023";
 
+@fa-flag: "\f024";
 
+@fa-headphones: "\f025";
 
+@fa-volume-off: "\f026";
 
+@fa-volume-down: "\f027";
 
+@fa-volume-up: "\f028";
 
+@fa-qrcode: "\f029";
 
+@fa-barcode: "\f02a";
 
+@fa-tag: "\f02b";
 
+@fa-tags: "\f02c";
 
+@fa-book: "\f02d";
 
+@fa-bookmark: "\f02e";
 
+@fa-print: "\f02f";
 
+@fa-camera: "\f030";
 
+@fa-font: "\f031";
 
+@fa-bold: "\f032";
 
+@fa-italic: "\f033";
 
+@fa-text-height: "\f034";
 
+@fa-text-width: "\f035";
 
+@fa-align-left: "\f036";
 
+@fa-align-center: "\f037";
 
+@fa-align-right: "\f038";
 
+@fa-align-justify: "\f039";
 
+@fa-list: "\f03a";
 
+@fa-outdent: "\f03b";
 
+@fa-indent: "\f03c";
 
+@fa-video-camera: "\f03d";
 
+@fa-picture-o: "\f03e";
 
+@fa-pencil: "\f040";
 
+@fa-map-marker: "\f041";
 
+@fa-adjust: "\f042";
 
+@fa-tint: "\f043";
 
+@fa-pencil-square-o: "\f044";
 
+@fa-share-square-o: "\f045";
 
+@fa-check-square-o: "\f046";
 
+@fa-arrows: "\f047";
 
+@fa-step-backward: "\f048";
 
+@fa-fast-backward: "\f049";
 
+@fa-backward: "\f04a";
 
+@fa-play: "\f04b";
 
+@fa-pause: "\f04c";
 
+@fa-stop: "\f04d";
 
+@fa-forward: "\f04e";
 
+@fa-fast-forward: "\f050";
 
+@fa-step-forward: "\f051";
 
+@fa-eject: "\f052";
 
+@fa-chevron-left: "\f053";
 
+@fa-chevron-right: "\f054";
 
+@fa-plus-circle: "\f055";
 
+@fa-minus-circle: "\f056";
 
+@fa-times-circle: "\f057";
 
+@fa-check-circle: "\f058";
 
+@fa-question-circle: "\f059";
 
+@fa-info-circle: "\f05a";
 
+@fa-crosshairs: "\f05b";
 
+@fa-times-circle-o: "\f05c";
 
+@fa-check-circle-o: "\f05d";
 
+@fa-ban: "\f05e";
 
+@fa-arrow-left: "\f060";
 
+@fa-arrow-right: "\f061";
 
+@fa-arrow-up: "\f062";
 
+@fa-arrow-down: "\f063";
 
+@fa-share: "\f064";
 
+@fa-expand: "\f065";
 
+@fa-compress: "\f066";
 
+@fa-plus: "\f067";
 
+@fa-minus: "\f068";
 
+@fa-asterisk: "\f069";
 
+@fa-exclamation-circle: "\f06a";
 
+@fa-gift: "\f06b";
 
+@fa-leaf: "\f06c";
 
+@fa-fire: "\f06d";
 
+@fa-eye: "\f06e";
 
+@fa-eye-slash: "\f070";
 
+@fa-exclamation-triangle: "\f071";
 
+@fa-plane: "\f072";
 
+@fa-calendar: "\f073";
 
+@fa-random: "\f074";
 
+@fa-comment: "\f075";
 
+@fa-magnet: "\f076";
 
+@fa-chevron-up: "\f077";
 
+@fa-chevron-down: "\f078";
 
+@fa-retweet: "\f079";
 
+@fa-shopping-cart: "\f07a";
 
+@fa-folder: "\f07b";
 
+@fa-folder-open: "\f07c";
 
+@fa-arrows-v: "\f07d";
 
+@fa-arrows-h: "\f07e";
 
+@fa-bar-chart: "\f080";
 
+@fa-twitter-square: "\f081";
 
+@fa-facebook-square: "\f082";
 
+@fa-camera-retro: "\f083";
 
+@fa-key: "\f084";
 
+@fa-cogs: "\f085";
 
+@fa-comments: "\f086";
 
+@fa-thumbs-o-up: "\f087";
 
+@fa-thumbs-o-down: "\f088";
 
+@fa-star-half: "\f089";
 
+@fa-heart-o: "\f08a";
 
+@fa-sign-out: "\f08b";
 
+@fa-linkedin-square: "\f08c";
 
+@fa-thumb-tack: "\f08d";
 
+@fa-external-link: "\f08e";
 
+@fa-sign-in: "\f090";
 
+@fa-trophy: "\f091";
 
+@fa-github-square: "\f092";
 
+@fa-upload: "\f093";
 
+@fa-lemon-o: "\f094";
 
+@fa-phone: "\f095";
 
+@fa-square-o: "\f096";
 
+@fa-bookmark-o: "\f097";
 
+@fa-phone-square: "\f098";
 
+@fa-twitter: "\f099";
 
+@fa-facebook: "\f09a";
 
+@fa-github: "\f09b";
 
+@fa-unlock: "\f09c";
 
+@fa-credit-card: "\f09d";
 
+@fa-rss: "\f09e";
 
+@fa-hdd-o: "\f0a0";
 
+@fa-bullhorn: "\f0a1";
 
+@fa-bell: "\f0f3";
 
+@fa-certificate: "\f0a3";
 
+@fa-hand-o-right: "\f0a4";
 
+@fa-hand-o-left: "\f0a5";
 
+@fa-hand-o-up: "\f0a6";
 
+@fa-hand-o-down: "\f0a7";
 
+@fa-arrow-circle-left: "\f0a8";
 
+@fa-arrow-circle-right: "\f0a9";
 
+@fa-arrow-circle-up: "\f0aa";
 
+@fa-arrow-circle-down: "\f0ab";
 
+@fa-globe: "\f0ac";
 
+@fa-wrench: "\f0ad";
 
+@fa-tasks: "\f0ae";
 
+@fa-filter: "\f0b0";
 
+@fa-briefcase: "\f0b1";
 
+@fa-arrows-alt: "\f0b2";
 
+@fa-users: "\f0c0";
 
+@fa-link: "\f0c1";
 
+@fa-cloud: "\f0c2";
 
+@fa-flask: "\f0c3";
 
+@fa-scissors: "\f0c4";
 
+@fa-files-o: "\f0c5";
 
+@fa-paperclip: "\f0c6";
 
+@fa-floppy-o: "\f0c7";
 
+@fa-square: "\f0c8";
 
+@fa-bars: "\f0c9";
 
+@fa-list-ul: "\f0ca";
 
+@fa-list-ol: "\f0cb";
 
+@fa-strikethrough: "\f0cc";
 
+@fa-underline: "\f0cd";
 
+@fa-table: "\f0ce";
 
+@fa-magic: "\f0d0";
 
+@fa-truck: "\f0d1";
 
+@fa-pinterest: "\f0d2";
 
+@fa-pinterest-square: "\f0d3";
 
+@fa-google-plus-square: "\f0d4";
 
+@fa-google-plus: "\f0d5";
 
+@fa-money: "\f0d6";
 
+@fa-caret-down: "\f0d7";
 
+@fa-caret-up: "\f0d8";
 
+@fa-caret-left: "\f0d9";
 
+@fa-caret-right: "\f0da";
 
+@fa-columns: "\f0db";
 
+@fa-sort: "\f0dc";
 
+@fa-sort-desc: "\f0dd";
 
+@fa-sort-asc: "\f0de";
 
+@fa-envelope: "\f0e0";
 
+@fa-linkedin: "\f0e1";
 
+@fa-undo: "\f0e2";
 
+@fa-gavel: "\f0e3";
 
+@fa-tachometer: "\f0e4";
 
+@fa-comment-o: "\f0e5";
 
+@fa-comments-o: "\f0e6";
 
+@fa-bolt: "\f0e7";
 
+@fa-sitemap: "\f0e8";
 
+@fa-umbrella: "\f0e9";
 
+@fa-clipboard: "\f0ea";
 
+@fa-lightbulb-o: "\f0eb";
 
+@fa-exchange: "\f0ec";
 
+@fa-cloud-download: "\f0ed";
 
+@fa-cloud-upload: "\f0ee";
 
+@fa-user-md: "\f0f0";
 
+@fa-stethoscope: "\f0f1";
 
+@fa-suitcase: "\f0f2";
 
+@fa-bell-o: "\f0a2";
 
+@fa-coffee: "\f0f4";
 
+@fa-cutlery: "\f0f5";
 
+@fa-file-text-o: "\f0f6";
 
+@fa-building-o: "\f0f7";
 
+@fa-hospital-o: "\f0f8";
 
+@fa-ambulance: "\f0f9";
 
+@fa-medkit: "\f0fa";
 
+@fa-fighter-jet: "\f0fb";
 
+@fa-beer: "\f0fc";
 
+@fa-h-square: "\f0fd";
 
+@fa-plus-square: "\f0fe";
 
+@fa-angle-double-left: "\f100";
 
+@fa-angle-double-right: "\f101";
 
+@fa-angle-double-up: "\f102";
 
+@fa-angle-double-down: "\f103";
 
+@fa-angle-left: "\f104";
 
+@fa-angle-right: "\f105";
 
+@fa-angle-up: "\f106";
 
+@fa-angle-down: "\f107";
 
+@fa-desktop: "\f108";
 
+@fa-laptop: "\f109";
 
+@fa-tablet: "\f10a";
 
+@fa-mobile: "\f10b";
 
+@fa-circle-o: "\f10c";
 
+@fa-quote-left: "\f10d";
 
+@fa-quote-right: "\f10e";
 
+@fa-spinner: "\f110";
 
+@fa-circle: "\f111";
 
+@fa-reply: "\f112";
 
+@fa-github-alt: "\f113";
 
+@fa-folder-o: "\f114";
 
+@fa-folder-open-o: "\f115";
 
+@fa-smile-o: "\f118";
 
+@fa-frown-o: "\f119";
 
+@fa-meh-o: "\f11a";
 
+@fa-gamepad: "\f11b";
 
+@fa-keyboard-o: "\f11c";
 
+@fa-flag-o: "\f11d";
 
+@fa-flag-checkered: "\f11e";
 
+@fa-terminal: "\f120";
 
+@fa-code: "\f121";
 
+@fa-reply-all: "\f122";
 
+@fa-star-half-o: "\f123";
 
+@fa-location-arrow: "\f124";
 
+@fa-crop: "\f125";
 
+@fa-code-fork: "\f126";
 
+@fa-chain-broken: "\f127";
 
+@fa-question: "\f128";
 
+@fa-info: "\f129";
 
+@fa-exclamation: "\f12a";
 
+@fa-superscript: "\f12b";
 
+@fa-subscript: "\f12c";
 
+@fa-eraser: "\f12d";
 
+@fa-puzzle-piece: "\f12e";
 
+@fa-microphone: "\f130";
 
+@fa-microphone-slash: "\f131";
 
+@fa-shield: "\f132";
 
+@fa-calendar-o: "\f133";
 
+@fa-fire-extinguisher: "\f134";
 
+@fa-rocket: "\f135";
 
+@fa-maxcdn: "\f136";
 
+@fa-chevron-circle-left: "\f137";
 
+@fa-chevron-circle-right: "\f138";
 
+@fa-chevron-circle-up: "\f139";
 
+@fa-chevron-circle-down: "\f13a";
 
+@fa-html5: "\f13b";
 
+@fa-css3: "\f13c";
 
+@fa-anchor: "\f13d";
 
+@fa-unlock-alt: "\f13e";
 
+@fa-bullseye: "\f140";
 
+@fa-ellipsis-h: "\f141";
 
+@fa-ellipsis-v: "\f142";
 
+@fa-rss-square: "\f143";
 
+@fa-play-circle: "\f144";
 
+@fa-ticket: "\f145";
 
+@fa-minus-square: "\f146";
 
+@fa-minus-square-o: "\f147";
 
+@fa-level-up: "\f148";
 
+@fa-level-down: "\f149";
 
+@fa-check-square: "\f14a";
 
+@fa-pencil-square: "\f14b";
 
+@fa-external-link-square: "\f14c";
 
+@fa-share-square: "\f14d";
 
+@fa-compass: "\f14e";
 
+@fa-caret-square-o-down: "\f150";
 
+@fa-caret-square-o-up: "\f151";
 
+@fa-caret-square-o-right: "\f152";
 
+@fa-eur: "\f153";
 
+@fa-gbp: "\f154";
 
+@fa-usd: "\f155";
 
+@fa-inr: "\f156";
 
+@fa-jpy: "\f157";
 
+@fa-rub: "\f158";
 
+@fa-krw: "\f159";
 
+@fa-btc: "\f15a";
 
+@fa-file: "\f15b";
 
+@fa-file-text: "\f15c";
 
+@fa-sort-alpha-asc: "\f15d";
 
+@fa-sort-alpha-desc: "\f15e";
 
+@fa-sort-amount-asc: "\f160";
 
+@fa-sort-amount-desc: "\f161";
 
+@fa-sort-numeric-asc: "\f162";
 
+@fa-sort-numeric-desc: "\f163";
 
+@fa-thumbs-up: "\f164";
 
+@fa-thumbs-down: "\f165";
 
+@fa-youtube-square: "\f166";
 
+@fa-youtube: "\f167";
 
+@fa-xing: "\f168";
 
+@fa-xing-square: "\f169";
 
+@fa-youtube-play: "\f16a";
 
+@fa-dropbox: "\f16b";
 
+@fa-stack-overflow: "\f16c";
 
+@fa-instagram: "\f16d";
 
+@fa-flickr: "\f16e";
 
+@fa-adn: "\f170";
 
+@fa-bitbucket: "\f171";
 
+@fa-bitbucket-square: "\f172";
 
+@fa-tumblr: "\f173";
 
+@fa-tumblr-square: "\f174";
 
+@fa-long-arrow-down: "\f175";
 
+@fa-long-arrow-up: "\f176";
 
+@fa-long-arrow-left: "\f177";
 
+@fa-long-arrow-right: "\f178";
 
+@fa-apple: "\f179";
 
+@fa-windows: "\f17a";
 
+@fa-android: "\f17b";
 
+@fa-linux: "\f17c";
 
+@fa-dribbble: "\f17d";
 
+@fa-skype: "\f17e";
 
+@fa-foursquare: "\f180";
 
+@fa-trello: "\f181";
 
+@fa-female: "\f182";
 
+@fa-male: "\f183";
 
+@fa-gittip: "\f184";
 
+@fa-sun-o: "\f185";
 
+@fa-moon-o: "\f186";
 
+@fa-archive: "\f187";
 
+@fa-bug: "\f188";
 
+@fa-vk: "\f189";
 
+@fa-weibo: "\f18a";
 
+@fa-renren: "\f18b";
 
+@fa-pagelines: "\f18c";
 
+@fa-stack-exchange: "\f18d";
 
+@fa-arrow-circle-o-right: "\f18e";
 
+@fa-arrow-circle-o-left: "\f190";
 
+@fa-caret-square-o-left: "\f191";
 
+@fa-dot-circle-o: "\f192";
 
+@fa-wheelchair: "\f193";
 
+@fa-vimeo-square: "\f194";
 
+@fa-try: "\f195";
 
+@fa-plus-square-o: "\f196";
 
+@fa-space-shuttle: "\f197";
 
+@fa-slack: "\f198";
 
+@fa-envelope-square: "\f199";
 
+@fa-wordpress: "\f19a";
 
+@fa-openid: "\f19b";
 
+@fa-university: "\f19c";
 
+@fa-graduation-cap: "\f19d";
 
+@fa-yahoo: "\f19e";
 
+@fa-google: "\f1a0";
 
+@fa-reddit: "\f1a1";
 
+@fa-reddit-square: "\f1a2";
 
+@fa-stumbleupon-circle: "\f1a3";
 
+@fa-stumbleupon: "\f1a4";
 
+@fa-delicious: "\f1a5";
 
+@fa-digg: "\f1a6";
 
+@fa-pied-piper: "\f1a7";
 
+@fa-pied-piper-alt: "\f1a8";
 
+@fa-drupal: "\f1a9";
 
+@fa-joomla: "\f1aa";
 
+@fa-language: "\f1ab";
 
+@fa-fax: "\f1ac";
 
+@fa-building: "\f1ad";
 
+@fa-child: "\f1ae";
 
+@fa-paw: "\f1b0";
 
+@fa-spoon: "\f1b1";
 
+@fa-cube: "\f1b2";
 
+@fa-cubes: "\f1b3";
 
+@fa-behance: "\f1b4";
 
+@fa-behance-square: "\f1b5";
 
+@fa-steam: "\f1b6";
 
+@fa-steam-square: "\f1b7";
 
+@fa-recycle: "\f1b8";
 
+@fa-car: "\f1b9";
 
+@fa-taxi: "\f1ba";
 
+@fa-tree: "\f1bb";
 
+@fa-spotify: "\f1bc";
 
+@fa-deviantart: "\f1bd";
 
+@fa-soundcloud: "\f1be";
 
+@fa-database: "\f1c0";
 
+@fa-file-pdf-o: "\f1c1";
 
+@fa-file-word-o: "\f1c2";
 
+@fa-file-excel-o: "\f1c3";
 
+@fa-file-powerpoint-o: "\f1c4";
 
+@fa-file-image-o: "\f1c5";
 
+@fa-file-archive-o: "\f1c6";
 
+@fa-file-audio-o: "\f1c7";
 
+@fa-file-video-o: "\f1c8";
 
+@fa-file-code-o: "\f1c9";
 
+@fa-vine: "\f1ca";
 
+@fa-codepen: "\f1cb";
 
+@fa-jsfiddle: "\f1cc";
 
+@fa-life-ring: "\f1cd";
 
+@fa-circle-o-notch: "\f1ce";
 
+@fa-rebel: "\f1d0";
 
+@fa-empire: "\f1d1";
 
+@fa-git-square: "\f1d2";
 
+@fa-git: "\f1d3";
 
+@fa-hacker-news: "\f1d4";
 
+@fa-tencent-weibo: "\f1d5";
 
+@fa-qq: "\f1d6";
 
+@fa-weixin: "\f1d7";
 
+@fa-paper-plane: "\f1d8";
 
+@fa-paper-plane-o: "\f1d9";
 
+@fa-history: "\f1da";
 
+@fa-circle-thin: "\f1db";
 
+@fa-header: "\f1dc";
 
+@fa-paragraph: "\f1dd";
 
+@fa-sliders: "\f1de";
 
+@fa-share-alt: "\f1e0";
 
+@fa-share-alt-square: "\f1e1";
 
+@fa-bomb: "\f1e2";
 
+@fa-futbol-o: "\f1e3";
 
+@fa-tty: "\f1e4";
 
+@fa-binoculars: "\f1e5";
 
+@fa-plug: "\f1e6";
 
+@fa-slideshare: "\f1e7";
 
+@fa-twitch: "\f1e8";
 
+@fa-yelp: "\f1e9";
 
+@fa-newspaper-o: "\f1ea";
 
+@fa-wifi: "\f1eb";
 
+@fa-calculator: "\f1ec";
 
+@fa-paypal: "\f1ed";
 
+@fa-google-wallet: "\f1ee";
 
+@fa-cc-visa: "\f1f0";
 
+@fa-cc-mastercard: "\f1f1";
 
+@fa-cc-discover: "\f1f2";
 
+@fa-cc-amex: "\f1f3";
 
+@fa-cc-paypal: "\f1f4";
 
+@fa-cc-stripe: "\f1f5";
 
+@fa-bell-slash: "\f1f6";
 
+@fa-bell-slash-o: "\f1f7";
 
+@fa-trash: "\f1f8";
 
+@fa-copyright: "\f1f9";
 
+@fa-at: "\f1fa";
 
+@fa-eyedropper: "\f1fb";
 
+@fa-paint-brush: "\f1fc";
 
+@fa-birthday-cake: "\f1fd";
 
+@fa-area-chart: "\f1fe";
 
+@fa-pie-chart: "\f200";
 
+@fa-line-chart: "\f201";
 
+@fa-lastfm: "\f202";
 
+@fa-lastfm-square: "\f203";
 
+@fa-toggle-off: "\f204";
 
+@fa-toggle-on: "\f205";
 
+@fa-bicycle: "\f206";
 
+@fa-bus: "\f207";
 
+@fa-ioxhost: "\f208";
 
+@fa-angellist: "\f209";
 
+@fa-cc: "\f20a";
 
+@fa-ils: "\f20b";
 
+@fa-meanpath: "\f20c";
 
+

二進制
css/awesomeStyle/img/loading.gif
查看文件


+ 87 - 3
css/global.css
查看文件 

@@ -160,6 +160,22 @@ table {
 
 .main-title .form-control{
 
 	width:300px;
 
 }
 
+.sidebar{
 
+  position: fixed;
 
+  top: 50px;
 
+  left: 70px;
 
+  width: 280px;
 
+  border-right: 1px solid #ddd;
 
+  background: #fff;
 
+  height: 100%;
 
+  overflow-y: auto;
 
+  -webkit-box-shadow: 0 0 10px rgba(150, 150, 150, .5);
 
+  -moz-box-shadow: 0 0 10px rgba(150, 150, 150, .5);
 
+  box-shadow: 0 0 10px rgba(150, 150, 150, .5);
 
+}
 
+.artile-wrap{
 
+  margin:0 0 0 280px;
 
+}
 
 .side-wrap{
 
 	position:absolute;
 
 	z-index: 99;
 
@@ -206,7 +222,6 @@ table {
 
 	font-size: 16px;
 
 	width:70%;
 
 	font-weight: 500;
 
-	cursor: pointer;
 
 }
 
 .class-title:before{
 
 	content: "";
 
@@ -220,6 +235,9 @@ table {
 
   position: relative;
 
   top: 0px;
 
 }
 
+.class-wrap .class-title-first{
 
+  cursor:pointer
 
+}
 
 .class-wrap .class-title-first:after{
 
 	content: "";
 
   display: inline-block;
 
@@ -256,9 +274,9 @@ table {
 
   background: #21d376;
 
   border-radius: 100%;
 
   position: absolute;
 
-  left: -12px;
 
+  left: -11px;
 
   top: 50%;
 
-  margin-top: -4px;
 
+  margin-top: -3px;
 
 }
 
 .class-title-two:after{
 
 	content: "";
 
@@ -272,6 +290,72 @@ table {
 
 .class-oper a{
 
 	padding:0 8px;
 
 }
 
+.class-three-list{
 
+  padding-left: 25px;
 
+}
 
+.class-title-three:before{
 
+  display:inline-block;
 
+  content: "";
 
+  height: 6px;
 
+  width: 6px;
 
+  border:2px solid #21d376;
 
+  background: #fff;
 
+  border-radius: 0;
 
+  webkit-transform: rotate(-45deg);
 
+  -moz-transform: rotate(-45deg);
 
+  -ms-transform: rotate(-45deg);
 
+  -o-transform: rotate(-45deg);
 
+  transform: rotate(-45deg);
 
+
 
+  -webkit-transform-origin: 0 100%;
 
+  -moz-transform-origin: 0 100%;
 
+  -ms-transform-origin: 0 100%;
 
+  -o-transform-origin: 0 100%;
 
+  transform-origin: 0 100%;
 
+  position: absolute;
 
+  left: -7px;
 
+  top: 50%;
 
+  margin-top: -1px;
 
+}
 
+.class-title-three:after{
 
+  content: "";
 
+  height: 1px;
 
+  width: 48px;
 
+  border-top: 1px dotted #21d376;
 
+  position: absolute;
 
+  left: -60px;
 
+  top: 23px;
 
+}
 
+.class-four-list{
 
+  padding-left: 25px;
 
+}
 
+.class-title-four:before{
 
+  display:inline-block;
 
+  content: "";
 
+  height: 0;
 
+  width: 0;
 
+  border:5px solid #21d376;
 
+  /*background: #21d376;*/
 
+  border-color: transparent #21d376 transparent transparent;
 
+  border-radius: 0;
 
+  position: absolute;
 
+  left: -16px;
 
+  top: 50%;
 
+  margin-top: -4px;
 
+}
 
+.class-title-four:after{
 
+  content: "";
 
+  height: 1px;
 
+  width: 73px;
 
+  border-top: 1px dotted #21d376;
 
+  position: absolute;
 
+  left: -85px;
 
+  top: 23px;
 
+}
 
+.ztree{
 
+  padding:10px !important;
 
+}
 
+
 
 
 .btn-blue {
 
   color: #fff;

二進制
css/metroStyle/img/line_conn.png
查看文件


二進制
css/metroStyle/img/loading.gif
查看文件


二進制
css/metroStyle/img/metro.gif
查看文件


二進制
css/metroStyle/img/metro.png
查看文件


+ 96 - 0
css/metroStyle/metroStyle.css
查看文件 

@@ -0,0 +1,96 @@
 
+/*-------------------------------------
 
+zTree Style
 
+
 
+version:    3.4
 
+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:17px; 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.png) 0 0 repeat-y;}
 
+
 
+.ztree li a {padding-right:3px; margin:0; cursor:pointer; height:21px; 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:#e5e5e5; color:black; height:21px; opacity:0.8;}
 
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; border:1px #666 solid; opacity:0.8;}
 
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:white; height:21px; border:1px #666 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 #585956 solid; *border:0px}
 
+.ztree li span {line-height:21px; margin-right:2px}
 
+.ztree li span.button {line-height:0; margin:0; padding: 0; width:21px; height:21px; 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/metro.png"); *background-image:url("./img/metro.gif")}
 
+
 
+.ztree li span.button.chk {width:13px; height:13px; margin:0 2px; cursor: auto}
 
+.ztree li span.button.chk.checkbox_false_full {background-position: -5px -5px;}
 
+.ztree li span.button.chk.checkbox_false_full_focus {background-position: -5px -26px;}
 
+.ztree li span.button.chk.checkbox_false_part {background-position: -5px -48px;}
 
+.ztree li span.button.chk.checkbox_false_part_focus {background-position: -5px -68px;}
 
+.ztree li span.button.chk.checkbox_false_disable {background-position: -5px -89px;}
 
+.ztree li span.button.chk.checkbox_true_full {background-position: -26px -5px;}
 
+.ztree li span.button.chk.checkbox_true_full_focus {background-position: -26px -26px;}
 
+.ztree li span.button.chk.checkbox_true_part {background-position: -26px -48px;}
 
+.ztree li span.button.chk.checkbox_true_part_focus {background-position: -26px -68px;}
 
+.ztree li span.button.chk.checkbox_true_disable {background-position: -26px -89px;}
 
+.ztree li span.button.chk.radio_false_full {background-position: -47px -5px;}
 
+.ztree li span.button.chk.radio_false_full_focus {background-position: -47px -26px;}
 
+.ztree li span.button.chk.radio_false_part {background-position: -47px -47px;}
 
+.ztree li span.button.chk.radio_false_part_focus {background-position: -47px -68px;}
 
+.ztree li span.button.chk.radio_false_disable {background-position: -47px -89px;}
 
+.ztree li span.button.chk.radio_true_full {background-position: -68px -5px;}
 
+.ztree li span.button.chk.radio_true_full_focus {background-position: -68px -26px;}
 
+.ztree li span.button.chk.radio_true_part {background-position: -68px -47px;}
 
+.ztree li span.button.chk.radio_true_part_focus {background-position: -68px -68px;}
 
+.ztree li span.button.chk.radio_true_disable {background-position: -68px -89px;}
 
+
 
+.ztree li span.button.switch {width:21px; height:21px}
 
+.ztree li span.button.root_open{background-position:-105px -63px}
 
+.ztree li span.button.root_close{background-position:-126px -63px}
 
+.ztree li span.button.roots_open{background-position: -105px 0;}
 
+.ztree li span.button.roots_close{background-position: -126px 0;}
 
+.ztree li span.button.center_open{background-position: -105px -21px;}
 
+.ztree li span.button.center_close{background-position: -126px -21px;}
 
+.ztree li span.button.bottom_open{background-position: -105px -42px;}
 
+.ztree li span.button.bottom_close{background-position: -126px -42px;}
 
+.ztree li span.button.noline_open{background-position: -105px -84px;}
 
+.ztree li span.button.noline_close{background-position: -126px -84px;}
 
+.ztree li span.button.root_docu{ background:none;}
 
+.ztree li span.button.roots_docu{background-position: -84px 0;}
 
+.ztree li span.button.center_docu{background-position: -84px -21px;}
 
+.ztree li span.button.bottom_docu{background-position: -84px -42px;}
 
+.ztree li span.button.noline_docu{ background:none;}
 
+
 
+.ztree li span.button.ico_open{margin-right:2px; background-position: -147px -21px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.ico_close{margin-right:2px; margin-right:2px; background-position: -147px 0; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.ico_docu{margin-right:2px; background-position: -147px -42px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.edit {margin-left:2px; margin-right: -1px; background-position: -189px -21px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.edit:hover {
 
+  background-position: -168px -21px;
 
+}
 
+.ztree li span.button.remove {margin-left:2px; margin-right: -1px; background-position: -189px -42px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.remove:hover {
 
+  background-position: -168px -42px;
 
+}
 
+.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position: -189px 0; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.add:hover {
 
+  background-position: -168px 0;
 
+}
 
+.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:21px; 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:-168px -84px; background-image:url("./img/metro.png"); *background-image:url("./img/metro.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}

二進制
css/zTreeStyle/img/diy/1_close.png
查看文件


二進制
css/zTreeStyle/img/diy/1_open.png
查看文件


二進制
css/zTreeStyle/img/diy/2.png
查看文件


二進制
css/zTreeStyle/img/diy/3.png
查看文件


二進制
css/zTreeStyle/img/diy/4.png
查看文件


二進制
css/zTreeStyle/img/diy/5.png
查看文件


二進制
css/zTreeStyle/img/diy/6.png
查看文件


二進制
css/zTreeStyle/img/diy/7.png
查看文件


二進制
css/zTreeStyle/img/diy/8.png
查看文件


二進制
css/zTreeStyle/img/diy/9.png
查看文件


二進制
css/zTreeStyle/img/line_conn.gif
查看文件


二進制
css/zTreeStyle/img/loading.gif
查看文件


二進制
css/zTreeStyle/img/zTreeStandard.gif
查看文件


二進制
css/zTreeStyle/img/zTreeStandard.png
查看文件


+ 97 - 0
css/zTreeStyle/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;
 
+}*/

File diff suppressed because it is too large
+ 1925 - 0
js/jquery.ztree.core.js