diff --git a/Pages/api/init.json b/Pages/api/init.json
index da65421..12f6b86 100644
--- a/Pages/api/init.json
+++ b/Pages/api/init.json
@@ -40,7 +40,8 @@
               "target": "_self"
             }
           ]
-        },{
+        },
+        {
           "title": "图样管理",
           "href": "",
           "icon": "fa fa-folder-open",
@@ -51,6 +52,12 @@
               "href": "page/Graphic/GalleryInformation/GalleryInformationList.html",
               "icon": "fa fa-file-text-o",
               "target": "_self"
+            },
+            {
+              "title": "测试",
+              "href": "page/Graphic/PatternManager/PatternTreeList.html",
+              "icon": "fa fa-file-text-o",
+              "target": "_self"
             }
           ]
         }
diff --git a/Pages/index.html b/Pages/index.html
index f8e82c8..5b33e7d 100644
--- a/Pages/index.html
+++ b/Pages/index.html
@@ -143,7 +143,7 @@
                 iniUrl: "api/init.json",    // 初始化接口
                 clearUrl: "api/clear.json", // 缓存清理接口
                 urlHashLocation: true,      // 是否打开hash定位
-                bgColorDefault: 1,      // 主题默认配置
+                bgColorDefault: 1,          // 主题默认配置
                 multiModule: true,          // 是否开启多模块
                 menuChildOpen: false,       // 是否默认展开菜单
                 loadingTime: 0,             // 初始化加载时间
diff --git a/Pages/page/Graphic/PatternManager/PatternTreeList.html b/Pages/page/Graphic/PatternManager/PatternTreeList.html
new file mode 100644
index 0000000..09e68c4
--- /dev/null
+++ b/Pages/page/Graphic/PatternManager/PatternTreeList.html
@@ -0,0 +1,316 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>layui</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
+    <link rel="stylesheet" href="../../../css/public.css" media="all">
+    <script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
+    <script src="../../../js/md5/md5.js" charset="utf-8"></script>
+    <script src="../../../js/PublicParameters/PublicParameters.js" charset="utf-8"></script>
+    <style>
+        body {
+            background-color: #ffffff;
+        }
+    </style>
+</head>
+
+<body class="layui-layout-body layuimini-all">
+    <div class="layui-layout layui-layout-admin" style="width: 20%;height: 100%; float: left;">
+        <div class="layui-btn-container">
+            <button type="button" class="layui-btn layui-btn-sm" lay-demo="addProject">新增项目</button>
+        </div>
+
+        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0;">
+            <legend>项目目录</legend>
+        </fieldset>
+        <div id="test2" class="demo-tree"></div>
+    </div>
+    <div style="width: 79%;height: 100%;float: right;border:1px solid #ccc;">
+        <iframe src="layout-admin.html-from=demo.htm" tppabs="http://www.layui.com/demo/layout-admin.html?from=demo"
+            frameborder="0" id="demoAdmin"  style="width: 100%; height:1000px; border-radius: 2px;"></iframe>
+    </div>
+    <script>
+        layui.use(['tree', 'util'], function () {
+            var tree = layui.tree
+                , layer = layui.layer
+                , util = layui.util
+
+                //模拟数据
+                , data = [{
+                    title: '一级1'
+                    , id: 1
+                    , field: 'name1'
+                    , checked: true
+                    , spread: true
+                    , children: [{
+                        title: '二级1-1 可允许跳转'
+                        , id: 3
+                        , field: 'name11'
+                        , href: 'https://www.layui.com/'
+                        , children: [{
+                            title: '三级1-1-3'
+                            , id: 23
+                            , field: ''
+                            , children: [{
+                                title: '四级1-1-3-1'
+                                , id: 24
+                                , field: ''
+                                , children: [{
+                                    title: '五级1-1-3-1-1'
+                                    , id: 30
+                                    , field: ''
+                                }, {
+                                    title: '五级1-1-3-1-2'
+                                    , id: 31
+                                    , field: ''
+                                }]
+                            }]
+                        }, {
+                            title: '三级1-1-1'
+                            , id: 7
+                            , field: ''
+                            , children: [{
+                                title: '四级1-1-1-1 可允许跳转'
+                                , id: 15
+                                , field: ''
+                                , href: 'https://www.layui.com/doc/'
+                            }]
+                        }, {
+                            title: '三级1-1-2'
+                            , id: 8
+                            , field: ''
+                            , children: [{
+                                title: '四级1-1-2-1'
+                                , id: 32
+                                , field: ''
+                            }]
+                        }]
+                    }, {
+                        title: '二级1-2'
+                        , id: 4
+                        , spread: true
+                        , children: [{
+                            title: '三级1-2-1'
+                            , id: 9
+                            , field: ''
+                            , disabled: true
+                        }, {
+                            title: '三级1-2-2'
+                            , id: 10
+                            , field: ''
+                        }]
+                    }, {
+                        title: '二级1-3'
+                        , id: 20
+                        , field: ''
+                        , children: [{
+                            title: '三级1-3-1'
+                            , id: 21
+                            , field: ''
+                        }, {
+                            title: '三级1-3-2'
+                            , id: 22
+                            , field: ''
+                        }]
+                    }]
+                }, {
+                    title: '一级2'
+                    , id: 2
+                    , field: ''
+                    , spread: true
+                    , children: [{
+                        title: '二级2-1'
+                        , id: 5
+                        , field: ''
+                        , spread: true
+                        , children: [{
+                            title: '三级2-1-1'
+                            , id: 11
+                            , field: ''
+                        }, {
+                            title: '三级2-1-2'
+                            , id: 12
+                            , field: ''
+                        }]
+                    }, {
+                        title: '二级2-2'
+                        , id: 6
+                        , field: ''
+                        , children: [{
+                            title: '三级2-2-1'
+                            , id: 13
+                            , field: ''
+                        }, {
+                            title: '三级2-2-2'
+                            , id: 14
+                            , field: ''
+                            , disabled: true
+                        }]
+                    }]
+                }, {
+                    title: '一级3'
+                    , id: 16
+                    , field: ''
+                    , children: [{
+                        title: '二级3-1'
+                        , id: 17
+                        , field: ''
+                        , fixed: true
+                        , children: [{
+                            title: '三级3-1-1'
+                            , id: 18
+                            , field: ''
+                        }, {
+                            title: '三级3-1-2'
+                            , id: 19
+                            , field: ''
+                        }]
+                    }, {
+                        title: '二级3-2'
+                        , id: 27
+                        , field: ''
+                        , children: [{
+                            title: '三级3-2-1'
+                            , id: 28
+                            , field: ''
+                        }, {
+                            title: '三级3-2-2'
+                            , id: 29
+                            , field: ''
+                        }]
+                    }]
+                }]
+
+                //模拟数据1
+                , data1 = [{
+                    title: '江西'
+                    , id: 1
+                    , children: [{
+                        title: '南昌'
+                        , id: 1000
+                        , children: [{
+                            title: '青山湖区'
+                            , id: 10001
+                        }, {
+                            title: '高新区'
+                            , id: 10002
+                        }]
+                    }, {
+                        title: '九江'
+                        , id: 1001
+                    }, {
+                        title: '赣州'
+                        , id: 1002
+                    }]
+                }, {
+                    title: '广西'
+                    , id: 2
+                    , children: [{
+                        title: '南宁'
+                        , id: 2000
+                    }, {
+                        title: '桂林'
+                        , id: 2001
+                    }]
+                }, {
+                    title: '陕西'
+                    , id: 3
+                    , children: [{
+                        title: '西安'
+                        , id: 3000
+                    }, {
+                        title: '延安'
+                        , id: 3001
+                    }]
+                }]
+
+                //模拟数据2
+                , data2 = [{
+                    title: '早餐'
+                    , id: 1
+                    , children: [{
+                        title: '油条'
+                        , id: 5
+                    }, {
+                        title: '包子'
+                        , id: 6
+                    }, {
+                        title: '豆浆'
+                        , id: 7
+                    }]
+                }, {
+                    title: '午餐'
+                    , id: 2
+                    , checked: true
+                    , children: [{
+                        title: '藜蒿炒腊肉'
+                        , id: 8
+                    }, {
+                        title: '西湖醋鱼'
+                        , id: 9
+                    }, {
+                        title: '小白菜'
+                        , id: 10
+                    }, {
+                        title: '海带排骨汤'
+                        , id: 11
+                    }]
+                }, {
+                    title: '晚餐'
+                    , id: 3
+                    , children: [{
+                        title: '红烧肉'
+                        , id: 12
+                        , fixed: true
+                    }, {
+                        title: '番茄炒蛋'
+                        , id: 13
+                    }]
+                }, {
+                    title: '夜宵'
+                    , id: 4
+                    , children: [{
+                        title: '小龙虾'
+                        , id: 14
+                        , checked: true
+                    }, {
+                        title: '香辣蟹'
+                        , id: 15
+                        , disabled: true
+                    }, {
+                        title: '烤鱿鱼'
+                        , id: 16
+                    }]
+                }];
+
+            //按钮事件
+            util.event('lay-demo', {
+                addProject: function (othis) {
+                    var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据
+
+                    layer.alert(JSON.stringify(checkedData), { shade: 0 });
+                    console.log(checkedData);
+                }
+            });
+
+            //仅节点左侧图标控制收缩
+            tree.render({
+                elem: '#test2'
+                , data: data2
+                , onlyIconControl: true  //是否仅允许节点左侧图标控制展开收缩
+                , click: function (obj) {
+                    layer.msg(JSON.stringify(obj.data));
+                }
+            });
+
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
