部门管理，增加部门树列表

src/main/webapp/assets/modular/system/dept/dept.js

-layui.use(['table', 'admin', 'ax'], function () {
+layui.use(['table', 'admin', 'ax', 'ztree'], function () {
     var $ = layui.$;
     var $ = layui.$;
     var table = layui.table;
     var table = layui.table;
     var $ax = layui.ax;
     var $ax = layui.ax;
     var admin = layui.admin;
     var admin = layui.admin;
+    var $ZTree = layui.ztree;
 
 
     /**
     /**
      * 系统管理--部门管理
      * 系统管理--部门管理
      */
      */
     var Dept = {
     var Dept = {
-        tableId: "deptTable"
+        tableId: "deptTable",
+        condition: {
+            deptId: ""
+        }
     };
     };
 
 
     /**
     /**
@@ -32,10 +36,19 @@ layui.use(['table', 'admin', 'ax'], function () {
     Dept.search = function () {
     Dept.search = function () {
         var queryData = {};
         var queryData = {};
         queryData['condition'] = $("#name").val();
         queryData['condition'] = $("#name").val();
+        queryData['deptId'] = Dept.condition.deptId;
         table.reload(Dept.tableId, {where: queryData});
         table.reload(Dept.tableId, {where: queryData});
     };
     };
 
 
     /**
     /**
+     * 选择部门时
+     */
+    Dept.onClickDept = function (e, treeId, treeNode) {
+        Dept.condition.deptId = treeNode.id;
+        Dept.search();
+    };
+
+    /**
      * 弹出添加
      * 弹出添加
      */
      */
     Dept.openAddDept = function () {
     Dept.openAddDept = function () {
@@ -108,6 +121,11 @@ layui.use(['table', 'admin', 'ax'], function () {
         cols: Dept.initColumn()
         cols: Dept.initColumn()
     });
     });
 
 
+    //初始化左侧部门树
+    var ztree = new $ZTree("deptTree", "/dept/tree");
+    ztree.bindOnClick(Dept.onClickDept);
+    ztree.init();
+
     // 搜索按钮点击事件
     // 搜索按钮点击事件
     $('#btnSearch').click(function () {
     $('#btnSearch').click(function () {
         Dept.search();
         Dept.search();

src/main/webapp/pages/modular/system/dept/dept.html

-@layout("/common/_container.html",{js:["/assets/modular/system/dept/dept.js"]}){
+@layout("/common/_container.html",{plugins:["ztree"],js:["/assets/modular/system/dept/dept.js"]}){
 
 
 <div class="layui-body-header">
 <div class="layui-body-header">
     <span class="layui-body-header-title">部门管理</span>
     <span class="layui-body-header-title">部门管理</span>
@@ -6,7 +6,14 @@
 
 
 <div class="layui-fluid">
 <div class="layui-fluid">
     <div class="layui-row layui-col-space15">
     <div class="layui-row layui-col-space15">
-        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
+        <div class="layui-col-sm12 layui-col-md3 layui-col-lg2">
+            <div class="layui-card">
+                <div class="layui-card-body mini-bar">
+                    <div class="ztree" id="deptTree"></div>
+                </div>
+            </div>
+        </div>
+        <div class="layui-col-sm12 layui-col-md9 layui-col-lg10">
             <div class="layui-card">
             <div class="layui-card">
                 <div class="layui-card-body">
                 <div class="layui-card-body">
                     <div class="layui-form toolbar">
                     <div class="layui-form toolbar">