diff --git a/ruoyi-admin/src/main/resources/templates/home/search _list.html b/ruoyi-admin/src/main/resources/templates/home/search _list.html
index 62d9c5b..44adfb6 100644
--- a/ruoyi-admin/src/main/resources/templates/home/search _list.html	
+++ b/ruoyi-admin/src/main/resources/templates/home/search _list.html	
@@ -13,12 +13,15 @@
             padding: 0;
             display: flex;
             flex-direction: column;
+            background-color:#f1eded;
         }
 
         /* 设置内容区域自动填充剩余高度 */
         #content {
             flex-grow: 1;
-            padding-bottom: 70px;
+            //padding-bottom: 70px;
+            display: flex;
+            height: 100%;
         }
 
         /* 页脚样式 */
@@ -38,7 +41,7 @@
 
         #search_form {
             position: absolute;
-            top: 50px;
+            top: 92px;
             right: 50px;
             display: flex;
         }
@@ -68,13 +71,30 @@
             position: absolute;
             right: 0;
         }
+        #ID-tree-demo-onlyIconControl{
+            width: 15%;
+            //padding: 27px;
+            box-sizing: border-box;
+            padding-top: 74px;
+            height: 100%;
+            overflow-y: auto;
+            overflow-x: hidden;
+            background-color: #c4c4c4;
+        }
+        .layui-tree-txt {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            width: 175px;
+        }
     </style>
 </head>
 <body class="layui-bg-gray" style="">
 <div id="content">
-    <div class="layui-container" style="padding-top: 7px">
+    <div id="ID-tree-demo-onlyIconControl"></div>
+    <div class="layui-container" style="padding-top: 7px;margin:0;width:100%;">
         <div>
-            <blockquote class="layui-elem-quote">
+            <blockquote class="layui-elem-quote" style="margin-top: -7px;border:none;background-color:#c4c4c4;">
                 <h2>知识库查询</h2>
             </blockquote>
             <br>
@@ -129,8 +149,56 @@
     </div>
 </div>
 <script  th:src="@{/home/lib/layui.js}"></script>
+<script th:src="@{/js/jquery.min.js}"></script>
 <script type="text/javascript">
+    layui.use(function(){
+        var tree = layui.tree;
+        var layer = layui.layer;
+        // 数据
+        var data = [];
+        $.ajax({
+            type: "get",
+            url: "/getTree",
+            data: {},
+            success: function(res) {
+                //初始展开根节点
+                var processedData = res.map(function(node) {
+                    node.spread = false;
+                    return node;
+                });
+                processedData[0].spread = true;
+                processedData[1].spread = true;
+                // AJAX 请求成功后渲染树组件
+                renderTree(processedData);
+            }
+        });
 
+        // 渲染树组件的函数
+        function renderTree(data) {
+            tree.render({
+                elem: '#ID-tree-demo-onlyIconControl',
+                data: data,
+                customName: {
+                    id: 'id',
+                    title: 'categoryname',
+                    children: 'children'
+                  },
+                onlyIconControl: true,  // 是否仅允许节点左侧图标控制展开收缩
+                click: function(obj){
+                     queryParams(obj)
+                }
+            });
+            // 添加 title 效果
+            $('#ID-tree-demo-onlyIconControl').on('mouseenter', '.layui-tree-main', function() {
+                this.title = this.innerText;
+            });
+        }
+    });
+    function queryParams(data) {
+        setTimeout(function() {
+            window.location.href = "/home?categoryid=" + data.data.id;
+        }, 100); // 延迟 100 毫秒执行跳转
+    };
     function queryList(){
         var kname = $("#kname").val();
         if (kname){
diff --git a/ruoyi-admin/src/main/resources/templates/search_page.html b/ruoyi-admin/src/main/resources/templates/search_page.html
index 977a09c..5cfa3de 100644
--- a/ruoyi-admin/src/main/resources/templates/search_page.html
+++ b/ruoyi-admin/src/main/resources/templates/search_page.html
@@ -1,7 +1,7 @@
 <div th:fragment="search_page">
     <head>
         <style>
-            .pag {text-align:center}
+            .pag {text-align: right;padding-right: 81px;}
             .pag .num{color: red;}
         </style>
     </head>
