From 093e394bdf53abac4c9f235fa977a85cd56a7583 Mon Sep 17 00:00:00 2001
From: walkor <walkor@workerman.net>
Date: Wed, 7 Dec 2022 16:59:41 +0800
Subject: [PATCH] save

---
 .../app/controller/InstallController.php      |   12 +-
 .../admin/app/controller/TableController.php  |    2 +-
 src/plugin/admin/config/menu.php              |  300 ++-
 .../admin/public/demos/console/console1.html  |  451 ++++
 .../admin/public/demos/console/console2.html  |  502 ++++
 src/plugin/admin/public/demos/css/avatar.jpg  |  Bin 0 -> 76158 bytes
 .../admin/public/demos/css/console1.css       |  141 ++
 .../admin/public/demos/css/console2.css       |  121 +
 .../admin/public/demos/css/department.css     |    6 +
 src/plugin/admin/public/demos/css/error.css   |   76 +
 src/plugin/admin/public/demos/css/icon.css    |  531 ++++
 src/plugin/admin/public/demos/css/login.css   |   99 +
 src/plugin/admin/public/demos/css/person.css  |   80 +
 src/plugin/admin/public/demos/css/result.css  |   39 +
 src/plugin/admin/public/demos/data/card.json  |   57 +
 .../admin/public/demos/data/dataMenu.json     |  377 +++
 .../admin/public/demos/data/dataTree2.json    |   37 +
 .../admin/public/demos/data/dictData.json     |   36 +
 .../admin/public/demos/data/dictType.json     |   90 +
 src/plugin/admin/public/demos/data/dtree.json |  181 ++
 .../admin/public/demos/data/loginLog.json     |  211 ++
 src/plugin/admin/public/demos/data/menu.json  |  444 ++++
 .../admin/public/demos/data/message.json      |   90 +
 .../admin/public/demos/data/operateLog.json   |  211 ++
 .../admin/public/demos/data/organization.json |   41 +
 .../public/demos/data/organizationtree.json   |  143 ++
 src/plugin/admin/public/demos/data/power.json |  185 ++
 src/plugin/admin/public/demos/data/role.json  |   42 +
 src/plugin/admin/public/demos/data/table.json |  132 +
 src/plugin/admin/public/demos/data/user.json  |  118 +
 src/plugin/admin/public/demos/demo/index.html |   66 +
 .../admin/public/demos/document/area.html     |  143 ++
 .../admin/public/demos/document/button.html   |  305 +++
 .../admin/public/demos/document/card.html     |   78 +
 .../admin/public/demos/document/core.html     |  219 ++
 .../admin/public/demos/document/count.html    |  124 +
 .../admin/public/demos/document/drawer.html   |  597 +++++
 .../public/demos/document/drawerFragment.html |  385 +++
 .../admin/public/demos/document/dtree.html    |  165 ++
 .../admin/public/demos/document/encrypt.html  |  160 ++
 .../admin/public/demos/document/form.html     |  180 ++
 .../public/demos/document/fullscreen.html     |  126 +
 .../admin/public/demos/document/icon.html     | 2195 +++++++++++++++++
 .../public/demos/document/iconPicker.html     |  244 ++
 .../admin/public/demos/document/loading.html  |  174 ++
 .../admin/public/demos/document/menu.html     |  115 +
 .../admin/public/demos/document/notice.html   |  148 ++
 .../admin/public/demos/document/popover.html  |  227 ++
 .../admin/public/demos/document/popup.html    |  127 +
 .../admin/public/demos/document/select.html   |  218 ++
 .../admin/public/demos/document/step.html     |  256 ++
 .../admin/public/demos/document/tab.html      |  152 ++
 .../public/demos/document/tabContent.html     |   38 +
 .../admin/public/demos/document/table.html    |  412 ++++
 .../admin/public/demos/document/tag.html      |  265 ++
 .../admin/public/demos/document/tinymce.html  |   93 +
 .../admin/public/demos/document/toast.html    |  291 +++
 .../admin/public/demos/document/topBar.html   |  279 +++
 .../public/demos/document/treetable.html      |  235 ++
 .../public/demos/document/watermark.html      |  161 ++
 .../admin/public/demos/echarts/column.html    |   47 +
 .../admin/public/demos/echarts/line.html      |   47 +
 .../public/demos/echarts/script/column1.js    |  137 +
 .../public/demos/echarts/script/column2.js    |   73 +
 .../public/demos/echarts/script/column3.js    |  120 +
 .../public/demos/echarts/script/column4.js    |   84 +
 .../public/demos/echarts/script/line1.js      |  236 ++
 .../public/demos/echarts/script/line2.js      |  148 ++
 .../public/demos/echarts/script/line3.js      |  102 +
 .../public/demos/echarts/script/line4.js      |  167 ++
 src/plugin/admin/public/demos/error/403.html  |   21 +
 src/plugin/admin/public/demos/error/404.html  |   21 +
 src/plugin/admin/public/demos/error/500.html  |   21 +
 .../admin/public/demos/result/error.html      |   45 +
 .../admin/public/demos/result/success.html    |   37 +
 .../admin/public/demos/system/deptment.html   |  289 +++
 .../admin/public/demos/system/dict.html       |  341 +++
 src/plugin/admin/public/demos/system/log.html |  101 +
 .../admin/public/demos/system/operate.html    |  107 +
 .../public/demos/system/operate/add.html      |  109 +
 .../public/demos/system/operate/edit.html     |  109 +
 .../public/demos/system/operate/profile.html  |  108 +
 .../admin/public/demos/system/person.html     |  183 ++
 .../admin/public/demos/system/power.html      |  242 ++
 .../admin/public/demos/system/profile.html    |  108 +
 .../admin/public/demos/system/role.html       |  226 ++
 .../admin/public/demos/system/space.html      |   27 +
 .../admin/public/demos/system/theme.html      |  300 +++
 .../admin/public/demos/system/user.html       |  298 +++
 src/plugin/admin/webman-admin.sql             |    2 +-
 90 files changed, 16780 insertions(+), 9 deletions(-)
 create mode 100644 src/plugin/admin/public/demos/console/console1.html
 create mode 100644 src/plugin/admin/public/demos/console/console2.html
 create mode 100644 src/plugin/admin/public/demos/css/avatar.jpg
 create mode 100644 src/plugin/admin/public/demos/css/console1.css
 create mode 100644 src/plugin/admin/public/demos/css/console2.css
 create mode 100644 src/plugin/admin/public/demos/css/department.css
 create mode 100644 src/plugin/admin/public/demos/css/error.css
 create mode 100644 src/plugin/admin/public/demos/css/icon.css
 create mode 100644 src/plugin/admin/public/demos/css/login.css
 create mode 100644 src/plugin/admin/public/demos/css/person.css
 create mode 100644 src/plugin/admin/public/demos/css/result.css
 create mode 100644 src/plugin/admin/public/demos/data/card.json
 create mode 100644 src/plugin/admin/public/demos/data/dataMenu.json
 create mode 100644 src/plugin/admin/public/demos/data/dataTree2.json
 create mode 100644 src/plugin/admin/public/demos/data/dictData.json
 create mode 100644 src/plugin/admin/public/demos/data/dictType.json
 create mode 100644 src/plugin/admin/public/demos/data/dtree.json
 create mode 100644 src/plugin/admin/public/demos/data/loginLog.json
 create mode 100644 src/plugin/admin/public/demos/data/menu.json
 create mode 100644 src/plugin/admin/public/demos/data/message.json
 create mode 100644 src/plugin/admin/public/demos/data/operateLog.json
 create mode 100644 src/plugin/admin/public/demos/data/organization.json
 create mode 100644 src/plugin/admin/public/demos/data/organizationtree.json
 create mode 100644 src/plugin/admin/public/demos/data/power.json
 create mode 100644 src/plugin/admin/public/demos/data/role.json
 create mode 100644 src/plugin/admin/public/demos/data/table.json
 create mode 100644 src/plugin/admin/public/demos/data/user.json
 create mode 100644 src/plugin/admin/public/demos/demo/index.html
 create mode 100644 src/plugin/admin/public/demos/document/area.html
 create mode 100644 src/plugin/admin/public/demos/document/button.html
 create mode 100644 src/plugin/admin/public/demos/document/card.html
 create mode 100644 src/plugin/admin/public/demos/document/core.html
 create mode 100644 src/plugin/admin/public/demos/document/count.html
 create mode 100644 src/plugin/admin/public/demos/document/drawer.html
 create mode 100644 src/plugin/admin/public/demos/document/drawerFragment.html
 create mode 100644 src/plugin/admin/public/demos/document/dtree.html
 create mode 100644 src/plugin/admin/public/demos/document/encrypt.html
 create mode 100644 src/plugin/admin/public/demos/document/form.html
 create mode 100644 src/plugin/admin/public/demos/document/fullscreen.html
 create mode 100644 src/plugin/admin/public/demos/document/icon.html
 create mode 100644 src/plugin/admin/public/demos/document/iconPicker.html
 create mode 100644 src/plugin/admin/public/demos/document/loading.html
 create mode 100644 src/plugin/admin/public/demos/document/menu.html
 create mode 100644 src/plugin/admin/public/demos/document/notice.html
 create mode 100644 src/plugin/admin/public/demos/document/popover.html
 create mode 100644 src/plugin/admin/public/demos/document/popup.html
 create mode 100644 src/plugin/admin/public/demos/document/select.html
 create mode 100644 src/plugin/admin/public/demos/document/step.html
 create mode 100644 src/plugin/admin/public/demos/document/tab.html
 create mode 100644 src/plugin/admin/public/demos/document/tabContent.html
 create mode 100644 src/plugin/admin/public/demos/document/table.html
 create mode 100644 src/plugin/admin/public/demos/document/tag.html
 create mode 100644 src/plugin/admin/public/demos/document/tinymce.html
 create mode 100644 src/plugin/admin/public/demos/document/toast.html
 create mode 100644 src/plugin/admin/public/demos/document/topBar.html
 create mode 100644 src/plugin/admin/public/demos/document/treetable.html
 create mode 100644 src/plugin/admin/public/demos/document/watermark.html
 create mode 100644 src/plugin/admin/public/demos/echarts/column.html
 create mode 100644 src/plugin/admin/public/demos/echarts/line.html
 create mode 100644 src/plugin/admin/public/demos/echarts/script/column1.js
 create mode 100644 src/plugin/admin/public/demos/echarts/script/column2.js
 create mode 100644 src/plugin/admin/public/demos/echarts/script/column3.js
 create mode 100644 src/plugin/admin/public/demos/echarts/script/column4.js
 create mode 100644 src/plugin/admin/public/demos/echarts/script/line1.js
 create mode 100644 src/plugin/admin/public/demos/echarts/script/line2.js
 create mode 100644 src/plugin/admin/public/demos/echarts/script/line3.js
 create mode 100644 src/plugin/admin/public/demos/echarts/script/line4.js
 create mode 100644 src/plugin/admin/public/demos/error/403.html
 create mode 100644 src/plugin/admin/public/demos/error/404.html
 create mode 100644 src/plugin/admin/public/demos/error/500.html
 create mode 100644 src/plugin/admin/public/demos/result/error.html
 create mode 100644 src/plugin/admin/public/demos/result/success.html
 create mode 100644 src/plugin/admin/public/demos/system/deptment.html
 create mode 100644 src/plugin/admin/public/demos/system/dict.html
 create mode 100644 src/plugin/admin/public/demos/system/log.html
 create mode 100644 src/plugin/admin/public/demos/system/operate.html
 create mode 100644 src/plugin/admin/public/demos/system/operate/add.html
 create mode 100644 src/plugin/admin/public/demos/system/operate/edit.html
 create mode 100644 src/plugin/admin/public/demos/system/operate/profile.html
 create mode 100644 src/plugin/admin/public/demos/system/person.html
 create mode 100644 src/plugin/admin/public/demos/system/power.html
 create mode 100644 src/plugin/admin/public/demos/system/profile.html
 create mode 100644 src/plugin/admin/public/demos/system/role.html
 create mode 100644 src/plugin/admin/public/demos/system/space.html
 create mode 100644 src/plugin/admin/public/demos/system/theme.html
 create mode 100644 src/plugin/admin/public/demos/system/user.html

diff --git a/src/plugin/admin/app/controller/InstallController.php b/src/plugin/admin/app/controller/InstallController.php
index 762efa7..1fb5dc6 100644
--- a/src/plugin/admin/app/controller/InstallController.php
+++ b/src/plugin/admin/app/controller/InstallController.php
@@ -70,8 +70,8 @@ class InstallController extends Base
 
         $tables_to_install = [
             'wa_admins',
-            'wa_admin_roles',
-            'wa_admin_rules',
+            'wa_roles',
+            'wa_rules',
             'wa_options',
             'wa_users',
         ];
@@ -204,7 +204,7 @@ EOF;
         foreach ($columns as $k => $column) {
             $columns[$k] = "`$column`";
         }
-        $sql = "insert into wa_admin_rules (" .implode(',', $columns). ") values (" . implode(',', $values) . ")";
+        $sql = "insert into wa_rules (" .implode(',', $columns). ") values (" . implode(',', $values) . ")";
         $smt = $pdo->prepare($sql);
         foreach ($data as $key => $value) {
             $smt->bindValue($key, $value);
@@ -229,17 +229,17 @@ EOF;
         }
         $children = $menu_tree['children'] ?? [];
         unset($menu_tree['children']);
-        $smt = $pdo->prepare("select * from wa_admin_rules where `key`=:key limit 1");
+        $smt = $pdo->prepare("select * from wa_rules where `key`=:key limit 1");
         $smt->execute(['key' => $menu_tree['key']]);
         $old_menu = $smt->fetch();
         if ($old_menu) {
             $pid = $old_menu['id'];
             $params = [
                 'title' => $menu_tree['title'],
-                'icon' => $menu_tree['icon'],
+                'icon' => $menu_tree['icon'] ?? '',
                 'key' => $menu_tree['key'],
             ];
-            $sql = "update wa_admin_rules set title=:title, icon=:icon where `key`=:key";
+            $sql = "update wa_rules set title=:title, icon=:icon where `key`=:key";
             $smt = $pdo->prepare($sql);
             $smt->execute($params);
         } else {
diff --git a/src/plugin/admin/app/controller/TableController.php b/src/plugin/admin/app/controller/TableController.php
index 5c1fa75..c80770e 100644
--- a/src/plugin/admin/app/controller/TableController.php
+++ b/src/plugin/admin/app/controller/TableController.php
@@ -1337,7 +1337,7 @@ EOF;
         if (!$tables) {
             return $this->json(0, 'not found');
         }
-        $table_not_allow_drop = ['wa_admins', 'wa_users', 'wa_options', 'wa_admin_roles', 'wa_admin_rules'];
+        $table_not_allow_drop = ['wa_admins', 'wa_users', 'wa_options', 'wa_roles', 'wa_rules'];
         if ($found = array_intersect($tables, $table_not_allow_drop)) {
             return $this->json(400, implode(',', $found) . '不允许删除');
         }
diff --git a/src/plugin/admin/config/menu.php b/src/plugin/admin/config/menu.php
index 87fbd75..3d07d20 100644
--- a/src/plugin/admin/config/menu.php
+++ b/src/plugin/admin/config/menu.php
@@ -129,7 +129,305 @@ return [
                 'href' => '/app/admin/dev/form-build',
                 'weight' => 800,
                 'type' => 1,
-            ]
+            ],
         ]
     ],
+    [
+        'title' => '示例页面',
+        'key' => 'demos',
+        'icon' => 'layui-icon-templeate-1',
+        'weight' => 400,
+        'type' => 0,
+        'children' => [
+            [
+                'key' => 'demo1',
+                'title' => '工作空间',
+                'type' => 0,
+                'icon' => 'layui-icon-console',
+                'href' => '',
+                'children' => [
+                    [
+                        'key' => 'demo10',
+                        'title' => '控制后台',
+                        'icon' => 'layui-icon-console',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/console/console1.html'
+                    ], [
+                        'key' => 'demo13',
+                        'title' => '数据分析',
+                        'icon' => 'layui-icon-console',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/console/console2.html'
+                    ], [
+                        'key' => 'demo14',
+                        'title' => '百度一下',
+                        'icon' => 'layui-icon-console',
+                        'type' => 1,
+                        'href' => 'http://www.baidu.com'
+                    ], [
+                        'key' => 'demo15',
+                        'title' => '主题预览',
+                        'icon' => 'layui-icon-console',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/system/theme.html'
+                    ]
+                ]
+            ],
+            [
+                'key' => 'demo20',
+                'title' => '常用组件',
+                'icon' => 'layui-icon-component',
+                'type' => 0,
+                'href' => '',
+                'children' => [
+                    [
+                        'key' => 'demo2011',
+                        'title' => '功能按钮',
+                        'icon' => 'layui-icon-face-smile',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/button.html'
+                    ], [
+                        'key' => 'demo2014',
+                        'title' => '表单集合',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/form.html'
+                    ], [
+                        'key' => 'demo2010',
+                        'title' => '字体图标',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/icon.html'
+                    ], [
+                        'key' => 'demo2012',
+                        'title' => '多选下拉',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/select.html'
+                    ], [
+                        'key' => 'demo2013',
+                        'title' => '动态标签',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/tag.html'
+                    ], [
+                        'key' => 'demo2031',
+                        'title' => '数据表格',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/table.html'
+                    ], [
+                        'key' => 'demo2032',
+                        'title' => '分布表单',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/step.html'
+                    ], [
+                        'key' => 'demo2033',
+                        'title' => '树形表格',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/treetable.html'
+                    ], [
+                        'key' => 'demo2034',
+                        'title' => '树状结构',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/dtree.html'
+                    ], [
+                        'key' => 'demo2035',
+                        'title' => '文本编辑',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/tinymce.html'
+                    ], [
+                        'key' => 'demo2036',
+                        'title' => '卡片组件',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/card.html'
+                    ], [
+                        'key' => 'demo2021',
+                        'title' => '抽屉组件',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/drawer.html'
+                    ], [
+                        'key' => 'demo2022',
+                        'title' => '消息通知',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/notice.html'
+                    ], [
+                        'key' => 'demo2024',
+                        'title' => '加载组件',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/loading.html'
+                    ], [
+                        'key' => 'demo2023',
+                        'title' => '弹层组件',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/popup.html'
+                    ], [
+                        'key' => 'demo60131',
+                        'title' => '多选项卡',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/tab.html'
+                    ], [
+                        'key' => 'demo60132',
+                        'title' => '数据菜单',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/menu.html'
+                    ], [
+                        'key' => 'demo2041',
+                        'title' => '哈希加密',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/encrypt.html'
+                    ], [
+                        'key' => 'demo2042',
+                        'title' => '图标选择',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/iconPicker.html'
+                    ], [
+                        'key' => 'demo2043',
+                        'title' => '省市级联',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/area.html'
+                    ], [
+                        'key' => 'demo2044',
+                        'title' => '数字滚动',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/count.html'
+                    ], [
+                        'key' => 'demo2045',
+                        'title' => '顶部返回',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/document/topBar.html'
+                    ]
+                ]
+            ],
+            [
+                'key' => 'demo666',
+                'title' => '结果页面',
+                'icon' => 'layui-icon-auz',
+                'type' => 0,
+                'href' => '',
+                'children' => [
+                    [
+                        'key' => 'demo667',
+                        'title' => '成功',
+                        'icon' => 'layui-icon-face-smile',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/result/success.html'
+                    ], [
+                        'key' => 'demo668',
+                        'title' => '失败',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/result/error.html'
+                    ]
+                ]
+            ],
+            [
+                'key' => 'demo-error',
+                'title' => '错误页面',
+                'icon' => 'layui-icon-face-cry',
+                'type' => 0,
+                'href' => '',
+                'children' => [
+                    [
+                        'key' => 'demo403',
+                        'title' => '403',
+                        'icon' => 'layui-icon-face-smile',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/error/403.html'
+                    ], [
+                        'key' => 'demo404',
+                        'title' => '404',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/error/404.html'
+                    ], [
+                        'key' => 'demo500',
+                        'title' => '500',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/error/500.html'
+                    ]
+
+                ]
+            ],
+            [
+                'key' => 'demo-system',
+                'title' => '系统管理',
+                'icon' => 'layui-icon-set-fill',
+                'type' => 0,
+                'href' => '',
+                'children' => [
+                    [
+                        'key' => 'demo601',
+                        'title' => '用户管理',
+                        'icon' => 'layui-icon-face-smile',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/system/user.html'
+                    ], [
+                        'key' => 'demo602',
+                        'title' => '角色管理',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/system/role.html'
+                    ], [
+                        'key' => 'demo603',
+                        'title' => '权限管理',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/system/power.html'
+                    ], [
+                        'key' => 'demo604',
+                        'title' => '部门管理',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/system/deptment.html'
+                    ], [
+                        'key' => 'demo605',
+                        'title' => '行为日志',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/system/log.html'
+                    ], [
+                        'key' => 'demo606',
+                        'title' => '数据字典',
+                        'icon' => 'layui-icon-face-cry',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/system/dict.html'
+                    ]
+                ]
+            ],
+            [
+                'key' => 'demo-common',
+                'title' => '常用页面',
+                'icon' => 'layui-icon-template-1',
+                'type' => 0,
+                'href' => '',
+                'children' => [
+                    [
+                        'key' => 'demo702',
+                        'title' => '空白页面',
+                        'icon' => 'layui-icon-face-smile',
+                        'type' => 1,
+                        'href' => '/app/admin/demos/system/space.html'
+                    ]
+                ]
+            ]
+        ]
+    ]
 ];
diff --git a/src/plugin/admin/public/demos/console/console1.html b/src/plugin/admin/public/demos/console/console1.html
new file mode 100644
index 0000000..7954a61
--- /dev/null
+++ b/src/plugin/admin/public/demos/console/console1.html
@@ -0,0 +1,451 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>控制后台</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="../../component/pear/css/pear.css" />
+		<link rel="stylesheet" href="../../demos/css/console1.css" />
+	</head>
+	<body class="pear-container">
+		<div>
+			<div class="layui-row layui-col-space10">
+				<div class="layui-col-xs6 layui-col-md3">
+					<div class="layui-card top-panel">
+						<div class="layui-card-header">今日访问</div>
+						<div class="layui-card-body">
+							<div class="layui-row layui-col-space5">
+								<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value1">
+									0
+								</div>
+								<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
+									<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="200" height="200" t="1591462258798"
+									 p-id="942" version="1.1">
+										<path fill="#fcc66f" d="M 262.7 835 c -15.3 0 -28.1 -11.4 -29.8 -26.6 L 174.1 291 c -0.6 -5.1 1 -10.2 4.5 -14 s 8.3 -6 13.4 -6 h 640 c 5.1 0 10 2.2 13.4 6 s 5 8.9 4.5 14 l -58.8 517.4 c -1.7 15.2 -14.5 26.6 -29.8 26.6 H 262.7 Z"
+										 p-id="943" />
+										<path fill="#ffd79c" d="M 802 289 l -58.8 517.4 c -0.7 6.1 -5.8 10.6 -11.9 10.6 h 30 c 6.1 0 11.2 -4.6 11.9 -10.6 L 832 289 h -30 Z"
+										 p-id="944" />
+										<path fill="#f56e73" d="M 164 307 c -16.5 0 -30 -13.5 -30 -30 v -58 c 0 -16.5 13.5 -30 30 -30 h 696 c 16.5 0 30 13.5 30 30 v 58 c 0 16.5 -13.5 30 -30 30 H 164 Z"
+										 p-id="945" />
+										<path fill="#ffa1a8" d="M 860 207 h -30 c 6.6 0 12 5.4 12 12 v 58 c 0 6.6 -5.4 12 -12 12 h 30 c 6.6 0 12 -5.4 12 -12 v -58 c 0 -6.6 -5.4 -12 -12 -12 Z"
+										 p-id="946" />
+										<path fill="#65c8ff" d="M 190.9 651.5 c -31.4 0 -56.9 -25.5 -56.9 -56.9 V 219 c 0 -16.5 13.5 -30 30 -30 h 466.2 c 9.9 0 18 8.1 18 18 v 301.1 c 0 34.7 -28.2 62.9 -62.9 62.9 s -62.9 -28.2 -62.9 -62.9 V 393.5 c 0 -23.2 -18.8 -42 -42 -42 s -42 18.8 -42 42 v 68.1 c 0 29.4 -23.9 53.4 -53.4 53.4 s -53.4 -23.9 -53.4 -53.4 v -68.1 c 0 -23.2 -18.8 -42 -42 -42 s -42 18.8 -42 42 v 201.1 c 0.1 31.4 -25.4 56.9 -56.7 56.9 Z"
+										 p-id="947" />
+										<path fill="#b3eaff" d="M 277.8 321.5 c -33.1 0 -60 26.9 -60 60 v 201.1 c 0 21.5 -17.4 38.9 -38.9 38.9 c -7.7 0 -14.8 -2.2 -20.8 -6.1 c 6.9 10.9 19 18.1 32.8 18.1 c 21.5 0 38.9 -17.4 38.9 -38.9 V 393.5 c 0 -33.1 26.9 -60 60 -60 c 13.5 0 25.9 4.5 36 12 c -11 -14.5 -28.4 -24 -48 -24 Z M 618.3 207 v 289.1 c 0 24.8 -20.1 44.9 -44.9 44.9 c -9.3 0 -18 -2.8 -25.2 -7.7 c 8.1 11.9 21.7 19.7 37.2 19.7 c 24.8 0 44.9 -20.1 44.9 -44.9 V 207 h -12 Z M 468.5 321.5 c -33.1 0 -60 26.9 -60 60 v 68.1 c 0 19.5 -15.8 35.4 -35.4 35.4 c -6.7 0 -12.9 -1.9 -18.3 -5.1 c 6.2 10.2 17.4 17.1 30.3 17.1 c 19.5 0 35.4 -15.8 35.4 -35.4 v -68.1 c 0 -33.1 26.9 -60 60 -60 c 13.5 0 25.9 4.5 36 12 c -11 -14.5 -28.4 -24 -48 -24 Z"
+										 p-id="948" />
+										<path fill="#453b56" d="M 698 729.4 m -18 0 a 18 18 0 1 0 36 0 a 18 18 0 1 0 -36 0 Z" p-id="949" />
+										<path fill="#453b56" d="M 860 171 H 632.5 v 0.1 c -0.7 0 -1.5 -0.1 -2.2 -0.1 H 164 c -26.5 0 -48 21.5 -48 48 v 375.6 c 0 41.3 33.6 74.9 74.9 74.9 c 2.7 0 5.4 -0.2 8.1 -0.5 l 16 141.4 c 2.8 24.3 23.3 42.6 47.7 42.6 h 498.6 c 24.4 0 44.9 -18.3 47.7 -42.6 l 55.2 -485.6 c 24.5 -2.1 43.8 -22.7 43.8 -47.8 v -58 c 0 -26.5 -21.5 -48 -48 -48 Z M 190.9 633.5 c -21.5 0 -38.9 -17.4 -38.9 -38.9 V 219 c 0 -6.6 5.4 -12 12 -12 h 466.3 v 301.1 c 0 24.8 -20.1 44.9 -44.9 44.9 c -24.8 0 -44.9 -20.1 -44.9 -44.9 V 393.5 c 0 -33.1 -26.9 -60 -60 -60 s -60 26.9 -60 60 v 68.1 c 0 19.5 -15.8 35.4 -35.4 35.4 c -19.5 0 -35.4 -15.8 -35.4 -35.4 v -68.1 c 0 -33.1 -26.9 -60 -60 -60 s -60 26.9 -60 60 v 201.1 c 0.1 21.5 -17.4 38.9 -38.8 38.9 Z m 582.3 172.9 c -0.7 6.1 -5.8 10.6 -11.9 10.6 H 262.7 c -6.1 0 -11.2 -4.6 -11.9 -10.6 l -6.7 -59 h 396.6 c 9.9 0 18 -8.1 18 -18 s -8.1 -18 -18 -18 H 240 l -6.3 -55.4 c 19.3 -13.6 32.1 -36 32.1 -61.3 V 393.5 c 0 -13.2 10.8 -24 24 -24 s 24 10.8 24 24 v 68.1 c 0 39.4 32 71.4 71.4 71.4 s 71.4 -32 71.4 -71.4 v -68.1 c 0 -13.2 10.8 -24 24 -24 s 24 10.8 24 24 v 114.6 c 0 44.6 36.3 80.9 80.9 80.9 c 44.6 0 80.9 -36.3 80.9 -80.9 V 325 h 161.7 l -54.9 481.4 Z M 872 277 c 0 6.6 -5.4 12 -12 12 H 666.3 v -82 H 860 c 6.6 0 12 5.4 12 12 v 58 Z"
+										 p-id="950" /></svg>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-xs6 layui-col-md3">
+					<div class="layui-card top-panel">
+						<div class="layui-card-header">提交次数</div>
+						<div class="layui-card-body">
+							<div class="layui-row layui-col-space5">
+								<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value2">
+									0
+								</div>
+								<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
+									<svg t="1591462430908" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+									 p-id="3170" width="200" height="200">
+										<path d="M532 784.2c0 24.4-19.8 44.3-44.3 44.3s-44.3-19.8-44.3-44.3c0-24.4 44.3-80.3 44.3-80.3s44.3 55.8 44.3 80.3zM766 784.2c0 24.4 19.8 44.3 44.3 44.3 24.4 0 44.3-19.8 44.3-44.3 0-24.4-44.3-80.3-44.3-80.3S766 759.7 766 784.2z"
+										 fill="#97DCFF" p-id="3171"></path>
+										<path d="M123.5 471.3c-9.9 0-18-8.1-18-18v-302c0-9.9 8.1-18 18-18h58c9.9 0 18 8.1 18 18v302c0 9.9-8.1 18-18 18h-58z"
+										 fill="#FCC66F" p-id="3172"></path>
+										<path d="M181.5 151.3v302h-58v-302h58m0-36h-58c-19.9 0-36 16.1-36 36v302c0 19.9 16.1 36 36 36h58c19.9 0 36-16.1 36-36v-302c0-19.8-16.1-36-36-36z"
+										 fill="#453B56" p-id="3173"></path>
+										<path d="M266.4 210.7m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56" p-id="3174"></path>
+										<path d="M430.8 641.1c-9.9 0-18-8.1-18-18v-21.6c0-130.3 106-236.3 236.3-236.3s236.3 106 236.3 236.3v21.6c0 9.9-8.1 18-18 18H430.8z"
+										 fill="#FCC66F" p-id="3175"></path>
+										<path d="M649 383.2c-5 0-10 0.2-15 0.6 113.5 7.7 203.3 102.2 203.3 217.7v21.6h30v-21.6c0-120.6-97.7-218.3-218.3-218.3z"
+										 fill="#FFD79C" p-id="3176"></path>
+										<path d="M419.6 694.4c-22.1 0-40.1-18-40.1-40.1s18-40.1 40.1-40.1h458.8c22.1 0 40.1 18 40.1 40.1s-18 40.1-40.1 40.1H419.6z"
+										 fill="#F56E73" p-id="3177"></path>
+										<path d="M878.4 632.3h-30c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1h30c12.2 0 22.1-9.9 22.1-22.1s-9.9-22.1-22.1-22.1z"
+										 fill="#FFA1A8" p-id="3178"></path>
+										<path d="M693.3 846.4c0 24.4-19.8 44.3-44.3 44.3-24.4 0-44.3-19.8-44.3-44.3s44.3-80.3 44.3-80.3 44.3 55.9 44.3 80.3z"
+										 fill="#97DCFF" p-id="3179"></path>
+										<path d="M649 908.7c-34.3 0-62.3-27.9-62.3-62.3 0-28.5 36.9-77.2 48.1-91.4 3.4-4.3 8.6-6.8 14.1-6.8s10.7 2.5 14.1 6.8c11.3 14.2 48.1 62.9 48.1 91.4 0.2 34.3-27.8 62.3-62.1 62.3z m0-112.3c-14.1 20.4-26.3 41.9-26.3 50 0 14.5 11.8 26.3 26.3 26.3s26.3-11.8 26.3-26.3c0-8.1-12.1-29.6-26.3-50z"
+										 fill="#453B56" p-id="3180"></path>
+										<path d="M903.3 601.9v-0.5c0-134.1-104.4-244.3-236.3-253.6v-30.7c0-68.7-55.9-124.6-124.6-124.6H326.5c-9.9 0-18 8.1-18 18s8.1 18 18 18h215.9c48.8 0 88.6 39.7 88.6 88.6v30.7c-131.8 9.3-236.3 119.4-236.3 253.6v0.5c-19.6 9.3-33.2 29.3-33.2 52.4 0 32 26 58.1 58.1 58.1H459c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.2-27.9 62.2-62.3 0-20.3-18.6-50.7-33.5-71.8h264.9c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.3-27.9 62.3-62.3 0-20.3-18.6-50.7-33.5-71.8h39.4c32 0 58.1-26 58.1-58.1 0-23.1-13.6-43-33.2-52.4zM487.8 810.4c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.2 41.9 26.2 50 0 14.5-11.8 26.3-26.2 26.3z m322.5 0c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.3 41.9 26.3 50-0.1 14.5-11.9 26.3-26.3 26.3zM649 383.2c118.8 0 215.4 94.9 218.1 213.1H430.9c2.8-118.1 99.3-213.1 218.1-213.1z m251.5 271.1c0 12.2-9.9 22.1-22.1 22.1H419.6c-12.2 0-22.1-9.9-22.1-22.1 0-12.2 9.9-22.1 22.1-22.1h458.8c12.2 0.1 22.1 10 22.1 22.1z"
+										 fill="#453B56" p-id="3181"></path>
+									</svg>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-xs6 layui-col-md3">
+					<div class="layui-card top-panel">
+						<div class="layui-card-header">下载数量</div>
+						<div class="layui-card-body">
+							<div class="layui-row layui-col-space5">
+								<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value3">
+									0
+								</div>
+								<div class="layui-col-xs4 layui-col-md4  top-panel-tips">
+									<svg t="1591462464512" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+									 p-id="3311" width="200" height="200">
+										<path d="M750.4 216.5h-130v-15.3c0-32.9-26.8-59.7-59.7-59.7h-97.3c-32.9 0-59.7 26.8-59.7 59.7v15.3h-130c-30.7 0-55.6 25-55.6 55.6v72.4c0 9.9 8.1 18 18 18h31.5v478c0 23.2 18.8 42 42 42h405c23.2 0 42-18.8 42-42v-478H788c9.9 0 18-8.1 18-18v-72.4c0-30.6-25-55.6-55.6-55.6z"
+										 fill="#FCC66F" p-id="3312"></path>
+										<path d="M708.5 344.5v496c0 13.3-10.7 24-24 24h30c13.3 0 24-10.7 24-24v-496h-30z" fill="#FFD79C" p-id="3313"></path>
+										<path d="M309.5 882.5c-23.2 0-42-18.8-42-42V596c0-9.9 8.1-18 18-18h36.8c30.2 0 54.8 24.6 54.8 54.8v231.7c0 9.9-8.1 18-18 18h-49.6zM664.9 882.5c-9.9 0-18-8.1-18-18V632.8c0-30.2 24.6-54.8 54.8-54.8h36.8c9.9 0 18 8.1 18 18v244.5c0 23.2-18.8 42-42 42h-49.6z"
+										 fill="#F56E73" p-id="3314"></path>
+										<path d="M708.5 596v244.5c0 13.3-10.7 24-24 24h30c13.3 0 24-10.7 24-24V596h-30z" fill="#FFA1A8" p-id="3315"></path>
+										<path d="M475.2 882.5c-9.9 0-18-8.1-18-18V632.8c0-30.2 24.6-54.8 54.8-54.8 30.2 0 54.8 24.6 54.8 54.8v231.7c0 9.9-8.1 18-18 18h-73.6z"
+										 fill="#F56E73" p-id="3316"></path>
+										<path d="M560.7 159.5h-18c23 0 41.7 18.7 41.7 41.7V221h18v-19.8c-0.1-23-18.7-41.7-41.7-41.7zM750.4 234.5h-30c20.8 0 37.6 16.8 37.6 37.6v72.4h30v-72.4c0-20.8-16.8-37.6-37.6-37.6z"
+										 fill="#FFD79C" p-id="3317"></path>
+										<path d="M750.4 198.5H638.2c-1.4-41.6-35.6-75-77.5-75h-97.3c-41.9 0-76.1 33.4-77.5 75H273.6c-40.6 0-73.6 33-73.6 73.6v72.4c0 19.9 16.1 36 36 36h13.5v460c0 33.1 26.9 60 60 60H714.7c33.1 0 60-26.9 60-60v-460H788c19.9 0 36-16.1 36-36v-72.4c0-40.6-33-73.6-73.6-73.6z m-287.1-39h97.3c22.1 0 40.2 17.2 41.5 39H421.8c1.4-21.8 19.4-39 41.5-39z m-104.2 705h-49.6c-13.3 0-24-10.7-24-24V596h36.8c20.3 0 36.8 16.5 36.8 36.8v231.7z m189.7 0h-73.6V632.8c0-20.3 16.5-36.8 36.8-36.8 20.3 0 36.8 16.5 36.8 36.8v231.7z m189.7-24c0 13.3-10.7 24-24 24h-49.6V632.8c0-20.3 16.5-36.8 36.8-36.8h36.8v244.5z m0-280.5h-36.8c-40.1 0-72.8 32.6-72.8 72.8v231.7h-44.2V632.8c0-40.1-32.6-72.8-72.8-72.8-40.1 0-72.8 32.6-72.8 72.8v231.7h-44.2V632.8c0-40.1-32.6-72.8-72.8-72.8h-36.8v-74.5h279c9.9 0 18-8.1 18-18s-8.1-18-18-18h-279v-69h453V560zM788 344.5H236v-72.4c0-20.8 16.8-37.6 37.6-37.6h476.8c20.8 0 37.6 16.8 37.6 37.6v72.4z"
+										 fill="#453B56" p-id="3318"></path>
+										<path d="M621.8 467.5m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56" p-id="3319"></path>
+									</svg>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-xs6 layui-col-md3">
+					<div class="layui-card top-panel">
+						<div class="layui-card-header">流量统计</div>
+						<div class="layui-card-body">
+							<div class="layui-row layui-col-space5">
+								<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value4">
+									0
+								</div>
+								<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
+									<svg t="1591462491887" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+									 p-id="3449" width="200" height="200">
+										<path d="M363.2 807c-9.9 0-18-8.1-18-18v-75.5c0-9.9 8.1-18 18-18h108.5c9.9 0 18 8.1 18 18V789c0 9.9-8.1 18-18 18H363.2z"
+										 fill="#F56E73" p-id="3450"></path>
+										<path d="M441.7 713.5h30V789h-30z" fill="#FFA1A8" p-id="3451"></path>
+										<path d="M259.6 398c-9.9 0-18-8.1-18-18V178.6c0-23.8 19.3-43.1 43.1-43.1s43.1 19.3 43.1 43.1V380c0 9.9-8.1 18-18 18h-50.2zM525.1 398c-9.9 0-18-8.1-18-18V178.6c0-23.8 19.3-43.1 43.1-43.1s43.1 19.3 43.1 43.1V380c0 9.9-8.1 18-18 18h-50.2z"
+										 fill="#65C8FF" p-id="3452"></path>
+										<path d="M550.2 153.5c-3.2 0-6.2 0.7-9 1.7 9.4 3.6 16.1 12.7 16.1 23.4V380h18V178.6c0.1-13.9-11.2-25.1-25.1-25.1z"
+										 fill="#97DCFF" p-id="3453"></path>
+										<path d="M686 330.5H149c-9.9 0-18 8.1-18 18v63c0 9.9 8.1 18 18 18h33.2l45 225c8.7 43.4 47.1 75 91.4 75h197.6c44.3 0 82.7-31.5 91.4-75l45-225H686c9.9 0 18-8.1 18-18v-63c0-9.9-8.1-18-18-18z"
+										 fill="#FCC66F" p-id="3454"></path>
+										<path d="M608 411.5L560.1 651c-7 35.2-37.9 60.5-73.8 60.5h30c35.9 0 66.7-25.3 73.8-60.5L638 411.5h-30zM656 348.5h30v63h-30z"
+										 fill="#FFD79C" p-id="3455"></path>
+										<path d="M474.2 543.5m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56" p-id="3456"></path>
+										<path d="M416.9 525.5h-125c-9.9 0-18 8.1-18 18s8.1 18 18 18h125c9.9 0 18-8.1 18-18s-8.1-18-18-18zM893 543.5h-33.4c-65.2 0-118.2 53-118.2 118.2v19.6c0 9.9 8.1 18 18 18s18-8.1 18-18v-19.6c0-45.3 36.9-82.2 82.2-82.2H893c9.9 0 18-8.1 18-18s-8-18-18-18zM772.2 744.2c7-7 7-18.4 0-25.5-7-7-18.4-7-25.5 0s-7 18.4 0 25.5 18.4 7.1 25.5 0z"
+										 fill="#453B56" p-id="3457"></path>
+										<path d="M759.5 761.6c-9.9 0-18 8.1-18 18v11.6c0 43.7-35.6 79.3-79.3 79.3H487.3c-26.4 0-48.3-19.9-51.4-45.5h35.8c19.9 0 36-16.1 36-36v-41.5h8.6c52.8 0 98.7-37.6 109.1-89.4l42.1-210.6H686c19.9 0 36-16.1 36-36v-63c0-19.9-16.1-36-36-36h-74.6V178.6c0-33.7-27.4-61.1-61.1-61.1s-61.1 27.4-61.1 61.1v133.9H345.9V178.6c0-33.7-27.4-61.1-61.1-61.1s-61.1 27.4-61.1 61.1v133.9H149c-19.9 0-36 16.1-36 36v63c0 19.9 16.1 36 36 36h18.5l42.1 210.6c10.4 51.8 56.2 89.4 109.1 89.4h8.6V789c0 19.9 16.1 36 36 36h36.6c3.3 45.5 41.2 81.5 87.5 81.5h174.8c63.6 0 115.3-51.7 115.3-115.3v-11.6c0-10-8.1-18-18-18z m-234.4-583c0-13.9 11.2-25.1 25.1-25.1s25.1 11.2 25.1 25.1v133.9H525V178.6z m-265.5 0c0-13.9 11.2-25.1 25.1-25.1s25.1 11.2 25.1 25.1v133.9h-50.3V178.6zM149 411.5v-63h537v63H149z m169.7 300c-35.9 0-66.7-25.3-73.8-60.5l-40.7-203.5h426.6L590.1 651c-7 35.2-37.9 60.5-73.8 60.5H318.7z m44.5 77.5v-41.5h108.5V789H363.2z"
+										 fill="#453B56" p-id="3458"></path>
+									</svg>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-row layui-col-space10">
+				<div class="layui-col-md9">
+					<div class="layui-card">
+						<div class="layui-card-body">
+							<div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+								<div id="echarts-records" style="background-color:#ffffff;min-height:400px;padding: 10px"></div>
+							</div>
+						</div>
+					</div>
+					<div class="layui-card">
+						<div class="layui-card-header">动态</div>
+						<div class="layui-card-body">
+							<dl class="layuiadmin-card-status">
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>七彩枫叶 在 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 回答问题</p>
+										<span>几秒前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>简 在 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a
+											 class="pear-text" lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>2天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>恒宇少年 将 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin </a> 更新至 2.3.0
+											版本</p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>如花 在 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a
+											 class="pear-text" lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>就眠仪式 在 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a
+											 class="pear-text" lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>贤心 在 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a
+											 class="pear-text" lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md3">
+					<div class="layui-card">
+						<div class="layui-card-header">更 新</div>
+						<div class="layui-card-body">
+							<ul class="list">
+								<li class="list-item"><span class="title">优化代码格式</span><span class="footer">2021-09-06 11:28</span></li>
+								<li class="list-item"><span class="title">新增消息组件</span><span class="footer">2021-09-06 11:28</span></li>
+								<li class="list-item"><span class="title">移动端兼容</span><span class="footer">2021-09-06 11:28</span></li>
+								<li class="list-item"><span class="title">系统布局优化</span><span class="footer">2021-09-06 11:28</span></li>
+								<li class="list-item"><span class="title">兼容多系统菜单模式</span><span class="footer">2021-09-06 11:28</span></li>
+								<li class="list-item"><span class="title">兼容多标签页切换</span><span class="footer">2021-09-06 11:28</span></li>
+								<li class="list-item"><span class="title">扩展下拉组件</span><span class="footer">2021-09-06 11:28</span></li>
+								<li class="list-item"><span class="title">扩展卡片样式</span><span class="footer">2021-09-06 11:28</span></li>
+							</ul>
+						</div>
+					</div>
+					<div class="layui-card">
+						<div class="layui-card-header">
+							链接
+						</div>
+						<div class="layui-card-body">
+							<a target="_blank" href="http://www.pearadmin.com" class="pear-btn pear-btn-primary  layui-btn-fluid" style="margin-top: 8px;height: 50px;line-height: 50px;">官
+								网</a>
+							<br />
+							<a target="_blank" href="https://gitee.com/pear-admin/Pear-Admin-Layui" class="pear-btn pear-btn-warming  layui-btn-fluid"
+							 style="margin-top: 8px;height: 50px;line-height: 50px;">下 载</a>
+							<br />
+							<a target="_blank" href="https://gitee.com/pear-admin/Pear-Admin-Boot" class="pear-btn pear-btn-danger  layui-btn-fluid"
+							 style="margin-top: 8px;height: 50px;line-height: 50px;">后 端</a>
+						</div>
+					</div>
+					<div class="layui-card">
+						<div class="layui-card-header">
+							寄语
+						</div>
+						<div class="layui-card-body" style="line-height:40px;">
+							原想将澎湃的爱平平稳稳放置你手心，奈何我徒有一股蛮劲，只顾向你跑去，一个不稳跌的满身脏兮兮。试图爬起的我，
+							心想你会不会笑我 " 献爱献的这样笨拙, 怎么不知避开爱里的埋伏 "
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!--</div>-->
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['layer', 'echarts', 'element', 'count'], function() {
+				var $ = layui.jquery,
+					layer = layui.layer,
+					element = layui.element,
+					count = layui.count,
+					echarts = layui.echarts;
+
+				count.up("value1", {
+					time: 4000,
+					num: 440.34,
+					bit: 2,
+					regulator: 50
+				})
+
+				count.up("value2", {
+					time: 4000,
+					num: 236.30,
+					bit: 2,
+					regulator: 50
+				})
+
+				count.up("value3", {
+					time: 4000,
+					num: 634.43,
+					bit: 2,
+					regulator: 50
+				})
+
+				count.up("value4", {
+					time: 4000,
+					bit: 2,
+					num: 373.23,
+					regulator: 50
+				})
+
+				var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
+
+				const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
+				var option = {
+					backgroundColor: '#fff',
+					tooltip: {
+						show: false
+					},
+					grid: {
+						top: '10%',
+						bottom: '6%',
+						left: '6%',
+						right: '6%',
+						containLabel: true
+					},
+					xAxis: [{
+						type: 'category',
+						boundaryGap: false,
+						axisLine: {
+							show: false
+						},
+						axisTick: {
+							show: false
+						},
+						axisLabel: {
+							margin: 10,
+							//textStyle: {
+								fontSize: 14,
+								color: 'rgba(#999)'
+							//}
+						},
+						splitLine: {
+							show: true,
+							lineStyle: {
+								color: '#939ab6',
+								opacity: .15
+							}
+						},
+						data: ['10:00', '10:10', '10:10', '10:30', '10:40', '10:50']
+					}, ],
+					yAxis: [{
+						type: 'value',
+						offset: 15,
+						max: 100,
+						min: 0,
+						axisTick: {
+							show: false
+						},
+						axisLine: {
+							show: false
+						},
+						axisLabel: {
+							margin: 10,
+							//textStyle: {
+								fontSize: 14,
+								color: '#999'
+							//}
+						},
+						splitLine: {
+							show: false
+						}
+
+					}],
+					series: [{
+						name: '2',
+						type: 'line',
+						z: 3,
+						showSymbol: false,
+						smoothMonotone: 'x',
+						lineStyle: {
+							width: 3,
+							color: {
+								type: 'linear',
+								x: 0,
+								y: 0,
+								x2: 0,
+								y2: 1,
+								colorStops: [{
+									offset: 0,
+									color: 'rgba(59,102,246)' // 0% 处的颜色
+								}, {
+									offset: 1,
+									color: 'rgba(118,237,252)' // 100% 处的颜色
+								}]
+							},
+							shadowBlur: 4,
+							shadowColor: 'rgba(69,126,247,.2)',
+							shadowOffsetY: 4
+						},
+						areaStyle: {
+							//normal: {
+								color: {
+									type: 'linear',
+									x: 0,
+									y: 0,
+									x2: 0,
+									y2: 1,
+									colorStops: [{
+										offset: 0,
+										color: 'rgba(227,233,250,.9)' // 0% 处的颜色
+									}, {
+										offset: 1,
+										color: 'rgba(248,251,252,.3)' // 100% 处的颜色
+									}]
+								}
+							//}
+						},
+						smooth: true,
+						data: [20, 56, 17, 40, 68, 42]
+					}, {
+						name: '1',
+						type: 'line',
+						showSymbol: false,
+						smoothMonotone: 'x',
+
+						lineStyle: {
+							width: 3,
+							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+								offset: 0,
+								color: 'rgba(255,84,108)'
+							}, {
+								offset: 1,
+								color: 'rgba(252,140,118)'
+							}], false),
+							shadowBlur: 4,
+							shadowColor: 'rgba(253,121,128,.2)',
+							shadowOffsetY: 4
+						},
+						areaStyle: {
+							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+								offset: 0,
+								color: 'rgba(255,84,108,.15)'
+							}, {
+								offset: 1,
+								color: 'rgba(252,140,118,0)'
+							}], false),
+						},
+						smooth: true,
+						data: [20, 71, 8, 50, 57, 32]
+					}, ]
+
+				};
+				echartsRecords.setOption(option);
+
+				window.onresize = function() {
+					echartsRecords.resize();
+				}
+
+			});
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/console/console2.html b/src/plugin/admin/public/demos/console/console2.html
new file mode 100644
index 0000000..a2f4a7c
--- /dev/null
+++ b/src/plugin/admin/public/demos/console/console2.html
@@ -0,0 +1,502 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>数据分析</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="../../component/pear/css/pear.css" />
+		<link rel="stylesheet" href="../../demos/css/console2.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md8">
+				<div class="layui-row layui-col-space10">
+					<div class="layui-col-md6">
+						<div class="layui-card">
+							<div class="layui-card-header">
+								快捷菜单
+							</div>
+							<div class="layui-card-body">
+								<div class="layui-row layui-col-space10">
+									<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
+										<div class="pear-card" data-id="home1" data-title="主页" data-url="http://www.baidu.com">
+											<i class="layui-icon layui-icon-home"></i>
+										</div>
+										<span class="pear-card-title">主页</span>
+									</div>
+									<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
+										<div class="pear-card" data-id="home2" data-title="弹层" data-url="http://www.baidu.com">
+											<i class="layui-icon layui-icon-camera"></i>
+										</div>
+										<span class="pear-card-title">弹层</span>
+									</div>
+									<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
+										<div class="pear-card" data-id="home2" data-title="聊天" data-url="http://www.baidu.com">
+											<i class="layui-icon layui-icon-star"></i>
+										</div>
+										<span class="pear-card-title">聊天</span>
+									</div>
+									<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
+										<div class="pear-card" data-id="home3" data-title="相机" data-url="http://www.baidu.com">
+											<i class="layui-icon layui-icon-camera"></i>
+										</div>
+										<span class="pear-card-title">相机</span>
+									</div>
+									<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
+										<div class="pear-card" data-id="home4" data-title="表单" data-url="http://www.baidu.com">
+											<i class="layui-icon layui-icon-console"></i>
+										</div>
+										<span class="pear-card-title">表单</span>
+									</div>
+									<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
+										<div class="pear-card" data-id="home5" data-title="安全" data-url="http://www.baidu.com">
+											<i class="layui-icon layui-icon-auz"></i>
+										</div>
+										<span class="pear-card-title">安全</span>
+									</div>
+									<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
+										<div class="pear-card" data-id="home6" data-title="公告" data-url="http://www.baidu.com">
+											<i class="layui-icon layui-icon-cart"></i>
+										</div>
+										<span class="pear-card-title">公告</span>
+									</div>
+									<div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
+										<div class="pear-card" data-id="home7" data-title="更多" data-url="http://www.baidu.com">
+											<i class="layui-icon layui-icon-app"></i>
+										</div>
+										<span class="pear-card-title">更多</span>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="layui-col-md6">
+						<div class="layui-card">
+							<div class="layui-card-header">
+								代办任务
+							</div>
+							<div class="layui-card-body">
+								<div class="layui-row layui-col-space10">
+									<div class="layui-col-md6 layui-col-sm6 layui-col-xs6">
+										<div class="pear-card2">
+											<div class="title">待审评论</div>
+											<div class="count pear-text">21</div>
+										</div>
+									</div>
+									<div class="layui-col-md6 layui-col-sm6 layui-col-xs6">
+										<div class="pear-card2">
+											<div class="title">待审帖子</div>
+											<div class="count pear-text">32</div>
+										</div>
+									</div>
+									<div class="layui-col-md6 layui-col-sm6 layui-col-xs6">
+										<div class="pear-card2">
+											<div class="title">待审文章</div>
+											<div class="count pear-text">14</div>
+										</div>
+									</div>
+									<div class="layui-col-md6 layui-col-sm6 layui-col-xs6">
+										<div class="pear-card2">
+											<div class="title">待审用户</div>
+											<div class="count pear-text">63</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="layui-col-md12">
+						<div class="layui-card">
+							<div class="layui-card-body">
+								<div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+									<div id="echarts-records" style="background-color:#ffffff;min-height:400px;"></div>
+								</div>
+							</div>
+						</div>
+						<div class="layui-card">
+							<div class="layui-card-header">
+								使用记录
+							</div>
+							<div class="layui-card-body">
+								<table id="role-table" lay-filter="role-table"></table>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md4">
+				<div class="layui-card">
+					<div class="layui-card-header">留言板</div>
+					<div class="layui-card-body">
+						<ul class="pear-card-status">
+							<li>
+								<p>要不要作为我的家人，搬来我家。</p>
+								<span>12月25日 19:92</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							<li>
+								<p>快乐的时候不敢尽兴，频繁警戒自己保持清醒。</p>
+								<span>4月30日 22:43</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							<li>
+								<p>夏天真的来了，尽管它还有些犹豫。</p>
+								<span>4月30日 22:43</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							<li>
+								<p>看似不可达到的高度，只要坚持不懈就可能到达。</p>
+								<span>4月30日 22:43</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							<li>
+								<p>当浑浊变成了一种常态，那么清白就成了一种罪过。</p>
+								<span>4月30日 22:43</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							<li>
+								<p>那是一种内在的东西，他们到达不了，也无法触及！</p>
+								<span>5月12日 01:25</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							</li>
+							<li>
+								<p>希望是一个好东西,也许是最好的,好东西是不会消亡的！</p>
+								<span>6月11日 15:33</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							<li>
+								<p>一切都在不可避免的走向庸俗。</p>
+								<span>2月09日 13:40</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							<li>
+								<p>路上没有灯火的时候，就点亮自己的头颅。</p>
+								<span>3月11日 12:30</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							
+							<li>
+								<p>我们应该不虚度一生，应该能够说：＂我已经做了我能做的事。＂</p>
+								<span>4月30日 22:43</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							</li>
+							<li>
+								<p>接近，是我对一切的态度，是我对一切态度的距离</p>
+								<span>6月11日 15:33</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+							<li>
+								<p>没有锚的船当然也可以航行，只是紧张充满你的一生。</p>
+								<span>2月09日 13:40</span>
+								<a href="javascript:;" data-id="1" class="pear-btn pear-btn-primary pear-btn-xs pear-reply">回复</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!--</div>-->
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['layer', 'echarts', 'carousel', 'element', 'table'], function() {
+				var $ = layui.jquery,
+					layer = layui.layer,
+					element = layui.element,
+					echarts = layui.echarts,
+					table = layui.table,
+					carousel = layui.carousel;
+
+				let cols = [
+					[{
+							type: 'checkbox'
+						},
+						{
+							title: '角色名',
+							field: 'roleName',
+							align: 'center',
+							width: 100
+						},
+						{
+							title: 'Key值',
+							field: 'roleCode',
+							align: 'center'
+						},
+						{
+							title: '描述',
+							field: 'details',
+							align: 'center'
+						},
+						{
+							title: '是否可用',
+							field: 'enable',
+							align: 'center',
+							templet: '#role-enable'
+						}
+					]
+				]
+
+				table.render({
+					elem: '#role-table',
+					url: '../../demos/data/role.json',
+					page: true,
+					cols: cols,
+					skin: 'line'
+				});
+
+
+				var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
+
+				$("body").on("click", "[data-url]", function() {
+					parent.layui.tab.addTabOnlyByElem("content", {
+						id: $(this).attr("data-id"),
+						title: $(this).attr("data-title"),
+						url: $(this).attr("data-url"),
+						close: true
+					})
+				})
+
+
+				let bgColor = "#fff";
+				let color = [
+					"#0090FF",
+					"#36CE9E",
+					"#FFC005",
+					"#FF515A",
+					"#8B5CFF",
+					"#00CA69"
+				];
+				let echartData = [{
+						name: "1",
+						value1: 100,
+						value2: 233
+					},
+					{
+						name: "2",
+						value1: 138,
+						value2: 233
+					},
+					{
+						name: "3",
+						value1: 350,
+						value2: 200
+					},
+					{
+						name: "4",
+						value1: 173,
+						value2: 180
+					},
+					{
+						name: "5",
+						value1: 180,
+						value2: 199
+					},
+					{
+						name: "6",
+						value1: 150,
+						value2: 233
+					},
+					{
+						name: "7",
+						value1: 180,
+						value2: 210
+					},
+					{
+						name: "8",
+						value1: 230,
+						value2: 180
+					}
+				];
+
+				let xAxisData = echartData.map(v => v.name);
+				//  ["1", "2", "3", "4", "5", "6", "7", "8"]
+				let yAxisData1 = echartData.map(v => v.value1);
+				// [100, 138, 350, 173, 180, 150, 180, 230]
+				let yAxisData2 = echartData.map(v => v.value2);
+				// [233, 233, 200, 180, 199, 233, 210, 180]
+				const hexToRgba = (hex, opacity) => {
+					let rgbaColor = "";
+					let reg = /^#[\da-f]{6}$/i;
+					if (reg.test(hex)) {
+						rgbaColor =
+							`rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
+					      "0x" + hex.slice(3, 5)
+					    )},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
+					}
+					return rgbaColor;
+				}
+
+				option = {
+					backgroundColor: bgColor,
+					color: color,
+					legend: {
+						right: 10,
+						top: 10
+					},
+					tooltip: {
+						trigger: "axis",
+						formatter: function(params) {
+							let html = '';
+							params.forEach(v => {
+								console.log(v)
+								html +=
+									`<div style="color: #666;font-size: 14px;line-height: 24px">
+					                <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${color[v.componentIndex]};"></span>
+					                ${v.seriesName}.${v.name}
+					                <span style="color:${color[v.componentIndex]};font-weight:700;font-size: 18px">${v.value}</span>
+					                万元`;
+							})
+
+
+
+							return html
+						},
+						extraCssText: 'background: #fff; border-radius: 0;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;',
+						axisPointer: {
+							type: 'shadow',
+							shadowStyle: {
+								color: '#ffffff',
+								shadowColor: 'rgba(225,225,225,1)',
+								shadowBlur: 5
+							}
+						}
+					},
+					grid: {
+						top: 100,
+						containLabel: true
+					},
+					xAxis: [{
+						type: "category",
+						boundaryGap: false,
+						axisLabel: {
+							formatter: '{value}月',
+							textStyle: {
+								color: "#333"
+							}
+						},
+						axisLine: {
+							lineStyle: {
+								color: "#D9D9D9"
+							}
+						},
+						data: xAxisData
+					}],
+					yAxis: [{
+						type: "value",
+						name: '单位：万千瓦时',
+						axisLabel: {
+							textStyle: {
+								color: "#666"
+							}
+						},
+						nameTextStyle: {
+							color: "#666",
+							fontSize: 12,
+							lineHeight: 40
+						},
+						splitLine: {
+							lineStyle: {
+								type: "dashed",
+								color: "#E9E9E9"
+							}
+						},
+						axisLine: {
+							show: false
+						},
+						axisTick: {
+							show: false
+						}
+					}],
+					series: [{
+						name: "2018",
+						type: "line",
+						smooth: true,
+						// showSymbol: false,/
+						symbolSize: 8,
+						zlevel: 3,
+						lineStyle: {
+							normal: {
+								color: color[0],
+								shadowBlur: 3,
+								shadowColor: hexToRgba(color[0], 0.5),
+								shadowOffsetY: 8
+							}
+						},
+						areaStyle: {
+							normal: {
+								color: new echarts.graphic.LinearGradient(
+									0,
+									0,
+									0,
+									1,
+									[{
+											offset: 0,
+											color: hexToRgba(color[0], 0.3)
+										},
+										{
+											offset: 1,
+											color: hexToRgba(color[0], 0.1)
+										}
+									],
+									false
+								),
+								shadowColor: hexToRgba(color[0], 0.1),
+								shadowBlur: 10
+							}
+						},
+						data: yAxisData1
+					}, {
+						name: "2019",
+						type: "line",
+						smooth: true,
+						// showSymbol: false,
+						symbolSize: 8,
+						zlevel: 3,
+						lineStyle: {
+							normal: {
+								color: color[1],
+								shadowBlur: 3,
+								shadowColor: hexToRgba(color[1], 0.5),
+								shadowOffsetY: 8
+							}
+						},
+						areaStyle: {
+							normal: {
+								color: new echarts.graphic.LinearGradient(
+									0,
+									0,
+									0,
+									1,
+									[{
+											offset: 0,
+											color: hexToRgba(color[1], 0.3)
+										},
+										{
+											offset: 1,
+											color: hexToRgba(color[1], 0.1)
+										}
+									],
+									false
+								),
+								shadowColor: hexToRgba(color[1], 0.1),
+								shadowBlur: 10
+							}
+						},
+						data: yAxisData2
+					}]
+				};
+
+				echartsRecords.setOption(option);
+
+				window.onresize = function() {
+					echartsRecords.resize();
+				}
+
+			});
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/css/avatar.jpg b/src/plugin/admin/public/demos/css/avatar.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..206a8b6c2def8679090c377e433a185dc92c501b
GIT binary patch
literal 76158
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

literal 0
HcmV?d00001

diff --git a/src/plugin/admin/public/demos/css/console1.css b/src/plugin/admin/public/demos/css/console1.css
new file mode 100644
index 0000000..e175df8
--- /dev/null
+++ b/src/plugin/admin/public/demos/css/console1.css
@@ -0,0 +1,141 @@
+.top-panel {
+	border-radius: 4px;
+	text-align: center;
+}
+
+.top-panel>.layui-card-body {
+	height: 60px;
+}
+
+.top-panel-number {
+	line-height: 60px;
+	font-size: 29px;
+	border-right: 1px solid #eceff9;
+}
+
+.top-panel-tips {
+	padding-left: 8px;
+	padding-top: 16px;
+	line-height: 30px;
+	font-size: 12px;
+}
+
+.pear-container {
+	background-color: whitesmoke;
+	margin: 10px;
+}
+
+.card {
+	width: 100%;
+	height: 160px;
+	background-color: whitesmoke;
+	border-radius: 4px;
+}
+
+.card .header .avatar {
+	width: 28px;
+	height: 28px;
+	margin: 20px;
+	border-radius: 50px;
+}
+
+.card .header {
+	color: dimgray;
+}
+
+.card .body {
+	color: gray;
+}
+
+.card .body {
+	margin-left: 20px;
+	margin-right: 20px;
+}
+
+.card .footer {
+	margin-left: 20px;
+	margin-right: 20px;
+	margin-top: 20px;
+	font-size: 13px;
+	color: gray;
+	position: absolute;
+}
+
+.custom-tab .layui-tab-title {
+	border-bottom-width: 0px;
+	border-bottom-style: none;
+}
+
+.custom-tab .layui-tab-title li {
+	margin-left: 10px;
+}
+
+.list .list-item {
+	height: 31.8px;
+	line-height: 31.8px;
+	color: gray;
+	padding: 5px;
+	padding-left: 15px;
+	border-radius: 4px;
+	margin-top: 5.2px;
+}
+
+.list .list-item:hover {
+	background-color: whitesmoke;
+}
+
+.list .list-item .title {
+	font-size: 13px;
+	width: 100%;
+}
+
+.list .list-item .footer {
+	position: absolute;
+	right: 30px;
+	font-size: 12px;
+}
+
+.top-panel-tips i {
+	font-size: 33px;
+}
+
+.layuiadmin-card-status {
+	padding: 0 10px 10px;
+}
+
+.layuiadmin-card-status dd {
+	padding: 15px 0;
+	border-bottom: 1px solid #EEE;
+	display: -webkit-flex;
+	display: flex;
+}
+
+.layuiadmin-card-status dd div.layui-status-img,
+.layuiadmin-card-team .layui-team-img {
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	margin-right: 15px;
+}
+
+.layuiadmin-card-status dd div.layui-status-img a {
+	width: 100%;
+	height: 100%;
+	display: inline-block;
+	text-align: center;
+	line-height: 32px;
+}
+
+.layuiadmin-card-status dd div span {
+	color: #BBB;
+}
+
+.layuiadmin-card-status dd div a {
+	color: #01AAED;
+}
+
+.top-panel-tips svg {
+	margin-top: -12px;
+	width: 50px;
+	height: 50px;
+}
diff --git a/src/plugin/admin/public/demos/css/console2.css b/src/plugin/admin/public/demos/css/console2.css
new file mode 100644
index 0000000..4aaa7e5
--- /dev/null
+++ b/src/plugin/admin/public/demos/css/console2.css
@@ -0,0 +1,121 @@
+.pear-container {
+	background-color: whitesmoke;
+	margin: 10px;
+}
+
+.pear-card {
+	width: 100%;
+	height: 66px;
+	background-color: #F8F8F8;
+	display: inline-block;
+	border-radius: 5px;
+	text-align: center;
+	margin-bottom: 3px;
+}
+
+.pear-card:hover,
+.pear-card2:hover {
+	box-shadow: 2px 0 8px 0 lightgray !important;
+}
+
+.pear-card2 {
+	width: 100%;
+	height: 90px;
+	background-color: #F8F8F8;
+	display: inline-block;
+	border-radius: 5px;
+	text-align: center;
+	margin-bottom: 3px;
+}
+
+.pear-card2 i {
+	font-size: 30px;
+	height: 90px;
+	line-height: 90px;
+}
+
+.pear-card i {
+	font-size: 30px;
+	height: 66px;
+	line-height: 66px;
+}
+
+.layui-col-md3 {
+	text-align: center;
+}
+
+.pear-card-title {
+	margin-top: 3px;
+}
+
+.person img {
+	width: 90px;
+	height: 90px;
+	border-radius: 4px;
+	margin-top: 8px;
+	margin-left: 8px;
+}
+
+.pear-card2 .count {
+	color: #51A351;
+	font-size: 30px;
+	margin-top: 12px;
+}
+
+.pear-card2 .title {
+	color: gray;
+	font-size: 14px;
+	margin-top: 14px;
+}
+
+.pear-card-status {
+	padding: 0 10px 10px;
+}
+
+.pear-card-status li {
+	position: relative;
+	padding: 10px 0;
+	border-bottom: 1px solid #EEE;
+}
+
+.pear-card-status li h3 {
+	padding-bottom: 5px;
+	font-weight: 700;
+}
+
+.pear-card-status li p {
+	padding-bottom: 10px;
+	padding-top: 3px;
+}
+
+.pear-card-status li>span {
+	color: #999;
+	height: 24px;
+	line-height: 24px;
+}
+
+.pear-reply {
+	position: absolute;
+	right: 20px;
+	bottom: 12px;
+	height: 24px;
+	line-height: 24px;
+}
+
+.person .title {
+	font-size: 17px;
+	font-weight: 600;
+	margin-left: 18px;
+	margin-top: 16px;
+	position: absolute;
+	display: inline-block;
+}
+
+.person .desc {
+	font-size: 16px;
+	font-weight: 600;
+	margin-left: 115px;
+	margin-top: -30px;
+	position: absolute;
+	display: inline-block;
+}
diff --git a/src/plugin/admin/public/demos/css/department.css b/src/plugin/admin/public/demos/css/department.css
new file mode 100644
index 0000000..d6898b7
--- /dev/null
+++ b/src/plugin/admin/public/demos/css/department.css
@@ -0,0 +1,6 @@
+.organizationTree {
+	width: 100% !important;
+	height: -webkit-calc(100vh - 130px);
+	height: -moz-calc(100vh - 130px);
+	height: calc(100vh - 130px);
+}
diff --git a/src/plugin/admin/public/demos/css/error.css b/src/plugin/admin/public/demos/css/error.css
new file mode 100644
index 0000000..37d4c0e
--- /dev/null
+++ b/src/plugin/admin/public/demos/css/error.css
@@ -0,0 +1,76 @@
+* {
+	padding: 0;
+	margin: 0;
+	font-size: 0.38rem;
+}
+
+ul {
+	list-style: none;
+}
+
+a {
+	text-decoration: none;
+	-webkit-tap-highlight-color: transparent
+}
+
+.clearfix:after {
+	content: '';
+	width: 0;
+	height: 0;
+	display: block;
+	clear: both;
+}
+
+html {
+	height: 100%;
+	width: 100%;
+}
+
+body {
+	font-size: 0.28rem;
+	height: 100%;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	background-color: white !important;
+}
+
+.content {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+	width: 100%;
+	text-align: center;
+}
+
+.content>img {
+	height: 300px;
+	max-width: 370px;
+	margin-right: 180px;
+}
+
+.content>* {
+	display: inline-block;
+}
+
+.content-r {
+	vertical-align: top;
+}
+
+.content-r>h1 {
+	font-size: 72px;
+	color: #434e59;
+	margin-bottom: 24px;
+	font-weight: 600;
+}
+
+.content-r>p {
+	font-size: 20px;
+	color: rgba(0, 0, 0, .45);
+	margin-bottom: 16px;
+}
+
+button {
+	margin-top: 20px;
+}
diff --git a/src/plugin/admin/public/demos/css/icon.css b/src/plugin/admin/public/demos/css/icon.css
new file mode 100644
index 0000000..cd1a6ce
--- /dev/null
+++ b/src/plugin/admin/public/demos/css/icon.css
@@ -0,0 +1,531 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
diff --git a/src/plugin/admin/public/demos/css/login.css b/src/plugin/admin/public/demos/css/login.css
new file mode 100644
index 0000000..938f05f
--- /dev/null
+++ b/src/plugin/admin/public/demos/css/login.css
@@ -0,0 +1,99 @@
+.layui-form {
+	width: 320px !important;
+	margin: auto !important;
+	margin-top: 160px !important;
+}
+
+.layui-form button {
+	width: 100% !important;
+	height: 44px !important;
+	line-height: 44px !important;
+	font-size: 16px !important;
+	background-color: #5FB878 !important;
+	font-weight: 550 !important;
+}
+
+.layui-form-checked[lay-skin=primary] i {
+	border-color: #5FB878 !important;
+	background-color: #5FB878 !important;
+	color: #fff !important;
+}
+
+.layui-tab-content {
+	margin-top: 15px !important;
+	padding-left: 0px !important;
+	padding-right: 0px !important;
+}
+
+.layui-form-item {
+	margin-top: 20px !important;
+}
+
+.layui-input {
+	height: 44px !important;
+	line-height: 44px !important;
+	padding-left: 15px !important;
+	border-radius: 3px !important;
+}
+
+.layui-input:focus {
+	box-shadow: 0px 0px 2px 1px #5FB878 !important;
+}
+
+.layui-form-danger:focus{
+	box-shadow: 0px 0px 2px 1px #f56c6c !important;
+}
+
+.logo {
+	width: 60px !important;
+	margin-top: 10px !important;
+	margin-bottom: 10px !important;
+	margin-left: 20px !important;
+}
+
+.title {
+	font-size: 30px !important;
+	font-weight: 550 !important;
+	margin-left: 20px !important;
+	color: #5FB878 !important;
+	display: inline-block !important;
+	height: 60px !important;
+	line-height: 60px !important;
+	margin-top: 10px !important;
+	position: absolute !important;
+}
+
+.desc {
+	width: 100% !important;
+	text-align: center !important;
+	color: gray !important;
+	height: 60px !important;
+	line-height: 60px !important;
+}
+
+body {
+	background-repeat:no-repeat;
+	background-color: whitesmoke;
+	background-size: 100%;
+	height: 100%;
+ }
+
+.code {
+	float: left;
+	margin-right: 13px;
+	margin: 0px !important;
+	border: #e6e6e6 1px solid;
+	display: inline-block!important;
+}
+
+.codeImage {
+	float: right;
+	height: 42px;
+	border: #e6e6e6 1px solid;
+}
+
+@media (max-width:768px){
+	body{
+		background-position:center;
+	}
+}
diff --git a/src/plugin/admin/public/demos/css/person.css b/src/plugin/admin/public/demos/css/person.css
new file mode 100644
index 0000000..53c787a
--- /dev/null
+++ b/src/plugin/admin/public/demos/css/person.css
@@ -0,0 +1,80 @@
+.pear-container {
+	background-color: whitesmoke;
+	margin: 10px;
+}
+.layui-body {
+	padding: 25px;
+}
+.text-center {
+	text-align: center;
+}
+.user-info-head {
+	width: 110px;
+	height: 110px;
+	line-height: 110px;
+	position: relative;
+	display: inline-block;
+	border-radius: 50%;
+	overflow: hidden;
+	cursor: pointer;
+	margin: 0 auto;
+}
+.layui-line-dash {
+	border-bottom: 1px dashed #ccc;
+	margin: 15px 0;
+}
+.comment {
+	position: absolute;
+	bottom: 3px;
+	right: 10px;
+	font-size: 12px;
+	color: dimgray;
+}
+.content {
+	padding-left: 13px;
+	font-size: 13px;
+	color: dimgray;
+}
+.title {
+	padding-left: 13.5px;
+}
+.layui-tab-title {
+	border-bottom: none;
+}
+.fl-item {
+	height: 30px;
+	font-size: 13.5;
+}
+.dot {
+	width: 10px;
+	height: 10px;
+	border-radius: 50px;
+	background-color: gray;
+	display: inline-block;
+	margin-right: 10px;
+}
+
+.list .list-item {
+	height: 32px;
+	line-height: 32px;
+	color: gray;
+	padding: 5px;
+	padding-left: 15px;
+	border-radius: 4px;
+	margin-top: 5.2px;
+}
+
+.list .list-item:hover {
+	background-color: whitesmoke;
+}
+
+.list .list-item .title {
+	font-size: 13px;
+	width: 100%;
+}
+
+.list .list-item .footer {
+	position: absolute;
+	right: 30px;
+	font-size: 12px;
+}
diff --git a/src/plugin/admin/public/demos/css/result.css b/src/plugin/admin/public/demos/css/result.css
new file mode 100644
index 0000000..d5ccaa3
--- /dev/null
+++ b/src/plugin/admin/public/demos/css/result.css
@@ -0,0 +1,39 @@
+.result {
+	text-align: center;
+
+}
+.result .success svg {
+	color: #32C682;
+	text-align: center;
+	margin-top: 40px;
+
+}
+.result .error svg {
+	color: #f56c6c;
+	text-align: center;
+	margin-top: 40px;
+
+}
+.result .title {
+	margin-top: 25px;
+
+}
+.result .desc {
+	margin-top: 25px;
+	width: 60%;
+	margin-left: 20%;
+	color: rgba(0, 0, 0, .45);
+}
+.result .content {
+	margin-top: 20px;
+	width: 80%;
+	border-radius: 10px;
+	background-color: whitesmoke;
+	height: 200px;
+	margin-left: 10%;
+}
+.result .action {
+	padding-top: 10px;
+	border-top: 1px whitesmoke solid;
+	margin-top: 25px;
+}
diff --git a/src/plugin/admin/public/demos/data/card.json b/src/plugin/admin/public/demos/data/card.json
new file mode 100644
index 0000000..e238590
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/card.json
@@ -0,0 +1,57 @@
+{
+	"msg": "not data",
+	"count": 30,
+	"data": [{
+			"id": "1",
+			"image": "https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png",
+			"title": "Alipay",
+			"remark": "那是一种内在的东西， 他们到达不了，也无法触及的",
+			"time": "几秒前"
+		}, {
+			"id": "2",
+			"image": "https://gw.alipayobjects.com/zos/rmsportal/iXjVmWVHbCJAyqvDxdtx.png",
+			"title": "Layui",
+			"remark": "生命就像一盒巧克力，结果往往出人意料",
+			"time": "几秒前"
+		}, {
+			"id": "3",
+			"image": "https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png",
+			"title": "Angular",
+			"remark": "希望是一个好东西，也许是最好的，好东西是不会消亡的",
+			"time": "几秒前"
+		},
+		{
+			"id": "4",
+			"image": "https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png",
+			"title": "React",
+			"remark": "那是一种内在的东西， 他们到达不了，也无法触及的",
+			"time": "几秒前"
+		}, {
+			"id": "5",
+			"image": "https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png",
+			"title": "Alipay",
+			"remark": "那是一种内在的东西， 他们到达不了，也无法触及的",
+			"time": "几秒前"
+		}, {
+			"id": "6",
+			"image": "https://gw.alipayobjects.com/zos/rmsportal/iXjVmWVHbCJAyqvDxdtx.png",
+			"title": "Layui",
+			"remark": "生命就像一盒巧克力，结果往往出人意料",
+			"time": "几秒前"
+		}, {
+			"id": "7",
+			"image": "https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png",
+			"title": "Angular",
+			"remark": "希望是一个好东西，也许是最好的，好东西是不会消亡的",
+			"time": "几秒前"
+		},
+		{
+			"id": "8",
+			"image": "https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png",
+			"title": "React",
+			"remark": "那是一种内在的东西， 他们到达不了，也无法触及的",
+			"time": "几秒前"
+		}
+	],
+	"code": 0
+}
diff --git a/src/plugin/admin/public/demos/data/dataMenu.json b/src/plugin/admin/public/demos/data/dataMenu.json
new file mode 100644
index 0000000..18c5adb
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/dataMenu.json
@@ -0,0 +1,377 @@
+{
+	"code": 0,
+	"msg": "ok",
+	"data": [{
+		"id": 1,
+		"title": "工作空间",
+		"type": 0,
+		"icon": "layui-icon layui-icon-console",
+		"href": "",
+		"children": [{
+			"id": 10,
+			"title": "控制后台",
+			"icon": "layui-icon layui-icon-console",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/console/console1.html"
+		}, {
+			"id": 13,
+			"title": "数据分析",
+			"icon": "layui-icon layui-icon-console",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/console/console2.html"
+		}, {
+			"id": 14,
+			"title": "百度一下",
+			"icon": "layui-icon layui-icon-console",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "http://www.baidu.com"
+		}, {
+			"id": 15,
+			"title": "主题预览",
+			"icon": "layui-icon layui-icon-console",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/system/theme.html"
+		}]
+	},
+		{
+			"id": "component",
+			"title": "常用组件",
+			"icon": "layui-icon layui-icon-component",
+			"type": 0,
+			"href": "",
+			"children": [{
+				"id": 201,
+				"title": "基础组件",
+				"icon": "layui-icon layui-icon-console",
+				"type": 0,
+				"children": [{
+					"id": 2011,
+					"title": "功能按钮",
+					"icon": "layui-icon layui-icon-face-smile",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/button.html"
+				}, {
+					"id": 2014,
+					"title": "表单集合",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/form.html"
+				}, {
+					"id": 2010,
+					"title": "字体图标",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/icon.html"
+				}, {
+					"id": 2012,
+					"title": "多选下拉",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/select.html"
+				}, {
+					"id": 2013,
+					"title": "动态标签",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/tag.html"
+				}]
+			}, {
+				"id": 203,
+				"title": "进阶组件",
+				"icon": "layui-icon layui-icon-console",
+				"type": 0,
+				"children": [{
+					"id": 2031,
+					"title": "数据表格",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/table.html"
+				}, {
+					"id": 2032,
+					"title": "分布表单",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/step.html"
+				}, {
+					"id": 2033,
+					"title": "树形表格",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/treetable.html"
+				}, {
+					"id": 2034,
+					"title": "树状结构",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/dtree.html"
+				}, {
+					"id": 2035,
+					"title": "文本编辑",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/tinymce.html"
+				}, {
+					"id": 2036,
+					"title": "卡片组件",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/card.html"
+				}]
+			}, {
+				"id": 202,
+				"title": "弹层组件",
+				"icon": "layui-icon layui-icon-console",
+				"type": 0,
+				"children": [{
+					"id": 2021,
+					"title": "抽屉组件",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/drawer.html"
+				}, {
+					"id": 2022,
+					"title": "消息通知",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/notice.html"
+				}, {
+					"id": 2024,
+					"title": "加载组件",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/loading.html"
+				}, {
+					"id": 2023,
+					"title": "弹层组件",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/popup.html"
+				}]
+			}, {
+				"id": 60331,
+				"title": "高级组件",
+				"icon": "layui-icon layui-icon-console",
+				"type": 0,
+				"children": [{
+					"id": 60131,
+					"title": "多选项卡",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/tab.html"
+				}, {
+					"id": 60132,
+					"title": "数据菜单",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/menu.html"
+				}]
+			}, {
+				"id": 204,
+				"title": "其他组件",
+				"icon": "layui-icon layui-icon-console",
+				"type": 0,
+				"children": [{
+					"id": 2041,
+					"title": "哈希加密",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/hash.html"
+				},
+					{
+						"id": 2042,
+						"title": "图标选择",
+						"icon": "layui-icon layui-icon-face-cry",
+						"type": 1,
+						"openType": "_iframe",
+						"href": "view/document/iconPicker.html"
+					},
+					{
+						"id": 2043,
+						"title": "省市级联",
+						"icon": "layui-icon layui-icon-face-cry",
+						"type": 1,
+						"openType": "_iframe",
+						"href": "view/document/area.html"
+					},
+					{
+						"id": 2044,
+						"title": "数字滚动",
+						"icon": "layui-icon layui-icon-face-cry",
+						"type": 1,
+						"openType": "_iframe",
+						"href": "view/document/count.html"
+					},
+					{
+						"id": 2045,
+						"title": "顶部返回",
+						"icon": "layui-icon layui-icon-face-cry",
+						"type": 1,
+						"openType": "_iframe",
+						"href": "view/document/topBar.html"
+					}
+				]
+			}]
+		},
+		{
+			"id": "result",
+			"title": "结果页面",
+			"icon": "layui-icon layui-icon-auz",
+			"type": 0,
+			"href": "",
+			"children": [{
+				"id": "success",
+				"title": "成功",
+				"icon": "layui-icon layui-icon-face-smile",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/result/success.html"
+			},
+				{
+					"id": "failure",
+					"title": "失败",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/result/error.html"
+				}
+			]
+		},
+		{
+			"id": "error",
+			"title": "错误页面",
+			"icon": "layui-icon layui-icon-face-cry",
+			"type": 0,
+			"href": "",
+			"children": [{
+				"id": 403,
+				"title": "403",
+				"icon": "layui-icon layui-icon-face-smile",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/error/403.html"
+			},
+				{
+					"id": 404,
+					"title": "404",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/error/404.html"
+				},
+
+				{
+					"id": 500,
+					"title": "500",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/error/500.html"
+				}
+
+			]
+		},
+		{
+			"id": "system",
+			"title": "系统管理",
+			"icon": "layui-icon layui-icon-set-fill",
+			"type": 0,
+			"href": "",
+			"children": [{
+				"id": 601,
+				"title": "用户管理",
+				"icon": "layui-icon layui-icon-face-smile",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/system/user.html"
+			},
+				{
+					"id": 602,
+					"title": "角色管理",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/system/role.html"
+				},
+
+				{
+					"id": 603,
+					"title": "权限管理",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/system/power.html"
+				},
+
+				{
+					"id": 604,
+					"title": "部门管理",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/system/deptment.html"
+				},
+				{
+					"id": 605,
+					"title": "行为日志",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/system/log.html"
+				}, {
+					"id": 606,
+					"title": "数据字典",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/system/dict.html"
+				}
+
+			]
+		},
+		{
+			"id": "common",
+			"title": "常用页面",
+			"icon": "layui-icon layui-icon-template-1",
+			"type": 0,
+			"href": "",
+			"children": [{
+				"id": 701,
+				"title": "登录页面",
+				"icon": "layui-icon layui-icon-face-smile",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "login.html"
+			}, {
+				"id": 702,
+				"title": "空白页面",
+				"icon": "layui-icon layui-icon-face-smile",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/system/space.html"
+			}]
+		}
+	]
+}
+
diff --git a/src/plugin/admin/public/demos/data/dataTree2.json b/src/plugin/admin/public/demos/data/dataTree2.json
new file mode 100644
index 0000000..86e8923
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/dataTree2.json
@@ -0,0 +1,37 @@
+{
+	"status": {
+		"code": 200,
+		"message": "操作成功"
+	},
+	"data": [{
+			"id": "001",
+			"title": "湖南省",
+			"checkArr": "0",
+			"parentId": "0"
+		},
+		{
+			"id": "002",
+			"title": "湖北省",
+			"checkArr": "0",
+			"parentId": "0"
+		},
+		{
+			"id": "003",
+			"title": "广东省",
+			"checkArr": "0",
+			"parentId": "0"
+		},
+		{
+			"id": "004",
+			"title": "浙江省",
+			"checkArr": "0",
+			"parentId": "0"
+		},
+		{
+			"id": "005",
+			"title": "福建省",
+			"checkArr": "0",
+			"parentId": "0"
+		}
+	]
+}
diff --git a/src/plugin/admin/public/demos/data/dictData.json b/src/plugin/admin/public/demos/data/dictData.json
new file mode 100644
index 0000000..db7ae11
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/dictData.json
@@ -0,0 +1,36 @@
+{
+	"code": 0,
+	"msg": null,
+	"count": 2,
+	"data": [{
+		"createTime": null,
+		"createBy": null,
+		"createName": null,
+		"updateTime": null,
+		"updateBy": null,
+		"updateName": null,
+		"remark": "男 : body",
+		"params": null,
+		"dataId": "1317401149287956480",
+		"dataLabel": "男",
+		"dataValue": "boy",
+		"typeCode": "user_sex",
+		"isDefault": null,
+		"enable": "0"
+	}, {
+		"createTime": null,
+		"createBy": null,
+		"createName": null,
+		"updateTime": null,
+		"updateBy": null,
+		"updateName": null,
+		"remark": "女 : girl",
+		"params": null,
+		"dataId": "1317402976670711808",
+		"dataLabel": "女",
+		"dataValue": "girl",
+		"typeCode": "user_sex",
+		"isDefault": null,
+		"enable": "0"
+	}]
+}
diff --git a/src/plugin/admin/public/demos/data/dictType.json b/src/plugin/admin/public/demos/data/dictType.json
new file mode 100644
index 0000000..3b9ab26
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/dictType.json
@@ -0,0 +1,90 @@
+{
+	"code": 0,
+	"msg": null,
+	"count": 6,
+	"data": [{
+		"createTime": null,
+		"createBy": null,
+		"createName": null,
+		"updateTime": null,
+		"updateBy": null,
+		"updateName": null,
+		"remark": null,
+		"params": null,
+		"id": "1304489072256876544",
+		"typeName": "用户状态",
+		"typeCode": "user_status",
+		"description": "用户状态",
+		"enable": "0"
+	}, {
+		"createTime": null,
+		"createBy": null,
+		"createName": null,
+		"updateTime": null,
+		"updateBy": null,
+		"updateName": null,
+		"remark": null,
+		"params": null,
+		"id": "1317360314219495424",
+		"typeName": "登录类型",
+		"typeCode": "login",
+		"description": "登录类型",
+		"enable": "0"
+	}, {
+		"createTime": null,
+		"createBy": null,
+		"createName": null,
+		"updateTime": null,
+		"updateBy": null,
+		"updateName": null,
+		"remark": null,
+		"params": null,
+		"id": "1317400519127334912",
+		"typeName": "用户类型",
+		"typeCode": "user_status",
+		"description": "用户类型",
+		"enable": "0"
+	}, {
+		"createTime": null,
+		"createBy": null,
+		"createName": null,
+		"updateTime": null,
+		"updateBy": null,
+		"updateName": null,
+		"remark": null,
+		"params": null,
+		"id": "1317400823096934400",
+		"typeName": "配置类型",
+		"typeCode": "config_type",
+		"description": "配置类型",
+		"enable": "0"
+	}, {
+		"createTime": null,
+		"createBy": null,
+		"createName": null,
+		"updateTime": null,
+		"updateBy": null,
+		"updateName": null,
+		"remark": null,
+		"params": null,
+		"id": "455184568505470976",
+		"typeName": "用户性别",
+		"typeCode": "user_sex",
+		"description": "用户性别",
+		"enable": "0"
+	}, {
+		"createTime": null,
+		"createBy": null,
+		"createName": null,
+		"updateTime": null,
+		"updateBy": null,
+		"updateName": null,
+		"remark": null,
+		"params": null,
+		"id": "455184935989415936",
+		"typeName": "全局状态",
+		"typeCode": "sys_status",
+		"description": "状态描述\n",
+		"enable": "0"
+	}]
+}
diff --git a/src/plugin/admin/public/demos/data/dtree.json b/src/plugin/admin/public/demos/data/dtree.json
new file mode 100644
index 0000000..376d9b0
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/dtree.json
@@ -0,0 +1,181 @@
+{
+	"status": {
+		"code": 200,
+		"message": "操作成功"
+	},
+	"data": [{
+			"id": "001",
+			"title": "湖南省",
+			"parentId": "0",
+			"children": [{
+					"id": "001001",
+					"title": "长沙市",
+					"last": true,
+					"parentId": "001"
+				},
+				{
+					"id": "001002",
+					"title": "株洲市",
+					"last": true,
+					"parentId": "001"
+				},
+				{
+					"id": "001003",
+					"title": "湘潭市",
+					"last": true,
+					"parentId": "001"
+				},
+				{
+					"id": "001004",
+					"title": "衡阳市",
+					"last": true,
+					"parentId": "001"
+				},
+				{
+					"id": "001005",
+					"title": "郴州市",
+					"last": true,
+					"parentId": "001"
+				}
+			]
+		},
+		{
+			"id": "002",
+			"title": "湖北省",
+			"parentId": "0",
+			"children": [{
+					"id": "002001",
+					"title": "武汉市",
+					"last": true,
+					"parentId": "002"
+				},
+				{
+					"id": "002002",
+					"title": "黄冈市",
+					"last": true,
+					"parentId": "002"
+				},
+				{
+					"id": "002003",
+					"title": "潜江市",
+					"last": true,
+					"parentId": "002"
+				},
+				{
+					"id": "002004",
+					"title": "荆州市",
+					"last": true,
+					"parentId": "002"
+				},
+				{
+					"id": "002005",
+					"title": "襄阳市",
+					"last": true,
+					"parentId": "002"
+				}
+			]
+		},
+		{
+			"id": "003",
+			"title": "广东省",
+			"parentId": "0",
+			"children": [{
+					"id": "003001",
+					"title": "广州市",
+					"last": false,
+					"parentId": "003",
+					"children": [{
+							"id": "003001001",
+							"title": "天河区",
+							"last": true,
+							"parentId": "003001"
+						},
+						{
+							"id": "003001002",
+							"title": "花都区",
+							"last": true,
+							"parentId": "003001"
+						}
+					]
+				},
+				{
+					"id": "003002",
+					"title": "深圳市",
+					"last": true,
+					"parentId": "003"
+				},
+				{
+					"id": "003003",
+					"title": "中山市",
+					"last": true,
+					"parentId": "003"
+				},
+				{
+					"id": "003004",
+					"title": "东莞市",
+					"last": true,
+					"parentId": "003"
+				},
+				{
+					"id": "003005",
+					"title": "珠海市",
+					"last": true,
+					"parentId": "003"
+				},
+				{
+					"id": "003006",
+					"title": "韶关市",
+					"last": true,
+					"parentId": "003"
+				}
+			]
+		},
+		{
+			"id": "004",
+			"title": "浙江省",
+			"parentId": "0",
+			"children": [{
+					"id": "004001",
+					"title": "杭州市",
+					"last": true,
+					"parentId": "004"
+				},
+				{
+					"id": "004002",
+					"title": "温州市",
+					"last": true,
+					"parentId": "004"
+				},
+				{
+					"id": "004003",
+					"title": "绍兴市",
+					"last": true,
+					"parentId": "004"
+				},
+				{
+					"id": "004004",
+					"title": "金华市",
+					"last": true,
+					"parentId": "004"
+				},
+				{
+					"id": "004005",
+					"title": "义乌市",
+					"last": true,
+					"parentId": "004"
+				}
+			]
+		},
+		{
+			"id": "005",
+			"title": "福建省",
+			"parentId": "0",
+			"children": [{
+				"id": "005001",
+				"title": "厦门市",
+				"last": true,
+				"parentId": "005"
+			}]
+		}
+	]
+}
diff --git a/src/plugin/admin/public/demos/data/loginLog.json b/src/plugin/admin/public/demos/data/loginLog.json
new file mode 100644
index 0000000..eb39552
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/loginLog.json
@@ -0,0 +1,211 @@
+{
+	"createTime": null,
+	"createBy": null,
+	"updateTime": null,
+	"updateBy": null,
+	"remark": null,
+	"code": 0,
+	"msg": null,
+	"count": 167,
+	"data": [{
+		"id": "1305106851892822016",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T11:31:36.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305101593019940864",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T11:10:42.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305101247900024832",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T11:09:20.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305099674977304576",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T11:03:05.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305095186061197312",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T10:45:15.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305092027951611904",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T10:32:42.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305082862634008576",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T09:56:16.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305071134877679616",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T09:09:40.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305070481803575296",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T09:07:05.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305064691009060864",
+		"title": "登录",
+		"description": "登录成功",
+		"businessType": "OTHER",
+		"requestMethod": "POST",
+		"method": "/login",
+		"operateUrl": "/login",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "LOGIN",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T08:44:04.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}]
+}
diff --git a/src/plugin/admin/public/demos/data/menu.json b/src/plugin/admin/public/demos/data/menu.json
new file mode 100644
index 0000000..3a20b6e
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/menu.json
@@ -0,0 +1,444 @@
+[{
+		"id": 1,
+		"title": "工作空间",
+		"icon": "layui-icon layui-icon-console",
+		"type": 0,
+		"href": "",
+		"children": [{
+			"id": 10,
+			"title": "控制后台",
+			"icon": "layui-icon layui-icon-console",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/console/console1.html"
+		}, {
+			"id": 13,
+			"title": "数据分析",
+			"icon": "layui-icon layui-icon-console",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/console/console2.html"
+		}, {
+			"id": 14,
+			"title": "百度一下",
+			"icon": "layui-icon layui-icon-console",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "http://www.bing.com"
+		}, {
+			"id": 15,
+			"title": "主题预览",
+			"icon": "layui-icon layui-icon-console",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/system/theme.html"
+		}, {
+			"id": 16,
+			"title": "酸爽翻倍",
+			"icon": "layui-icon layui-icon-console",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/document/core.html"
+		}]
+	},
+	{
+		"id": "component",
+		"title": "常用组件",
+		"icon": "layui-icon layui-icon-component",
+		"type": 0,
+		"href": "",
+		"children": [{
+			"id": 201,
+			"title": "基础组件",
+			"icon": "layui-icon layui-icon-console",
+			"type": 0,
+			"children": [
+			{
+				"id": 2011,
+				"title": "功能按钮",
+				"icon": "layui-icon layui-icon-face-smile",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/button.html"
+			}, {
+				"id": 2014,
+				"title": "表单集合",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/form.html"
+			}, {
+				"id": 2010,
+				"title": "字体图标",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/icon.html"
+			}, {
+				"id": 2012,
+				"title": "多选下拉",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/select.html"
+			}, {
+				"id": 2013,
+				"title": "动态标签",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/tag.html"
+			}]
+		}, {
+			"id": 203,
+			"title": "进阶组件",
+			"icon": "layui-icon layui-icon-console",
+			"type": 0,
+			"children": [{
+				"id": 2031,
+				"title": "数据表格",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/table.html"
+			}, {
+				"id": 2032,
+				"title": "分布表单",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/step.html"
+			}, {
+				"id": 2033,
+				"title": "树形表格",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/treetable.html"
+			}, {
+				"id": 2034,
+				"title": "树状结构",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/dtree.html"
+			}, {
+				"id": 2035,
+				"title": "文本编辑",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/tinymce.html"
+			}, {
+				"id": 2036,
+				"title": "卡片组件",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/card.html"
+			}]
+		}, {
+			"id": 202,
+			"title": "弹层组件",
+			"icon": "layui-icon layui-icon-console",
+			"type": 0,
+			"children": [{
+				"id": 2021,
+				"title": "抽屉组件",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/drawer.html"
+			}, {
+				"id": 2022,
+				"title": "消息通知 (过时)",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/notice.html"
+			}, {
+				"id": 2025,
+				"title": "消息通知 (新增)",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/toast.html"
+			}, {
+				"id": 2024,
+				"title": "加载组件",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/loading.html"
+			}, {
+				"id": 2023,
+				"title": "弹层组件",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/popup.html"
+			}]
+		},{
+			"id": 60331,
+			"title": "高级组件",
+			"icon": "layui-icon layui-icon-console",
+			"type": 0,
+			"children": [{
+				"id": 60131,
+				"title": "多选项卡",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/tab.html"
+			},{
+				"id": 60132,
+				"title": "数据菜单",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/document/menu.html"
+			}]
+		}, {
+			"id": 204,
+			"title": "其他组件",
+			"icon": "layui-icon layui-icon-console",
+			"type": 0,
+			"children": [{
+					"id": 2041,
+					"title": "哈希加密",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/encrypt.html"
+				},
+				{
+					"id": 2042,
+					"title": "图标选择",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/iconPicker.html"
+				},
+				{
+					"id": 2043,
+					"title": "省市级联",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/area.html"
+				},
+				{
+					"id": 2044,
+					"title": "数字滚动",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/count.html"
+				},
+				{
+					"id": 2045,
+					"title": "顶部返回",
+					"icon": "layui-icon layui-icon-face-cry",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/topBar.html"
+				},
+				{
+					"id": 2046,
+					"title": "水印组件",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/watermark.html"
+				},
+				{
+					"id": 2047,
+					"title": "全屏组件",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/fullscreen.html"
+				},
+				{
+					"id": 2048,
+					"title": "汽泡组件",
+					"type": 1,
+					"openType": "_iframe",
+					"href": "view/document/popover.html"
+				}
+			]
+		}]
+	},
+	{
+		"id": "result",
+		"title": "结果页面",
+		"icon": "layui-icon layui-icon-auz",
+		"type": 0,
+		"href": "",
+		"children": [{
+				"id": "success",
+				"title": "成功",
+				"icon": "layui-icon layui-icon-face-smile",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/result/success.html"
+			},
+			{
+				"id": "failure",
+				"title": "失败",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/result/error.html"
+			}
+		]
+	},
+	{
+		"id": "error",
+		"title": "错误页面",
+		"icon": "layui-icon layui-icon-face-cry",
+		"type": 0,
+		"href": "",
+		"children": [{
+				"id": 403,
+				"title": "403",
+				"icon": "layui-icon layui-icon-face-smile",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/error/403.html"
+			},
+			{
+				"id": 404,
+				"title": "404",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/error/404.html"
+			},
+
+			{
+				"id": 500,
+				"title": "500",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/error/500.html"
+			}
+
+		]
+	},
+	{
+		"id": "system",
+		"title": "系统管理",
+		"icon": "layui-icon layui-icon-set-fill",
+		"type": 0,
+		"href": "",
+		"children": [{
+				"id": 601,
+				"title": "用户管理",
+				"icon": "layui-icon layui-icon-face-smile",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/system/user.html"
+			},
+			{
+				"id": 602,
+				"title": "角色管理",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/system/role.html"
+			},
+
+			{
+				"id": 603,
+				"title": "权限管理",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/system/power.html"
+			},
+
+			{
+				"id": 604,
+				"title": "部门管理",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/system/deptment.html"
+			},
+			{
+				"id": 605,
+				"title": "行为日志",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/system/log.html"
+			}, {
+				"id": 606,
+				"title": "数据字典",
+				"icon": "layui-icon layui-icon-face-cry",
+				"type": 1,
+				"openType": "_iframe",
+				"href": "view/system/dict.html"
+			}
+
+		]
+	},
+	{
+		"id": "common",
+		"title": "常用页面",
+		"icon": "layui-icon layui-icon-template-1",
+		"type": 0,
+		"href": "",
+		"children": [{
+			"id": 701,
+			"title": "登录页面",
+			"icon": "layui-icon layui-icon-face-smile",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "login.html"
+		}, {
+			"id": 702,
+			"title": "空白页面",
+			"icon": "layui-icon layui-icon-face-smile",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/system/space.html"
+		}]
+	}, {
+		"id": "echarts",
+		"title": "数据图表",
+		"icon": "layui-icon layui-icon-chart",
+		"type": 0,
+		"href": "",
+		"children": [{
+			"id": 12121,
+			"title": "折线图",
+			"icon": "layui-icon layui-icon-face-smile",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/echarts/line.html"
+		}, {
+			"id": 121212,
+			"title": "柱状图",
+			"icon": "layui-icon layui-icon-face-smile",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "view/echarts/column.html"
+		}]
+	},
+	{
+		"id": "code",
+		"title": "开发工具",
+		"icon": "layui-icon layui-icon-util",
+		"type": 0,
+		"href": "",
+		"children": [{
+			"id": 801,
+			"title": "表单构建",
+			"icon": "layui-icon layui-icon-util",
+			"type": 1,
+			"openType": "_iframe",
+			"href": "component/code/index.html"
+		}]
+	}
+]
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/data/message.json b/src/plugin/admin/public/demos/data/message.json
new file mode 100644
index 0000000..7cf9263
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/message.json
@@ -0,0 +1,90 @@
+[{
+		"id": 1,
+		"title": "通知",
+		"children": [{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
+			"title": "你收到了 14 份新周报",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}, {
+			"id": 12,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
+			"title": "曲妮妮 已通过第三轮面试",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		},
+		{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
+			"title": "可以区分多种通知类型",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}, {
+			"id": 12,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
+			"title": "左侧图标用于区分不同的类型",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		},
+		{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
+			"title": "内容不要超过两行字",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}]
+	},
+	{
+		"id": 2,
+		"title": "消息",
+		"children": [{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
+			"title": "你收到了 14 份新周报",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}, {
+			"id": 12,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
+			"title": "曲妮妮 已通过第三轮面试",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		},
+		{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
+			"title": "可以区分多种通知类型",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}, {
+			"id": 12,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
+			"title": "左侧图标用于区分不同的类型",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		},
+		{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
+			"title": "内容不要超过两行字",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}]
+	},
+	{
+		"id": 3,
+		"title": "代办",
+		"children": []
+	}
+]
diff --git a/src/plugin/admin/public/demos/data/operateLog.json b/src/plugin/admin/public/demos/data/operateLog.json
new file mode 100644
index 0000000..79e5454
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/operateLog.json
@@ -0,0 +1,211 @@
+{
+	"createTime": null,
+	"createBy": null,
+	"updateTime": null,
+	"updateBy": null,
+	"remark": null,
+	"code": 0,
+	"msg": null,
+	"count": 178,
+	"data": [{
+		"id": "1305106857240559616",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T11:31:37.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305101599714050048",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T11:10:44.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305101253352620032",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T11:09:21.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305099681512030208",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T11:03:06.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305095191291494400",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T10:45:16.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305092034448588800",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T10:32:43.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305082868002717696",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T09:56:18.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305071141362073600",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T09:09:42.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305070488145362944",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T09:07:06.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}, {
+		"id": "1305064697174687744",
+		"title": "主页",
+		"description": "返回 Index 主页视图",
+		"businessType": "ADD",
+		"requestMethod": "GET",
+		"method": "/index",
+		"operateUrl": "/index",
+		"operateAddress": "127.0.0.1",
+		"requestParam": null,
+		"requestBody": "",
+		"responseBody": null,
+		"success": true,
+		"loggingType": "OPERATE",
+		"errorMsg": null,
+		"systemOs": "Windows",
+		"createTime": "2020-09-13T08:44:05.000+0000",
+		"operateName": "admin",
+		"map": {},
+		"browser": "谷歌浏览器"
+	}]
+}
diff --git a/src/plugin/admin/public/demos/data/organization.json b/src/plugin/admin/public/demos/data/organization.json
new file mode 100644
index 0000000..ff1626b
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/organization.json
@@ -0,0 +1,41 @@
+{
+	"code": 0,
+	"msg": "...",
+	"count": 3,
+	"data": [{
+		"name": "软件部",
+		"userCount": 324,
+		"location": "二楼201",
+		"leader": "皮卡丘"
+	}, {
+		"name": "美工部",
+		"userCount": 98,
+		"location": "二楼101",
+		"leader": "皮卡丘"
+	}, {
+		"name": "设计部",
+		"userCount": 43,
+		"location": "六楼602",
+		"leader": "皮卡丘"
+	}, {
+		"name": "销售部",
+		"userCount": 12,
+		"location": "一楼131",
+		"leader": "皮卡丘"
+	}, {
+		"name": "产品部",
+		"userCount": 128,
+		"location": "四楼401",
+		"leader": "皮卡丘"
+	}, {
+		"name": "财务部",
+		"userCount": 23,
+		"location": "三楼105",
+		"leader": "皮卡丘"
+	}, {
+		"name": "人事部",
+		"userCount": 67,
+		"location": "二楼201",
+		"leader": "皮卡丘"
+	}]
+}
diff --git a/src/plugin/admin/public/demos/data/organizationtree.json b/src/plugin/admin/public/demos/data/organizationtree.json
new file mode 100644
index 0000000..262594f
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/organizationtree.json
@@ -0,0 +1,143 @@
+{
+	"status": {
+		"code": 200,
+		"message": "操作成功"
+	},
+	"data": [{
+		"id": "0",
+		"title": "济南总部",
+		"last": false,
+		"parentId": "9527",
+		"children": [{
+				"id": "001",
+				"title": "杭州市",
+				"last": false,
+				"parentId": "0",
+				"children": [{
+						"id": "001001",
+						"title": "软件部",
+						"last": true,
+						"parentId": "001"
+					},
+					{
+						"id": "001002",
+						"title": "销售部",
+						"last": true,
+						"parentId": "001"
+					},
+					{
+						"id": "001003",
+						"title": "财务部",
+						"last": true,
+						"parentId": "001"
+					},
+					{
+						"id": "001004",
+						"title": "人事部",
+						"last": true,
+						"parentId": "001"
+					},
+					{
+						"id": "001005",
+						"title": "行政部",
+						"last": true,
+						"parentId": "001"
+					}
+				]
+			},
+			{
+				"id": "002",
+				"title": "湖北省",
+				"last": false,
+				"parentId": "0",
+				"children": [{
+						"id": "002001",
+						"title": "武汉市",
+						"last": true,
+						"parentId": "002"
+					},
+					{
+						"id": "002002",
+						"title": "黄冈市",
+						"last": true,
+						"parentId": "002"
+					},
+					{
+						"id": "002003",
+						"title": "潜江市",
+						"last": true,
+						"parentId": "002"
+					},
+					{
+						"id": "002004",
+						"title": "荆州市",
+						"last": true,
+						"parentId": "002"
+					},
+					{
+						"id": "002005",
+						"title": "襄阳市",
+						"last": true,
+						"parentId": "002"
+					}
+				]
+			},
+			{
+				"id": "003",
+				"title": "广东省",
+				"last": false,
+				"parentId": "0",
+				"children": [{
+						"id": "003001",
+						"title": "广州市",
+						"last": false,
+						"parentId": "003",
+						"children": [{
+								"id": "003001001",
+								"title": "天河区",
+								"last": true,
+								"parentId": "003001"
+							},
+							{
+								"id": "003001002",
+								"title": "花都区",
+								"last": true,
+								"parentId": "003001"
+							}
+						]
+					},
+					{
+						"id": "003002",
+						"title": "深圳市",
+						"last": true,
+						"parentId": "003"
+					},
+					{
+						"id": "003003",
+						"title": "中山市",
+						"last": true,
+						"parentId": "003"
+					},
+					{
+						"id": "003004",
+						"title": "东莞市",
+						"last": true,
+						"parentId": "003"
+					},
+					{
+						"id": "003005",
+						"title": "珠海市",
+						"last": true,
+						"parentId": "003"
+					},
+					{
+						"id": "003006",
+						"title": "韶关市",
+						"last": true,
+						"parentId": "003"
+					}
+				]
+			}
+		]
+	}]
+}
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/data/power.json b/src/plugin/admin/public/demos/data/power.json
new file mode 100644
index 0000000..db7ace1
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/power.json
@@ -0,0 +1,185 @@
+{
+	"code": 0,
+	"msg": "...",
+	"count": null,
+	"data": [{
+		"powerId": "1",
+		"powerName": "系统管理",
+		"powerType": "0",
+		"powerCode": "",
+		"powerUrl": "",
+		"openType": null,
+		"parentId": "0",
+		"icon": "layui-icon-set-fill",
+		"sort": 1,
+		"enable": 1,
+		"checkArr": "0"
+	}, {
+		"powerId": "2",
+		"powerName": "用户管理",
+		"powerType": "1",
+		"powerCode": "sys:user:main",
+		"powerUrl": "/system/user/main",
+		"openType": null,
+		"parentId": "1",
+		"icon": "layui-icon-username",
+		"sort": null,
+		"enable": 1,
+		"checkArr": "0"
+	}, {
+		"powerId": "3",
+		"powerName": "角色管理",
+		"powerType": "1",
+		"powerCode": "sys:role:main",
+		"powerUrl": "/system/role/main",
+		"openType": null,
+		"parentId": "1",
+		"icon": "layui-icon-user",
+		"sort": null,
+		"enable": 1,
+		"checkArr": "0"
+	}, {
+		"powerId": "4",
+		"powerName": "权限管理",
+		"powerType": "1",
+		"powerCode": "sys:power:main",
+		"powerUrl": "/system/power/main",
+		"openType": null,
+		"parentId": "1",
+		"icon": "layui-icon-vercode",
+		"sort": null,
+		"checkArr": "0"
+	}, {
+		"powerId": "442359447487123456",
+		"powerName": "角色列表",
+		"powerType": "2",
+		"powerCode": "sys:role:data",
+		"powerUrl": "",
+		"openType": null,
+		"parentId": "3",
+		"icon": "layui-icon-rate",
+		"sort": 1,
+		"checkArr": "0"
+	}, {
+		"powerId": "442417411065516032",
+		"powerName": "敏捷开发",
+		"powerType": "0",
+		"powerCode": "",
+		"powerUrl": "",
+		"openType": null,
+		"parentId": "0",
+		"icon": "layui-icon-senior",
+		"sort": 2,
+		"checkArr": "0"
+	}, {
+		"powerId": "442418188639145984",
+		"powerName": "模板管理",
+		"powerType": "1",
+		"powerCode": "exp:template:main",
+		"powerUrl": "/system/user/main",
+		"openType": null,
+		"parentId": "442417411065516032",
+		"icon": "layui-icon-template-1",
+		"sort": null,
+		"checkArr": "0"
+	}, {
+		"powerId": "442520236248403968",
+		"powerName": "数据监控",
+		"powerType": "1",
+		"powerCode": "/druid/index.html",
+		"powerUrl": "/druid/index.html",
+		"openType": null,
+		"parentId": "694203021537574912",
+		"icon": "layui-icon-chart",
+		"sort": 1,
+		"checkArr": "0"
+	}, {
+		"powerId": "442650387514789888",
+		"powerName": "定时任务",
+		"powerType": "0",
+		"powerCode": "",
+		"powerUrl": "",
+		"openType": null,
+		"parentId": "0",
+		"icon": "layui-icon-log",
+		"sort": 5,
+		"checkArr": "0"
+	}, {
+		"powerId": "442650770626711552",
+		"powerName": "任务管理",
+		"powerType": "1",
+		"powerCode": "qrt:task:main",
+		"powerUrl": "/qrt/task/main",
+		"openType": null,
+		"parentId": "442650387514789888",
+		"icon": "layui-icon-chat",
+		"sort": 1,
+		"checkArr": "0"
+	}, {
+		"powerId": "442651158935375872",
+		"powerName": "任务日志",
+		"powerType": "1",
+		"powerCode": "qrt:log:main",
+		"powerUrl": "/qrt/log/main",
+		"openType": null,
+		"parentId": "442650387514789888",
+		"icon": "layui-icon-file",
+		"sort": 2,
+		"checkArr": "0"
+	}, {
+		"powerId": "442722702474743808",
+		"powerName": "数据字典",
+		"powerType": "1",
+		"powerCode": "system:dictType:main",
+		"powerUrl": "/system/dictType/main",
+		"openType": null,
+		"parentId": "1",
+		"icon": "layui-icon-form",
+		"sort": 1,
+		"checkArr": "0"
+	}, {
+		"powerId": "5",
+		"powerName": "工作流程",
+		"powerType": "0",
+		"powerCode": "",
+		"powerUrl": "",
+		"openType": null,
+		"parentId": "0",
+		"icon": "layui-icon-util",
+		"sort": 3,
+		"checkArr": "0"
+	}, {
+		"powerId": "6",
+		"powerName": "模型管理",
+		"powerType": "1",
+		"powerCode": null,
+		"powerUrl": null,
+		"openType": null,
+		"parentId": "5",
+		"icon": "layui-icon layui-icon-edit",
+		"sort": null,
+		"checkArr": "0"
+	}, {
+		"powerId": "694203021537574912",
+		"powerName": "系统监控",
+		"powerType": "0",
+		"powerCode": "",
+		"powerUrl": "",
+		"openType": null,
+		"parentId": "0",
+		"icon": "layui-icon-console",
+		"sort": 4,
+		"checkArr": "0"
+	}, {
+		"powerId": "694203311615639552",
+		"powerName": "接口文档",
+		"powerType": "1",
+		"powerCode": "",
+		"powerUrl": "/swagger-ui.html",
+		"openType": null,
+		"parentId": "694203021537574912",
+		"icon": "layui-icon-chart",
+		"sort": 1,
+		"checkArr": "0"
+	}]
+}
diff --git a/src/plugin/admin/public/demos/data/role.json b/src/plugin/admin/public/demos/data/role.json
new file mode 100644
index 0000000..42bd064
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/role.json
@@ -0,0 +1,42 @@
+{
+	"code": 0,
+	"msg": "...",
+	"count": 3,
+	"data": [{
+		"createTime": null,
+		"createBy": null,
+		"updateTime": null,
+		"updateBy": null,
+		"remark": null,
+		"roleId": "1",
+		"roleName": "超级管理员",
+		"roleCode": "admin",
+		"enable": "1",
+		"details": "超级管理员",
+		"checked": false
+	}, {
+		"createTime": null,
+		"createBy": null,
+		"updateTime": null,
+		"updateBy": null,
+		"remark": null,
+		"roleId": "2",
+		"roleName": "普通管理员",
+		"roleCode": "manager",
+		"enable": "0",
+		"details": "普通管理员",
+		"checked": false
+	}, {
+		"createTime": null,
+		"createBy": null,
+		"updateTime": null,
+		"updateBy": null,
+		"remark": null,
+		"roleId": "3",
+		"roleName": "普通用户",
+		"roleCode": "pearson",
+		"enable": "0",
+		"details": "普通用户",
+		"checked": false
+	}]
+}
diff --git a/src/plugin/admin/public/demos/data/table.json b/src/plugin/admin/public/demos/data/table.json
new file mode 100644
index 0000000..8f14886
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/table.json
@@ -0,0 +1,132 @@
+{
+	"code": 0,
+	"msg": "...",
+	"count": 3,
+	"data": [{
+		"userId": "1",
+		"username": "admin",
+		"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
+		"salt": null,
+		"status": null,
+		"realName": "超级'管'理员",
+		"email": "854085'4@'qq.com",
+		"avatar": null,
+		"sex": "1",
+		"phone": "15543526531",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "2",
+		"username": "854085467",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "就\"眠\"仪式",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "3",
+		"username": "970796069",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "王二麻子",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "4",
+		"username": "admin",
+		"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
+		"salt": null,
+		"status": null,
+		"realName": "超级管理员",
+		"email": "8540854@qq.com",
+		"avatar": null,
+		"sex": "1",
+		"phone": "15543526531",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "5",
+		"username": "854085467",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "就眠仪式",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "6",
+		"username": "970796069",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "王二麻子",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "7",
+		"username": "admin",
+		"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
+		"salt": null,
+		"status": null,
+		"realName": "超级管理员",
+		"email": "8540854@qq.com",
+		"avatar": null,
+		"sex": "1",
+		"phone": "15543526531",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "8",
+		"username": "854085467",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "就眠仪式",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "9",
+		"username": "970796069",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "王二麻子",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}]
+}
diff --git a/src/plugin/admin/public/demos/data/user.json b/src/plugin/admin/public/demos/data/user.json
new file mode 100644
index 0000000..2e927ac
--- /dev/null
+++ b/src/plugin/admin/public/demos/data/user.json
@@ -0,0 +1,118 @@
+{
+	"code": 0,
+	"msg": "...",
+	"count": 3,
+	"data": [{
+		"userId": "1",
+		"username": "admin",
+		"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
+		"salt": null,
+		"status": null,
+		"realName": "超级管理员",
+		"email": "8540854@qq.com",
+		"avatar": null,
+		"sex": "1",
+		"phone": "15543526531",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "442488661347536896",
+		"username": "854085467",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "就眠仪式",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "0",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "442492965651353600",
+		"username": "970796069",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "王二麻子",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "1",
+		"username": "admin",
+		"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
+		"salt": null,
+		"status": null,
+		"realName": "超级管理员",
+		"email": "8540854@qq.com",
+		"avatar": null,
+		"sex": "1",
+		"phone": "15543526531",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "442488661347536896",
+		"username": "854085467",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "就眠仪式",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "442492965651353600",
+		"username": "970796069",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "王二麻子",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "1",
+		"username": "admin",
+		"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
+		"salt": null,
+		"status": null,
+		"realName": "超级管理员",
+		"email": "8540854@qq.com",
+		"avatar": null,
+		"sex": "1",
+		"phone": "15543526531",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "442488661347536896",
+		"username": "854085467",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "就眠仪式",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}]
+}
diff --git a/src/plugin/admin/public/demos/demo/index.html b/src/plugin/admin/public/demos/demo/index.html
new file mode 100644
index 0000000..5525c9b
--- /dev/null
+++ b/src/plugin/admin/public/demos/demo/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+		<style>
+			body {
+				margin: 0;
+				padding: 0;
+			}
+			.pear-container {
+				margin: 0;
+				padding: 0;
+			}
+			.right,
+			.left {
+				height: 100%;
+				position: absolute;
+				transition: all .3s;
+			}
+			.left {
+				width: 200px;
+				background-color: #f56c6c;
+			}
+			.right {
+				width: calc(100% - 200px);
+				background-color: #2d8cf0;
+				margin-left: 200px;
+			}
+			
+			.mini .left{
+				width: 0px;
+			}
+			.mini .right {
+				width: 100%;
+				margin-left: 0px;
+			}
+		</style>
+	</head>
+	<body class="pear-container">
+		<div class="left">
+		</div>
+		<div class="right">
+			<button class="">显示 / 隐藏
+			</button>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['jquery'], function(){
+				var $ = layui.jquery;
+				
+				$("button").click(function(){
+					
+					if($(".pear-container").is(".mini")){
+						$(".pear-container").removeClass("mini");
+					} else {
+						$(".pear-container").addClass("mini");
+					}
+				})
+				
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/area.html b/src/plugin/admin/public/demos/document/area.html
new file mode 100644
index 0000000..87165f1
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/area.html
@@ -0,0 +1,143 @@
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+		<title>区域选择</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">
+						Area 省市级联 选择组件
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+							    &lt;link rel="stylesheet" href="component/pear/css/pear.css" />
+							    并
+							    &lt;script src="component/layui/layui.js">&lt;/script>
+						        并
+							    &lt;script src="component/pear/pear.js">&lt;/script>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						基本使用
+					</div>
+					<div class="layui-card-body">
+						<div class="layui-form">
+							<div class="layui-form-item" id="area-picker">
+								<div class="layui-form-label">网点地址</div>
+								<div class="layui-input-inline" style="width: 200px;">
+									<select name="province" class="province-selector" data-value="广东省">
+										<option value="">请选择省</option>
+									</select>
+								</div>
+								<div class="layui-input-inline" style="width: 200px;">
+									<select name="city" class="city-selector" data-value="深圳市">
+										<option value="">请选择市</option>
+									</select>
+								</div>
+								<div class="layui-input-inline" style="width: 200px;">
+									<select name="county" class="county-selector" data-value="龙岗区">
+										<option value="">请选择区</option>
+									</select>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						基本使用
+					</div>
+					<div class="layui-card-body">
+						<div class="layui-form">
+							<div class="layui-form-item" id="area-picker-copy">
+								<div class="layui-form-label">网点地址</div>
+								<div class="layui-input-inline" style="width: 200px;">
+									<select name="province" class="province-selector" data-value="广东省">
+										<option value="">请选择省</option>
+									</select>
+								</div>
+								<div class="layui-input-inline" style="width: 200px;">
+									<select name="city" class="city-selector" data-value="深圳市">
+										<option value="">请选择市</option>
+									</select>
+								</div>
+								<div class="layui-input-inline" style="width: 200px;">
+									<select name="county" class="county-selector" data-value="龙岗区">
+										<option value="">请选择区</option>
+									</select>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+							layui.use(['area'], function () {
+							    var area = layui.area;
+								 
+							    area.render({
+							        elem: '#area-picker',
+							        change: function (res) {
+							            console.log(res);
+							        }
+							    });
+							});
+						</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['layer', 'form', 'area', 'element', 'code'], function() {
+				var layer = layui.layer,
+					form = layui.form,
+					area = layui.area;
+
+				layui.code();
+
+				area.render({
+					elem: '#area-picker',
+					change: function(res) {
+						//选择结果
+						console.log(res);
+					}
+				});
+				
+				area.render({
+					elem: '#area-picker-copy',
+					change: function(res) {
+						//选择结果
+						console.log(res);
+					}
+				});
+			});
+		</script>
+	</body>
+
+</html>
diff --git a/src/plugin/admin/public/demos/document/button.html b/src/plugin/admin/public/demos/document/button.html
new file mode 100644
index 0000000..311e7b2
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/button.html
@@ -0,0 +1,305 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>按钮组件</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						开发环境 
+					</div>
+					<div class="layui-card-body">
+						Pear Button 参考 Element UI 样式 ，提供 Button 服务
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link rel="stylesheet" href="component/pear/css/pear.css" />
+								或
+								&lt;link rel="stylesheet" href="component/pear/css/pear-module/button.css" />
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						简单使用
+					</div>
+					<div class="layui-card-body">
+						<button class="pear-btn">Default Button</button>&nbsp;&nbsp;
+						<button class="pear-btn pear-btn-primary">Primary Button</button>&nbsp;&nbsp;
+						<br>
+						<br>
+						<button class="pear-btn pear-btn-primary"> Button-Primary</button>&nbsp;&nbsp;
+						<button class="pear-btn pear-btn-success"> Button-Success</button>&nbsp;&nbsp;
+						<button class="pear-btn pear-btn-danger"> Button-danger</button>&nbsp;&nbsp;
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<button class="pear-btn"> Default Button </button>
+								<button class="pear-btn" dashed> Dashed Button </button>
+								<button class="pear-btn pear-btn-primary"> Primary Button </button>							
+								<button class="pear-btn pear-btn-primary"> Button-Primary </button>
+								<button class="pear-btn pear-btn-success"> Button-Success </button>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						简约样式
+					</div>
+					<div class="layui-card-body">
+						<button plain class="pear-btn pear-btn-primary"> Button-Primary</button>&nbsp;&nbsp;
+						<button plain class="pear-btn pear-btn-success"> Button-Success</button>&nbsp;&nbsp;
+						<button plain class="pear-btn pear-btn-danger"> Button-Danger</button>&nbsp;&nbsp;
+						<button plain class="pear-btn pear-btn-warming"> Button-Warming</button>&nbsp;&nbsp;
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<button class="pear-btn"> Default Button </button>
+								<button class="pear-btn" dashed> Dashed Button </button>
+								<button class="pear-btn pear-btn-primary"> Primary Button </button>							
+								<button class="pear-btn pear-btn-primary"> Button-Primary </button>
+								<button class="pear-btn pear-btn-success"> Button-Success </button>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						按钮大小
+					</div>
+					<div class="layui-card-body">
+						<button class="pear-btn pear-btn-primary pear-btn-lg"> Button-Lg</button>&nbsp;&nbsp;
+						<button class="pear-btn pear-btn-primary"> Button-Default</button>&nbsp;&nbsp;
+						<button class="pear-btn pear-btn-primary pear-btn-sm"> Button-Sm</button>&nbsp;&nbsp;
+						<button class="pear-btn pear-btn-primary pear-btn-xs"> Button-Xs</button>&nbsp;&nbsp;
+						<br>
+						<br>
+						<button class="pear-btn pear-btn-warming pear-btn-lg"> Button-Lg</button>&nbsp;&nbsp;
+						<button class="pear-btn pear-btn-warming"> Button-Default</button>&nbsp;&nbsp;
+						<button class="pear-btn pear-btn-warming pear-btn-sm"> Button-Sm</button>&nbsp;&nbsp;
+						<button class="pear-btn pear-btn-warming pear-btn-xs"> Button-Xs</button>&nbsp;&nbsp;
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<button class="pear-btn pear-btn-primary pear-btn-lg"> Button-Lg </button>&nbsp;&nbsp;
+								<button class="pear-btn pear-btn-primary"> Button-Default </button>&nbsp;&nbsp;
+								<button class="pear-btn pear-btn-primary pear-btn-sm"> Button-Sm </button>&nbsp;&nbsp;
+								<button class="pear-btn pear-btn-primary pear-btn-xs"> Button-Xs </button>&nbsp;&nbsp;
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						按钮组
+					</div>
+					<div class="layui-card-body">
+						<div class="pear-btn-group">
+							<button class="pear-btn pear-btn-primary" round> Button-One</button>
+							<button class="pear-btn pear-btn-primary" round> Button-Two</button>
+							<button class="pear-btn pear-btn-primary" round> Button-Three</button>
+						</div>
+						<br>
+						<br>
+						<div class="pear-btn-group">
+							<button class="pear-btn"> Button-One </button>
+							<button class="pear-btn"> Button-Two </button>
+							<button class="pear-btn"> Button-Three </button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<div class="pear-btn-group">
+								    <button class="pear-btn"> Button-One </button>
+								    <button class="pear-btn"> Button-Two </button>
+								    <button class="pear-btn"> Button-Three </button>
+								</div>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						Load 自动
+					</div>
+					<div class="layui-card-body">
+						<button class="pear-btn pear-btn-primary" load> 加载 600 ms </button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(["button"], function() {
+								    var button = layui.button;
+								    
+									button.load({
+								        elem:'[load]',
+								        time: 600,
+								        done: function(){
+									        popup.success("加载完成");
+								        }
+								    })
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						Load 手动
+					</div>
+					<div class="layui-card-body">
+
+						<button class="pear-btn pear-btn-primary" loading> 开始 </button>
+
+						<button class="pear-btn pear-btn-danger" stop> 停止 </button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(["button"], function() {
+								    var button = layui.button;
+								    
+									var dom = button.load({
+								        elem:'[load]',
+								    })
+									
+								    dom.stop(function() {
+								        popup.failure("已停止");
+								    });
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						本页跳转
+					</div>
+					<div class="layui-card-body">
+						<button class="pear-btn pear-btn-primary" to> 本页跳转 </button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(["jquery"], function() {
+								    var $ = layui.jquery;
+								    
+								    $("[to]").click(function(){
+								        top.layui.frame.changePageByElement("content","http://www.baidu.com","百度一下",true)
+								    })
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['element', 'code', 'jquery', "button", "popup"], function() {
+				var element = layui.element;
+				var $ = layui.jquery;
+				var popup = layui.popup;
+				var button = layui.button;
+				
+				layui.code();
+				
+				$("[load]").click(function() {
+					button.load({
+						elem: '[load]',
+						time: 600,
+						done: function() {
+							popup.success("加载完成");
+						}
+					})
+				})
+
+				var dom;
+
+				$("[loading]").click(function() {
+					dom = button.load({
+						elem: '[loading]'
+					})
+				})
+
+				$("[stop]").click(function() {
+					dom.stop(function() {
+						popup.failure("已停止");
+					});
+				})
+				
+				$("[to]").click(function(){
+					top.layui.admin.jump(14,"百度一下","http://www.bing.com",true)
+				})
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/card.html b/src/plugin/admin/public/demos/document/card.html
new file mode 100644
index 0000000..08ff0fb
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/card.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>数据卡片</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<form class="layui-form layui-form-pane">
+					<div class="layui-form-item">
+						<label class="layui-form-label">卡片标题</label>
+						<div class="layui-input-inline">
+							<input type="text" name="realName" id="realName" placeholder="" class="layui-input">
+						</div>
+						<label class="layui-form-label">卡片名称</label>
+						<div class="layui-input-inline">
+							<input type="text" name="username" id="username" placeholder="" class="layui-input">
+						</div>
+						<div class="layui-inline">
+							<button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"><i class="layui-icon">&#xe615;</i>
+								搜 索</button>
+							<button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-btn"><i class="layui-icon">&#xe615;</i>
+								获取数据</button>
+							<button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-checked-btn"><i class="layui-icon">&#xe615;</i>
+								获取选中数据</button>
+						</div>
+					</div>
+				</form>
+				<div id="currentTableId"></div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['table', 'layer', 'form', 'jquery', 'card'], function() {
+
+				let table = layui.table;
+				let form = layui.form;
+				let $ = layui.jquery;
+				let layer = layui.layer;
+				let card = layui.card;
+
+				card.render({
+					elem: '#currentTableId',
+					url: '../../demos/data/card.json', // 接口数据
+					data: [], // 静态数据 
+					page: true, // 是否分页
+					limit: 8, // 每页数量
+					linenum: 4, // 每行数量
+					clickItem: function(data){ // 单击事件
+						console.log(data)
+					}
+				})
+				
+				// 监听搜索操作
+				form.on('submit(data-search-btn)', function(data) {
+					queryJson = data.field;
+					card.reload("currentTableId", {
+						where: queryJson,
+					});
+					return false;
+				});
+				form.on('submit(data-checked-btn)', function() {
+					var data = card.getChecked("currentTableId");
+					layer.msg(JSON.stringify(data));
+					return false;
+				});
+				form.on('submit(data-btn)', function() {
+					var data = card.getAllData("currentTableId");
+					layer.msg(JSON.stringify(data));
+					return false;
+				});
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/core.html b/src/plugin/admin/public/demos/document/core.html
new file mode 100644
index 0000000..1c81d15
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/core.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>数据卡片</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="collapseSide" class="pear-btn">侧边切换</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="refreshThis" class="pear-btn">刷新当前</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="refresh" class="pear-btn">刷新指定</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="addTab" class="pear-btn">新增卡片</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="changeTabTitle" class="pear-btn">修改标题</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="closeTab" class="pear-btn">删除卡片</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="closeThis" class="pear-btn">删除当前</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="closeAll" class="pear-btn">删除全部</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="closeOther" class="pear-btn">删除其他</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="changeIframe" class="pear-btn">切换页面</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="jump" class="pear-btn">兼容切换</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<button id="fullScreen" class="pear-btn">有点多余</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<table class="layui-table">
+				  <colgroup>
+				    <col width="150">
+				    <col width="200">
+				    <col>
+				  </colgroup>
+				  <thead>
+				    <tr>
+				      <th>方法</th>
+				      <th>描述</th>
+				      <th>参数</th>
+					  <th>备注</th>
+				    </tr> 
+				  </thead>
+				  <tbody>
+				    <tr>
+				      <td>admin.collapseSide</td>
+				      <td>侧边收缩</td>
+				      <td>无</td>
+					  <td>无模式限制</td>
+				    </tr>
+				    <tr>
+				      <td>admin.refreshThis</td>
+				      <td>刷新当前</td>
+				      <td>无</td>
+					  <td>无模式限制</td>
+				    </tr>
+					<tr>
+					  <td>admin.refresh</td>
+					  <td>刷新指定</td>
+					  <td>id: 编号</td>
+					  <td>仅限 TAB 模式</td>
+					</tr>
+					<tr>
+					  <td>admin.addTab</td>
+					  <td>新增卡片</td>
+					  <td>id:编号,title:标题,url:路径</td>
+					  <td>仅限 TAB 模式</td>
+					</tr>
+					<tr>
+					  <td>admin.changeTabTitle</td>
+					  <td>修改标题</td>
+					  <td>id:编号,title:标题</td>
+					  <td>仅限 TAB 模式</td>
+					</tr>
+					<tr>
+					  <td>admin.closeTab</td>
+					  <td>关闭卡片</td>
+					  <td>id:编号</td>
+					  <td>仅限 TAB 模式</td>
+					</tr>
+					<tr>
+					  <td>admin.closeCurrentTab</td>
+					  <td>关闭当前</td>
+					  <td>无</td>
+					  <td>仅限 TAB 模式</td>
+					</tr>
+					<tr>
+					  <td>admin.closeAllTab</td>
+					  <td>关闭所有</td>
+					  <td>无</td>
+					  <td>仅限 TAB 模式</td>
+					</tr>
+					<tr>
+					  <td>admin.closeOtherTab</td>
+					  <td>关闭其他</td>
+					  <td>无</td>
+					  <td>仅限 TAB 模式</td>
+					</tr>
+					<tr>
+					  <td>admin.changeIframe</td>
+					  <td>切换页面</td>
+					  <td>id:编号,title:标题,url:路径</td>
+					  <td>仅限 IFRAME 模式</td>
+					</tr>
+					<tr>
+					  <td>admin.jump</td>
+					  <td>兼容切换</td>
+					  <td>id:编号,title:标题,url:路径</td>
+					  <td>无模式限制</td>
+					</tr>
+					<tr>
+					  <td>admin.fullScreen</td>
+					  <td>全屏模式</td>
+					  <td>无</td>
+					  <td>无模式限制</td>
+					</tr>
+				  </tbody>
+				</table>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['jquery','layer'], function() {
+				var $ = layui.jquery;
+				
+				$("#collapseSide").click(function(){
+					parent.layui.admin.collapseSide()
+				})
+				
+				$("#refreshThis").click(function(){
+					parent.layui.admin.refreshThis()
+				})
+				
+				$("#refresh").click(function(){
+					parent.layui.admin.refresh(14)
+				})
+				
+				$("#addTab").click(function(){
+					parent.layui.admin.addTab(14,"百度一下","http://www.bing.com")
+				})
+				
+				$("#closeTab").click(function(){
+					parent.layui.admin.closeTab(14)
+				})
+				
+				$("#closeThis").click(function(){
+					parent.layui.admin.closeCurrentTab()
+				})
+				
+				$("#closeAll").click(function(){
+					parent.layui.admin.closeAllTab()
+				})
+				
+				$("#changeTabTitle").click(function(){
+					parent.layui.admin.changeTabTitle(16,"修改标题")
+				})
+				
+				$("#closeOther").click(function(){
+					parent.layui.admin.closeOtherTab()
+				})
+				
+				$("#changeIframe").click(function(){
+					parent.layui.admin.changeIframe(14,"百度一下","http://www.bing.com")
+				})
+				
+				$("#jump").click(function(){
+					parent.layui.admin.jump(14,"百度一下","http://www.bing.com")
+				})
+				
+				$("#fullScreen").click(function(){
+					parent.layui.admin.fullScreen()
+				})
+				
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/count.html b/src/plugin/admin/public/demos/document/count.html
new file mode 100644
index 0000000..39f93de
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/count.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>数字滚动</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						开发环境
+					</div>
+					<div class="layui-card-body">
+						Pear Count 数据滚动特效
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;script src="component/layui/layui.js">&lt;/script>
+								 并
+								&lt;script src="component/pear/pear.js">&lt;/script>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						简单使用
+					</div>
+					<div class="layui-card-body">
+						<h2 id="number1">0</h2>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['count'], function() {
+								    var count = layui.count;
+									
+								    count.up("number1", {
+								        time: 8000,
+								        num: 4540.34,
+								        regulator: 100
+								    })
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						保留小数
+					</div>
+					<div class="layui-card-body">
+						<h2 id="number2">0</h2>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+							layui.use(['count'], function() {
+							    var count = layui.count;
+								
+							    count.up("number2", {
+							        time: 8000,
+							        num: 4540.34,
+							        bit: 2,
+							        regulator: 100
+							    })
+							})
+						</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['element', 'code', 'count'], function() {
+				var element = layui.element;
+				var count = layui.count;
+
+				count.up("number1", {
+					time: 8000,
+					num: 4540.34,
+					regulator: 100
+				})
+
+				count.up("number2", {
+					time: 8000,
+					num: 9832.34,
+					bit: 2,
+					regulator: 100
+				})
+
+
+				layui.code();
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/drawer.html b/src/plugin/admin/public/demos/document/drawer.html
new file mode 100644
index 0000000..a97e4d0
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/drawer.html
@@ -0,0 +1,597 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>抽屉组件</title>
+		<link href="../../component/pear/css/pear.css" rel="stylesheet" />
+		<style>
+			.wrap {
+				display: none;
+			}
+		</style>
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">
+						Drawer 在 弹出层 UI 上带来不一样的体验.
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;script src="component/layui/layui.js">&lt;/script>
+								 并
+								&lt;script src="component/pear/pear.js">&lt;/script>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">抽屉</div>
+					<div class="layui-card-body">
+						<button class="drawer-top pear-btn pear-btn-primary">上</button>
+						<button class="drawer-bottom pear-btn pear-btn-success">下</button>
+						<button class="drawer-left pear-btn pear-btn-warming">左</button>
+						<button class="drawer-right pear-btn pear-btn-danger">右</button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['drawer'], function() {
+									var drawer = layui.drawer;
+
+								    drawer.open({
+								        direction: "right",
+								        dom: ".layer-top",
+								        distance: "30%"
+								    });
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">进阶</div>
+					<div class="layui-card-body">
+						<button class="drawer-close-mask pear-btn pear-btn-primary">手动关闭</button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								var dom;
+
+								$(".drawer-close-mask").click(function() {
+								    dom = drawer.open({
+								        direction: "right",
+								        dom: ".layer-close-mask",
+								        distance: "30%",
+								        maskClose: false
+								    });
+								})
+
+								$("#btnClose").click(function() {
+								    dom.close();
+								})
+
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">扩展</div>
+					<div class="layui-card-body">
+						<button class="drawer-auto-close pear-btn pear-btn-success">自动关闭</button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['drawer'], function() {
+									var drawer = layui.drawer;
+
+								    $(".drawer-auto-close").click(function() {
+								        dom = drawer.open({
+								            direction: "right",
+								            dom: ".layer-auto-close",
+								            distance: "30%",
+								            maskClose: false,
+								            time: 1000
+								        });
+								    })
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">扩展</div>
+					<div class="layui-card-body">
+						<button class="drawer-call-back pear-btn pear-btn-success">回调函数</button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['drawer'], function() {
+									var drawer = layui.drawer;
+
+								    $(".drawer-auto-close").click(function() {
+								        dom = drawer.open({
+								            direction: "right",
+								            dom: ".layer-auto-close",
+								            distance: "30%",
+								            success:function(){
+								                layer.msg("触发回调函数");
+								            }
+								        });
+								    })
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">扩展</div>
+					<div class="layui-card-body">
+						<div id="targetEl"
+								style="width: 600px;
+								height: 300px;
+								overflow: hidden;
+								position: relative;
+								border: 1px solid gainsboro;
+								background-color: #EEE;
+								margin-top: 20px;
+								display: flex;
+								justify-content: space-around;
+								align-items: center"">
+								<button id="targetDemo" class="pear-btn pear-btn-success">指定容器内打开</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+									layui.use(['drawer'], function() {
+									  var drawer = layui.drawer;
+									    $("#targetDemo").click(function () {
+									      drawer.open({
+									      // 指定挂载节点
+									      target: "#targetEl"
+									      direction: "right",
+									      dom: ".layer-right",
+									      distance: "50%",
+									      });
+									})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- 新版 API -->
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">基于 layer 的抽屉扩展</div>
+					<div class="layui-card-body">
+						<p style="margin-bottom: 10px;">兼容原版 drawer 所有参数,要使用 layer 扩展,设置 legacy 选项为 false 即可</p>
+						<button id="layerDrawerLeft" class="pear-btn pear-btn-success">左</button>
+						<button id="layerDrawerRight" class="pear-btn pear-btn-success">右</button>
+						<button id="layerDrawerTop" class="pear-btn pear-btn-success">上</button>
+						<button id="layerDrawerBottom" class="pear-btn pear-btn-success">下</button>
+						<button id="layerDrawer" class="pear-btn pear-btn-success">更多参数示例</button>
+						<button id="layerDrawerParent" class="pear-btn pear-btn-success">父窗口打开</button>
+						<button id="layerDrawerIframe" class="pear-btn pear-btn-success">iframe远程页面</button>
+						<button id="layerDrawerURL" class="pear-btn pear-btn-success">URL远程页面</button>
+						<div
+							id="layertargetEl"
+							style="width: 600px;
+								height: 300px;
+								overflow: hidden;
+								position: relative;
+								border: 1px solid gainsboro;
+								background-color: #EEE;
+								margin-top: 10px;
+								display: flex;
+								justify-content: space-around;
+								align-items: center">
+								<button id="layertargetDemo" class="pear-btn pear-btn-success">指定容器内打开</button>
+						</div>
+						<blockquote class="layui-elem-quote layui-quote-nm">指定容器内打开，需使用 layer 捕获层模式，并设置目标容器 style="overflow: hidden;
+						position: relative;"</blockquote>
+						<blockquote class="layui-elem-quote layui-quote-nm">
+						  使用 url 参数指定抽屉代码片段地址，会使用 ajax 请求将代码片段拼接到抽屉中，和原来的页面在同一个页面上, 传值更方便。注意片段和原页面不能出现相同的 ID。
+						</blockquote>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+											$("#layerDrawerLeft").click(function(){
+											  drawer.open({
+											    legacy: false,
+											    offset: 'l',
+											    area: "30%",
+											    content: "left内容",
+											  })
+											})
+											$("#layerDrawerRight").click(function () {
+											  drawer.open({
+											    legacy: false,
+											    offset: 'r',
+											    area: "30%",
+											    content: "right内容",
+											  })
+											})
+											$("#layerDrawerTop").click(function () {
+											  drawer.open({
+											    legacy: false,
+										      offset: "t",
+											    content: "top内容",
+											  })
+											})
+											$("#layerDrawerBottom").click(function () {
+											  drawer.open({
+											    legacy: false,
+											    offset: "b",
+											    content: "bottom内容",
+											  })
+											})
+
+											$("#layerDrawer").click(function () {
+											  var index = drawer.open({
+											    legacy: false,
+											    title: ['标题', 'font-size:16px;color:#2d8cf0'],
+											    maxmin: true,
+											    offset: "r",
+											    area: "30%",
+											    content: "抽屉内容",
+											    btn:"关闭",
+											    yes:function(index,layero){
+											      drawer.close(index);
+											      console.log(index,layero);
+											    },
+											    btnAlign: "l",
+											    closeBtn: 1,
+											  })
+											})
+
+											$("#layerDrawerParent").click(function () {
+
+											  var index = parent.layui.drawer.open({
+												    legacy: false,
+												    title: ['标题', 'font-size:16px;color:#2d8cf0'],
+												    maxmin: true,
+												    offset: "r",
+												    area: "30%",
+												    content: "抽屉内容",
+												    btn:"关闭",
+												    yes:function(index,layero){
+												      drawer.close(index);
+												      console.log(index,layero);
+												    },
+												    btnAlign: "l",
+												    closeBtn: 1,
+												})
+											})
+
+											$("#layertargetDemo").click(function () {
+											    drawer.open({
+											    legacy: false,
+											    target: "#layertargetEl",
+											    direction: "right",
+											    dom: ".layer-right",
+											    distance: "50%",
+											    });
+											})
+
+											$("#layerDrawerIframe").click(function () {
+											  drawer.open({
+											  legacy: false,
+											  title: ['用户管理', 'font-size:16px;color:#2d8cf0'],
+											  offset: 'r',
+											  area: "80%",
+											   maxmin: true,
+											   closeBtn: 1,
+											   iframe: window.location.origin + "/view/document/table.html"
+											  })
+											})
+
+											$("#layerDrawerURL").click(function () {
+											   drawer.open({
+										     legacy: false,
+										     title: ['用户管理', 'font-size:16px;color:#2d8cf0'],
+											   offset: 'r',
+											   area: "80%",
+											   maxmin: true,
+											   closeBtn: 1,
+											   url: window.location.origin + "/view/document/drawerFragment.html"
+											   })
+											})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+			<div class="layer-left" style="display: none;">
+				<br />
+				<h3>左侧弹层内容...</h3>
+			</div>
+			<div class="layer-right" style="display: none;">
+				<br />
+				<h3>右侧弹层内容...</h3>
+			</div>
+			<div class="layer-top" style="display: none;">
+				<br />
+				<h3>上侧弹层内容...</h3>
+			</div>
+			<div class="layer-bottom" style="display: none;">
+				<br />
+				<h3>下侧弹层内容...</h3>
+			</div>
+
+			<div class="layer-open-mask" style="display: none;">
+				<br />
+				<h3>点击右侧灰色区域</h3>
+			</div>
+			<div class="layer-close-mask" style="display: none;">
+				<button id="btnClose" class="pear-btn pear-btn-primary"
+					style="position: absolute; bottom: 10px;left: 10px;">关闭抽屉</button>
+			</div>
+			<div class="layer-auto-close" style="display: none;">
+				<br />
+				<h3>打开 2秒 后自动关闭...</h3>
+			</div>
+
+	</body>
+
+	<script src="../../component/layui/layui.js"></script>
+	<script src="../../component/pear/pear.js"></script>
+	<script>
+		layui.use(['element', 'jquery', 'drawer', 'layer', 'code'], function() {
+			var element = layui.element;
+			var $ = layui.jquery;
+			var drawer = layui.drawer;
+			var layer = layui.layer;
+
+			layui.code();
+
+			$("#layerDrawerIframe").click(function () {
+				drawer.open({
+					legacy: false,
+					title: ['用户管理', 'font-size:16px;color:#2d8cf0'],
+					offset: 'r',
+					area: "80%",
+					maxmin: true,
+					closeBtn: 1,
+					iframe: window.location.origin + "/view/document/table.html"
+				})
+			})
+
+			$("#layerDrawerURL").click(function () {
+				drawer.open({
+					legacy: false,
+					title: ['用户管理', 'font-size:16px;color:#2d8cf0'],
+					offset: 'r',
+					area: "80%",
+					maxmin: true,
+					closeBtn: 1,
+					url: window.location.origin + "/view/document/drawerFragment.html"
+				})
+			})
+
+			$("#layerDrawerLeft").click(function(){
+				drawer.open({
+					legacy: false,
+					offset: 'l',
+					area: "30%",
+					content: "left内容",
+				})
+			})
+			$("#layerDrawerRight").click(function () {
+				drawer.open({
+					legacy: false,
+					offset: 'r',
+					area: "30%",
+					content: "right内容",
+				})
+			})
+			$("#layerDrawerTop").click(function () {
+				drawer.open({
+					legacy: false,
+					offset: "t",
+					content: "top内容",
+				})
+			})
+			$("#layerDrawerBottom").click(function () {
+				drawer.open({
+					legacy: false,
+					offset: "b",
+					content: "bottom内容",
+				})
+			})
+
+			$("#layerDrawer").click(function () {
+				var index = drawer.open({
+					legacy: false,
+					title: ['标题', 'font-size:16px;color:#2d8cf0'],
+					maxmin: true,
+					offset: "r",
+					area: "30%",
+					content: "抽屉内容",
+					btn:"关闭",
+					yes:function(index,layero){
+						drawer.close(index);
+						console.log(index,layero);
+					},
+					btnAlign: "l",
+					closeBtn: 1,
+				})
+			})
+
+			$("#layerDrawerParent").click(function () {
+				var index = parent.layui.drawer.open({
+					legacy: false,
+					title: ['标题', 'font-size:16px;color:#2d8cf0'],
+					maxmin: true,
+					offset: "r",
+					area: "30%",
+					content: "抽屉内容",
+					btn: "关闭",
+					yes: function (index, layero) {
+						parent.layui.drawer.close(index);
+						console.log(index, layero);
+					},
+					btnAlign: "l",
+					closeBtn: 1,
+				})
+			})
+
+			$("#layertargetDemo").click(function () {
+				drawer.open({
+					legacy: false,
+					target: "#layertargetEl",
+					direction: "right",
+					dom: ".layer-right",
+					distance: "50%",
+				});
+			})
+
+			$(".drawer-right").click(function() {
+				drawer.open({
+					direction: "right",
+					dom: ".layer-right",
+					distance: "30%"
+				});
+			})
+
+			$(".drawer-left").click(function() {
+
+				drawer.open({
+					direction: "left",
+					dom: ".layer-left",
+					distance: "30%"
+				});
+
+			})
+
+			$(".drawer-top").click(function() {
+				drawer.open({
+					direction: "top",
+					dom: ".layer-top",
+					distance: "30%"
+				});
+			})
+
+			$(".drawer-bottom").click(function() {
+				drawer.open({
+					direction: "bottom",
+					dom: ".layer-bottom",
+					distance: "30%"
+				});
+			})
+
+			$(".drawer-open-mask").click(function() {
+				drawer.open({
+					direction: "right",
+					dom: ".layer-open-mask",
+					distance: "30%",
+					maskClose: true
+				});
+			})
+
+			var dom;
+
+			$(".drawer-close-mask").click(function() {
+				dom = drawer.open({
+					direction: "right",
+					dom: ".layer-close-mask",
+					distance: "30%",
+					maskClose: false
+				});
+			})
+
+			$("#btnClose").click(function() {
+				dom.close();
+			})
+
+			$(".drawer-auto-close").click(function() {
+				dom = drawer.open({
+					direction: "right",
+					dom: ".layer-auto-close",
+					distance: "30%",
+					maskClose: false,
+					time: 1000
+				});
+			})
+
+			$(".drawer-call-back").click(function() {
+				dom = drawer.open({
+					direction: "right",
+					dom: ".layer-right",
+					distance: "30%",
+					success: function() {
+						layer.msg("触发回调函数", {
+							icon: 1,
+							time: 1000
+						});
+					}
+				});
+			})
+
+			$("#targetDemo").click(function () {
+				drawer.open({
+					target: "#targetEl",
+					direction: "right",
+					dom: ".layer-right",
+					distance: "50%",
+				});
+			})
+
+		})
+	</script>
+</html>
diff --git a/src/plugin/admin/public/demos/document/drawerFragment.html b/src/plugin/admin/public/demos/document/drawerFragment.html
new file mode 100644
index 0000000..0630bb8
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/drawerFragment.html
@@ -0,0 +1,385 @@
+<style>
+	.expand.pear-btn:hover {
+		color: currentColor;
+		background-color: unset;
+	}
+
+	.expand.pear-btn {
+		border: 1px solid rgb(255 255 255 / 0%)
+	}
+</style>
+<div class="layui-card">
+	<div class="layui-card-body">
+		<form id="userForm" class="layui-form" action="">
+			<div class="layui-form-item">
+				<div class="layui-inline">
+					<label class="layui-form-label">用户名</label>
+					<div class="layui-input-inline">
+						<input type="text" name="realName" placeholder="" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-inline">
+					<label class="layui-form-label">账号</label>
+					<div class="layui-input-inline">
+						<input type="text" name="username" placeholder="" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-inline">
+					<label class="layui-form-label">账号</label>
+					<div class="layui-input-inline">
+						<input type="text" name="username" placeholder="" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-inline">
+					<label class="layui-form-label">账号</label>
+					<div class="layui-input-inline">
+						<input type="text" name="username" placeholder="" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-inline">
+					<label class="layui-form-label">账号</label>
+					<div class="layui-input-inline">
+						<input type="text" name="username" placeholder="" class="layui-input">
+					</div>
+				</div>
+				<div class="layui-inline" style="margin-left: 50px;">
+					<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query">
+						<i class="layui-icon layui-icon-search"></i>
+						查询
+					</button>
+					<button type="reset" class="pear-btn pear-btn-md">
+						<i class="layui-icon layui-icon-refresh"></i>
+						重置
+					</button>
+					<button type="button" class="pear-btn pear-btn-md expand">
+					</button>
+				</div>
+			</div>
+		</form>
+	</div>
+</div>
+<div class="layui-card">
+	<div class="layui-card-body">
+		<table id="user-table" lay-filter="user-table"></table>
+	</div>
+</div>
+
+<script type="text/html" id="user-toolbar">
+			<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+				<i class="layui-icon layui-icon-add-1"></i>
+				新增
+			</button>
+			<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+				<i class="layui-icon layui-icon-delete"></i>
+				删除
+			</button>
+</script>
+
+<script type="text/html" id="user-bar">
+			<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i
+					class="layui-icon layui-icon-edit"></i></button>
+			<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i
+					class="layui-icon layui-icon-delete"></i></button>
+			<button class="pear-btn pear-btn-sm" id="more_{{d.userId}}"><i class="layui-icon layui-icon-triangle-d"></i></button>
+</script>
+
+<script type="text/html" id="user-enable">
+			<input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="user-enable"
+				checked="{{ d.enable == 0 ? 'true' : 'false' }}">
+</script>
+
+<script type="text/html" id="user-sex">
+		{{#if (d.sex == 1) { }}
+			<span>男</span>
+			{{# }else if(d.sex == 2){ }}
+				<span>女</span>
+				{{# } }}
+</script>
+
+<script type="text/html" id="user-login">
+		{{#if (d.login == 0) { }}
+			<span>在线</span>
+			{{# }else if(d.sex == 1){ }}
+				<span>离线</span>
+				{{# } }}
+</script>
+
+<script type="text/html" id="user-createTime">
+		{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}}
+</script>
+<script>
+	layui.use(['table', 'form', 'jquery', 'drawer', 'dropdown'], function () {
+		let table = layui.table;
+		let form = layui.form;
+		let $ = layui.jquery;
+		let drawer = layui.drawer;
+		let dropdown = layui.dropdown;
+
+		let MODULE_PATH = "/system/user/";
+
+		formToggle({
+			elem: "#userForm",
+		});
+
+		function formToggle(options) {
+			var defaultsOpt = {
+				isExpand: false,
+				prefixIcon: "layui-icon",
+				toggleIcon: ['layui-icon-down', 'layui-icon-up'],
+				toggleText: ['展开', '折叠'],
+			}
+			var opt = $.extend({}, defaultsOpt, options);
+			var elem = opt.elem; // 绑定的表单元素,必填
+			var min = opt.min; // 最小显示数,默认显示一行
+			var isExpand = opt.isExpand; // 初始展开
+			var prefixIcon = opt.prefixIcon + " "; // 图标前缀
+			var toggleIcon = opt.toggleIcon; // 折叠和展开时的图标类[unExpandIcon, ExpandIcon]
+			var toggleText = opt.toggleText; // 折叠和展开时的文本
+
+			var eleDOM = $(elem + " .layui-inline");
+			var firstElTop = eleDOM.first().offset().top;
+			var targetEl = eleDOM.filter(function (index) {
+				var isGtMin = (index + 1) > min;
+				var isGtFirstElTop = $(this).offset().top > firstElTop;
+				var isNeqLast = (index + 1) != eleDOM.length;
+				return min
+					? isGtMin && isNeqLast
+					: isGtFirstElTop && isNeqLast;
+			});
+
+			var unExpandIcon = prefixIcon + toggleIcon[0];
+			var expandIcon = prefixIcon + toggleIcon[1];
+			var unExpandText = toggleText[0];
+			var expandText = toggleText[1];
+			var btnSelector = elem + " .expand";
+			$(btnSelector).append("<i></i>")
+			if (isExpand) {
+				$(btnSelector).prepend("<span>" + expandText + "</span>");
+				$(btnSelector + ">i").addClass(expandIcon);
+			} else {
+				$(btnSelector).prepend("<span>" + unExpandText + "</span>")
+				$(btnSelector + ">i").addClass(unExpandIcon)
+				targetEl.addClass("layui-hide");
+			}
+			$(btnSelector).click(function () {
+				isExpand = !isExpand;
+				if (isExpand) {
+					$(btnSelector + ">span").html(expandText);
+					$(btnSelector + ">i").removeClass(unExpandIcon).addClass(expandIcon);
+					targetEl.removeClass("layui-hide")
+				} else {
+					$(btnSelector + ">span").html(unExpandText);
+					$(btnSelector + ">i").removeClass(expandIcon).addClass(unExpandIcon);
+					targetEl.addClass("layui-hide")
+				}
+			})
+		}
+
+		let cols = [
+			[{
+				type: 'checkbox'
+			},
+			{
+				title: '账号',
+				field: 'username',
+				align: 'center',
+				width: 100
+			},
+			{
+				title: '姓名',
+				field: 'realName',
+				align: 'center'
+			},
+			{
+				title: '性别',
+				field: 'sex',
+				align: 'center',
+				width: 80,
+				templet: '#user-sex'
+			},
+			{
+				title: '电话',
+				field: 'phone',
+				align: 'center'
+			},
+			{
+				title: '启用',
+				field: 'enable',
+				align: 'center',
+				templet: '#user-enable'
+			},
+			{
+				title: '登录',
+				field: 'login',
+				align: 'center',
+				templet: '#user-login'
+			},
+			{
+				title: '注册',
+				field: 'createTime',
+				align: 'center',
+				templet: '#user-createTime'
+			},
+			{
+				title: '操作',
+				toolbar: '#user-bar',
+				align: 'left',
+				width: 160,
+				fixed: 'right'
+			}
+			]
+		]
+
+		table.render({
+			elem: '#user-table',
+			url: '../../demos/data/table.json',
+			page: true,
+			cols: cols,
+			skin: 'line',
+			toolbar: '#user-toolbar',
+			defaultToolbar: [{
+				layEvent: 'refresh',
+				icon: 'layui-icon-refresh',
+			}, 'filter', 'print', 'exports'],
+			done: function (res, curr, count) {
+				for (var i = 0; i < res.data.length; i++) {
+					dropdown.render({
+						elem: '#more_' + res.data[i].userId,
+						data: [{
+							title: 'menu item11',
+							id: 100
+						}, {
+							title: 'menu item22',
+							id: 101
+						}, {
+							title: 'menu item33',
+							id: 102
+						}],
+						id: '#more_' + res.data[i].userId,
+						click: function (obj) {
+							layer.tips('点击了：' + obj.title, this.elem, {
+								tips: [1, '#5FB878']
+							})
+						}
+					});
+				}
+			}
+		});
+
+		table.on('tool(user-table)', function (obj) {
+			if (obj.event === 'remove') {
+				window.remove(obj);
+			} else if (obj.event === 'edit') {
+				window.edit(obj);
+			}
+		});
+
+		table.on('toolbar(user-table)', function (obj) {
+			if (obj.event === 'add') {
+				window.add();
+			} else if (obj.event === 'refresh') {
+				window.refresh();
+			} else if (obj.event === 'batchRemove') {
+				window.batchRemove(obj);
+			}
+		});
+
+		form.on('submit(user-query)', function (data) {
+			table.reload('user-table', {
+				where: data.field
+			})
+			return false;
+		});
+
+		form.on('switch(user-enable)', function (obj) {
+			layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
+		});
+
+		window.add = function () {
+			layer.msg("添加")
+		}
+
+		window.edit = function (obj) {
+			layer.msg("修改");
+		}
+
+		window.remove = function (obj) {
+			layer.confirm('确定要删除该用户', {
+				icon: 3,
+				title: '提示'
+			}, function (index) {
+				layer.close(index);
+				let loading = layer.load();
+				$.ajax({
+					url: MODULE_PATH + "remove/" + obj.data['userId'],
+					dataType: 'json',
+					type: 'delete',
+					success: function (result) {
+						layer.close(loading);
+						if (result.success) {
+							layer.msg(result.msg, {
+								icon: 1,
+								time: 1000
+							}, function () {
+								obj.del();
+							});
+						} else {
+							layer.msg(result.msg, {
+								icon: 2,
+								time: 1000
+							});
+						}
+					}
+				})
+			});
+		}
+
+		window.batchRemove = function (obj) {
+			let data = table.checkStatus(obj.config.id).data;
+			if (data.length === 0) {
+				layer.msg("未选中数据", {
+					icon: 3,
+					time: 1000
+				});
+				return false;
+			}
+			let ids = "";
+			for (let i = 0; i < data.length; i++) {
+				ids += data[i].userId + ",";
+			}
+			ids = ids.substr(0, ids.length - 1);
+			layer.confirm('确定要删除这些用户', {
+				icon: 3,
+				title: '提示'
+			}, function (index) {
+				layer.close(index);
+				let loading = layer.load();
+				$.ajax({
+					url: MODULE_PATH + "batchRemove/" + ids,
+					dataType: 'json',
+					type: 'delete',
+					success: function (result) {
+						layer.close(loading);
+						if (result.success) {
+							layer.msg(result.msg, {
+								icon: 1,
+								time: 1000
+							}, function () {
+								table.reload('user-table');
+							});
+						} else {
+							layer.msg(result.msg, {
+								icon: 2,
+								time: 1000
+							});
+						}
+					}
+				})
+			});
+		}
+
+		window.refresh = function (param) {
+			table.reload('user-table');
+		}
+	})
+</script>
diff --git a/src/plugin/admin/public/demos/document/dtree.html b/src/plugin/admin/public/demos/document/dtree.html
new file mode 100644
index 0000000..2560b2f
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/dtree.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>树形结构</title>
+        <link href="../../component/pear/css/pear.css" rel="stylesheet" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">Dtree 提供 树状态 的数据结构展示</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link href="component/pear/css/pear.css" rel="stylesheet" />
+								 并
+								&lt;script src="component/layui/layui.js">&lt;/script>
+								 并
+								&lt;script src="component/pear/pear.js">&lt;/script>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						嵌套数据格式
+					</div>
+					<div class="layui-card-body">
+						<ul id="demoTree" class="dtree" data-id="0"></ul>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['dtree'], function () {
+								    dtree = layui.dtree;
+								 
+								    dtree.render({
+								        elem: "#demoTree",
+								        initLevel: "1",
+								        method: 'get',
+								        url: "admin/data/dtree.json"
+								    });
+								});
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						嵌套数据格式
+					</div>
+					<div class="layui-card-body">
+						<ul id="demoTree3" class="dtree" data-id="0"></ul>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['dtree'], function () {
+								    dtree = layui.dtree;
+								 
+								    dtree.render({
+								        elem: "#demoTree",
+								        initLevel: "1",
+								        method: 'get',
+								        url: "admin/data/dtree.json",
+								        dataFormat: "list", 
+								        checkbar: true
+								    });
+								});
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						下拉树
+					</div>
+					<div class="layui-card-body">
+						<ul id="demoTree2" class="dtree" data-id="0"></ul>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['dtree'], function () {
+								    dtree = layui.dtree;
+								 
+								    dtree.render({
+								        elem: "#demoTree2",
+								        initLevel: "1",
+								        method: 'get',
+								        url: "admin/data/dtree.json",
+								        select: true
+								    });
+								});
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['dtree', 'jquery','element','code'], function () {
+				var $ = layui.jquery,
+					dtree = layui.dtree;
+					
+					layui.code();
+
+				// 初始化树
+				dtree.render({
+					elem: "#demoTree",
+					initLevel: "1",
+					method: 'get',
+					url: "../../demos/data/dtree.json"
+				});
+
+				dtree.render({
+					elem: "#demoTree3",
+					initLevel: "1",
+					method: 'get',
+					url: "../../demos/data/dataTree2.json",
+					dataFormat: "list", //配置data的风格为list
+					checkbar: true //开启复选框
+				});
+				
+				dtree.render({
+					elem: "#demoTree2",
+					initLevel: "1",
+					method: 'get',
+					url: "../../demos/data/dtree.json",
+					select: true
+				});
+			});
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/document/encrypt.html b/src/plugin/admin/public/demos/document/encrypt.html
new file mode 100644
index 0000000..e6054f3
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/encrypt.html
@@ -0,0 +1,160 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>哈希加密</title>
+		<link href="../../component/pear/css/pear.css" rel="stylesheet" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						开发环境
+					</div>
+					<div class="layui-card-body">
+						Pear encrypt 为前端开发 提供 加密服务
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;script src="component/layui/layui.js">&lt;/script>
+								 并
+								&lt;script src="component/pear/pear.js">&lt;/script>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">加密操作</div>
+					<div class="layui-card-body">
+						<form class="layui-form" action="javascript:void(0);">
+							<div class="layui-form-item layui-input-inline">
+								<input id="enter" value="123456" type="text" class="layui-input" />
+							</div>
+							<div class="layui-form-item layui-input-inline">
+								<select name="encode" lay-verify="">
+									<option value="">加密方式</option>
+									<option value="1">MD5</option>
+									<option value="2">SHA1</option>
+									<option value="3">SHA256</option>
+									<option value="4">SHA512</option>
+									<option value="5">rmd160</option>
+									<option value="6">crc32</option>
+									<option value="7">Base64Encode</option>
+								</select>
+							</div>
+							<div class="layui-form-item layui-input-inline">
+								<button id="encode" class="pear-btn pear-btn-primary">Encode</button>
+							</div>
+						</form>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">加密结果</div>
+					<div class="layui-card-body" id="end">
+				
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['encrypt'], function() {
+									var encrypt = layui.encrypt;
+								
+								    encrypt.md5( str );
+									
+								    encrypt.sha1( str );
+									
+								    encrypt.sha256( str );
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+			    <div class="layui-card">
+			    	<div class="layui-card-header">API 文档</div>
+			    	<div class="layui-card-body" id="end">
+			    		<div>
+			    			<span>encrypt.md5( str )  --  MD5加密</span>
+			    			<br>
+			    			<br>
+			    			<span>encrypt.sha1( str )  --  SHA1加密</span>
+			    			<br>
+			    			<br>
+			    			<span>encrypt.sha256( str )  --  SHA256加密</span>
+			    			<br>
+			    			<br>
+			    			<span>encrypt.sha512( str )  --  SHA512加密</span>
+			    			<br>
+			    			<br>
+			    			<span>encrypt.rmd160( str )  --  RMD160加密</span>
+			    			<br>
+			    			<br>
+			    			<span>encrypt.crc32( str )  --  CRC32加密</span>
+			    			<br>
+			    			<br>
+			    			<span>encrypt.Base64Encode( str )  --  BASE64加密</span>
+			    			<br>
+			    			<br>
+			    		</div>
+			    	</div>
+			    </div>	
+			</div>
+		</div>
+        <script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['encrypt', 'form', 'jquery','layer','element','code'], function() {
+				var encrypt = layui.encrypt;
+				var form = layui.form;
+				var $ = layui.jquery;
+				var layer = layui.layer;
+				var element = layui.element;
+				
+				layui.code();
+
+				$("#encode").click(function() {
+					var encode = $("[name='encode']").val();
+					var end;
+					if (encode == 1) {
+						end = encrypt.md5($("#enter").val());
+					} else if (encode == 2) {
+						end = encrypt.sha1($("#enter").val());
+					} else if (encode == 3) {
+						end = encrypt.sha256($("#enter").val());
+					} else if (encode == 4) {
+						end = encrypt.sha512($("#enter").val());
+					} else if (encode == 5) {
+						end = encrypt.rmd160($("#enter").val());
+					} else if (encode == 6) {
+						end = encrypt.crc32($("#enter").val());
+					} else if (encode == 7) {
+						end = encrypt.Base64Encode($("#enter").val());
+					} else{
+						layer.msg("请选择加密方式",{icon:3,time:1000});
+					}
+
+					$("#end").append('<button class="pear-btn">加密方式 : ' + $("[value=" + $("[name='encode']")
+							.val() + "]").text() + '&nbsp;&nbsp;&nbsp;&nbsp;明文 : ' + $("#enter").val() +
+						'&nbsp;&nbsp;&nbsp;&nbsp;加密结果 : ' + end + '</button><br><br>');
+				})
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/form.html b/src/plugin/admin/public/demos/document/form.html
new file mode 100644
index 0000000..0ce7861
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/form.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+		<title>表单页面</title>
+		<link href="../../component/pear/css/pear.css" rel="stylesheet">
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">
+						Pear 基于 Form 的基础上扩展样式
+					</div>
+				</div>
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link rel="stylesheet" href="component/pear/css/pear.css" />
+								 或
+								&lt;link rel="stylesheet" href="component/pear/css/pear-module/form.css" />
+							</pre>
+						</div>
+					</div>
+				</div>
+				<div class="layui-card" style="margin-top: 10px;">
+					<div class="layui-card-header">输入框</div>
+					<div class="layui-card-body layui-row layui-col-space10">
+						<div class="layui-col-md12">
+							<input type="text" name="title" placeholder="请输入标题" autocomplete="off" class="layui-input">
+						</div>
+						<div class="layui-col-md6">
+							<input type="text" name="title" hover placeholder="用户名" autocomplete="off" class="layui-input">
+						</div>
+						<div class="layui-col-md6">
+							<input type="password" name="title" hover placeholder="密码" autocomplete="off" class="layui-input">
+						</div>
+					</div>
+				</div>
+				<div class="layui-card layui-form" lay-filter="component-form-element">
+					<div class="layui-card-header">下拉选择框</div>
+					<div class="layui-card-body layui-row layui-col-space10">
+						<div class="layui-col-md6">
+							<select name="city" lay-verify="">
+								<option value="">请选择一个城市</option>
+								<option value="010">北京</option>
+								<option value="021">上海</option>
+								<option value="0571">杭州</option>
+							</select>
+						</div>
+						<div class="layui-col-md6">
+							<select name="city" lay-verify="">
+								<option value="010">北京</option>
+								<option value="021" disabled>上海（禁用效果）</option>
+								<option value="0571" selected>杭州</option>
+							</select>
+						</div>
+						<div class="layui-col-md6">
+							<select name="quiz">
+								<option value="">请选择</option>
+								<optgroup label="城市记忆">
+									<option value="你工作的第一个城市">你工作的第一个城市？</option>
+								</optgroup>
+								<optgroup label="学生时代">
+									<option value="你的工号">你的工号？</option>
+									<option value="你最喜欢的老师">你最喜欢的老师？</option>
+								</optgroup>
+							</select>
+						</div>
+						<div class="layui-col-md6">
+							<select name="city" lay-verify="required" lay-search>
+								<option value="">带搜索的选择框</option>
+								<option value="1">layer</option>
+								<option value="2">form</option>
+								<option value="3">layim</option>
+								<option value="4">element</option>
+								<option value="5">laytpl</option>
+								<option value="6">upload</option>
+								<option value="7">laydate</option>
+								<option value="8">laypage</option>
+								<option value="9">flow</option>
+								<option value="10">util</option>
+								<option value="11">code</option>
+								<option value="12">tree</option>
+								<option value="13">layedit</option>
+								<option value="14">nav</option>
+								<option value="15">tab</option>
+								<option value="16">table</option>
+								<option value="17">select</option>
+								<option value="18">checkbox</option>
+								<option value="19">switch</option>
+								<option value="20">radio</option>
+							</select>
+						</div>
+						<div class="layui-col-md12">
+							<select name="city" lay-verify="">
+								<option value="">请选择一个城市</option>
+								<option value="010">北京</option>
+								<option value="021">上海</option>
+								<option value="0571">杭州</option>
+							</select>
+						</div>
+					</div>
+				</div>	
+				<div class="layui-card layui-form" lay-filter="component-form-element">
+					<div class="layui-card-header">复选框</div>
+					<div class="layui-card-body layui-row layui-col-space10">
+						<div class="layui-col-md12">
+							<input type="checkbox" name="" title="写作" lay-skin="primary" checked>
+							<input type="checkbox" name="" title="发呆" lay-skin="primary">
+							<input type="checkbox" name="" title="禁用" lay-skin="primary" disabled>
+							<input type="checkbox" name="" lay-skin="primary">
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-header">扩展样式</div>
+					<div class="layui-card-body layui-row layui-col-space10">
+						<div class="layui-col-md12">
+							<input type="text" name="title" hover placeholder="密码" autocomplete="off" class="layui-input">
+						</div>
+						<div class="layui-col-md12">
+							<input type="text" name="title" success placeholder="成功" autocomplete="off" class="layui-input">
+						</div>
+						<div class="layui-col-md12">
+							<input type="text" name="title" failure placeholder="失败" autocomplete="off" class="layui-input">
+						</div>
+				
+					</div>
+				</div>
+				<div class="layui-card">
+					<div class="layui-card-header">文本域</div>
+					<div class="layui-card-body layui-row layui-col-space10">
+						<div class="layui-col-md12">
+							<textarea name="" placeholder="请输入" class="layui-textarea"></textarea>
+						</div>
+					</div>
+				</div>
+				<div class="layui-card layui-form" lay-filter="component-form-element">
+					<div class="layui-card-header">开关</div>
+					<div class="layui-card-body layui-row layui-col-space10">
+						<div class="layui-col-md12">
+							<input type="checkbox" name="xxx" lay-skin="switch">&nbsp;&nbsp;
+							<input type="checkbox" name="yyy" lay-skin="switch" lay-text="ON|OFF" checked>&nbsp;&nbsp;
+							<input type="checkbox" name="zzz" lay-skin="switch" lay-text="开启|关闭">&nbsp;&nbsp;
+							<input type="checkbox" name="aaa" lay-skin="switch" disabled>&nbsp;&nbsp;
+						</div>
+					</div>
+				</div>
+				<div class="layui-card layui-form" lay-filter="component-form-element">
+					<div class="layui-card-header">单选框</div>
+					<div class="layui-card-body layui-row layui-col-space10">
+						<div class="layui-col-md12">
+							<input type="radio" name="sex" value="nan" title="男">
+							<input type="radio" name="sex" value="nv" title="女" checked>
+							<input type="radio" name="sex" value="" title="中性" disabled>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['form','element','code'], function() {
+				var form = layui.form;
+				var element = layui.element;
+				
+				layui.code();
+
+			});
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/fullscreen.html b/src/plugin/admin/public/demos/document/fullscreen.html
new file mode 100644
index 0000000..adade74
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/fullscreen.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>全屏组件</title>
+  <link rel="stylesheet" href="../../component/pear/css/pear.css" />
+</head>
+<style type="text/css">
+
+</style>
+<body class="pear-container">
+<div class="layui-row layui-col-space10" id="homeid">
+  <div class="layui-col-md12">
+    <div class="layui-card">
+      <div class="layui-card-header">开发环境</div>
+      <div class="layui-card-body">
+        fullscreen 用于控制页面或元素全屏
+      </div>
+    </div>
+  </div>
+  <div class="layui-col-md12">
+    <div class="layui-collapse">
+      <div class="layui-colla-item">
+        <h2 class="layui-colla-title">显示代码</h2>
+        <div class="layui-colla-content">
+            <pre class="layui-code" lay-encode="true">
+                &lt;link rel="stylesheet" href="component/pear/css/pear.css" /&gt;
+                 并
+                &lt;script src="component/layui/layui.js"&gt;&lt;/script&gt;
+                 并
+                &lt;script src="component/pear/pear.js"&gt;&lt;/script&gt;
+            </pre>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="layui-col-md12">
+    <div class="layui-card">
+      <div class="layui-card-header">全屏控制</div>
+      <div class="layui-card-body">
+        <button class="fullstart pear-btn pear-btn-primary">全屏</button>
+        <button class="fullclose pear-btn pear-btn-danger">退出全屏</button>
+        <button class="fulltarg pear-btn pear-btn-warming">指定目标全屏</button>
+      </div>
+    </div>
+  </div>
+  <div class="layui-col-md12">
+    <div class="layui-collapse">
+      <div class="layui-colla-item">
+        <h2 class="layui-colla-title">显示代码</h2>
+        <div class="layui-colla-content">
+			<pre class="layui-code" lay-encode="true">
+				layui.use(['fullscreen'], function() {
+    var fullscreen = layui.fullscreen;
+     fullscreen.fullScreen();
+	    fullscreen.fullClose();
+	    fullscreen.fullScreen("#fulltarget");
+	    fullscreen.isFullscreen();
+
+			})
+			</pre>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="layui-col-md12">
+    <div class="layui-card">
+      <div class="layui-card-header">指定容器全屏</div>
+      <div class="layui-card-body">
+        <div id="fulltarget"
+             style="width: 600px;
+								height: 300px;
+								overflow: hidden;
+								position: relative;
+								border: 1px solid gainsboro;
+								background-color: #EEE;
+								margin-top: 20px;
+								display: flex;
+								justify-content: space-around;
+								align-items: center">
+          <button class="fullclose pear-btn pear-btn-danger">退出全屏</button>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+<script src="../../component/layui/layui.js"></script>
+<script src="../../component/pear/pear.js"></script>
+<script>
+  layui.use([ 'jquery', 'code','admin','fullscreen'], function() {
+    var popup = layui.popup;
+    var $ = layui.jquery;
+    var admin = layui.admin;
+    var fullscreen=layui.fullscreen;
+    layui.code();
+    fullscreen.onFullchange(function(){
+        //增加全屏状态回调，可针对不同浏览器做后续处理
+        console.log("当前全屏状态:",fullscreen.isFullscreen());
+        var document = fullscreen.isFullscreen();
+        if(document){
+            $("#fulltarget").addClass('pear-full-screen');
+        }else{
+            $("#fulltarget").removeClass('pear-full-screen');
+        }
+    });
+    $(".fullstart").click(function() {
+      fullscreen.fullScreen().then(function ok(res){
+            console.log(res);
+        }
+      );
+    })
+
+    $(".fullclose").click(function() {
+      fullscreen.fullClose();
+    })
+
+    $(".fulltarg").click(function() {
+      fullscreen.fullScreen("#fulltarget");
+    })
+
+
+  })
+</script>
+</html>
diff --git a/src/plugin/admin/public/demos/document/icon.html b/src/plugin/admin/public/demos/document/icon.html
new file mode 100644
index 0000000..de00094
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/icon.html
@@ -0,0 +1,2195 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>图标列表</title>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="../../demos/css/icon.css">
+  <link rel="stylesheet" href="../../component/pear/css/pear.css" />
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+      </ul>
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6f0;</span>
+                <div class="name">加载</div>
+                <div class="code-name">&amp;#xe6f0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe68d;</span>
+                <div class="name">download</div>
+                <div class="code-name">&amp;#xe68d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe68e;</span>
+                <div class="name">electronics</div>
+                <div class="code-name">&amp;#xe68e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe68f;</span>
+                <div class="name">drag</div>
+                <div class="code-name">&amp;#xe68f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe690;</span>
+                <div class="name">elipsis</div>
+                <div class="code-name">&amp;#xe690;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe691;</span>
+                <div class="name">export</div>
+                <div class="code-name">&amp;#xe691;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe692;</span>
+                <div class="name">explain</div>
+                <div class="code-name">&amp;#xe692;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe693;</span>
+                <div class="name">edit</div>
+                <div class="code-name">&amp;#xe693;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe694;</span>
+                <div class="name">eye-close</div>
+                <div class="code-name">&amp;#xe694;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe695;</span>
+                <div class="name">email</div>
+                <div class="code-name">&amp;#xe695;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe696;</span>
+                <div class="name">error</div>
+                <div class="code-name">&amp;#xe696;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe697;</span>
+                <div class="name">favorite</div>
+                <div class="code-name">&amp;#xe697;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe698;</span>
+                <div class="name">file-common</div>
+                <div class="code-name">&amp;#xe698;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe699;</span>
+                <div class="name">file-delete</div>
+                <div class="code-name">&amp;#xe699;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe69a;</span>
+                <div class="name">file-add</div>
+                <div class="code-name">&amp;#xe69a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe69b;</span>
+                <div class="name">film</div>
+                <div class="code-name">&amp;#xe69b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe69c;</span>
+                <div class="name">fabulous</div>
+                <div class="code-name">&amp;#xe69c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe69d;</span>
+                <div class="name">file</div>
+                <div class="code-name">&amp;#xe69d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe69e;</span>
+                <div class="name">folder-close</div>
+                <div class="code-name">&amp;#xe69e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe69f;</span>
+                <div class="name">filter</div>
+                <div class="code-name">&amp;#xe69f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a0;</span>
+                <div class="name">good</div>
+                <div class="code-name">&amp;#xe6a0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a1;</span>
+                <div class="name">hide</div>
+                <div class="code-name">&amp;#xe6a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a2;</span>
+                <div class="name">home</div>
+                <div class="code-name">&amp;#xe6a2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a3;</span>
+                <div class="name">history</div>
+                <div class="code-name">&amp;#xe6a3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a4;</span>
+                <div class="name">file-open</div>
+                <div class="code-name">&amp;#xe6a4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a5;</span>
+                <div class="name">forward</div>
+                <div class="code-name">&amp;#xe6a5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a6;</span>
+                <div class="name">import</div>
+                <div class="code-name">&amp;#xe6a6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a7;</span>
+                <div class="name">image-text</div>
+                <div class="code-name">&amp;#xe6a7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a8;</span>
+                <div class="name">keyboard-26</div>
+                <div class="code-name">&amp;#xe6a8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6a9;</span>
+                <div class="name">keyboard-9</div>
+                <div class="code-name">&amp;#xe6a9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6aa;</span>
+                <div class="name">link</div>
+                <div class="code-name">&amp;#xe6aa;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ab;</span>
+                <div class="name">layout</div>
+                <div class="code-name">&amp;#xe6ab;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ac;</span>
+                <div class="name">fullscreen-shrink</div>
+                <div class="code-name">&amp;#xe6ac;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ad;</span>
+                <div class="name">layers</div>
+                <div class="code-name">&amp;#xe6ad;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ae;</span>
+                <div class="name">lock</div>
+                <div class="code-name">&amp;#xe6ae;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6af;</span>
+                <div class="name">fullscreen-expand</div>
+                <div class="code-name">&amp;#xe6af;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b0;</span>
+                <div class="name">map</div>
+                <div class="code-name">&amp;#xe6b0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b1;</span>
+                <div class="name">meh</div>
+                <div class="code-name">&amp;#xe6b1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b2;</span>
+                <div class="name">menu</div>
+                <div class="code-name">&amp;#xe6b2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b3;</span>
+                <div class="name">loading</div>
+                <div class="code-name">&amp;#xe6b3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b4;</span>
+                <div class="name">help</div>
+                <div class="code-name">&amp;#xe6b4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b5;</span>
+                <div class="name">minus-circle</div>
+                <div class="code-name">&amp;#xe6b5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b6;</span>
+                <div class="name">modular</div>
+                <div class="code-name">&amp;#xe6b6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b7;</span>
+                <div class="name">notification</div>
+                <div class="code-name">&amp;#xe6b7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b8;</span>
+                <div class="name">mic</div>
+                <div class="code-name">&amp;#xe6b8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6b9;</span>
+                <div class="name">more</div>
+                <div class="code-name">&amp;#xe6b9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ba;</span>
+                <div class="name">pad</div>
+                <div class="code-name">&amp;#xe6ba;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6bb;</span>
+                <div class="name">operation</div>
+                <div class="code-name">&amp;#xe6bb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6bc;</span>
+                <div class="name">play</div>
+                <div class="code-name">&amp;#xe6bc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6bd;</span>
+                <div class="name">print</div>
+                <div class="code-name">&amp;#xe6bd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6be;</span>
+                <div class="name">mobile-phone</div>
+                <div class="code-name">&amp;#xe6be;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6bf;</span>
+                <div class="name">minus</div>
+                <div class="code-name">&amp;#xe6bf;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c0;</span>
+                <div class="name">navigation</div>
+                <div class="code-name">&amp;#xe6c0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c1;</span>
+                <div class="name">pdf</div>
+                <div class="code-name">&amp;#xe6c1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c2;</span>
+                <div class="name">prompt</div>
+                <div class="code-name">&amp;#xe6c2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c3;</span>
+                <div class="name">move</div>
+                <div class="code-name">&amp;#xe6c3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c4;</span>
+                <div class="name">refresh</div>
+                <div class="code-name">&amp;#xe6c4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c5;</span>
+                <div class="name">run-up</div>
+                <div class="code-name">&amp;#xe6c5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c6;</span>
+                <div class="name">picture</div>
+                <div class="code-name">&amp;#xe6c6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c7;</span>
+                <div class="name">run-in</div>
+                <div class="code-name">&amp;#xe6c7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c8;</span>
+                <div class="name">pin</div>
+                <div class="code-name">&amp;#xe6c8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6c9;</span>
+                <div class="name">save</div>
+                <div class="code-name">&amp;#xe6c9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ca;</span>
+                <div class="name">search</div>
+                <div class="code-name">&amp;#xe6ca;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6cb;</span>
+                <div class="name">share</div>
+                <div class="code-name">&amp;#xe6cb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6cc;</span>
+                <div class="name">scanning</div>
+                <div class="code-name">&amp;#xe6cc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6cd;</span>
+                <div class="name">security</div>
+                <div class="code-name">&amp;#xe6cd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ce;</span>
+                <div class="name">sign-out</div>
+                <div class="code-name">&amp;#xe6ce;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6cf;</span>
+                <div class="name">select</div>
+                <div class="code-name">&amp;#xe6cf;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d0;</span>
+                <div class="name">stop</div>
+                <div class="code-name">&amp;#xe6d0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d1;</span>
+                <div class="name">success</div>
+                <div class="code-name">&amp;#xe6d1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d2;</span>
+                <div class="name">smile</div>
+                <div class="code-name">&amp;#xe6d2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d3;</span>
+                <div class="name">switch</div>
+                <div class="code-name">&amp;#xe6d3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d4;</span>
+                <div class="name">setting</div>
+                <div class="code-name">&amp;#xe6d4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d5;</span>
+                <div class="name">survey</div>
+                <div class="code-name">&amp;#xe6d5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d6;</span>
+                <div class="name">task</div>
+                <div class="code-name">&amp;#xe6d6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d7;</span>
+                <div class="name">skip</div>
+                <div class="code-name">&amp;#xe6d7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d8;</span>
+                <div class="name">text</div>
+                <div class="code-name">&amp;#xe6d8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6d9;</span>
+                <div class="name">time</div>
+                <div class="code-name">&amp;#xe6d9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6da;</span>
+                <div class="name">telephone-out</div>
+                <div class="code-name">&amp;#xe6da;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6db;</span>
+                <div class="name">toggle-left</div>
+                <div class="code-name">&amp;#xe6db;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6dc;</span>
+                <div class="name">toggle-right</div>
+                <div class="code-name">&amp;#xe6dc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6dd;</span>
+                <div class="name">telephone</div>
+                <div class="code-name">&amp;#xe6dd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6de;</span>
+                <div class="name">top</div>
+                <div class="code-name">&amp;#xe6de;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6df;</span>
+                <div class="name">unlock</div>
+                <div class="code-name">&amp;#xe6df;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e0;</span>
+                <div class="name">user</div>
+                <div class="code-name">&amp;#xe6e0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e1;</span>
+                <div class="name">upload</div>
+                <div class="code-name">&amp;#xe6e1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e2;</span>
+                <div class="name">work</div>
+                <div class="code-name">&amp;#xe6e2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e3;</span>
+                <div class="name">training</div>
+                <div class="code-name">&amp;#xe6e3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e4;</span>
+                <div class="name">warning</div>
+                <div class="code-name">&amp;#xe6e4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e5;</span>
+                <div class="name">zoom-in</div>
+                <div class="code-name">&amp;#xe6e5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e6;</span>
+                <div class="name">zoom-out</div>
+                <div class="code-name">&amp;#xe6e6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e7;</span>
+                <div class="name">add-bold</div>
+                <div class="code-name">&amp;#xe6e7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e8;</span>
+                <div class="name">arrow-left-bold</div>
+                <div class="code-name">&amp;#xe6e8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6e9;</span>
+                <div class="name">arrow-up-bold</div>
+                <div class="code-name">&amp;#xe6e9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ea;</span>
+                <div class="name">close-bold</div>
+                <div class="code-name">&amp;#xe6ea;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6eb;</span>
+                <div class="name">arrow-down-bold</div>
+                <div class="code-name">&amp;#xe6eb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ec;</span>
+                <div class="name">minus-bold</div>
+                <div class="code-name">&amp;#xe6ec;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ed;</span>
+                <div class="name">arrow-right-bold</div>
+                <div class="code-name">&amp;#xe6ed;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe6ee;</span>
+                <div class="name">select-bold</div>
+                <div class="code-name">&amp;#xe6ee;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe663;</span>
+                <div class="name">column-3</div>
+                <div class="code-name">&amp;#xe663;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe664;</span>
+                <div class="name">column-4</div>
+                <div class="code-name">&amp;#xe664;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe665;</span>
+                <div class="name">add</div>
+                <div class="code-name">&amp;#xe665;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe666;</span>
+                <div class="name">add-circle</div>
+                <div class="code-name">&amp;#xe666;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe667;</span>
+                <div class="name">adjust</div>
+                <div class="code-name">&amp;#xe667;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe668;</span>
+                <div class="name">arrow-up-circle</div>
+                <div class="code-name">&amp;#xe668;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe669;</span>
+                <div class="name">arrow-right-circle</div>
+                <div class="code-name">&amp;#xe669;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe66a;</span>
+                <div class="name">arrow-down</div>
+                <div class="code-name">&amp;#xe66a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe66b;</span>
+                <div class="name">ashbin</div>
+                <div class="code-name">&amp;#xe66b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe66c;</span>
+                <div class="name">arrow-right</div>
+                <div class="code-name">&amp;#xe66c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe66d;</span>
+                <div class="name">browse</div>
+                <div class="code-name">&amp;#xe66d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe66e;</span>
+                <div class="name">bottom</div>
+                <div class="code-name">&amp;#xe66e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe66f;</span>
+                <div class="name">back</div>
+                <div class="code-name">&amp;#xe66f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe670;</span>
+                <div class="name">bad</div>
+                <div class="code-name">&amp;#xe670;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe671;</span>
+                <div class="name">arrow-double-left</div>
+                <div class="code-name">&amp;#xe671;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe672;</span>
+                <div class="name">arrow-left-circle</div>
+                <div class="code-name">&amp;#xe672;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe673;</span>
+                <div class="name">arrow-double-right</div>
+                <div class="code-name">&amp;#xe673;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe674;</span>
+                <div class="name">caps-lock</div>
+                <div class="code-name">&amp;#xe674;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe675;</span>
+                <div class="name">camera</div>
+                <div class="code-name">&amp;#xe675;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe676;</span>
+                <div class="name">chart-bar</div>
+                <div class="code-name">&amp;#xe676;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe677;</span>
+                <div class="name">attachment</div>
+                <div class="code-name">&amp;#xe677;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe678;</span>
+                <div class="name">code</div>
+                <div class="code-name">&amp;#xe678;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe679;</span>
+                <div class="name">close</div>
+                <div class="code-name">&amp;#xe679;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe67a;</span>
+                <div class="name">check-item</div>
+                <div class="code-name">&amp;#xe67a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe67b;</span>
+                <div class="name">calendar</div>
+                <div class="code-name">&amp;#xe67b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe67c;</span>
+                <div class="name">comment</div>
+                <div class="code-name">&amp;#xe67c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe67d;</span>
+                <div class="name">column-vertical</div>
+                <div class="code-name">&amp;#xe67d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe67e;</span>
+                <div class="name">column-horizontal</div>
+                <div class="code-name">&amp;#xe67e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe67f;</span>
+                <div class="name">complete</div>
+                <div class="code-name">&amp;#xe67f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe680;</span>
+                <div class="name">chart-pie</div>
+                <div class="code-name">&amp;#xe680;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe681;</span>
+                <div class="name">cry</div>
+                <div class="code-name">&amp;#xe681;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe682;</span>
+                <div class="name">customer-service</div>
+                <div class="code-name">&amp;#xe682;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe683;</span>
+                <div class="name">delete</div>
+                <div class="code-name">&amp;#xe683;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe684;</span>
+                <div class="name">direction-down</div>
+                <div class="code-name">&amp;#xe684;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe685;</span>
+                <div class="name">copy</div>
+                <div class="code-name">&amp;#xe685;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe686;</span>
+                <div class="name">cut</div>
+                <div class="code-name">&amp;#xe686;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe687;</span>
+                <div class="name">data-view</div>
+                <div class="code-name">&amp;#xe687;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe688;</span>
+                <div class="name">direction-down-circle</div>
+                <div class="code-name">&amp;#xe688;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe689;</span>
+                <div class="name">direction-right</div>
+                <div class="code-name">&amp;#xe689;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe68a;</span>
+                <div class="name">direction-up</div>
+                <div class="code-name">&amp;#xe68a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe68b;</span>
+                <div class="name">discount</div>
+                <div class="code-name">&amp;#xe68b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pear-icon">&#xe68c;</span>
+                <div class="name">direction-left</div>
+                <div class="code-name">&amp;#xe68c;</div>
+              </li>
+          </ul>  
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-load"></span>
+            <div class="name">
+              加载
+            </div>
+            <div class="code-name">.pear-icon-load
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-download"></span>
+            <div class="name">
+              download
+            </div>
+            <div class="code-name">.pear-icon-download
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-electronics"></span>
+            <div class="name">
+              electronics
+            </div>
+            <div class="code-name">.pear-icon-electronics
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-drag"></span>
+            <div class="name">
+              drag
+            </div>
+            <div class="code-name">.pear-icon-drag
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-elipsis"></span>
+            <div class="name">
+              elipsis
+            </div>
+            <div class="code-name">.pear-icon-elipsis
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-export"></span>
+            <div class="name">
+              export
+            </div>
+            <div class="code-name">.pear-icon-export
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-explain"></span>
+            <div class="name">
+              explain
+            </div>
+            <div class="code-name">.pear-icon-explain
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-edit"></span>
+            <div class="name">
+              edit
+            </div>
+            <div class="code-name">.pear-icon-edit
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-eye-close"></span>
+            <div class="name">
+              eye-close
+            </div>
+            <div class="code-name">.pear-icon-eye-close
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-email"></span>
+            <div class="name">
+              email
+            </div>
+            <div class="code-name">.pear-icon-email
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-error"></span>
+            <div class="name">
+              error
+            </div>
+            <div class="code-name">.pear-icon-error
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-favorite"></span>
+            <div class="name">
+              favorite
+            </div>
+            <div class="code-name">.pear-icon-favorite
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-file-common"></span>
+            <div class="name">
+              file-common
+            </div>
+            <div class="code-name">.pear-icon-file-common
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-file-delete"></span>
+            <div class="name">
+              file-delete
+            </div>
+            <div class="code-name">.pear-icon-file-delete
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-file-add"></span>
+            <div class="name">
+              file-add
+            </div>
+            <div class="code-name">.pear-icon-file-add
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-film"></span>
+            <div class="name">
+              film
+            </div>
+            <div class="code-name">.pear-icon-film
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-fabulous"></span>
+            <div class="name">
+              fabulous
+            </div>
+            <div class="code-name">.pear-icon-fabulous
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-file"></span>
+            <div class="name">
+              file
+            </div>
+            <div class="code-name">.pear-icon-file
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-folder-close"></span>
+            <div class="name">
+              folder-close
+            </div>
+            <div class="code-name">.pear-icon-folder-close
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-filter"></span>
+            <div class="name">
+              filter
+            </div>
+            <div class="code-name">.pear-icon-filter
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-good"></span>
+            <div class="name">
+              good
+            </div>
+            <div class="code-name">.pear-icon-good
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-hide"></span>
+            <div class="name">
+              hide
+            </div>
+            <div class="code-name">.pear-icon-hide
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-home"></span>
+            <div class="name">
+              home
+            </div>
+            <div class="code-name">.pear-icon-home
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-history"></span>
+            <div class="name">
+              history
+            </div>
+            <div class="code-name">.pear-icon-history
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-file-open"></span>
+            <div class="name">
+              file-open
+            </div>
+            <div class="code-name">.pear-icon-file-open
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-forward"></span>
+            <div class="name">
+              forward
+            </div>
+            <div class="code-name">.pear-icon-forward
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-import"></span>
+            <div class="name">
+              import
+            </div>
+            <div class="code-name">.pear-icon-import
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-image-text"></span>
+            <div class="name">
+              image-text
+            </div>
+            <div class="code-name">.pear-icon-image-text
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-keyboard-26"></span>
+            <div class="name">
+              keyboard-26
+            </div>
+            <div class="code-name">.pear-icon-keyboard-26
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-keyboard-9"></span>
+            <div class="name">
+              keyboard-9
+            </div>
+            <div class="code-name">.pear-icon-keyboard-9
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-link"></span>
+            <div class="name">
+              link
+            </div>
+            <div class="code-name">.pear-icon-link
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-layout"></span>
+            <div class="name">
+              layout
+            </div>
+            <div class="code-name">.pear-icon-layout
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-fullscreen-shrink"></span>
+            <div class="name">
+              fullscreen-shrink
+            </div>
+            <div class="code-name">.pear-icon-fullscreen-shrink
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-layers"></span>
+            <div class="name">
+              layers
+            </div>
+            <div class="code-name">.pear-icon-layers
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-lock"></span>
+            <div class="name">
+              lock
+            </div>
+            <div class="code-name">.pear-icon-lock
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-fullscreen-expand"></span>
+            <div class="name">
+              fullscreen-expand
+            </div>
+            <div class="code-name">.pear-icon-fullscreen-expand
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-map"></span>
+            <div class="name">
+              map
+            </div>
+            <div class="code-name">.pear-icon-map
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-meh"></span>
+            <div class="name">
+              meh
+            </div>
+            <div class="code-name">.pear-icon-meh
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-menu"></span>
+            <div class="name">
+              menu
+            </div>
+            <div class="code-name">.pear-icon-menu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-loading"></span>
+            <div class="name">
+              loading
+            </div>
+            <div class="code-name">.pear-icon-loading
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-help"></span>
+            <div class="name">
+              help
+            </div>
+            <div class="code-name">.pear-icon-help
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-minus-circle"></span>
+            <div class="name">
+              minus-circle
+            </div>
+            <div class="code-name">.pear-icon-minus-circle
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-modular"></span>
+            <div class="name">
+              modular
+            </div>
+            <div class="code-name">.pear-icon-modular
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-notification"></span>
+            <div class="name">
+              notification
+            </div>
+            <div class="code-name">.pear-icon-notification
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-mic"></span>
+            <div class="name">
+              mic
+            </div>
+            <div class="code-name">.pear-icon-mic
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-more"></span>
+            <div class="name">
+              more
+            </div>
+            <div class="code-name">.pear-icon-more
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-pad"></span>
+            <div class="name">
+              pad
+            </div>
+            <div class="code-name">.pear-icon-pad
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-operation"></span>
+            <div class="name">
+              operation
+            </div>
+            <div class="code-name">.pear-icon-operation
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-play"></span>
+            <div class="name">
+              play
+            </div>
+            <div class="code-name">.pear-icon-play
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-print"></span>
+            <div class="name">
+              print
+            </div>
+            <div class="code-name">.pear-icon-print
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-mobile-phone"></span>
+            <div class="name">
+              mobile-phone
+            </div>
+            <div class="code-name">.pear-icon-mobile-phone
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-minus"></span>
+            <div class="name">
+              minus
+            </div>
+            <div class="code-name">.pear-icon-minus
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-navigation"></span>
+            <div class="name">
+              navigation
+            </div>
+            <div class="code-name">.pear-icon-navigation
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-pdf"></span>
+            <div class="name">
+              pdf
+            </div>
+            <div class="code-name">.pear-icon-pdf
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-prompt"></span>
+            <div class="name">
+              prompt
+            </div>
+            <div class="code-name">.pear-icon-prompt
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-move"></span>
+            <div class="name">
+              move
+            </div>
+            <div class="code-name">.pear-icon-move
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-refresh"></span>
+            <div class="name">
+              refresh
+            </div>
+            <div class="code-name">.pear-icon-refresh
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-run-up"></span>
+            <div class="name">
+              run-up
+            </div>
+            <div class="code-name">.pear-icon-run-up
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-picture"></span>
+            <div class="name">
+              picture
+            </div>
+            <div class="code-name">.pear-icon-picture
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-run-in"></span>
+            <div class="name">
+              run-in
+            </div>
+            <div class="code-name">.pear-icon-run-in
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-pin"></span>
+            <div class="name">
+              pin
+            </div>
+            <div class="code-name">.pear-icon-pin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-save"></span>
+            <div class="name">
+              save
+            </div>
+            <div class="code-name">.pear-icon-save
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-search"></span>
+            <div class="name">
+              search
+            </div>
+            <div class="code-name">.pear-icon-search
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-share"></span>
+            <div class="name">
+              share
+            </div>
+            <div class="code-name">.pear-icon-share
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-scanning"></span>
+            <div class="name">
+              scanning
+            </div>
+            <div class="code-name">.pear-icon-scanning
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-security"></span>
+            <div class="name">
+              security
+            </div>
+            <div class="code-name">.pear-icon-security
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-sign-out"></span>
+            <div class="name">
+              sign-out
+            </div>
+            <div class="code-name">.pear-icon-sign-out
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-select"></span>
+            <div class="name">
+              select
+            </div>
+            <div class="code-name">.pear-icon-select
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-stop"></span>
+            <div class="name">
+              stop
+            </div>
+            <div class="code-name">.pear-icon-stop
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-success"></span>
+            <div class="name">
+              success
+            </div>
+            <div class="code-name">.pear-icon-success
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-smile"></span>
+            <div class="name">
+              smile
+            </div>
+            <div class="code-name">.pear-icon-smile
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-switch"></span>
+            <div class="name">
+              switch
+            </div>
+            <div class="code-name">.pear-icon-switch
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-setting"></span>
+            <div class="name">
+              setting
+            </div>
+            <div class="code-name">.pear-icon-setting
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-survey"></span>
+            <div class="name">
+              survey
+            </div>
+            <div class="code-name">.pear-icon-survey
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-task"></span>
+            <div class="name">
+              task
+            </div>
+            <div class="code-name">.pear-icon-task
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-skip"></span>
+            <div class="name">
+              skip
+            </div>
+            <div class="code-name">.pear-icon-skip
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-text"></span>
+            <div class="name">
+              text
+            </div>
+            <div class="code-name">.pear-icon-text
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-time"></span>
+            <div class="name">
+              time
+            </div>
+            <div class="code-name">.pear-icon-time
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-telephone-out"></span>
+            <div class="name">
+              telephone-out
+            </div>
+            <div class="code-name">.pear-icon-telephone-out
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-toggle-left"></span>
+            <div class="name">
+              toggle-left
+            </div>
+            <div class="code-name">.pear-icon-toggle-left
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-toggle-right"></span>
+            <div class="name">
+              toggle-right
+            </div>
+            <div class="code-name">.pear-icon-toggle-right
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-telephone"></span>
+            <div class="name">
+              telephone
+            </div>
+            <div class="code-name">.pear-icon-telephone
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-top"></span>
+            <div class="name">
+              top
+            </div>
+            <div class="code-name">.pear-icon-top
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-unlock"></span>
+            <div class="name">
+              unlock
+            </div>
+            <div class="code-name">.pear-icon-unlock
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-user"></span>
+            <div class="name">
+              user
+            </div>
+            <div class="code-name">.pear-icon-user
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-upload"></span>
+            <div class="name">
+              upload
+            </div>
+            <div class="code-name">.pear-icon-upload
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-work"></span>
+            <div class="name">
+              work
+            </div>
+            <div class="code-name">.pear-icon-work
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-training"></span>
+            <div class="name">
+              training
+            </div>
+            <div class="code-name">.pear-icon-training
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-warning"></span>
+            <div class="name">
+              warning
+            </div>
+            <div class="code-name">.pear-icon-warning
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-zoom-in"></span>
+            <div class="name">
+              zoom-in
+            </div>
+            <div class="code-name">.pear-icon-zoom-in
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-zoom-out"></span>
+            <div class="name">
+              zoom-out
+            </div>
+            <div class="code-name">.pear-icon-zoom-out
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-add-bold"></span>
+            <div class="name">
+              add-bold
+            </div>
+            <div class="code-name">.pear-icon-add-bold
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-left-bold"></span>
+            <div class="name">
+              arrow-left-bold
+            </div>
+            <div class="code-name">.pear-icon-arrow-left-bold
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-up-bold"></span>
+            <div class="name">
+              arrow-up-bold
+            </div>
+            <div class="code-name">.pear-icon-arrow-up-bold
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-close-bold"></span>
+            <div class="name">
+              close-bold
+            </div>
+            <div class="code-name">.pear-icon-close-bold
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-down-bold"></span>
+            <div class="name">
+              arrow-down-bold
+            </div>
+            <div class="code-name">.pear-icon-arrow-down-bold
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-minus-bold"></span>
+            <div class="name">
+              minus-bold
+            </div>
+            <div class="code-name">.pear-icon-minus-bold
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-right-bold"></span>
+            <div class="name">
+              arrow-right-bold
+            </div>
+            <div class="code-name">.pear-icon-arrow-right-bold
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-select-bold"></span>
+            <div class="name">
+              select-bold
+            </div>
+            <div class="code-name">.pear-icon-select-bold
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-3column"></span>
+            <div class="name">
+              column-3
+            </div>
+            <div class="code-name">.pear-icon-3column
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-column-4"></span>
+            <div class="name">
+              column-4
+            </div>
+            <div class="code-name">.pear-icon-column-4
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-add"></span>
+            <div class="name">
+              add
+            </div>
+            <div class="code-name">.pear-icon-add
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-add-circle"></span>
+            <div class="name">
+              add-circle
+            </div>
+            <div class="code-name">.pear-icon-add-circle
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-adjust"></span>
+            <div class="name">
+              adjust
+            </div>
+            <div class="code-name">.pear-icon-adjust
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-up-circle"></span>
+            <div class="name">
+              arrow-up-circle
+            </div>
+            <div class="code-name">.pear-icon-arrow-up-circle
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-right-circle"></span>
+            <div class="name">
+              arrow-right-circle
+            </div>
+            <div class="code-name">.pear-icon-arrow-right-circle
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-down"></span>
+            <div class="name">
+              arrow-down
+            </div>
+            <div class="code-name">.pear-icon-arrow-down
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-ashbin"></span>
+            <div class="name">
+              ashbin
+            </div>
+            <div class="code-name">.pear-icon-ashbin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-right"></span>
+            <div class="name">
+              arrow-right
+            </div>
+            <div class="code-name">.pear-icon-arrow-right
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-browse"></span>
+            <div class="name">
+              browse
+            </div>
+            <div class="code-name">.pear-icon-browse
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-bottom"></span>
+            <div class="name">
+              bottom
+            </div>
+            <div class="code-name">.pear-icon-bottom
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-back"></span>
+            <div class="name">
+              back
+            </div>
+            <div class="code-name">.pear-icon-back
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-bad"></span>
+            <div class="name">
+              bad
+            </div>
+            <div class="code-name">.pear-icon-bad
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-double-left"></span>
+            <div class="name">
+              arrow-double-left
+            </div>
+            <div class="code-name">.pear-icon-arrow-double-left
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-left-circle"></span>
+            <div class="name">
+              arrow-left-circle
+            </div>
+            <div class="code-name">.pear-icon-arrow-left-circle
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-arrow-double-right"></span>
+            <div class="name">
+              arrow-double-right
+            </div>
+            <div class="code-name">.pear-icon-arrow-double-right
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-caps-lock"></span>
+            <div class="name">
+              caps-lock
+            </div>
+            <div class="code-name">.pear-icon-caps-lock
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-camera"></span>
+            <div class="name">
+              camera
+            </div>
+            <div class="code-name">.pear-icon-camera
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-chart-bar"></span>
+            <div class="name">
+              chart-bar
+            </div>
+            <div class="code-name">.pear-icon-chart-bar
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-attachment"></span>
+            <div class="name">
+              attachment
+            </div>
+            <div class="code-name">.pear-icon-attachment
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-code"></span>
+            <div class="name">
+              code
+            </div>
+            <div class="code-name">.pear-icon-code
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-close"></span>
+            <div class="name">
+              close
+            </div>
+            <div class="code-name">.pear-icon-close
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-check-item"></span>
+            <div class="name">
+              check-item
+            </div>
+            <div class="code-name">.pear-icon-check-item
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-calendar"></span>
+            <div class="name">
+              calendar
+            </div>
+            <div class="code-name">.pear-icon-calendar
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-comment"></span>
+            <div class="name">
+              comment
+            </div>
+            <div class="code-name">.pear-icon-comment
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-column-vertical"></span>
+            <div class="name">
+              column-vertical
+            </div>
+            <div class="code-name">.pear-icon-column-vertical
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-column-horizontal"></span>
+            <div class="name">
+              column-horizontal
+            </div>
+            <div class="code-name">.pear-icon-column-horizontal
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-complete"></span>
+            <div class="name">
+              complete
+            </div>
+            <div class="code-name">.pear-icon-complete
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-chart-pie"></span>
+            <div class="name">
+              chart-pie
+            </div>
+            <div class="code-name">.pear-icon-chart-pie
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-cry"></span>
+            <div class="name">
+              cry
+            </div>
+            <div class="code-name">.pear-icon-cry
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-customer-service"></span>
+            <div class="name">
+              customer-service
+            </div>
+            <div class="code-name">.pear-icon-customer-service
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-delete"></span>
+            <div class="name">
+              delete
+            </div>
+            <div class="code-name">.pear-icon-delete
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-direction-down"></span>
+            <div class="name">
+              direction-down
+            </div>
+            <div class="code-name">.pear-icon-direction-down
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-copy"></span>
+            <div class="name">
+              copy
+            </div>
+            <div class="code-name">.pear-icon-copy
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-cut"></span>
+            <div class="name">
+              cut
+            </div>
+            <div class="code-name">.pear-icon-cut
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-data-view"></span>
+            <div class="name">
+              data-view
+            </div>
+            <div class="code-name">.pear-icon-data-view
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-direction-down-circle"></span>
+            <div class="name">
+              direction-down-circle
+            </div>
+            <div class="code-name">.pear-icon-direction-down-circle
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-direction-right"></span>
+            <div class="name">
+              direction-right
+            </div>
+            <div class="code-name">.pear-icon-direction-right
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-direction-up"></span>
+            <div class="name">
+              direction-up
+            </div>
+            <div class="code-name">.pear-icon-direction-up
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-discount"></span>
+            <div class="name">
+              discount
+            </div>
+            <div class="code-name">.pear-icon-discount
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pear-icon pear-icon-direction-left"></span>
+            <div class="name">
+              direction-left
+            </div>
+            <div class="code-name">.pear-icon-direction-left
+            </div>
+          </li>
+          
+        </ul>
+     
+      </div>
+      <div class="content symbol">
+         
+     
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/document/iconPicker.html b/src/plugin/admin/public/demos/document/iconPicker.html
new file mode 100644
index 0000000..2c7e926
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/iconPicker.html
@@ -0,0 +1,244 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta http-equiv="X-UA-Compatible" content="ie=edge">
+		<title>Document</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">
+						IconPicker 提供图标选择功能
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link rel="stylesheet" href="component/pear/css/pear.css" /&gt;
+								 并
+								&lt;script src="component/layui/layui.js"&gt;&lt;/script&gt;
+								 并
+								&lt;script src="component/pear/pear.js"&gt;&lt;/script&gt;
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						默认图标
+					</div>
+					<div class="layui-card-body">
+						<div class="layui-form">
+							<div class="layui-form-item">
+								<div class="layui-input-inline">
+									<input type="text" id="iconPicker" value="layui-icon-face-smile" lay-filter="iconPicker" class="hide">
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['iconPicker'], function() {
+								    var iconPicker = layui.iconPicker;
+								
+								    iconPicker.render({
+								        elem: '#iconPicker',
+								        type: 'fontClass',
+								        search: true,
+								        page: true,
+								        limit: 16,
+								        click: function(data) {
+								           console.log(data);
+								        },
+								        success: function(d) {
+								            console.log(d);
+								        }
+								    });
+									
+								});
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">默认选中</div>
+					<div class="layui-card-body">
+						<div class="layui-form">
+							<div class="layui-form-item">
+								<div class="layui-input-inline">
+									<input type="text" id="iconPicker2" value="layui-icon-face-smile-fine" lay-filter="iconPicker2">
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['iconPicker'], function() {
+								    var iconPicker = layui.iconPicker;
+								
+								    iconPicker.render({
+								        elem: '#iconPicker2',
+								        type: 'fontClass',
+								        search: true,
+								        page: true,
+								        limit: 16,
+								        click: function(data) {
+								           console.log(data);
+								        },
+								        success: function(d) {
+								            console.log(d);
+								        }
+								    });
+									
+								});
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">不分页</div>
+					<div class="layui-card-body">
+						<div class="layui-form">
+							<div class="layui-form-item">
+								<div class="layui-input-inline">
+									<input type="text" id="iconPicker3" value="layui-icon-face-smile-fine" lay-filter="iconPicker3">
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['iconPicker'], function() {
+								    var iconPicker = layui.iconPicker;
+								
+								    iconPicker.render({
+								        elem: '#iconPicker',
+								        type: 'fontClass',
+								        search: true,
+								        page: false,
+								        limit: 16,
+								        click: function(data) {
+								           console.log(data);
+								        },
+								        success: function(d) {
+								            console.log(d);
+								        }
+								    });
+									
+								});
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['iconPicker', 'form', 'layer', 'code','element'], function() {
+				var iconPicker = layui.iconPicker,
+					form = layui.form,
+					layer = layui.layer,
+					$ = layui.$;
+
+				layui.code();
+
+				iconPicker.render({
+					// 选择器，推荐使用input
+					elem: '#iconPicker',
+					// 数据类型：fontClass/unicode，推荐使用fontClass
+					type: 'fontClass',
+					// 是否开启搜索：true/false，默认true
+					search: true,
+					// 是否开启分页：true/false，默认true
+					page: true,
+					// 每页显示数量，默认12
+					limit: 16,
+					// 点击回调
+					click: function(data) {
+						console.log(data);
+					},
+					// 渲染成功后的回调
+					success: function(d) {
+						console.log(d);
+					}
+				});
+
+				iconPicker.render({
+					// 选择器，推荐使用input
+					elem: '#iconPicker2',
+					// 数据类型：fontClass/unicode，推荐使用fontClass
+					type: 'fontClass',
+					// 是否开启搜索：true/false
+					search: true,
+					// 是否开启分页
+					page: true,
+					// 每页显示数量，默认12
+					limit: 16,
+					// 点击回调
+					click: function(data) {
+						console.log(data);
+					},
+					// 渲染成功后的回调
+					success: function(d) {
+						console.log(d);
+					}
+				});
+
+				iconPicker.render({
+					// 选择器，推荐使用input
+					elem: '#iconPicker3',
+					// 数据类型：fontClass/unicode，推荐使用fontClass
+					type: 'fontClass',
+					// 是否开启搜索：true/false
+					search: true,
+					// 是否开启分页
+					page: false,
+					// 每页显示数量，默认12
+					limit: 16,
+					// 点击回调
+					click: function(data) {
+						console.log(data);
+					},
+					// 渲染成功后的回调
+					success: function(d) {
+						console.log(d);
+					}
+				});
+			});
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/document/loading.html b/src/plugin/admin/public/demos/document/loading.html
new file mode 100644
index 0000000..9140e9d
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/loading.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>加载组件</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+		<style>
+			.load-div {
+				width: 100%;
+				height: 300px;
+				background-color: lightgray;
+				border-radius: 10px;
+				margin-top: 10px;
+			}
+		</style>
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-header">加载组件</div>
+			<div class="layui-card-body">
+				<div>
+					<span>loading.Load(1,message);</span>
+					<br>
+					<br>
+					<span>loading.Load(2,message);</span>
+					<br>
+					<br>
+					<span>loading.Load(3,message);</span>
+					<br>
+					<br>
+					<span>loading.Load(4,message);</span>
+					<br>
+					<br>
+					<span>loading.Load(5,message);</span>
+					<br>
+					<br>
+					<span>loading.remove(time);</span>
+					<br>
+					<br>
+				</div>
+				<button class="loading-1 pear-btn pear-btn-primary" plain>加载</button>
+				<button class="loading-2 pear-btn pear-btn-success" plain>加载</button>
+				<button class="loading-3 pear-btn pear-btn-danger" plain>加载</button>
+				<button class="loading-4 pear-btn pear-btn-warming" plain>加载</button>
+				<button class="loading-5 pear-btn">加载</button>
+			</div>
+		</div>
+
+		<div class="layui-card">
+			<div class="layui-card-header">加载组件</div>
+			<div class="layui-card-body">
+				<button class="block-5 pear-btn">加载</button>
+
+				<button class="block-4 pear-btn">加载</button>
+
+				<button class="block-3 pear-btn">加载</button>
+
+				<button class="block-2 pear-btn">加载</button>
+				<button class="block-1 pear-btn">加载</button>
+				<div class="load-div load-div-1"></div>
+
+			</div>
+		</div>
+
+		<div class="layer-right">
+
+		</div>
+
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['element', 'jquery', 'loading', 'code'], function() {
+				var element = layui.element;
+				var $ = layui.jquery;
+				var loading = layui.loading;
+
+				var msg =
+					'"Do not try to become a person of success but try to become a person of value." <br><br>- Albert Einstein'
+
+
+
+				$(".loading-1").click(function() {
+
+					loading.Load(1, "");
+
+					loading.loadRemove(1000);
+				})
+
+				$(".loading-2").click(function() {
+
+					loading.Load(2, "");
+
+					loading.loadRemove(1000);
+				})
+
+				$(".loading-3").click(function() {
+
+					loading.Load(3, "");
+
+					loading.loadRemove(1000);
+				})
+
+				$(".loading-4").click(function() {
+
+					loading.Load(4, "");
+
+					loading.loadRemove(1000);
+				})
+
+				$(".loading-5").click(function() {
+
+					loading.Load(5, "");
+
+					loading.loadRemove(1000);
+				})
+
+				$(".block-1").click(function() {
+
+					loading.block({
+						type: 1,
+						elem: '.load-div-1',
+						msg: '加载中'
+					})
+					loading.blockRemove(".load-div-1", 1000);
+				})
+
+				$(".block-2").click(function() {
+					loading.block({
+						type: 2,
+						elem: '.load-div-1',
+						msg: ''
+					})
+					loading.blockRemove(".load-div-1", 1000);
+				})
+
+				$(".block-3").click(function() {
+					loading.block({
+						type: 3,
+						elem: '.load-div-1',
+						msg: ''
+					})
+					loading.blockRemove(".load-div-1", 1000);
+				})
+
+				$(".block-4").click(function() {
+					loading.block({
+						type: 4,
+						elem: '.load-div-1',
+						msg: ''
+					})
+					loading.blockRemove(".load-div-1", 1000);
+				})
+
+				$(".block-5").click(function() {
+					loading.block({
+						type: 5,
+						elem: '.load-div-1',
+						msg: ''
+					})
+					loading.blockRemove(".load-div-1", 1000);
+				})
+
+				$(".block-6").click(function() {
+					loading.block({
+						type: 6,
+						elem: '.load-div-1',
+						msg: ''
+					})
+					loading.blockRemove(".load-div-1", 1000);
+				})
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/menu.html b/src/plugin/admin/public/demos/document/menu.html
new file mode 100644
index 0000000..49e9272
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/menu.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>数据菜单</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css"/>
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">
+						Menu 数据菜单对普通菜单的深度封装 
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link rel="stylesheet" href="component/pear/css/pear.css" /&gt;
+								 并
+								&lt;script src="component/layui/layui.js"&gt;&lt;/script&gt;
+								 并
+								&lt;script src="component/pear/pear.js"&gt;&lt;/script&gt;
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-header">实例</div>
+					<div class="layui-card-body">
+						<button id="collapse" class="pear-btn">隐藏</button>
+						<br/>
+						<br/>
+						<div id="sideMenu"></div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content layui-show">
+							<pre class="layui-code" lay-encode="true">
+								
+								var sideMenu = menu.render({
+								    elem: 'sideMenu',
+								    async: true,
+								    theme: "light-theme",
+								    height: '300px',
+								    control: false, 
+								    defaultMenu: 0,
+								    accordion: true,
+								    url: "../../demos/data/menu.json",
+								    parseData: false,
+								    done: function() {
+								        layer.msg("加载完成")
+								    }
+								});
+								
+								sideMenu.click(function(dom, data) {
+								    
+									layer.msg("菜单点击 : " + JSON.stringify(data));
+								})
+						</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+	<script src="../../component/layui/layui.js"></script>
+	<script src="../../component/pear/pear.js"></script>
+	<script>
+		layui.use(['layer', 'form',
+			'element', 'menu', 'code','jquery'
+		], function() {
+			var layer = layui.layer,
+				menu = layui.menu,
+				$ = layui.jquery,
+				form = layui.form;
+	
+			layui.code();
+	
+		 	var sideMenu = menu.render({
+			    elem: 'sideMenu',
+				async: true,
+				theme: "light-theme",
+				height: '300px',
+				control: false, 
+				defaultMenu: 0,
+				accordion: true,
+				url: "../../demos/data/dataMenu.json",
+				parseData: false,
+				done: function() {
+					layer.msg("加载完成")
+				}
+			});
+			
+			sideMenu.click(function(dom, data) {
+				layer.msg("菜单点击 : " + JSON.stringify(data));
+			})
+			
+			$("#collapse").click(function(){
+				sideMenu.collapse();
+			})
+		});
+	</script>
+</html>
diff --git a/src/plugin/admin/public/demos/document/notice.html b/src/plugin/admin/public/demos/document/notice.html
new file mode 100644
index 0000000..81c4200
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/notice.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta http-equiv="X-UA-Compatible" content="ie=edge">
+		<title>通知组件</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div>
+			<div class="layui-row layui-col-space10">
+				<div class="layui-col-md12">
+					<div class="layui-card">
+						<div class="layui-card-header">开发环境</div>
+						<div class="layui-card-body">
+							Notice 用于 消息通知 场景
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-collapse">
+						<div class="layui-colla-item">
+							<h2 class="layui-colla-title">显示代码</h2>
+							<div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									&lt;link rel="stylesheet" href="component/pear/css/pear.css" />
+									 或
+									&lt;link rel="stylesheet" href="component/pear/css/pear-module/notice.css" />
+									 并
+									&lt;script src="component/layui/layui.js">&lt;/script>
+									 并
+									&lt;script src="component/pear/pear.js">&lt;/script>
+								</pre>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-card">
+						<div class="layui-card-header">消息提醒</div>
+						<div class="layui-card-body">
+							<div>
+								<span>notice.success("成功消息")</span>
+								<br>
+								<br>
+								<span>notice.error("危险消息")</span>
+								<br>
+								<br>
+								<span>notice.warning("警告消息")</span>
+								<br>
+								<br>
+								<span>notice.info("通用消息")</span>
+								<br>
+								<br>
+							</div>
+							<button class="notice-info pear-btn pear-btn-primary">通用消息</button>
+							<button class="notice-success pear-btn pear-btn-success">成功消息</button>
+							<button class="notice-failure pear-btn pear-btn-danger">错误消息</button>
+							<button class="notice-warning pear-btn pear-btn-warming">警告消息</button>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-collapse">
+						<div class="layui-colla-item">
+							<h2 class="layui-colla-title">显示代码</h2>
+							<div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									layui.use(['notice', 'jquery', 'layer', 'code'], function() {
+									    var notice = layui.notice;
+										                         
+									    notice.success("成功消息")
+									    notice.error("危险消息")
+									    notice.warning("警告消息")
+									    notice.info("通用消息")
+									})
+								</pre>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-card">
+						<div class="layui-card-header">
+							消息移除
+						</div>
+						<div class="layui-card-body">
+							<button class="pear-btn" id="closeAll">移除全部</button>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-collapse">
+						<div class="layui-colla-item">
+							<h2 class="layui-colla-title">显示代码</h2>
+							<div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									layui.use(['notice', 'jquery', 'layer', 'code'], function() {
+									    var notice = layui.notice;
+										                         
+									    notice.clear();
+									})
+								</pre>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+	<script src="../../component/layui/layui.js"></script>
+	<script src="../../component/pear/pear.js"></script>
+	<script>
+		layui.use(['notice', 'jquery', 'layer', 'code', 'element'], function() {
+			var notice = layui.notice;
+			var layer = layui.layer;
+			var $ = layui.jquery;
+
+			layui.code();
+
+			notice.warning("成功消息");
+			notice.info("提示消息");
+			notice.error("错误消息");
+			notice.success("成功消息");
+
+			$(".notice-success").click(function() {
+				notice.success("成功消息")
+			})
+			$(".notice-failure").click(function() {
+				notice.error("危险消息")
+			})
+			$(".notice-warning").click(function() {
+				notice.warning("警告消息")
+			})
+
+			$(".notice-info").click(function() {
+				notice.info("通用消息")
+			})
+
+			$("#closeAll").click(function() {
+				notice.clear();
+			});
+
+		});
+	</script>
+
+</html>
diff --git a/src/plugin/admin/public/demos/document/popover.html b/src/plugin/admin/public/demos/document/popover.html
new file mode 100644
index 0000000..bb192fb
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/popover.html
@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>汽泡组件</title>
+    <link rel="stylesheet" href="../../component/pear/css/pear.css" />
+</head>
+<body class="pear-container">
+<div>
+    <div class="layui-row layui-col-space10">
+        <div class="layui-col-md12">
+            <div class="layui-card">
+                <div class="layui-card-header">开发环境</div>
+                <div class="layui-card-body">
+                    popover 用于 汽泡显示 场景
+                </div>
+            </div>
+        </div>
+        <div class="layui-col-md12">
+            <div class="layui-collapse">
+                <div class="layui-colla-item">
+                    <h2 class="layui-colla-title">显示代码</h2>
+                    <div class="layui-colla-content">
+                        <pre class="layui-code" lay-encode="true">
+                            &lt;link rel="stylesheet" href="component/pear/css/pear.css" />
+                             并
+                            &lt;script src="component/layui/layui.js">&lt;/script>
+                             并
+                            &lt;script src="component/pear/pear.js">&lt;/script>
+                        </pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="layui-col-md12">
+            <div class="layui-card">
+                <div class="layui-card-header">汽泡控制</div>
+                <div class="layui-card-body">
+                    <button class="popover-show pear-btn pear-btn-primary">显示</button>
+                    <button class="popover-hide pear-btn pear-btn-success">隐藏</button>
+                </div>
+            </div>
+        </div>
+        <div class="layui-col-md12">
+            <div class="layui-collapse">
+                <div class="layui-colla-item">
+                    <h2 class="layui-colla-title">显示代码</h2>
+                    <div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									layui.use(['popover', 'jquery', 'layer', 'code'], function() {
+									   var popover = layui.popover;
+    popover.show('#el1');
+    popover.hide('#el1'); //或 $('#el1').webuiPopover('hide');
+
+
+									})
+								</pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="layui-col-md12">
+            <div class="layui-card">
+                <div class="layui-card-header">
+                    不同方式
+                </div>
+                <div class="layui-card-body">
+                    <button class="toast-top-left-btn pear-btn" id="el1">手动</button>
+                    <button class="toast-top-center-btn pear-btn" id="el2">回调</button>
+                    <button class="toast-top-center-btn pear-btn" id="el3">iframe</button>
+                </div>
+            </div>
+        </div>
+        <div class="layui-col-md12">
+            <div class="layui-collapse">
+                <div class="layui-colla-item">
+                    <h2 class="layui-colla-title">显示代码</h2>
+                    <div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									layui.use(['toast', 'jquery', 'layer', 'code'], function() {
+									    var popover = layui.popover;
+    popover.create('#el1',{title:' hello popover-manual',content:'这里显示内容',trigger:'manual',placement:'auto',
+        animation:'pop',
+        closeable:true,
+        delay: {
+            //show and hide delay time of the popover, works only when trigger is 'hover',the value can be number or object
+            show: null,
+            hide: 100
+        },
+        opacity:0.98,
+        type:'html',//content type, values:'html','iframe','async'
+    });
+
+									})
+								</pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="layui-col-md12">
+            <div class="layui-card">
+                <div class="layui-card-header">
+                    隐藏
+                </div>
+                <div class="layui-card-body">
+                    <button class="pear-btn" id="closeAll">隐藏全部</button>
+                </div>
+            </div>
+        </div>
+        <div class="layui-col-md12">
+            <div class="layui-collapse">
+                <div class="layui-colla-item">
+                    <h2 class="layui-colla-title">显示代码</h2>
+                    <div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									layui.use(['popover', 'jquery', 'layer', 'code'], function() {
+									    var popover = layui.popover;
+									    popover.hideAll();
+									})
+								</pre>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+<script src="../../component/layui/layui.js"></script>
+<script src="../../component/pear/pear.js"></script>
+<script>
+    layui.use(['popover', 'jquery', 'layer', 'code', 'element'], function() {
+        var layer = layui.layer;
+        var $ = layui.jquery;
+        var popover = layui.popover;
+        var element = layui.element;
+        layui.code();
+        $(".popover-show").click(function(e) {
+            popover.show('#el1');
+        })
+        $("#el1").click(function(e) {
+            popover.show('#el1');
+        })
+
+        $(".popover-hide").click(function(e){
+            popover.hide('#el1'); //或 $('#el1').webuiPopover('hide');
+        })
+        $("#closeAll").click(function(e){
+            popover.hideAll();
+        });
+
+        //html 事件 手动
+        //用法参照  https://github.com/sandywalker/webui-popover
+        //增加功能  opacity [0,1] 可指定 popover 透明度
+        popover.create('#el1',{title:' hello popover-manual',content:'这里显示内容',trigger:'manual',
+            animation:'pop',
+            closeable:true,
+            placement:'auto',
+            delay: {
+                //show and hide delay time of the popover, works only when trigger is 'hover',the value can be number or object
+                show: null,
+                hide: 100
+            },
+            opacity:0.98,
+            type:'html',//content type, values:'html','iframe','async'
+        })
+
+        //html 事件 hover
+        popover.create('#el2',{title:' hello popover-hover',content:'<div class="layui-tab layui-tab-brief" lay-filter="test">\n' +
+                '  <ul class="layui-tab-title">\n' +
+                '    <li class="layui-this" lay-id="11">网站设置</li>\n' +
+                '    <li lay-id="22">用户管理</li>\n' +
+                '    <li lay-id="33">权限分配</li>\n' +
+                '    <li lay-id="44">商品管理</li>\n' +
+                '    <li lay-id="55">订单管理</li>\n' +
+                '  </ul>\n' +
+                '  <div class="layui-tab-content" style="height: 100px;">\n' +
+                '    <div class="layui-tab-item layui-show">内容不一样是要有，因为你可以获得 tab 事件</div>\n' +
+                '    <div class="layui-tab-item">内容2</div>\n' +
+                '    <div class="layui-tab-item">内容3</div>\n' +
+                '    <div class="layui-tab-item">内容4</div>\n' +
+                '    <div class="layui-tab-item">内容5</div>\n' +
+                '  </div>\n' +
+                '</div> ',trigger:'hover',
+            animation:'pop',
+            delay: {
+                //show and hide delay time of the popover, works only when trigger is 'hover',the value can be number or object
+                show: null,
+                hide: 100
+            },
+            placement:'top-right',
+            opacity:0.98,
+            onShow: function($element) {
+                //console.log("onShow",$element);
+                element.on('tab(test)', function(elem){
+                    location.hash = 'test='+ $(this).attr('lay-id');
+                    console.log(location.hash);
+                })
+
+            },
+        });
+
+        popover.create('#el3',{title:' hello popover-iframe',trigger:'hover',
+            animation:'pop',
+            closeable:true,
+            placement:'auto',
+            delay: {
+                //show and hide delay time of the popover, works only when trigger is 'hover',the value can be number or object
+                show: null,
+                hide: 100
+            },
+            opacity:0.98,
+            type:'iframe',//content type, values:'html','iframe','async'
+            url:'http://cn.bing.com/',
+            width:500,
+            height:400
+        })
+
+
+
+
+
+    });
+</script>
+
+</html>
diff --git a/src/plugin/admin/public/demos/document/popup.html b/src/plugin/admin/public/demos/document/popup.html
new file mode 100644
index 0000000..d996023
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/popup.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>封装弹窗</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">
+						Popup 基于 Layer 的 二次封装, 提供简洁高效的 API 调用
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link rel="stylesheet" href="component/pear/css/pear.css" /&gt;
+								 并
+								&lt;script src="component/layui/layui.js"&gt;&lt;/script&gt;
+								 并
+								&lt;script src="component/pear/pear.js"&gt;&lt;/script&gt;
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">提示消息</div>
+					<div class="layui-card-body">
+						<button class="success pear-btn pear-btn-primary">成功消息</button>
+						<button class="failure pear-btn pear-btn-danger">失败消息</button>
+						<button class="warming pear-btn pear-btn-warming">警告消息</button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['popup'], function() {
+								    var popup = layui.popup;
+								  
+								    popup.success("成功消息")
+								    popup.failure("失败消息")
+								    popup.warning("警告消息")
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">回调函数</div>
+					<div class="layui-card-body">
+						<button class="success-callback pear-btn pear-btn-primary">成功消息</button>
+						<button class="failure-callback pear-btn pear-btn-danger">失败消息</button>
+						<button class="warming-callback pear-btn pear-btn-warming">警告消息</button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['popup'], function() {
+								    var popup = layui.popup;
+								  
+								    popup.success("成功消息",callback)
+								    popup.failure("失败消息",callback)
+								    popup.warning("警告消息",callback)
+								})
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+	<script src="../../component/layui/layui.js"></script>
+	<script src="../../component/pear/pear.js"></script>
+	<script>
+		layui.use(['popup', 'jquery', 'code'], function() {
+			var popup = layui.popup;
+			var $ = layui.jquery;
+
+			layui.code();
+
+			$(".success").click(function() {
+				popup.success("成功消息")
+			})
+			$(".failure").click(function() {
+				popup.failure("失败消息")
+			})
+			$(".warming").click(function() {
+				popup.warning("警告消息")
+			})
+			$(".success-callback").click(function() {
+				popup.success("成功消息", function() {
+					layer.msg("回调函数")
+				})
+			})
+			$(".failure-callback").click(function() {
+				popup.failure("失败消息", function() {
+					layer.msg("回调函数")
+				})
+			})
+			$(".warming-callback").click(function() {
+				popup.warning("警告消息", function() {
+					layer.msg("回调函数")
+				})
+			})
+		})
+	</script>
+</html>
diff --git a/src/plugin/admin/public/demos/document/select.html b/src/plugin/admin/public/demos/document/select.html
new file mode 100644
index 0000000..e22feb6
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/select.html
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>多选组件</title>
+		<link href="../../component/pear/css/pear.css" rel="stylesheet" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						开发环境
+					</div>
+					<div class="layui-card-body">
+					    Select 应用于 多选 场景
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link href="component/pear/css/pear.css" rel="stylesheet" />
+								 并
+								&lt;script src="component/layui/layui.js">&lt;/script>
+								 并
+								&lt;script src="component/pear/pear.js">&lt;/script>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+      <div class="layui-col-md12">
+        <div class="layui-card">
+          <div class="layui-card-header">
+            默认主题
+          </div>
+          <div class="layui-card-body">
+            <select name="city5" xm-select="select5" xm-select-skin="default">
+              <option value="1">北京</option>
+              <option value="2" selected="selected">上海</option>
+              <option value="3">广州</option>
+              <option value="4" selected="selected">深圳</option>
+              <option value="5">天津</option>
+            </select>
+          </div>
+        </div>
+      </div>
+      <div class="layui-col-md12">
+        <div class="layui-collapse">
+          <div class="layui-colla-item">
+            <h2 class="layui-colla-title">显示代码</h2>
+            <div class="layui-colla-content">
+              <pre class="layui-code" lay-encode="true">
+      								<select name="demo1" xm-selects="demo1" xm-select-skin="default">
+      								    <option value="1">北京</option>
+      								    <option value="2" selected="selected">上海</option>
+      								    <option value="3">广州</option>
+      								    <option value="4" selected="selected">深圳</option>
+      								    <option value="5">天津</option>
+      								</select>
+      							</pre>
+            </div>
+          </div>
+        </div>
+      </div>
+			<div class="layui-col-md12">
+	            <div class="layui-card">
+	            	<div class="layui-card-header">
+						绿色主题
+	            	</div>
+	            	<div class="layui-card-body">
+	            		<select name="city1" xm-select="select1">
+	            			<option value="1">北京</option>
+	            			<option value="2" selected="selected">上海</option>
+	            			<option value="3">广州</option>
+	            			<option value="4" selected="selected">深圳</option>
+	            			<option value="5">天津</option>
+	            		</select>
+	            	</div>
+	            </div>			
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<select name="demo2" xm-selects="demo2">
+								    <option value="1">北京</option>
+								    <option value="2" selected="selected">上海</option>
+								    <option value="3">广州</option>
+								    <option value="4" selected="selected">深圳</option>
+								    <option value="5">天津</option>
+								</select>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+			  <div class="layui-card">
+			  	<div class="layui-card-header">
+                    通用主题
+			  	</div>
+			  	<div class="layui-card-body">
+			  		<select name="city2" xm-select="select2" xm-select-skin="normal">
+			  			<option value="1">北京</option>
+			  			<option value="2" selected="selected">上海</option>
+			  			<option value="3">广州</option>
+			  			<option value="4" selected="selected">深圳</option>
+			  			<option value="5">天津</option>
+			  		</select>
+			  	</div>
+			  </div>		
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<select name="demo3" xm-selects="demo3" xm-select-skin="normal">
+								    <option value="1">北京</option>
+								    <option value="2" selected="selected">上海</option>
+								    <option value="3">广州</option>
+								    <option value="4" selected="selected">深圳</option>
+								    <option value="5">天津</option>
+								</select>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+			  <div class="layui-card">
+			  	<div class="layui-card-header">
+					警告主题
+			  	</div>
+			  	<div class="layui-card-body">
+			  		<select name="city3" xm-select="select3" xm-select-skin="warm">
+			  			<option value="1">北京</option>
+			  			<option value="2" selected="selected">上海</option>
+			  			<option value="3">广州</option>
+			  			<option value="4" selected="selected">深圳</option>
+			  			<option value="5">天津</option>
+			  		</select>
+			  	</div>
+			  </div>	
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<select name="demo4" xm-selects="demo4" xm-select-skin="warm">
+								    <option value="1">北京</option>
+								    <option value="2" selected="selected">上海</option>
+								    <option value="3">广州</option>
+								    <option value="4" selected="selected">深圳</option>
+								    <option value="5">天津</option>
+								</select>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+			  <div class="layui-card">
+			  	<div class="layui-card-header">
+					危险主题
+			  	</div>
+			  	<div class="layui-card-body">
+			  		<select name="city4" xm-select="select4" xm-select-skin="danger">
+			  			<option value="1">北京</option>
+			  			<option value="2" selected="selected">上海</option>
+			  			<option value="3">广州</option>
+			  			<option value="4" selected="selected">深圳</option>
+			  			<option value="5">天津</option>
+			  		</select>
+			  	</div>
+			  </div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<select name="demo5" xm-selects="demo5" xm-select-skin="danger">
+								    <option value="1">北京</option>
+								    <option value="2" selected="selected">上海</option>
+								    <option value="3">广州</option>
+								    <option value="4" selected="selected">深圳</option>
+								    <option value="5">天津</option>
+								</select>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['select','code','element'], function() {
+				let select = layui.select;
+		
+		        layui.code();
+			});
+		</script>
+	</body>
+
+</html>
diff --git a/src/plugin/admin/public/demos/document/step.html b/src/plugin/admin/public/demos/document/step.html
new file mode 100644
index 0000000..f1647c4
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/step.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>分布表单</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">Step 步骤表单</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link rel="stylesheet" href="component/pear/css/pear.css" /&gt;
+								 并
+								&lt;script src="component/layui/layui.js"&gt;&lt;/script&gt;
+								 并
+								&lt;script src="component/pear/pear.js"&gt;&lt;/script&gt;
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card">
+						<div class="layui-card-body" style="padding-top: 40px;">
+							<div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
+								<div carousel-item>
+									<div>
+										<form class="layui-form" action="javascript:void(0);" style="margin: 0 auto;max-width: 460px;padding-top: 40px;">
+											<div class="layui-form-item">
+												<label class="layui-form-label">游戏编号:</label>
+												<div class="layui-input-block">
+													<input type="text" placeholder="请填写入款人游戏ID" class="layui-input" lay-verify="number" required />
+				
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<label class="layui-form-label">入款金额:</label>
+												<div class="layui-input-block">
+													<input type="number" placeholder="请填写入款金额" value="" class="layui-input" lay-verify="number" required>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<label class="layui-form-label">入款类型:</label>
+												<div class="layui-input-block">
+													<select lay-verify="required">
+														<option value="1" selected>保险箱</option>
+														<option value="2">现金</option>
+													</select>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<label class="layui-form-label">入款方式:</label>
+												<div class="layui-input-block">
+													<select lay-verify="required">
+														<option value="1" selected>人工入款</option>
+														<option value="2">修正</option>
+														<option value="3">活动</option>
+														<option value="4">佣金</option>
+													</select>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<label class="layui-form-label">备注说明:</label>
+												<div class="layui-input-block">
+													<textarea placeholder="入款备注" value="" class="layui-textarea"></textarea>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<div class="layui-input-block">
+													<button class="pear-btn pear-btn-success" lay-submit lay-filter="formStep">
+														&emsp;下一步&emsp;
+													</button>
+												</div>
+											</div>
+										</form>
+									</div>
+									<div>
+										<form class="layui-form"  action="javascript:void(0);" style="margin: 0 auto;max-width: 460px;padding-top: 40px;">
+											<div class="layui-form-item">
+												<label class="layui-form-label">游戏编号:</label>
+												<div class="layui-input-block">
+													<div class="layui-form-mid layui-word-aux">639537</div>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<label class="layui-form-label">账户余额:</label>
+												<div class="layui-input-block">
+													<div class="layui-form-mid layui-word-aux">3000 元（保险箱：1000，现金：2000）</div>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<label class="layui-form-label">入款金额:</label>
+												<div class="layui-input-block">
+													<div class="layui-form-mid layui-word-aux">
+														<span style="font-size: 18px;color: #333;">1800 元</span>
+													</div>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<label class="layui-form-label">入款类型:</label>
+												<div class="layui-input-block">
+													<div class="layui-form-mid layui-word-aux">保险箱</div>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<label class="layui-form-label">入款方式:</label>
+												<div class="layui-input-block">
+													<div class="layui-form-mid layui-word-aux">人工入款</div>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<label class="layui-form-label">备注说明:</label>
+												<div class="layui-input-block">
+													<div class="layui-form-mid layui-word-aux">备注说明</div>
+												</div>
+											</div>
+											<div class="layui-form-item">
+												<div class="layui-input-block">
+													<button type="button" class="pear-btn pear-btn-success pre">上一步</button>
+													<button class="pear-btn pear-btn-success" lay-submit lay-filter="formStep2">
+														&emsp;确认入款&emsp;
+													</button>
+												</div>
+											</div>
+										</form>
+									</div>
+									<div>
+										<div style="text-align: center;margin-top: 90px;">
+											<i class="layui-icon layui-circle" style="color: white;font-size:30px;font-weight:bold;background: #52C41A;padding: 20px;line-height: 80px;">&#xe605;</i>
+											<div style="font-size: 24px;color: #333;font-weight: 500;margin-top: 30px;">
+												入款成功
+											</div>
+											<div style="font-size: 14px;color: #666;margin-top: 20px;">预计两小时到账</div>
+										</div>
+										<div style="text-align: center;margin-top: 50px;">
+											<button class="pear-btn pear-btn-success next">再入一笔</button>
+											<button class="pear-btn pear-btn-success">查看账单</button>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+		                        layui.use(['form', 'step','element'], function() {
+		                            var $ = layui.$,
+		                            form = layui.form,
+		                            step = layui.step;
+		                            
+		                            step.render({
+		                                elem: '#stepForm',
+		                                filter: 'stepForm',
+		                                width: '100%',
+		                                stepWidth: '600px',
+		                                height: '500px',
+		                                stepItems: [{
+		                                    title: '填写'
+		                                }, {
+		                                    title: '确认'
+		                                }, {
+		                                    title: '完成'
+		                                }]
+		                            });
+		                         
+		                            form.on('submit(formStep)', function(data) {
+		                                step.next('#stepForm');
+		                                return false;
+		                            });
+		                         
+		                            form.on('submit(formStep2)', function(data) {
+		                                step.next('#stepForm');
+		                                return false;
+		                            });
+		                         
+		                            $('.pre').click(function() {
+		                                step.pre('#stepForm');
+		                                return false;
+		                            });
+		                         
+		                            $('.next').click(function() {
+		                                step.next('#stepForm');
+		                                return false;
+		                            });
+		                        })
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['form', 'step','code','element'], function() {
+				var $ = layui.$,
+					form = layui.form,
+					step = layui.step;
+					
+				layui.code();
+
+				step.render({
+					elem: '#stepForm',
+					filter: 'stepForm',
+					width: '100%',
+					stepWidth: '600px',
+					height: '500px',
+					stepItems: [{
+						title: '填写'
+					}, {
+						title: '确认'
+					}, {
+						title: '完成'
+					}]
+				});
+
+				form.on('submit(formStep)', function(data) {
+					step.next('#stepForm');
+					return false;
+				});
+
+				form.on('submit(formStep2)', function(data) {
+					step.next('#stepForm');
+					return false;
+				});
+
+				$('.pre').click(function() {
+					step.pre('#stepForm');
+					return false;
+				});
+
+				$('.next').click(function() {
+					step.next('#stepForm');
+				    return false;
+				});
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/tab.html b/src/plugin/admin/public/demos/document/tab.html
new file mode 100644
index 0000000..f6fcd05
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/tab.html
@@ -0,0 +1,152 @@
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+		<title>多选项卡</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">
+						Tab.js 是一个多视图组件，你可在任何地方内嵌它，并执行常用操作，Admin 正式使用该组件进行路由切换
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+							    &lt;link rel="stylesheet" href="component/pear/css/pear.css" />
+							    并
+							    &lt;script src="component/layui/layui.js">&lt;/script>
+							    并
+							    &lt;script src="component/pear/pear.js">&lt;/script>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						常用操作
+					</div>
+					<div class="layui-card-body">
+						<button class="pear-btn pear-btn-primary add">新增 Demo</button>
+						<button class="pear-btn pear-btn-danger del">删除当前</button>
+						<button class="pear-btn pear-btn-warming enable">高级操作</button>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						基本使用
+					</div>
+					<div class="layui-card-body">
+						<!-- 内 容 页 面 -->
+						<div id="contents"></div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content layui-show">
+							<pre class="layui-code" lay-encode="true">
+								
+								tab.render({
+								    elem: 'contents',
+								    roll: false,
+								    tool: false,
+								    width: '100%',
+								    height: '480px',
+								    index: 0,
+								    tabMax: 30,
+								    closeEvent: function(id) {
+										
+								        // do something
+								    },
+								    data: [{
+								        id: "1",
+								        title: "首页",
+								        url: "http://www.baidu.com",
+								        close: false
+								    },{
+								        id: "2",
+								        title: "百度一下",
+								        url: "http://www.baidu.com",
+								        close: false
+								    }]
+								});
+								
+								
+						</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['layer', 'form',
+				'element', 'tab', 'code','jquery'
+			], function() {
+				var layer = layui.layer,
+					tab = layui.tab,
+					$ = layui.jquery,
+					form = layui.form;
+
+				layui.code();
+
+				tab.render({
+					elem: 'contents',
+					roll: false,
+					tool: false,
+					width: '100%',
+					height: '485px',
+					index: 0,
+					session: false,
+					tabMax: 30,
+					closeEvent: function(id) {
+						layer.msg("关闭回调")
+					},
+					data: [{
+						id: "1",
+						title: "百度一下",
+						url: "../system/space.html",
+						close: false
+					}]
+				});
+				
+				$(".add").click(function(){
+					
+					// ADD 添加方法
+					tab.addTabOnlyByElem('contents',{id:'demo',title:'Demo',url:'../system/space.html',close: true})
+				})
+				
+				$(".enable").click(function(){
+					
+					// ADD 添加方法
+					tab.addTabOnlyByElem('contents',{id:'tabContent',title:'高级操作',url:'tabContent.html',close: true})
+				})
+				
+				$(".del").click(function(){
+					
+					tab.delCurrentTabByElem('contents',function(id){
+						layer.msg("已删除 '"+id+"' 标签页")
+					});
+					
+				})
+			});
+		</script>
+	</body>
+
+</html>
diff --git a/src/plugin/admin/public/demos/document/tabContent.html b/src/plugin/admin/public/demos/document/tabContent.html
new file mode 100644
index 0000000..d01129b
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/tabContent.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>多选项卡内容</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-header"></div>
+			<div class="layui-card-body">
+				<button class="pear-btn pear-btn-primary add">新增 Demo</button>
+				<button class="pear-btn pear-btn del">关闭 当前</button>
+			</div>
+		</div>
+	</body>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+	<script>
+		layui.use(['tab','jquery','layer'],function(){
+			var $ = layui.jquery,
+				layer = layui.layer,
+				tab = layui.tab;
+				
+				$(".add").click(function(){
+					// ADD 添加方法
+					parent.layui.tab.addTabOnlyByElem('contents',{id:'demo',title:'Demo',url:'../system/space.html',close: true})
+				})
+				
+				$(".del").click(function(){
+					parent.layui.tab.delCurrentTabByElem('contents',function(id){
+						layer.msg("已删除 '"+id+"' 标签页")
+					});
+				})
+				
+		})
+	</script>
+</html>
diff --git a/src/plugin/admin/public/demos/document/table.html b/src/plugin/admin/public/demos/document/table.html
new file mode 100644
index 0000000..8785c32
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/table.html
@@ -0,0 +1,412 @@
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<title>数据表格</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+		<style>
+			.expand.pear-btn:hover {
+				color: currentColor;
+        background: none;
+			}
+
+			.expand.pear-btn {
+				border: 1px solid rgba(255, 255, 255, 0)
+			}
+		</style>
+	</head>
+
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<form id="userForm" class="layui-form" action="">
+					<div class="layui-form-item">
+						<div class="layui-inline">
+							<label class="layui-form-label">用户名</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-inline">
+							<label class="layui-form-label">账号</label>
+							<div class="layui-input-inline">
+								<input type="text" name="username" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-inline">
+							<label class="layui-form-label">账号</label>
+							<div class="layui-input-inline">
+								<input type="text" name="username" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-inline">
+							<label class="layui-form-label">账号</label>
+							<div class="layui-input-inline">
+								<input type="text" name="username" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-inline">
+							<label class="layui-form-label">账号</label>
+							<div class="layui-input-inline">
+								<input type="text" name="username" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-inline" style="margin-left: 50px;">
+							<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query">
+								<i class="layui-icon layui-icon-search"></i>
+								查询
+							</button>
+							<button type="reset" class="pear-btn pear-btn-md">
+								<i class="layui-icon layui-icon-refresh"></i>
+								重置
+							</button>
+							<button type="button" class="pear-btn pear-btn-md expand">
+							</button>
+						</div>
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<table id="user-table" lay-filter="user-table"></table>
+			</div>
+		</div>
+
+		<script type="text/html" id="user-toolbar">
+			<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+				<i class="layui-icon layui-icon-add-1"></i>
+				新增
+			</button>
+			<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+				<i class="layui-icon layui-icon-delete"></i>
+				删除
+			</button>
+		</script>
+
+		<script type="text/html" id="user-bar">
+			<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i
+					class="layui-icon layui-icon-edit"></i></button>
+			<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i
+					class="layui-icon layui-icon-delete"></i></button>
+			<button class="pear-btn pear-btn-sm" id="more_{{d.userId}}"><i class="layui-icon layui-icon-triangle-d"></i></button>
+		</script>
+
+		<script type="text/html" id="user-enable">
+			<input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="user-enable"
+				checked="{{ d.enable == 0 ? 'true' : 'false' }}">
+		</script>
+
+		<script type="text/html" id="user-sex">
+		{{#if (d.sex == 1) { }}
+			<span>男</span>
+			{{# }else if(d.sex == 2){ }}
+				<span>女</span>
+				{{# } }}
+		</script>
+
+		<script type="text/html" id="user-login">
+		{{#if (d.login == 0) { }}
+			<span>在线</span>
+			{{# }else if(d.sex == 1){ }}
+				<span>离线</span>
+				{{# } }}
+		</script>
+
+		<script type="text/html" id="user-createTime">
+		{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}}
+		</script>
+
+		<div style="display: none;">
+			<div class="layer-top">
+				<br />
+				<h3>上侧弹层内容...</h3>
+			</div>
+		</div>
+
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['table', 'form', 'jquery', 'drawer', 'dropdown'], function() {
+				let table = layui.table;
+				let form = layui.form;
+				let $ = layui.jquery;
+				let drawer = layui.drawer;
+				let dropdown = layui.dropdown;
+
+				let MODULE_PATH = "/system/user/";
+
+				formToggle({
+					elem: "#userForm",
+				});
+
+				function formToggle(options) {
+					var defaultsOpt = {
+						isExpand: false,
+						prefixIcon: "layui-icon",
+						toggleIcon: ['layui-icon-down', 'layui-icon-up'],
+						toggleText: ['展开', '折叠'],
+					}
+					var opt = $.extend({}, defaultsOpt, options);
+					var elem = opt.elem; // 绑定的表单元素,必填
+					var min = opt.min; // 最小显示数,默认显示一行
+					var isExpand = opt.isExpand; // 初始展开
+					var prefixIcon = opt.prefixIcon + " "; // 图标前缀
+					var toggleIcon = opt.toggleIcon; // 折叠和展开时的图标类[unExpandIcon, ExpandIcon]
+					var toggleText = opt.toggleText; // 折叠和展开时的文本
+
+					var eleDOM = $(elem + " .layui-inline");
+					var firstElTop = eleDOM.first().offset().top;
+					var targetEl = eleDOM.filter(function(index) {
+						var isGtMin = (index + 1) > min;
+						var isGtFirstElTop = $(this).offset().top > firstElTop;
+						var isNeqLast = (index + 1) != eleDOM.length;
+						return min ? isGtMin && isNeqLast : isGtFirstElTop && isNeqLast;
+					});
+
+					var unExpandIcon = prefixIcon + toggleIcon[0];
+					var expandIcon = prefixIcon + toggleIcon[1];
+					var unExpandText = toggleText[0];
+					var expandText = toggleText[1];
+					var btnSelector = elem + " .expand";
+					$(btnSelector).append("<i></i>")
+					if (targetEl.length > 0) {
+						if (isExpand) {
+							$(btnSelector).prepend("<span>" + expandText + "</span>");
+							$(btnSelector + ">i").addClass(expandIcon);
+						} else {
+							$(btnSelector).prepend("<span>" + unExpandText + "</span>")
+							$(btnSelector + ">i").addClass(unExpandIcon)
+							targetEl.addClass("layui-hide");
+						}
+						$(btnSelector).click(function() {
+							isExpand = !isExpand;
+							if (isExpand) {
+								$(btnSelector + ">span").html(expandText);
+								$(btnSelector + ">i").removeClass(unExpandIcon).addClass(expandIcon);
+								targetEl.removeClass("layui-hide")
+							} else {
+								$(btnSelector + ">span").html(unExpandText);
+								$(btnSelector + ">i").removeClass(expandIcon).addClass(unExpandIcon);
+								targetEl.addClass("layui-hide")
+							}
+						})
+					}
+				}
+
+				let cols = [
+					[{
+							type: 'checkbox'
+						},
+						{
+							title: '账号',
+							field: 'username',
+							align: 'center',
+							width: 100
+						},
+						{
+							title: '姓名',
+							field: 'realName',
+							align: 'center'
+						},
+						{
+							title: '性别',
+							field: 'sex',
+							align: 'center',
+							width: 80,
+							templet: '#user-sex'
+						},
+						{
+							title: '电话',
+							field: 'phone',
+							align: 'center'
+						},
+						{
+							title: '启用',
+							field: 'enable',
+							align: 'center',
+							templet: '#user-enable'
+						},
+						{
+							title: '登录',
+							field: 'login',
+							align: 'center',
+							templet: '#user-login'
+						},
+						{
+							title: '注册',
+							field: 'createTime',
+							align: 'center',
+							templet: '#user-createTime'
+						},
+						{
+							title: '操作',
+							toolbar: '#user-bar',
+							align: 'left',
+							width: 160,
+							fixed: 'right'
+						}
+					]
+				]
+
+				table.render({
+					elem: '#user-table',
+					url: '../../demos/data/table.json',
+					page: true,
+					cols: cols,
+					skin: 'line',
+					toolbar: '#user-toolbar',
+					defaultToolbar: [{
+						layEvent: 'refresh',
+						icon: 'layui-icon-refresh',
+					}, 'filter', 'print', 'exports'],
+					done: function(res, curr, count) {
+						for (var i = 0; i < res.data.length; i++) {
+							dropdown.render({
+								elem: '#more_' + res.data[i].userId,
+								data: [{
+									title: 'menu item11',
+									id: 100
+								}, {
+									title: 'menu item22',
+									id: 101
+								}, {
+									title: 'menu item33',
+									id: 102
+								}],
+								id: '#more_' + res.data[i].userId,
+								click: function(obj) {
+									layer.tips('点击了：' + obj.title, this.elem, {
+										tips: [1, '#5FB878']
+									})
+								}
+							});
+						}
+					}
+				});
+
+				table.on('tool(user-table)', function(obj) {
+					if (obj.event === 'remove') {
+						window.remove(obj);
+					} else if (obj.event === 'edit') {
+						window.edit(obj);
+					}
+				});
+
+				table.on('toolbar(user-table)', function(obj) {
+					if (obj.event === 'add') {
+						window.add();
+					} else if (obj.event === 'refresh') {
+						window.refresh();
+					} else if (obj.event === 'batchRemove') {
+						window.batchRemove(obj);
+					}
+				});
+
+				form.on('submit(user-query)', function(data) {
+					table.reload('user-table', {
+						where: data.field
+					})
+					return false;
+				});
+
+				form.on('switch(user-enable)', function(obj) {
+					layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
+				});
+
+				window.add = function() {
+					drawer.open({
+						direction: "top",
+						dom: ".layer-top",
+						distance: "30%"
+					});
+				}
+
+				window.edit = function(obj) {
+					layer.msg("修改");
+				}
+
+				window.remove = function(obj) {
+					layer.confirm('确定要删除该用户', {
+						icon: 3,
+						title: '提示'
+					}, function(index) {
+						layer.close(index);
+						let loading = layer.load();
+						$.ajax({
+							url: MODULE_PATH + "remove/" + obj.data['userId'],
+							dataType: 'json',
+							type: 'delete',
+							success: function(result) {
+								layer.close(loading);
+								if (result.success) {
+									layer.msg(result.msg, {
+										icon: 1,
+										time: 1000
+									}, function() {
+										obj.del();
+									});
+								} else {
+									layer.msg(result.msg, {
+										icon: 2,
+										time: 1000
+									});
+								}
+							}
+						})
+					});
+				}
+
+				window.batchRemove = function(obj) {
+					let data = table.checkStatus(obj.config.id).data;
+					if (data.length === 0) {
+						layer.msg("未选中数据", {
+							icon: 3,
+							time: 1000
+						});
+						return false;
+					}
+					let ids = "";
+					for (let i = 0; i < data.length; i++) {
+						ids += data[i].userId + ",";
+					}
+					ids = ids.substr(0, ids.length - 1);
+					layer.confirm('确定要删除这些用户', {
+						icon: 3,
+						title: '提示'
+					}, function(index) {
+						layer.close(index);
+						let loading = layer.load();
+						$.ajax({
+							url: MODULE_PATH + "batchRemove/" + ids,
+							dataType: 'json',
+							type: 'delete',
+							success: function(result) {
+								layer.close(loading);
+								if (result.success) {
+									layer.msg(result.msg, {
+										icon: 1,
+										time: 1000
+									}, function() {
+										table.reload('user-table');
+									});
+								} else {
+									layer.msg(result.msg, {
+										icon: 2,
+										time: 1000
+									});
+								}
+							}
+						})
+					});
+				}
+
+				window.refresh = function(param) {
+					table.reload('user-table');
+				}
+			})
+		</script>
+	</body>
+
+</html>
diff --git a/src/plugin/admin/public/demos/document/tag.html b/src/plugin/admin/public/demos/document/tag.html
new file mode 100644
index 0000000..e6478bb
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/tag.html
@@ -0,0 +1,265 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>标签组件</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="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">开发环境</div>
+					<div class="layui-card-body">
+						Tag 标签组件
+					</div>
+				</div>
+			</div>
+
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link rel="stylesheet" href="component/pear/css/pear.css" /&gt;
+								 并
+								&lt;script src="component/layui/layui.js"&gt;&lt;/script&gt;
+								 并
+								&lt;script src="component/pear/pear.js"&gt;&lt;/script&gt;
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">主题风格</div>
+					<div class="layui-card-body">
+						<div class="layui-btn-container tag">
+							<button lay-id="11" type="button" class="tag-item tag-item-normal">网站设置</button>
+							<button lay-id="22" type="button" class="tag-item">用户管理</button>
+							<button lay-id="33" type="button" class="tag-item tag-item-warm">权限分配</button>
+							<button lay-id="44" type="button" class="tag-item tag-item-danger">商品管理</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+							<div class="layui-btn-container tag">
+							    <button lay-id="11" type="button" class="tag-item tag-item-normal">网站设置</button>
+							    <button lay-id="22" type="button" class="tag-item">用户管理</button>
+							    <button lay-id="33" type="button" class="tag-item tag-item-warm">权限分配</button>
+							    <button lay-id="44" type="button" class="tag-item tag-item-danger">商品管理</button>
+							</div>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">动态操作</div>
+					<div class="layui-card-body">
+						<div class="layui-btn-container tag" lay-filter="demo" lay-allowclose="true" lay-newTag="true">
+							<button lay-id="11" type="button" class="tag-item tag-item-normal">网站设置</button>
+							<button lay-id="22" type="button" class="tag-item">用户管理</button>
+							<button lay-id="33" type="button" class="tag-item tag-item-warm">权限分配</button>
+							<button lay-id="44" type="button" class="tag-item tag-item-danger">商品管理</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								tag.add('demo', {text: '新选项',id: 12})
+								 
+								tag.delete('demo', '44');
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">圆角风格</div>
+					<div class="layui-card-body">
+						<div class="layui-btn-container tag" lay-filter="test" lay-newTag="true">
+							<button lay-id="11" type="button" class="tag-item">网站设置</button>
+							<button lay-id="22" type="button" class="tag-item">用户管理</button>
+							<button lay-id="33" type="button" class="tag-item">权限分配</button>
+							<button lay-id="44" type="button" class="tag-item">商品管理</button>
+						    <button lay-id="55" type="button" class="tag-item">订单管理</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<div class="layui-btn-container tag" lay-filter="test" lay-newTags="true">
+								    <button lay-id="11" type="button" class="tag-item">网站设置</button>
+								    <button lay-id="22" type="button" class="tag-item">用户管理</button>
+								    <button lay-id="33" type="button" class="tag-item">权限分配</button>
+								    <button lay-id="44" type="button" class="tag-item">商品管理</button>
+								    <button lay-id="55" type="button" class="tag-item">订单管理</button>
+								</div>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">删除功能</div>
+					<div class="layui-card-body">
+						<div class="layui-btn-container tag" lay-allowclose="true">
+							<button lay-id="11" type="button" class="tag-item tag-item-danger">网站设置</button>
+							<button lay-id="22" type="button" class="tag-item tag-item-danger">用户管理</button>
+							<button lay-id="33" type="button" class="tag-item tag-item-danger">权限分配</button>
+							<button lay-id="44" type="button" class="tag-item tag-item-danger">商品管理</button>
+							<button lay-id="55" type="button" class="tag-item tag-item-danger">订单管理</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								<div class="layui-btn-container tag" lay-allowclose="true">
+								    <button lay-id="11" type="button" class="tag-item tag-item-danger">网站设置</button>
+								    <button lay-id="22" type="button" class="tag-item tag-item-danger">用户管理</button>
+								    <button lay-id="33" type="button" class="tag-item tag-item-danger">权限分配</button>
+								    <button lay-id="44" type="button" class="tag-item tag-item-danger">商品管理</button>
+								</div>
+								  
+								tag.on('delete(demo)', function(data) {
+								    console.log('删除');
+								    console.log(this); 
+								    console.log(data.index);
+								    console.log(data.elem);
+								    console.log(data.othis);
+								});
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">新建功能</div>
+					<div class="layui-card-body">
+						<div class="layui-btn-container tag" lay-newTag="true">
+							<button lay-id="11" type="button" class="tag-item">网站设置</button>
+							<button lay-id="22" type="button" class="tag-item">用户管理</button>
+							<button lay-id="33" type="button" class="tag-item">权限分配</button>
+							<button lay-id="44" type="button" class="tag-item">商品管理</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+							<div class="layui-btn-container tag" lay-newTags="true">
+							    <button lay-id="11" type="button" class="tag-item">网站设置</button>
+							    <button lay-id="22" type="button" class="tag-item">用户管理</button>
+							    <button lay-id="33" type="button" class="tag-item">权限分配</button>
+							    <button lay-id="44" type="button" class="tag-item">商品管理</button>
+							</div>
+							  
+							tag.on('add(demo)', function(data) {
+							    console.log('新建');
+							    console.log(this); 
+							    console.log(data.index); 
+							    console.log(data.elem); 
+							});
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['tag', 'code', 'element'], function() {
+				var $ = layui.jquery,
+					tag = layui.tag; //Tag的切换功能，切换事件监听等，需要依赖tag模块
+
+				layui.code();
+
+				tag.render("test", {
+					skin: 'layui-btn layui-btn-primary layui-btn-sm layui-btn-radius', //标签样式
+					tagText: '<i class="layui-icon layui-icon-add-1"></i>添加标签' //标签添加按钮提示文本
+				});
+
+				var active = {
+					tagAdd: function() {
+						//新增一个Tag项
+						tag.add('demo', {
+							text: '新选项' + (Math.random() * 1000 | 0) //用于演示
+								,
+							id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
+						})
+					},
+					tagDelete: function(othis) {
+						//删除指定Tag项
+						tag.delete('demo', '44'); //删除：“商品管理”
+						othis.addClass('layui-btn-disabled');
+					}
+				};
+
+				$('.site-demo-active').on('click', function() {
+					var othis = $(this),
+						type = othis.data('type');
+					active[type] ? active[type].call(this, othis) : '';
+				});
+
+				tag.on('click(demo)', function(data) {
+					console.log('点击');
+					console.log(this); //当前Tag标签所在的原始DOM元素
+					console.log(data.index); //得到当前Tag的所在下标
+					console.log(data.elem); //得到当前的Tag大容器
+				});
+
+				tag.on('add(demo)', function(data) {
+					console.log('新增');
+					console.log(this); //当前Tag标签所在的原始DOM元素
+					console.log(data.index); //得到当前Tag的所在下标
+					console.log(data.elem); //得到当前的Tag大容器
+					console.log(data.othis); //得到新增的DOM对象
+					//return false; //返回false 取消新增操作； 同from表达提交事件。
+				});
+
+				tag.on('delete(demo)', function(data) {
+					console.log('删除');
+					console.log(this); //当前Tag标签所在的原始DOM元素
+					console.log(data.index); //得到当前Tag的所在下标
+					console.log(data.elem); //得到当前的Tag大容器
+				});
+			});
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/tinymce.html b/src/plugin/admin/public/demos/document/tinymce.html
new file mode 100644
index 0000000..9ba01e5
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/tinymce.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+		<title>文本编辑</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">
+						开发环境
+					</div>
+					<div class="layui-card-body">
+						Tinymce 文本编辑器
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								&lt;link href="component/pear/css/pear.css" rel="stylesheet" />
+								 并
+								&lt;script src="component/layui/layui.js">&lt;/script>
+								 并
+								&lt;script src="component/pear/pear.js">&lt;/script>
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-header">富文本编辑器</div>
+					<div class="layui-card-body">
+						<textarea name="" id="edit" cols="30" rows="10"></textarea>
+						<div class="layui-btn-group" style="margin-top: 10px">
+							<button class="pear-btn pear-btn-primary" lay-event="getContent">获取内容</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md12">
+				<div class="layui-collapse">
+					<div class="layui-colla-item">
+						<h2 class="layui-colla-title">显示代码</h2>
+						<div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['tinymce'], function() {
+								    var tinymce = layui.tinymce
+								
+								    var edit = tinymce.render({
+								        elem: "#edit",
+								        height: 400
+								    });
+									
+								    edit.getContent()
+								});
+							</pre>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['tinymce', 'util', 'layer','code','element'], function() {
+				var tinymce = layui.tinymce
+				var util = layui.util;
+				
+				layui.code();
+
+				var edit = tinymce.render({
+					elem: "#edit",
+					height: 400
+				});
+
+				util.event('lay-event', {
+					getContent: function() {
+						console.log(edit.getContent())
+						layer.msg("展开控制台查看")
+					}
+				});
+			});
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/toast.html b/src/plugin/admin/public/demos/document/toast.html
new file mode 100644
index 0000000..eb276cd
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/toast.html
@@ -0,0 +1,291 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta http-equiv="X-UA-Compatible" content="ie=edge">
+		<title>通知组件</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div>
+			<div class="layui-row layui-col-space10">
+				<div class="layui-col-md12">
+					<div class="layui-card">
+						<div class="layui-card-header">开发环境</div>
+						<div class="layui-card-body">
+							toast 用于 消息通知 场景
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-collapse">
+						<div class="layui-colla-item">
+							<h2 class="layui-colla-title">显示代码</h2>
+							<div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									&lt;link rel="stylesheet" href="component/pear/css/pear.css" />
+									 或
+									&lt;link rel="stylesheet" href="component/pear/css/pear-module/toast.css" />
+									 并
+									&lt;script src="component/layui/layui.js">&lt;/script>
+									 并
+									&lt;script src="component/pear/pear.js">&lt;/script>
+								</pre>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-card">
+						<div class="layui-card-header">消息提醒</div>
+						<div class="layui-card-body">
+							<div>
+								<span>toast.success({title:"成功消息",message:"消息描述"})</span>
+								<br>
+								<br>
+								<span>toast.error({title:"危险消息",message:"消息描述"})</span>
+								<br>
+								<br>
+								<span>toast.warning({title:"警告消息",message:"消息描述"})</span>
+								<br>
+								<br>
+								<span>toast.info({title:"通知消息",message:"消息描述"})</span>
+								<br>
+								<br>
+							</div>
+							<button class="toast-info pear-btn pear-btn-primary">通用消息</button>
+							<button class="toast-success pear-btn pear-btn-success">成功消息</button>
+							<button class="toast-failure pear-btn pear-btn-danger">错误消息</button>
+							<button class="toast-warning pear-btn pear-btn-warming">警告消息</button>
+							<button class="toast-question pear-btn">问题消息</button>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-collapse">
+						<div class="layui-colla-item">
+							<h2 class="layui-colla-title">显示代码</h2>
+							<div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									layui.use(['toast', 'jquery', 'layer', 'code'], function() {
+									    var toast = layui.toast;
+										                         
+									    toast.success({title: 'Caution',message: 'You forgot important data',position: 'topRight'});
+									    
+										toast.info({title: 'Caution',message: 'You forgot important data',position: 'topRight'});
+									    
+										toast.warning({title: 'Caution',message: 'You forgot important data',position: 'topRight'});
+									    
+										toast.error({title: 'Caution',message: 'You forgot important data',position: 'topRight'});
+									    
+										toast.question({title: 'Caution',message: 'You forgot important data',position: 'topRight'});
+									})
+								</pre>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-card">
+						<div class="layui-card-header">
+							不同位置
+						</div>
+						<div class="layui-card-body">
+							<button class="toast-top-left-btn pear-btn">上左</button>
+							<button class="toast-top-center-btn pear-btn">上中</button>
+							<button class="toast-top-right-btn pear-btn">上右</button>
+							<button class="toast-bottom-left-btn pear-btn">下左</button>
+							<button class="toast-bottom-center-btn pear-btn">下中</button>
+							<button class="toast-bottom-right-btn pear-btn">下右</button>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-collapse">
+						<div class="layui-colla-item">
+							<h2 class="layui-colla-title">显示代码</h2>
+							<div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									layui.use(['toast', 'jquery', 'layer', 'code'], function() {
+									    var toast = layui.toast;
+										                         
+									    $(".toast-top-left-btn").click(function(){
+									        toast.success({title: 'Caution',message: 'You forgot important data',position: 'topLeft'});
+									    })
+									    $(".toast-top-center-btn").click(function(){
+									        toast.success({title: 'Caution',message: 'You forgot important data',position: 'topCenter'});
+									    })
+									    $(".toast-top-right-btn").click(function(){
+									        toast.success({title: 'Caution',message: 'You forgot important data',position: 'topRight'});
+									    })
+									    $(".toast-bottom-left-btn").click(function(){
+									        toast.success({title: 'Caution',message: 'You forgot important data',position: 'bottomLeft'});
+									    })
+									    $(".toast-bottom-center-btn").click(function(){
+									        toast.success({title: 'Caution',message: 'You forgot important data',position: 'bottomCenter'});
+									    })
+									    $(".toast-bottom-right-btn").click(function(){
+									        toast.success({title: 'Caution',message: 'You forgot important data',position: 'bottomRight'});
+									    })
+									})
+								</pre>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-card">
+						<div class="layui-card-header">
+							消息移除
+						</div>
+						<div class="layui-card-body">
+							<button class="pear-btn" id="closeAll">移除全部</button>
+						</div>
+					</div>
+				</div>
+				<div class="layui-col-md12">
+					<div class="layui-collapse">
+						<div class="layui-colla-item">
+							<h2 class="layui-colla-title">显示代码</h2>
+							<div class="layui-colla-content">
+								<pre class="layui-code" lay-encode="true">
+									layui.use(['toast', 'jquery', 'layer', 'code'], function() {
+									    var toast = layui.toast;
+										                         
+									    toast.destroy();
+									})
+								</pre>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+	<script src="../../component/layui/layui.js"></script>
+	<script src="../../component/pear/pear.js"></script>
+	<script>
+		layui.use(['toast', 'toast', 'jquery', 'layer', 'code', 'element'], function() {
+			var toast = layui.toast;
+			var layer = layui.layer;
+			var $ = layui.jquery;
+			var toast = layui.toast;
+
+			layui.code();
+
+			toast.success({
+				title: 'Caution',
+				message: 'You forgot important data',
+				position: 'topRight'
+			});
+			toast.info({
+				title: 'Caution',
+				message: 'You forgot important data',
+				position: 'topRight'
+			});
+			toast.error({
+				title: 'Caution',
+				message: 'You forgot important data',
+				position: 'topRight'
+			});
+			toast.warning({
+				title: 'Caution',
+				message: 'You forgot important data',
+				position: 'topRight'
+			});
+			toast.question({
+				title: 'Caution',
+				message: 'You forgot important data',
+				position: 'topRight'
+			});
+
+			$(".toast-success").click(function() {
+				toast.success({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'topRight'
+				});
+			})
+			$(".toast-failure").click(function() {
+				toast.error({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'topRight'
+				});
+			})
+			$(".toast-warning").click(function() {
+				toast.warning({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'topRight'
+				});
+			})
+
+			$(".toast-info").click(function() {
+				toast.info({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'topRight'
+				});
+			})
+			$(".toast-question").click(function() {
+				toast.question({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'topRight'
+				});
+			})
+			
+			$(".toast-top-left-btn").click(function(){
+				toast.info({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'topLeft'
+				});
+			})
+			$(".toast-top-center-btn").click(function(){
+				toast.info({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'topCenter'
+				});
+			})
+			$(".toast-top-right-btn").click(function(){
+				toast.info({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'topRight'
+				});
+			})
+			
+			$(".toast-bottom-left-btn").click(function(){
+				toast.info({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'bottomLeft'
+				});
+			})
+			$(".toast-bottom-center-btn").click(function(){
+				toast.info({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'bottomCenter'
+				});
+			})
+			$(".toast-bottom-right-btn").click(function(){
+				toast.info({
+					title: 'Caution',
+					message: 'You forgot important data',
+					position: 'bottomRight'
+				});
+			})
+			
+			$("#closeAll").click(function() {
+				toast.destroy();
+			});
+
+		});
+	</script>
+
+</html>
diff --git a/src/plugin/admin/public/demos/document/topBar.html b/src/plugin/admin/public/demos/document/topBar.html
new file mode 100644
index 0000000..b1a4cf0
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/topBar.html
@@ -0,0 +1,279 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>回到顶部</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="../../component/pear/css/pear.css" />
+		<link rel="stylesheet" href="../../demos/css/console1.css" />
+	</head>
+	<body class="pear-container">
+		<div>
+			<div class="layui-row layui-col-space10">
+			
+					<div class="layui-card">
+						<div class="layui-card-header">动态</div>
+						<div class="layui-card-body">
+							<dl class="layuiadmin-card-status">
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>七彩枫叶 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 回答问题</p>
+										<span>几秒前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>简 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>2天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>恒宇少年 将 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin </a> 更新至 2.3.0 版本</p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>如花 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>就眠仪式 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>贤心 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>七彩枫叶 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 回答问题</p>
+										<span>几秒前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>简 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>2天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>恒宇少年 将 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin </a> 更新至 2.3.0 版本</p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>如花 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>就眠仪式 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>贤心 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>七彩枫叶 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 回答问题</p>
+										<span>几秒前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>简 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>2天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>恒宇少年 将 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin </a> 更新至 2.3.0 版本</p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>如花 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>就眠仪式 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>贤心 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>七彩枫叶 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 回答问题</p>
+										<span>几秒前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>简 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>2天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>恒宇少年 将 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin </a> 更新至 2.3.0 版本</p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>如花 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>就眠仪式 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>次等水货 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>七彩枫叶 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 回答问题</p>
+										<span>几秒前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>简 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>2天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>恒宇少年 将 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin </a> 更新至 2.3.0 版本</p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>如花 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>7天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>就眠仪式 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 社区</a> 发布了 <a lay-href="http://fly.layui.com/column/suggest/">建议</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+								<dd>
+									<div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
+											 src="../../demos/css/avatar.jpg"></a></div>
+									<div>
+										<p>微笑刺客 在 <a lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
+										<span>8天前</span>
+									</div>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div>
+				
+			</div>
+		</div>
+		<!--</div>-->
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['layer', 'element','topBar'], function() {
+				var $ = layui.jquery,
+					layer = layui.layer,
+					element = layui.element;
+
+			});
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/document/treetable.html b/src/plugin/admin/public/demos/document/treetable.html
new file mode 100644
index 0000000..3fdbd05
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/treetable.html
@@ -0,0 +1,235 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>树形表格</title>
+    <link rel="stylesheet" href="../../component/pear/css/pear.css" />
+</head>
+<body class="pear-container">
+<div class="layui-card">
+    <div class="layui-card-body">
+        <form class="layui-form" action="">
+            <div class="layui-form-item">
+                <label class="layui-form-label">关键字</label>
+                <div class="layui-input-inline">
+                    <input type="text" name="keyword" placeholder="" class="layui-input">
+                </div>
+                <button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="power-query">
+                    <i class="layui-icon layui-icon-search"></i>
+                    查询
+                </button>
+                <button type="reset" class="pear-btn pear-btn-md">
+                    <i class="layui-icon layui-icon-refresh"></i>
+                    重置
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<div class="layui-card">
+    <div class="layui-card-body">
+        <table id="power-table" lay-filter="power-table"></table>
+    </div>
+</div>
+
+<script type="text/html" id="power-toolbar">
+    <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+        <i class="layui-icon layui-icon-add-1"></i>
+        新增
+    </button>
+    <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+        <i class="layui-icon layui-icon-delete"></i>
+        删除
+    </button>
+	<button class="pear-btn pear-btn-success pear-btn-md" lay-event="expandAll">
+	    <i class="layui-icon layui-icon-spread-left"></i>
+	    展开
+	</button>
+	<button class="pear-btn pear-btn-success pear-btn-md" lay-event="foldAll">
+	    <i class="layui-icon layui-icon-shrink-right"></i>
+	    折叠
+	</button>
+	<button class="pear-btn pear-btn-success pear-btn-md" lay-event="reload">
+	    <i class="layui-icon layui-icon-refresh"></i>
+	    重载
+	</button>
+</script>
+
+<script type="text/html" id="power-bar">
+    <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
+    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
+</script>
+
+<script type="text/html" id="power-type">
+    {{#if (d.powerType == '0') { }}
+    <span>目录</span>
+    {{# }else if(d.powerType == '1'){ }}
+    <span>菜单</span>
+    {{# }else if(d.powerType == '2'){ }}
+    <span>按钮</span>
+    {{# } }}
+</script>
+
+<script type="text/html" id="power-enable">
+    <input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="user-enable" checked = "{{ d.id == 10003 ? 'true' : 'false' }}">
+</script>
+
+<script type="text/html" id="icon">
+    <i class="layui-icon {{d.icon}}"></i>
+</script>
+
+<script src="../../component/layui/layui.js"></script>
+<script src="../../component/pear/pear.js"></script>
+<script>
+    layui.use(['table','form','jquery','treetable'],function () {
+        let table = layui.table;
+        let form = layui.form;
+        let $ = layui.jquery;
+        let treetable = layui.treetable;
+
+        let MODULE_PATH = "../system/operate/";
+
+        treetable.render({
+                treeColIndex: 1,
+                treeSpid: 0,
+                treeIdName: 'powerId',
+                treePidName: 'parentId',
+                skin:'line',
+                treeDefaultClose: true,
+                toolbar:'#power-toolbar',
+                elem: '#power-table',
+                url: '../../demos/data/power.json',
+                page: false,
+                cols: [
+                    [
+                    {type: 'checkbox'},
+                    {field: 'powerName', minWidth: 200, title: '权限名称'},
+                    {field: 'icon', title: '图标',templet:'#icon'},
+                    {field: 'powerType', title: '权限类型',templet:'#power-type'},
+                    {field: 'enable', title: '是否可用',templet:'#power-enable'},
+                    {field: 'sort', title: '排序'},
+                    {title: '操作',templet: '#power-bar', width: 150, align: 'center'}
+                    ]
+                ]
+        });
+
+        table.on('tool(power-table)',function(obj){
+            if (obj.event === 'remove') {
+                window.remove(obj);
+            } else if (obj.event === 'edit') {
+                window.edit(obj);
+            }
+        })
+
+        table.on('toolbar(power-table)', function(obj){
+            if(obj.event === 'add'){
+                window.add();
+            } else if(obj.event === 'refresh'){
+                window.refresh();
+            } else if(obj.event === 'batchRemove'){
+                window.batchRemove(obj);
+            } else if(obj.event === 'expandAll'){
+				 treetable.expandAll("#power-table");
+			} else if(obj.event === 'foldAll'){
+				 treetable.foldAll("#power-table");
+			} else if(obj.event === 'reload'){
+				 treetable.reload("#power-table");
+			}
+        });
+		
+		form.on('submit(power-query)', function(data) {
+            var keyword = data.field.keyword;
+            treetable.search('#power-table',keyword);
+            return false;
+		});
+	
+        window.add = function(){
+            layer.open({
+                type: 2,
+                title: '新增',
+                shade: 0.1,
+                area: ['450px', '500px'],
+                content: MODULE_PATH + 'add.html'
+            });
+        }
+
+        window.edit = function(obj){
+            layer.open({
+                type: 2,
+                title: '修改',
+                shade: 0.1,
+                area: ['450px', '500px'],
+                content: MODULE_PATH + 'edit.html'
+            });
+        }
+		
+        window.remove = function(obj){
+            layer.confirm('确定要删除该权限', {icon: 3, title:'提示'}, function(index){
+                layer.close(index);
+                let loading = layer.load();
+                $.ajax({
+                    url: MODULE_PATH+"remove/"+obj.data['powerId'],
+                    dataType:'json',
+                    type:'delete',
+                    success:function(result){
+                        layer.close(loading);
+                        if(result.success){
+                            layer.msg(result.msg,{icon:1,time:1000},function(){
+                                obj.del();
+                            });
+                        }else{
+                            layer.msg(result.msg,{icon:2,time:1000});
+                        }
+                    }
+                })
+            });
+        }
+		
+		window.batchRemove = function(obj) {
+			let data = table.checkStatus(obj.config.id).data;
+			if (data.length === 0) {
+				layer.msg("未选中数据", {
+					icon: 3,
+					time: 1000
+				});
+				return false;
+			}
+			let ids = "";
+			for (let i = 0; i < data.length; i++) {
+				ids += data[i].powerId + ",";
+			}
+			ids = ids.substr(0, ids.length - 1);
+			layer.confirm('确定要删除这些数据', {
+				icon: 3,
+				title: '提示'
+			}, function(index) {
+				layer.close(index);
+				let loading = layer.load();
+				$.ajax({
+					url: MODULE_PATH + "batchRemove/" + ids,
+					dataType: 'json',
+					type: 'delete',
+					success: function(result) {
+						layer.close(loading);
+						if (result.success) {
+							layer.msg(result.msg, {
+								icon: 1,
+								time: 1000
+							}, function() {
+								table.reload('user-table');
+							});
+						} else {
+							layer.msg(result.msg, {
+								icon: 2,
+								time: 1000
+							});
+						}
+					}
+				})
+			});
+		}
+    })
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/document/watermark.html b/src/plugin/admin/public/demos/document/watermark.html
new file mode 100644
index 0000000..a4562e0
--- /dev/null
+++ b/src/plugin/admin/public/demos/document/watermark.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>水印组件</title>
+    <link rel="stylesheet" href="../../component/pear/css/pear.css" />
+</head>
+<body class="pear-container">
+<div class="layui-row layui-col-space10">
+    <div class="layui-col-md12">
+        <div class="layui-card">
+            <div class="layui-card-header">开发环境</div>
+            <div class="layui-card-body">
+                watermark 用于水印叠加
+            </div>
+        </div>
+    </div>
+    <div class="layui-col-md12">
+        <div class="layui-collapse">
+            <div class="layui-colla-item">
+                <h2 class="layui-colla-title">显示代码</h2>
+                <div class="layui-colla-content">
+                    <pre class="layui-code" lay-encode="true">
+                        &lt;link rel="stylesheet" href="component/pear/css/pear.css" /&gt;
+                         并
+                        &lt;script src="component/layui/layui.js"&gt;&lt;/script&gt;
+                         并
+                        &lt;script src="component/pear/pear.js"&gt;&lt;/script&gt;
+                    </pre>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="layui-col-md12">
+        <div class="layui-card">
+            <div class="layui-card-header">水印创建</div>
+            <div class="layui-card-body">
+                <button class="btntype1 pear-btn pear-btn-primary">单行水印</button>
+                <button class="btntype2 pear-btn pear-btn-danger">多行水印</button>
+                <button class="btntype3 pear-btn pear-btn-warming">叠加目标</button>
+            </div>
+        </div>
+    </div>
+    <div class="layui-col-md12">
+        <div class="layui-collapse">
+            <div class="layui-colla-item">
+                <h2 class="layui-colla-title">显示代码</h2>
+                <div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['watermark'], function() {
+								    var watermark = layui.watermark;
+
+    var mark_node=new watermark({
+        content: "单行水印"
+    });
+
+    new watermark({
+        content: "多行水印1<br>多行水印2",
+        height:40
+    });
+
+    new watermark({
+        content: "指定容器上",
+        appendTo:'#water_div',
+    });
+
+								})
+							</pre>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="layui-col-md12">
+        <div class="layui-card">
+            <div class="layui-card-header">指定容器水印</div>
+            <div class="layui-card-body">
+                <div id="water_div"
+                     style="width: 600px;
+								height: 300px;
+								overflow: hidden;
+								position: relative;
+								border: 1px solid gainsboro;
+								background-color: #EEE;
+								margin-top: 20px;
+								display: flex;
+								justify-content: space-around;
+								align-items: center">
+
+            </div>
+        </div>
+    </div>
+</div>
+    <div class="layui-col-md12">
+        <div class="layui-card">
+            <div class="layui-card-header">移除水印</div>
+            <div class="layui-card-body">
+                <button class="btnclose pear-btn pear-btn-primary">销毁水印</button>
+            </div>
+        </div>
+    </div>
+    <div class="layui-col-md12">
+        <div class="layui-collapse">
+            <div class="layui-colla-item">
+                <h2 class="layui-colla-title">显示代码</h2>
+                <div class="layui-colla-content">
+							<pre class="layui-code" lay-encode="true">
+								layui.use(['watermark'], function() {
+								    var popup = layui.popup;
+                                    mark_node.destroy();
+								})
+							</pre>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+<script src="../../component/layui/layui.js"></script>
+<script src="../../component/pear/pear.js"></script>
+<script>
+    layui.use(['watermark', 'jquery', 'code'], function() {
+        var popup = layui.popup;
+        var $ = layui.jquery;
+        var watermark = layui.watermark;
+        layui.code();
+
+        var mark_node = null;
+
+        function remove_water_marker(){
+            mark_node && mark_node.destroy();
+            mark_node = null;
+        }
+
+
+        $(".btntype1").click(function() {
+            remove_water_marker();
+            mark_node=new watermark({
+                content: "单行水印"
+            });
+        })
+        $(".btntype2").click(function() {
+            remove_water_marker();
+            mark_node =new watermark({
+                content: "多行水印1<br>第二行长多行水印2",
+                height:40
+            });
+        })
+        $(".btntype3").click(function() {
+            remove_water_marker();
+            mark_node = new watermark({
+                content: "指定目标上",
+                appendTo:'#water_div',
+            });
+        })
+        $(".btnclose").click(function() {
+            remove_water_marker();
+        })
+
+    })
+</script>
+</html>
diff --git a/src/plugin/admin/public/demos/echarts/column.html b/src/plugin/admin/public/demos/echarts/column.html
new file mode 100644
index 0000000..44bcb27
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/column.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>条状图表</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	    <link rel="stylesheet" href="../../demos/css/result.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<div id="column1" style="min-height:400px;"></div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<div id="column2" style="min-height:400px;"></div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<div id="column3" style="min-height:400px;"></div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<div id="column4" style="min-height:400px;"></div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script src="script/column1.js"></script>
+		<script src="script/column2.js"></script>
+		<script src="script/column3.js"></script>
+		<script src="script/column4.js"></script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/echarts/line.html b/src/plugin/admin/public/demos/echarts/line.html
new file mode 100644
index 0000000..1b5c9cc
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/line.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>折线图表</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	    <link rel="stylesheet" href="../../demos/css/result.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<div id="line1" style="min-height:400px;"></div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<div id="line2" style="min-height:400px;"></div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<div id="line3" style="min-height:400px;"></div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<div id="line4" style="min-height:400px;"></div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script src="script/line1.js"></script>
+		<script src="script/line2.js"></script>
+		<script src="script/line3.js"></script>
+		<script src="script/line4.js"></script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/echarts/script/column1.js b/src/plugin/admin/public/demos/echarts/script/column1.js
new file mode 100644
index 0000000..db5e817
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/script/column1.js
@@ -0,0 +1,137 @@
+layui.use(['echarts'], function() {
+	let echarts = layui.echarts;
+    var column1 = echarts.init(document.getElementById('column1'),null, {
+        width: 600,
+        height: 400
+    });
+option = {
+    tooltip: {
+        trigger: 'axis',
+        axisPointer: { 
+            type: 'shadow' ,
+            color: '#fff',
+            fontSize: '26'
+        }
+    },
+    legend: {
+        top:'5%',
+        right:'10%',
+        data: ['猕猴桃', '香蕉'],
+        fontSize:12,
+        color:'#808080',
+        icon:'rect'
+    },
+    grid: {
+        top:60,
+        left:50,
+        bottom:60,
+        right:60
+    },
+    xAxis: [{
+        type: 'category',
+        axisTick:{
+            show:false
+        },
+        axisLine:{
+            show:false
+        },
+        axisLabel:{
+            color:'#4D4D4D',
+            fontSize:14,
+            margin:21,
+            fontWeight:'bold'
+        },
+        data: ['第一周', '第二周', '第三周', '第四周'],
+    
+    }],
+    yAxis: [{
+        name:'单位：万',
+        nameTextStyle:{
+            color:'#808080',
+            fontSize:12,
+            padding:[0, 0, 0, -5]
+        },
+        max: function(value) {
+            if(value.max<5){
+                return 5
+            }else{
+                return value.max
+            }
+        },
+        type: 'value',
+        axisLine:{
+            show:false
+        },
+        axisLabel:{
+            color:'#808080',
+            fontSize:12,
+            margin:5
+        },
+        splitLine:{
+            show:false
+        },
+        axisTick:{
+            show:false
+        }
+    }],
+    series: [
+        {
+            name: '猕猴桃',
+            type: 'bar',
+            label:{
+                show:true,
+                position:'top',
+                fontSize:14,
+                color:'#3DC3F0',
+                fontWeight:'bold'
+            },
+            barMaxWidth:60,           
+            color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [{
+                    offset: 0, color: '#3DC3F0' // 0% 处的颜色
+                }, {
+                    offset: 1, color: '#CCF2FF' // 100% 处的颜色
+                }]
+            },            
+            data: [60, 110, 180, 100]
+        }, 
+        {
+            name: '香蕉',
+            type: 'bar',
+                        label:{
+                show:true,
+                position:'top',
+                fontSize:14,
+                color:'#3D8BF0',
+                fontWeight:'bold'
+            },
+            barMaxWidth:60,            
+            color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [{
+                    offset: 0, color: '#3D8BF0' // 0% 处的颜色
+                }, {
+                    offset: 1, color: '#CCE2FF' // 100% 处的颜色
+                }]
+            },            
+            data: [90, 130, 170, 130]
+        }
+    ]
+};
+
+    column1.setOption(option);
+
+    window.onresize = function() {
+        column1.resize();
+    }
+    
+})
diff --git a/src/plugin/admin/public/demos/echarts/script/column2.js b/src/plugin/admin/public/demos/echarts/script/column2.js
new file mode 100644
index 0000000..6393cce
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/script/column2.js
@@ -0,0 +1,73 @@
+layui.use(['echarts'], function() {
+	let echarts = layui.echarts;
+	var column2 = echarts.init(document.getElementById('column2'),null, {
+		width: 600,
+		height: 400
+	});
+
+	var data = [1000, 600, 500, 300];
+	option = {
+		backgroundColor: '#ffffff',
+		title: {
+			text: 'ETC交易成功率',
+			left: 'center',
+			top: 2,
+			fontSize: 20
+		},
+		color: ['#fed46b','#2194ff', ],
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { // 坐标轴指示器，坐标轴触发有效
+				type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+			}
+		},
+		grid: {
+			left: '3%',
+			right: '4%',
+			bottom: '10%',
+			containLabel: true
+		},
+		legend: {
+			left: 'center',
+			bottom: '2%',
+			data: ['去年', '今年', ]
+		},
+		xAxis: [{
+			type: 'category',
+			data: ['09-22', '09-22', '09-22', '09-22', '09-22', '09-22', '09-22'],
+			axisTick: {
+				alignWithLabel: true
+			}
+		}],
+		yAxis: [{
+			type: 'value'
+		}],
+		barMaxWidth: '30',
+		label:{
+			show:true,
+			position:'top',
+			formatter:function(params){
+				return params.value+'%'
+			}
+		},
+		series: [
+	
+			{
+				name: '去年',
+				type: 'bar',
+				data: [90, 52, 90, 80, 90, 70, 90]
+			},
+			{
+				name: '今年',
+				type: 'bar',
+				data: [10, 52, 90, 70, 90, 70, 90]
+			},
+		]
+	};
+	column2.setOption(option);
+
+	window.onresize = function() {
+		column2.resize();
+	}
+	
+})
diff --git a/src/plugin/admin/public/demos/echarts/script/column3.js b/src/plugin/admin/public/demos/echarts/script/column3.js
new file mode 100644
index 0000000..897e495
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/script/column3.js
@@ -0,0 +1,120 @@
+layui.use(['echarts'], function() {
+	let echarts = layui.echarts;
+    var column3 = echarts.init(document.getElementById('column3'),null, {
+        width: 600,
+        height: 400
+    });
+
+    const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
+    
+option = {
+    backgroundColor: '#fff',
+    tooltip: {
+        trigger: "axis",
+        padding: [8, 10],
+        backgroundColor: 'rgba(255,255,255,0.5)',
+        axisPointer: {
+            type: "shadow",
+            color: "#fff"
+        }
+    },
+    legend: {
+        data: ['新开会员', '激活会员', '关闭会员'],
+        align: 'left',
+        right: 0,
+        
+            color: "#333",
+            fontSize: 14,
+            fontWeight: 200,
+        
+        itemWidth: 14,
+        itemHeight: 14,
+        itemGap: 35
+    },
+    grid: {
+        left: '0',
+        right: '0',
+        bottom: '8%',
+        top: '15%',
+        containLabel: true
+    },
+    label: {
+        show: true,
+        position: 'top',
+        color: '#333',
+        fontSize: 14,
+        fontWeight: 700
+    },
+    xAxis: [{
+        type: 'category',
+        offset: 10,
+        data: ['团队1', '团队2', '团队3', '团队4'],
+        axisLine: {
+            show: false
+        },
+        axisTick: {
+            show: false
+        },
+        axisLabel: {
+            show: true,            
+            color: "#333",
+            fontSize: 16,
+            fontWeight: 200
+        
+        },
+    }],
+    yAxis: [{
+        type: 'value',
+        axisLabel: {
+            show: false
+        },
+        axisTick: {
+            show: false
+        },
+        axisLine: {
+            show: false
+        },
+        splitLine: {
+            show: false
+        }
+    }],
+    series: [{
+        name: '新开会员',
+        type: 'bar',
+        data: [20, 34, 18, 14, 16],
+        barWidth: 22, //柱子宽度
+        barGap: 1, //柱子之间间距
+        itemStyle: {
+            color: '#0071c8',
+            opacity: 1,
+        }
+    }, {
+        name: '激活会员',
+        type: 'bar',
+        data: [10, 24, 5, 24, 16],
+        barWidth: 22,
+        barGap: 1,
+        itemStyle: {
+            color: '#fdc508',
+            opacity: 1,
+        }
+    }, {
+        name: '关闭会员',
+        type: 'bar',
+        data: [7, 24, 18, 20, 6],
+        barWidth: 22,
+        barGap: 1,
+        itemStyle: {
+            color: '#dfeafc',
+            opacity: 1,
+        }
+    }]
+};
+    
+    column3.setOption(option);
+
+    window.onresize = function() {
+        column3.resize();
+    }
+    
+})
diff --git a/src/plugin/admin/public/demos/echarts/script/column4.js b/src/plugin/admin/public/demos/echarts/script/column4.js
new file mode 100644
index 0000000..6cd871f
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/script/column4.js
@@ -0,0 +1,84 @@
+layui.use(['echarts'], function() {
+	let echarts = layui.echarts;
+	var column4 = echarts.init(document.getElementById('column4'),null, {
+		width: 600,
+		height: 400
+	});
+	option = {
+		backgroundColor:'#fff',
+		title:{
+			text:"描边柱状图",
+			top:10,
+			left:15,			
+			color:"#35598d",
+			fontSize:16,
+			fontWeight:'normal'			
+		},
+		tooltip: {
+			trigger: 'axis',
+			formatter:'{b}：{c}',
+		},
+		grid: {
+			left: '5%',
+			right: '6%',
+			bottom: '3%',
+			top: '20%',
+			containLabel: true
+		},
+		xAxis :{
+			type : 'category',
+			data : ['策略1','策略2','策略3','策略4','策略5','策略6','策略7','策略8','策略9'],
+			axisLabel:{          //坐标轴字体颜色
+				color: '#9eaaba'
+			},
+			axisLine:{
+				lineStyle:{
+					color:"#e5e5e5"
+				}
+			}, 
+			axisTick:{       //y轴刻度线
+			show:false
+			},
+			splitLine:{    //网格
+				show: false,
+			}
+		},
+		yAxis :{
+			type : 'value',
+			axisLabel:{        //坐标轴字体颜色
+				color: '#9eaaba'
+			},
+			axisLine:{
+				show:false,
+			},
+			axisTick:{       //y轴刻度线
+			show:false
+			},
+			splitLine:{    //网格
+				show: true,
+				lineStyle:{
+					color:'#dadde4',
+					type:"dashed" //坐标网线类型
+				}
+			}
+		},
+		series:{
+			name:'',
+			type:'bar',
+			barWidth : '40%',  //柱子宽度
+			itemStyle:{  //柱子颜色
+				borderWidth: 2,
+				borderColor: 'rgb(79, 116, 223)',
+				color:'rgba(79, 116, 223, .3)',
+			},
+			data:[320, 332, 301, 334, 390, 330, 320, 230, 156]
+		}
+	};
+	
+	column4.setOption(option);
+
+	window.onresize = function() {
+		column4.resize();
+	}
+	
+})
diff --git a/src/plugin/admin/public/demos/echarts/script/line1.js b/src/plugin/admin/public/demos/echarts/script/line1.js
new file mode 100644
index 0000000..1a0ce7b
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/script/line1.js
@@ -0,0 +1,236 @@
+layui.use(['echarts'], function() {
+	let echarts = layui.echarts;
+	var line2 = echarts.init(document.getElementById('line2'),null, {
+		width: 600,
+		height: 400
+	});
+
+	const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
+	option = {
+		backgroundColor: '#fff',
+		title: {
+			text: '全国6月销售统计',
+			fontSize: 12,
+			fontWeight: 400,
+			left: 'center',
+			top: '5%'
+		},
+		legend: {
+			icon: 'circle',
+			top: '5%',
+			right: '5%',
+			itemWidth: 6,
+			itemGap: 20,
+			color: '#556677'
+		},
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				label: {
+					show: true,
+					backgroundColor: '#fff',
+					color: '#556677',
+					borderColor: 'rgba(0,0,0,0)',
+					shadowColor: 'rgba(0,0,0,0)',
+					shadowOffsetY: 0
+				},
+				lineStyle: {
+					width: 0
+				}
+			},
+			backgroundColor: '#fff',
+			color: '#5c6c7c',
+			padding: [10, 10],
+			extraCssText: 'box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)'
+		},
+		grid: {
+			top: '15%'
+		},
+		xAxis: [{
+			type: 'category',
+			data: ['北京', '上海', '广州', '深圳', '香港', '澳门', '台湾'],
+			axisLine: {
+				lineStyle: {
+					color: '#DCE2E8'
+				}
+			},
+			axisTick: {
+				show: false
+			},
+			axisLabel: {
+				interval: 0,
+				color: '#556677',
+				// 默认x轴字体大小
+				fontSize: 12,
+				// margin:文字到x轴的距离
+				margin: 15
+			},
+			axisPointer: {
+				label: {
+					// padding: [11, 5, 7],
+					padding: [0, 0, 10, 0],
+
+					// 这里的margin和axisLabel的margin要一致!
+					margin: 15,
+					// 移入时的字体大小
+					fontSize: 12,
+					backgroundColor: {
+						type: 'linear',
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [{
+							offset: 0,
+							color: '#fff' // 0% 处的颜色
+						}, {
+							// offset: 0.9,
+							offset: 0.86,
+
+							color: '#fff' // 0% 处的颜色
+						}, {
+							offset: 0.86,
+							color: '#33c0cd' // 0% 处的颜色
+						}, {
+							offset: 1,
+							color: '#33c0cd' // 100% 处的颜色
+						}],
+						global: false // 缺省为 false
+					}
+				}
+			},
+			boundaryGap: false
+		}],
+		yAxis: [{
+			type: 'value',
+			axisTick: {
+				show: false
+			},
+			axisLine: {
+				show: true,
+				lineStyle: {
+					color: '#DCE2E8'
+				}
+			},
+			axisLabel: {
+				color: '#556677',
+			},
+			splitLine: {
+				show: false
+			}
+		}, {
+			type: 'value',
+			position: 'right',
+			axisTick: {
+				show: false
+			},
+			axisLabel: {
+				color: '#556677',
+				formatter: '{value}'
+			},
+			axisLine: {
+				show: true,
+				lineStyle: {
+					color: '#DCE2E8'
+				}
+			},
+			splitLine: {
+				show: false
+			}
+		}],
+		series: [{
+				name: 'Adidas',
+				type: 'line',
+				data: [10, 10, 30, 12, 15, 3, 7],
+				symbolSize: 1,
+				symbol: 'circle',
+				smooth: true,
+				yAxisIndex: 0,
+				showSymbol: true,
+				lineStyle: {
+					width: 5,
+					color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+							offset: 0,
+							color: '#9effff'
+						},
+						{
+							offset: 1,
+							color: '#9E87FF'
+						}
+					]),
+					shadowColor: 'rgba(158,135,255, 0.3)',
+					shadowBlur: 10,
+					shadowOffsetY: 20
+				},
+				itemStyle: {
+					color: colorList[0],
+					borderColor: colorList[0]
+				}
+			}, {
+				name: 'Nike',
+				type: 'line',
+				data: [5, 12, 11, 14, 25, 16, 10],
+				symbolSize: 1,
+				symbol: 'circle',
+				smooth: true,
+				yAxisIndex: 0,
+				showSymbol: true,
+				lineStyle: {
+					width: 5,
+					color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
+							offset: 0,
+							color: '#73DD39'
+						},
+						{
+							offset: 1,
+							color: '#73DDFF'
+						}
+					]),
+					shadowColor: 'rgba(115,221,255, 0.3)',
+					shadowBlur: 10,
+					shadowOffsetY: 20
+				},
+				itemStyle: {					
+					color: colorList[1],
+					borderColor: colorList[1]					
+				}
+			},
+			{
+				name: '老北京布鞋',
+				type: 'line',
+				data: [150, 120, 170, 140, 500, 160, 110],
+				symbolSize: 1,
+				yAxisIndex: 1,
+				symbol: 'circle',
+				smooth: true,
+				showSymbol: true,
+				lineStyle: {
+					width: 5,
+					color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
+							offset: 0,
+							color: '#fe9a'
+						},
+						{
+							offset: 1,
+							color: '#fe9a8b'
+						}
+					]),
+					shadowColor: 'rgba(254,154,139, 0.3)',
+					shadowBlur: 10,
+					shadowOffsetY: 20
+				},
+				itemStyle: {					
+					color: colorList[2],
+					borderColor: colorList[2]					
+				}
+			}
+		]
+	};
+
+	line2.setOption(option);
+
+	window.onresize = function() {
+		line2.resize();
+	}
+	
+})
diff --git a/src/plugin/admin/public/demos/echarts/script/line2.js b/src/plugin/admin/public/demos/echarts/script/line2.js
new file mode 100644
index 0000000..c0bb531
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/script/line2.js
@@ -0,0 +1,148 @@
+layui.use(['echarts'], function() {
+	let echarts = layui.echarts;
+	var line1 = echarts.init(document.getElementById('line1'),null, {
+		width: 600,
+		height: 400
+	});
+
+	const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
+	option = {
+		
+				backgroundColor: '#fff',
+				tooltip: {
+					show: false
+				},
+				grid: {
+					top: '10%',
+					bottom: '6%',
+					left: '6%',
+					right: '6%',
+					containLabel: true
+				},
+				xAxis: [{
+					type: 'category',
+					boundaryGap: false,
+					axisLine: {
+						show: false
+					},
+					axisTick: {
+						show: false
+					},
+					axisLabel: {
+						margin: 10,	                    
+						fontSize: 14,
+						color: 'rgba(#999)'	                   
+					},
+					splitLine: {
+						show: true,
+						lineStyle: {
+							color: '#939ab6',
+							opacity: .15
+						}
+					},
+					data: ['10:00', '10:10', '10:10', '10:30', '10:40', '10:50']
+				},],
+				yAxis: [{
+					type: 'value',
+					offset: 15,
+					max: 100,
+					min: 0,
+					axisTick: {
+						show: false
+					},
+					axisLine: {
+						show: false
+					},
+					axisLabel: {
+						margin: 10,	                    
+						fontSize: 14,
+						color: '#999'
+					
+					},
+					splitLine: {
+						show: false
+					}
+	
+				}],
+				series: [{
+					name: '2',
+					type: 'line',
+					z: 3,
+					showSymbol: false,
+					smoothMonotone: 'x',
+					lineStyle: {
+							width: 3,
+							color: {
+								type: 'linear',
+								x: 0,
+								y: 0,
+								x2: 0,
+								y2: 1,
+								colorStops: [{
+									offset: 0, color: 'rgba(59,102,246)' // 0% 处的颜色
+								}, {
+									offset: 1, color: 'rgba(118,237,252)' // 100% 处的颜色
+								}]
+							},
+							shadowBlur: 4,
+							shadowColor: 'rgba(69,126,247,.2)',
+							shadowOffsetY: 4
+					},
+					areaStyle: {	                    
+						color: {
+							type: 'linear',
+							x: 0,
+							y: 0,
+							x2: 0,
+							y2: 1,
+							colorStops: [{
+								offset: 0, color: 'rgba(227,233,250,.9)' // 0% 处的颜色
+							}, {
+								offset: 1, color: 'rgba(248,251,252,.3)' // 100% 处的颜色
+							}]
+						}	                   
+					},
+					smooth: true,
+					data: [20, 56, 17, 40, 68, 42]
+				},{
+					name: '1',
+					type: 'line',
+					showSymbol: false,
+					smoothMonotone: 'x',
+	
+					lineStyle: {
+							width: 3,
+							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+								offset: 0,
+								color: 'rgba(255,84,108)'
+							}, {
+								offset: 1,
+								color: 'rgba(252,140,118)'
+							}], false),
+							shadowBlur: 4,
+							shadowColor: 'rgba(253,121,128,.2)',
+							shadowOffsetY: 4
+					},
+					areaStyle: {
+							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+								offset: 0,
+								color: 'rgba(255,84,108,.15)'
+							}, {
+								offset: 1,
+								color: 'rgba(252,140,118,0)'
+							}], false),
+					},
+					smooth: true,
+					data: [20, 71, 8, 50, 57, 32]
+				}
+			]
+			
+	};
+
+	line1.setOption(option);
+
+	window.onresize = function() {
+		line1.resize();
+	}
+	
+})
diff --git a/src/plugin/admin/public/demos/echarts/script/line3.js b/src/plugin/admin/public/demos/echarts/script/line3.js
new file mode 100644
index 0000000..12bfbc7
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/script/line3.js
@@ -0,0 +1,102 @@
+layui.use(['echarts'], function() {
+	let echarts = layui.echarts;
+
+	var line3 = echarts.init(document.getElementById('line3'),null, {
+		width: 600,
+		height: 400
+	});
+
+	const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
+
+	option = {
+		backgroundColor: '#fff',
+		title: {
+			text: "告警数",
+			left: "18px",
+			top: "0",			
+			color: "#999",
+			fontSize: 12,
+			fontWeight: '400'			
+		},
+		color: ['#73A0FA', '#73DEB3', '#FFB761'],
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: {
+				type: 'cross',
+				crossStyle: {
+					color: '#999'
+				},
+				lineStyle: {
+					type: 'dashed'
+				}
+			}
+		},
+		grid: {
+			left: '25',
+			right: '25',
+			bottom: '24',
+			top: '75',
+			containLabel: true
+		},
+		legend: {
+			data: ['上周', '本周'],
+			orient: 'horizontal',
+			icon: "rect",
+			show: true,
+			left: 20,
+			top: 25,
+		},
+		xAxis: {
+			type: 'category',
+			data: ['爱立信端局', '中兴端局', '爱立信HSS', '中兴HSS', '华为HSS', '华为智能网', '中兴VIMS'],
+			splitLine: {
+				show: false
+			},
+			axisTick: {
+				show: false
+			},
+			axisLine: {
+				show: false
+			},
+		},
+		yAxis: {
+			type: 'value',
+			axisLabel: {
+				color: '#999',				
+				fontSize: 12				
+			},
+			splitLine: {
+				show: true,
+				lineStyle: {
+					color: '#F3F4F4'
+				}
+			},
+			axisTick: {
+				show: false
+			},
+			axisLine: {
+				show: false
+			},
+		},
+		series: [{
+				name: '上周',
+				type: 'line',
+				smooth: true,
+				data: [1800, 1000, 2000, 1000, 500, 100, 1200]
+			},
+			{
+				name: '本周',
+				type: 'line',
+				smooth: true,
+				data: [1700, 999, 1100, 899, 199, 99, 1000]
+			}
+		]
+	};
+
+	line3.setOption(option);
+
+	window.onresize = function() {
+		line3.resize();
+	}
+	
+})
diff --git a/src/plugin/admin/public/demos/echarts/script/line4.js b/src/plugin/admin/public/demos/echarts/script/line4.js
new file mode 100644
index 0000000..19e9f79
--- /dev/null
+++ b/src/plugin/admin/public/demos/echarts/script/line4.js
@@ -0,0 +1,167 @@
+layui.use(['echarts'], function() {
+	let echarts = layui.echarts;
+
+	var line4 = echarts.init(document.getElementById('line4'),null, {
+		width: 600,
+		height: 400
+	});
+
+	const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
+	option = {
+		title: {
+			text: '用电量'
+		},
+		tooltip: {
+			trigger: 'axis'
+		},
+		legend: {
+			data: ['2018', '2019']
+		},
+		grid: {
+			left: '3%',
+			right: '4%',
+			bottom: '3%',
+			containLabel: true
+		},
+		toolbox: {
+			feature: {
+				saveAsImage: {}
+			}
+		},
+		xAxis: {
+			type: 'category',
+			boundaryGap: false,//坐标轴两边留白
+			data: ['12201', '12202', '12203','12204','12301','12302','12303','12304','12401', '12402', '12403','12404'],
+			axisLabel: { //坐标轴刻度标签的相关设置。
+				interval: 0,//设置为 1，表示『隔一个标签显示一个标签』
+			//	margin:15,
+				
+				color: '#1B253A',
+				fontStyle: 'normal',
+				fontFamily: '微软雅黑',
+				fontSize: 12,
+				
+				formatter:function(params) {
+					var newParamsName = "";
+					var paramsNameNumber = params.length;
+					var provideNumber = 4;  //一行显示几个字
+					var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
+					if (paramsNameNumber > provideNumber) {
+						for (var p = 0; p < rowNumber; p++) {
+							var tempStr = "";
+							var start = p * provideNumber;
+							var end = start + provideNumber;
+							if (p == rowNumber - 1) {
+								tempStr = params.substring(start, paramsNameNumber);
+							} else {
+								tempStr = params.substring(start, end) + "\n";
+							}
+							newParamsName += tempStr;
+						}
+	
+					} else {
+						newParamsName = params;
+					}
+					return newParamsName
+				},
+				//rotate:50,
+			},
+			axisTick:{//坐标轴刻度相关设置。
+				show: false,
+			},
+			axisLine:{//坐标轴轴线相关设置
+				lineStyle:{
+					color:'#E5E9ED',
+					// opacity:0.2
+				}
+			},
+			splitLine: { //坐标轴在 grid 区域中的分隔线。
+				show: true,
+				lineStyle: {
+					color: '#E5E9ED',
+				// 	opacity:0.1
+				}
+			}
+		},
+		yAxis: [
+			{
+				type: 'value',
+				splitNumber: 5,
+				axisLabel: {
+					
+					color: '#a8aab0',
+					fontStyle: 'normal',
+					fontFamily: '微软雅黑',
+					fontSize: 12
+					
+				},
+				axisLine:{
+					show: false
+				},
+				axisTick:{
+					show: false
+				},
+				splitLine: {
+					show: true,
+					lineStyle: {
+						color: '#E5E9ED',
+					// 	opacity:0.1
+					}
+				}
+	
+			}
+		],
+		series: [
+			{
+				name: '2018',
+				type: 'line',
+				itemStyle: {			       
+					color:'#3A84FF',
+					lineStyle: {
+						color: "#3A84FF",
+						width:1
+					},
+					areaStyle: { 
+						color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+							offset: 0,
+							color: 'rgba(58,132,255,0)'
+						}, {
+							offset: 1,
+							color: 'rgba(58,132,255,0.35)'
+						}]),
+					}			        
+				},
+				data: [ 1, 2, 3, 3, 5, 6, 5, 3, 6, 5, 5, 4]
+			},
+			{
+				name: '2019',
+				type: 'line',
+				itemStyle: {			       
+					color:'rgba(255,80,124,1)',
+					lineStyle: {
+						color: "rgba(255,80,124,1)",
+						width:1
+					},
+					areaStyle: { 
+						color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+							offset: 0,
+							color: 'rgba(255,80,124,0)'
+						}, {
+							offset: 1,
+							color: 'rgba(255,80,124,0.35)'
+						}]),
+					}			        
+				},
+				data: [9, 5,7,8,6,7,8,7,7,6,8,6]
+			}
+		]
+	};
+
+
+	line4.setOption(option);
+
+	window.onresize = function() {
+		line4.resize();
+	}
+	
+})
diff --git a/src/plugin/admin/public/demos/error/403.html b/src/plugin/admin/public/demos/error/403.html
new file mode 100644
index 0000000..3c6db3b
--- /dev/null
+++ b/src/plugin/admin/public/demos/error/403.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+		<link href="../../component/pear/css/pear.css" rel="stylesheet" />
+		<link href="../../demos/css/error.css" rel="stylesheet" />
+	</head>
+	<body>
+		<div class="content">
+			<img src="../../admin/images/403.svg" alt="">
+			<div class="content-r">
+				<h1>403</h1>
+				<p>抱歉，你无权访问该页面</p>
+				<button class="pear-btn pear-btn-primary">返回首页</button>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/error/404.html b/src/plugin/admin/public/demos/error/404.html
new file mode 100644
index 0000000..9311a45
--- /dev/null
+++ b/src/plugin/admin/public/demos/error/404.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+		<link href="../../component/pear/css/pear.css" rel="stylesheet" />
+		<link href="../../demos/css/error.css" rel="stylesheet" />
+	</head>
+	<body>
+		<div class="content">
+			<img src="../../admin/images/404.svg" alt="">
+			<div class="content-r">
+				<h1>404</h1>
+				<p>抱歉，你访问的页面不存在或仍在开发中</p>
+				<button class="pear-btn pear-btn-primary">返回首页</button>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/error/500.html b/src/plugin/admin/public/demos/error/500.html
new file mode 100644
index 0000000..75e8782
--- /dev/null
+++ b/src/plugin/admin/public/demos/error/500.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+		<link href="../../component/pear/css/pear.css" rel="stylesheet" />
+		<link href="../../demos/css/error.css" rel="stylesheet" />
+	</head>
+	<body>
+		<div class="content">
+			<img src="../../admin/images/500.svg" alt="">
+			<div class="content-r">
+				<h1>500</h1>
+				<p>抱歉，服务器出错了</p>
+				<button class="pear-btn pear-btn-primary">返回首页</button>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+	</body>
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/result/error.html b/src/plugin/admin/public/demos/result/error.html
new file mode 100644
index 0000000..e478048
--- /dev/null
+++ b/src/plugin/admin/public/demos/result/error.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>失败</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	    <link rel="stylesheet" href="../../demos/css/result.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<div class="result">
+					<div class="error">
+					<svg viewBox="64 64 896 896" data-icon="close-circle" width="80px" height="80px" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M685.4 354.8c0-4.4-3.6-8-8-8l-66 .3L512 465.6l-99.3-118.4-66.1-.3c-4.4 0-8 3.5-8 8 0 1.9.7 3.7 1.9 5.2l130.1 155L340.5 670a8.32 8.32 0 0 0-1.9 5.2c0 4.4 3.6 8 8 8l66.1-.3L512 564.4l99.3 118.4 66 .3c4.4 0 8-3.5 8-8 0-1.9-.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z"></path><path d="M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path></svg>
+				    </div>
+					<h2 class="title">提交失败</h2>
+					<p class="desc">
+						请核对并修改以下信息后，再重新提交。如果仅是简单操作，使用 Message 全局提示反馈即可。
+						本文字区域可以展示简单的补充说明，如果有类似展示
+						“单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。
+					</p>
+					<div class="content">
+						
+					</div>
+					<div class="action">
+						<button class="pear-btn pear-btn-primary">返回修改</button>
+						&nbsp;&nbsp;&nbsp;
+						<button class="pear-btn">返回首页</button>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['jquery'],function(){
+				setTimeout(function(){
+					top.layui.tab.delCurrentTabByElem("content",function(){
+						/// 回调
+					})
+				},3000)
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/result/success.html b/src/plugin/admin/public/demos/result/success.html
new file mode 100644
index 0000000..1010cbe
--- /dev/null
+++ b/src/plugin/admin/public/demos/result/success.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>成功</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	    <link rel="stylesheet" href="../../demos/css/result.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<div class="result">
+					<div class="success">
+					<svg viewBox="64 64 896 896" data-icon="check-circle" width="80px" height="80px" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0 0 51.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path></svg>
+				    </div>
+					<h2 class="title">提交成功</h2>
+					<p class="desc">
+						提交结果页用于反馈一系列操作任务的处理结果，
+						如果仅是简单操作，使用 Message 全局提示反馈即可。
+						本文字区域可以展示简单的补充说明，如果有类似展示
+						“单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。
+					</p>
+					<div class="content">
+						
+					</div>
+					<div class="action">
+						<button class="pear-btn pear-btn-primary">再次申请</button>
+						&nbsp;&nbsp;&nbsp;
+						<button class="pear-btn">返回首页</button>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/system/deptment.html b/src/plugin/admin/public/demos/system/deptment.html
new file mode 100644
index 0000000..7d4cc95
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/deptment.html
@@ -0,0 +1,289 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>部门管理</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+		<link rel="stylesheet" href="../../demos/css/department.css"/>
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<form class="layui-form" action="">
+					<div class="layui-form-item">
+						<div class="layui-form-item layui-inline">
+							<label class="layui-form-label">用户名</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-form-item layui-inline">
+							<label class="layui-form-label">性别</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-form-item layui-inline">
+							<label class="layui-form-label">邮箱</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-form-item layui-inline">
+							<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query">
+								<i class="layui-icon layui-icon-search"></i>
+								查询
+							</button>
+							<button type="reset" class="pear-btn pear-btn-md">
+								<i class="layui-icon layui-icon-refresh"></i>
+								重置
+							</button>
+						</div>
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="layui-row layui-col-space15">
+			<div class="layui-col-md3">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<div id="organizationTreeContent" style="overflow: auto">
+							<ul id="organizationTree" class="dtree organizationTree" data-id="9527"></ul>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md9">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<table id="organization-table" lay-filter="organization-table"></table>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<script type="text/html" id="organization-toolbar">
+			<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+			<i class="layui-icon layui-icon-add-1"></i>
+			新增
+		</button>
+		<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+			<i class="layui-icon layui-icon-delete"></i>
+			删除
+		</button>
+	</script>
+
+		<script type="text/html" id="organization-bar">
+			<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i
+				class="layui-icon layui-icon-edit"></i></button>
+		    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i
+				class="layui-icon layui-icon-delete"></i></button>
+	    </script>
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['table', 'form', 'jquery', 'dtree'], function() {
+				let table = layui.table;
+				let form = layui.form;
+				let $ = layui.jquery;
+				let dtree = layui.dtree;
+
+				let MODULE_PATH = "operate/";
+
+				let cols = [
+					[{
+							type: 'checkbox'
+						},
+						{
+							title: '名称',
+							field: 'name',
+							align: 'center'
+						},
+						{
+							title: '人数',
+							field: 'userCount',
+							align: 'center'
+						},
+						{
+							title: '位置',
+							field: 'location',
+							align: 'center'
+						},
+						{
+							title: '负责人',
+							field: 'leader',
+							align: 'center'
+						},
+						{
+							title: '操作',
+							toolbar: '#organization-bar',
+							align: 'center',
+							width: 130
+						}
+					]
+				]
+
+				var DTree = dtree.render({
+					elem: "#organizationTree",
+					//data: data,
+					initLevel: "2", //默认展开层级为1
+					line: true, // 有线树
+					ficon: ["1", "-1"], // 设定一级图标样式。0表示方形加减图标，8表示小圆点图标
+					icon: ["0", "2"], // 设定二级图标样式。0表示文件夹图标，5表示叶子图标
+					method: 'get',
+					url: "../../demos/data/organizationtree.json"
+				});
+
+				table.render({
+					elem: '#organization-table',
+					url: '../../demos/data/organization.json',
+					height: 'full-150',
+					page: true,
+					cols: cols,
+					skin: 'line',
+					toolbar: '#organization-toolbar',
+					defaultToolbar: [{
+						title: '刷新',
+						layEvent: 'refresh',
+						icon: 'layui-icon-refresh',
+					}, 'filter', 'print', 'exports']
+				});
+
+				// 绑定节点点击事件
+				dtree.on("node(organizationTree)", function(obj) {
+					if (!obj.param.leaf) {
+						var $div = obj.dom;
+						DTree.clickSpread($div); //调用内置函数展开节点
+					} else {
+						layer.msg("叶子节点就不展开了,刷新右侧列表");
+						table.reload("organization-table");
+					}
+				});
+
+				table.on('tool(organization-table)', function(obj) {
+					if (obj.event === 'remove') {
+						window.remove(obj);
+					} else if (obj.event === 'edit') {
+						window.edit(obj);
+					}
+				});
+
+				table.on('toolbar(organization-table)', function(obj) {
+					if (obj.event === 'add') {
+						window.add();
+					} else if (obj.event === 'refresh') {
+						window.refresh();
+					} else if (obj.event === 'batchRemove') {
+						window.batchRemove(obj);
+					}
+				});
+
+				form.on('submit(organization-query)', function(data) {
+					table.reload('organization-table', {
+						where: data.field
+					})
+					return false;
+				});
+
+				window.add = function() {
+					layer.open({
+						type: 2,
+						title: '新增',
+						shade: 0.1,
+						area: ['500px', '400px'],
+						content: MODULE_PATH + 'add.html'
+					});
+				}
+
+				window.edit = function(obj) {
+					layer.open({
+						type: 2,
+						title: '修改',
+						shade: 0.1,
+						area: ['500px', '400px'],
+						content: MODULE_PATH + 'edit.html'
+					});
+				}
+
+				window.remove = function(obj) {
+					layer.confirm('确定要删除该用户', {
+						icon: 3,
+						title: '提示'
+					}, function(index) {
+						layer.close(index);
+						let loading = layer.load();
+						$.ajax({
+							url: MODULE_PATH + "remove/" + obj.data['organizationId'],
+							dataType: 'json',
+							type: 'delete',
+							success: function(result) {
+								layer.close(loading);
+								if (result.success) {
+									layer.msg(result.msg, {
+										icon: 1,
+										time: 1000
+									}, function() {
+										obj.del();
+									});
+								} else {
+									layer.msg(result.msg, {
+										icon: 2,
+										time: 1000
+									});
+								}
+							}
+						})
+					});
+				}
+
+				window.batchRemove = function(obj) {
+					let data = table.checkStatus(obj.config.id).data;
+					if (data.length === 0) {
+						layer.msg("未选中数据", {
+							icon: 3,
+							time: 1000
+						});
+						return false;
+					}
+					let ids = "";
+					for (let i = 0; i < data.length; i++) {
+						ids += data[i].organizationId + ",";
+					}
+					ids = ids.substr(0, ids.length - 1);
+					layer.confirm('确定要删除这些用户', {
+						icon: 3,
+						title: '提示'
+					}, function(index) {
+						layer.close(index);
+						let loading = layer.load();
+						$.ajax({
+							url: MODULE_PATH + "batchRemove/" + ids,
+							dataType: 'json',
+							type: 'delete',
+							success: function(result) {
+								layer.close(loading);
+								if (result.success) {
+									layer.msg(result.msg, {
+										icon: 1,
+										time: 1000
+									}, function() {
+										table.reload('organization-table');
+									});
+								} else {
+									layer.msg(result.msg, {
+										icon: 2,
+										time: 1000
+									});
+								}
+							}
+						})
+					});
+				}
+
+				window.refresh = function(param) {
+					table.reload('organization-table');
+				}
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/system/dict.html b/src/plugin/admin/public/demos/system/dict.html
new file mode 100644
index 0000000..e08ee15
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/dict.html
@@ -0,0 +1,341 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>数据字典</title>
+		<link href="../../component/pear/css/pear.css" rel="stylesheet" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-row layui-col-space10">
+			<div class="layui-col-md12">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<form class="layui-form" action="">
+							<div class="layui-form-item">
+								<label class="layui-form-label">字典名称</label>
+								<div class="layui-input-inline">
+									<input type="text" name="typeName" placeholder="" class="layui-input">
+								</div>
+								<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="dict-type-query">
+									<i class="layui-icon layui-icon-search"></i>
+									查询
+								</button>
+								<button type="reset" class="pear-btn pear-btn-md">
+									<i class="layui-icon layui-icon-refresh"></i>
+									重置
+								</button>
+							</div>
+						</form>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<table id="dict-type-table" lay-filter="dict-type-table"></table>
+					</div>
+				</div>
+			</div>
+			<div class="layui-col-md6">
+				<div class="layui-card">
+					<div class="layui-card-body">
+						<svg class="empty" style="margin-top: 50px;margin-left: 220px;margin-bottom: 80px;" width="184" height="152"
+						 viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">
+							<g fill="none" fillRule="evenodd">
+								<g transform="translate(24 31.67)">
+									<ellipse fillOpacity=".8" fill="#F5F5F7" cx="67.797" cy="106.89" rx="67.797" ry="12.668"></ellipse>
+									<path d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
+									 fill="#AEB8C2"></path>
+									<path d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
+									 fill="url(#linearGradient-1)" transform="translate(13.56)"></path>
+									<path d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" fill="#F5F5F7"></path>
+									<path d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
+									 fill="#DCE0E6"></path>
+								</g>
+								<path d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
+								 fill="#DCE0E6"></path>
+								<g transform="translate(149.65 15.383)" fill="#FFF">
+									<ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"></ellipse>
+									<path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"></path>
+								</g>
+							</g>
+						</svg>
+						<table id="dict-data-table" lay-filter="dict-data-table"></table>
+					</div>
+				</div>
+			</div>
+		</div>
+
+	</body>
+	<script type="text/html" id="dict-type-toolbar">
+		<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+	        <i class="layui-icon layui-icon-add-1"></i>
+	        新增
+	    </button>
+	    <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+	        <i class="layui-icon layui-icon-delete"></i>
+	        删除
+	    </button>
+	</script>
+
+	<script type="text/html" id="dict-type-bar">
+		<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit">
+	        <i class="layui-icon layui-icon-edit"></i>
+	    </button>
+	    <button class="pear-btn pear-btn-warming pear-btn-sm" lay-event="details">
+	        <i class="layui-icon layui-icon-transfer"></i>
+	    </button>
+	    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove">
+	        <i class="layui-icon layui-icon-delete"></i>
+	    </button>
+	</script>
+
+	<script type="text/html" id="dict-type-enable">
+		<input type="checkbox" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="dict-type-enable" {{d.enable== '0' ? 'checked' : '' }}>
+	</script>
+
+	<script type="text/html" id="dict-data-toolbar">
+		<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+	        <i class="layui-icon layui-icon-add-1"></i>
+	        新增
+	    </button>
+	    <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+	        <i class="layui-icon layui-icon-delete"></i>
+	        删除
+	    </button>
+	</script>
+
+	<script type="text/html" id="dict-data-bar">
+		<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>
+	    </button>
+	    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i>
+	    </button>
+	</script>
+
+	<script type="text/html" id="dict-data-enable">
+		<input type="checkbox" value="{{d.dataId}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="dict-data-enable" {{d.enable== '0' ? 'checked' : '' }}>
+	</script>
+	<script src="../../component/layui/layui.js"></script>
+	<script src="../../component/pear/pear.js"></script>
+	<script>
+		layui.use(['table', 'form', 'jquery'], function() {
+			let table = layui.table;
+			let form = layui.form;
+			let $ = layui.jquery;
+
+			let MODULE_PATH = "operate/";
+
+			let typeCode;
+
+			let cols = [
+				[{
+						type: 'checkbox'
+					},
+					{
+						title: '字典名称',
+						field: 'typeName',
+						align: 'center',
+						width: 120
+					},
+					{
+						title: '描述',
+						field: 'description',
+						align: 'center'
+					},
+					{
+						title: '字典状态',
+						field: 'enable',
+						align: 'center',
+						templet: '#dict-type-enable'
+					},
+					{
+						title: '操作',
+						toolbar: '#dict-type-bar',
+						align: 'center',
+						width: 180
+					}
+				]
+			];
+
+			let dataCols = [
+				[{
+						type: 'checkbox'
+					},
+					{
+						title: '标签',
+						field: 'dataLabel',
+						align: 'center',
+						width: 120
+					},
+					{
+						title: '对应值',
+						field: 'dataValue',
+						align: 'center'
+					},
+					{
+						title: '状态',
+						field: 'enable',
+						align: 'center',
+						templet: '#dict-data-enable'
+					},
+					{
+						title: '操作',
+						toolbar: '#dict-data-bar',
+						align: 'center',
+						width: 180
+					}
+				]
+			];
+
+			table.render({
+				elem: '#dict-type-table',
+				url: "../../demos/data/dictType.json",
+				page: true,
+				cols: cols,
+				skin: 'line',
+				height: 'full-148',
+				toolbar: '#dict-type-toolbar',
+				defaultToolbar: [{
+					title: '刷新',
+					layEvent: 'refresh',
+					icon: 'layui-icon-refresh',
+				}, 'filter', 'print', 'exports']
+			});
+
+			window.renderData = function(code) {
+
+				typeCode = code;
+				$(".empty").hide();
+
+				table.render({
+					elem: '#dict-data-table',
+					url: "../../demos/data/dictData.json",
+					page: true,
+					height: 'full-148',
+					cols: dataCols,
+					skin: 'line',
+					toolbar: '#dict-data-toolbar'
+				});
+			}
+
+			table.on('tool(dict-type-table)', function(obj) {
+				if (obj.event === 'remove') {
+					window.removeType(obj);
+				} else if (obj.event === 'edit') {
+					window.editType(obj);
+				} else if (obj.event === 'details') {
+					window.renderData(obj.data['typeCode'])
+				}
+			});
+
+			table.on('toolbar(dict-type-table)', function(obj) {
+				if (obj.event === 'add') {
+					window.addType();
+				} else if (obj.event === 'refresh') {
+					window.refreshType();
+				} else if (obj.event === 'batchRemove') {
+					layer.msg("批量删除")
+				}
+			});
+
+			form.on('submit(dict-type-query)', function(data) {
+				table.reload('dict-type-table', {
+					where: data.field
+				})
+				return false;
+			});
+
+			form.on('switch(dict-type-enable)', function(obj) {
+				layer.msg("切换");
+			});
+
+			window.addType = function() {
+				layer.open({
+					type: 2,
+					title: '新增',
+					shade: 0.1,
+					area: ['500px', '400px'],
+					content: MODULE_PATH + 'add.html'
+				});
+			}
+
+			window.editType = function(obj) {
+				layer.open({
+					type: 2,
+					title: '修改',
+					shade: 0.1,
+					area: ['500px', '400px'],
+					content: MODULE_PATH + 'edit.html'
+				});
+			}
+
+			window.removeType = function(obj) {
+				layer.msg("删除");
+			}
+
+			window.refreshType = function() {
+				table.reload('dict-type-table');
+			}
+
+			window.addData = function() {
+				layer.open({
+					type: 2,
+					title: '新增',
+					shade: 0.1,
+					area: ['500px', '450px'],
+					content: MODULE_PATH + 'add.html'
+				});
+			}
+
+			window.editData = function(obj) {
+				layer.open({
+					type: 2,
+					title: '修改',
+					shade: 0.1,
+					area: ['500px', '450px'],
+					content: MODULE_PATH + 'edit.html'
+				});
+			}
+
+			window.removeData = function(obj) {
+				layer.msg("删除");
+			}
+
+			table.on('tool(dict-data-table)', function(obj) {
+				if (obj.event === 'remove') {
+					window.removeData(obj);
+				} else if (obj.event === 'edit') {
+					window.editData(obj);
+				} else if (obj.event === 'details') {
+					window.details(obj);
+				}
+			});
+
+			table.on('toolbar(dict-data-table)', function(obj) {
+				if (obj.event === 'add') {
+					window.addData();
+				} else if (obj.event === 'refresh') {
+					window.refreshData();
+				} else if (obj.event === 'batchRemove') {
+					layer.msg("批量删除")
+				}
+			});
+
+			form.on('submit(dict-data-query)', function(data) {
+				data.field.typeCode = typeCode;
+				table.reload('dict-data-table', {
+					where: data.field
+				})
+				return false;
+			});
+
+			form.on('switch(dict-data-enable)', function(obj) {
+				layer.msg("切换状态");
+			});
+
+			window.refreshData = function() {
+				table.reload('dict-data-table');
+			}
+		})
+	</script>
+</html>
diff --git a/src/plugin/admin/public/demos/system/log.html b/src/plugin/admin/public/demos/system/log.html
new file mode 100644
index 0000000..100b5ed
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/log.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>行为日志</title>
+    <link rel="stylesheet" href="../../component/pear/css/pear.css" />
+</head>
+<body class="pear-container">
+<div class="layui-card">
+    <div class="layui-card-body">
+        <div class="layui-tab layui-tab-card">
+            <ul class="layui-tab-title">
+                <li class="layui-this">登录日志</li>
+                <li>操作日志</li>
+            </ul>
+            <div class="layui-tab-content">
+                <div class="layui-tab-item layui-show">
+                    <table style="margin-top: 10px;" id="log-login-table" lay-filter="user-table"></table>
+                </div>
+                <div class="layui-tab-item">
+                    <table style="margin-top: 10px;" id="log-operate-table" lay-filter="user-table"></table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+
+<script type="text/html" id="log-bar">
+    {{#if (d.success == true) { }}
+    <button class="pear-btn pear-btn-sm pear-btn-success" lay-event="edit"><i class="layui-icon layui-icon-ok"></i>
+        成功</button>
+    {{# }else if(d.success == false){ }}
+    <button class="pear-btn pear-btn-sm pear-btn-danger" lay-event="error"><i class="layui-icon layui-icon-help"></i>
+        异常</button>
+    {{# } }}
+</script>
+
+<script type="text/html" id="log-createTime">
+    {{layui.util.toDateString(d.createTime,  "yyyy-MM-dd HH:mm:ss")}}
+</script>
+
+<script src="../../component/layui/layui.js"></script>
+<script src="../../component/pear/pear.js"></script>
+<script>
+    layui.use(['table','form','jquery','element'],function () {
+        let table = layui.table;
+        let form = layui.form;
+        let element = layui.element;
+
+        let MODULE_PATH = "/system/logging/";
+
+        let cols = [
+            [
+                {title: '模块', field: 'title', align:'center'},
+                {title: '请求方式', field: 'requestMethod', align:'center'},
+                {title: '接口', field: 'method', align:'center'},
+                {title: '浏览器', field: 'browser', align:'center'},
+                {title: '操作地址', field: 'operateAddress',align:'center'},
+                {title: '操作系统', field: 'systemOs', align:'center'},
+                {title: '访问时间', field: 'createTime',templet:'#log-createTime', align:'center'},
+                {title: '操作人', field: 'operateName', align:'center'},
+                {title: '访问状态', toolbar: '#log-bar', align:'center', width:150}
+            ]
+        ]
+
+        table.render({
+            elem: '#log-operate-table',
+            url: '../../demos/data/operateLog.json',
+            page: true ,
+            cols: cols ,
+            skin: 'line',
+            toolbar: false
+        });
+
+        table.render({
+            elem: '#log-login-table',
+            url: '../../demos/data/loginLog.json',
+            page: true ,
+            cols: cols ,
+            skin: 'line',
+            toolbar: false
+        });
+
+        form.on('submit(dict-type-query)', function(data){
+            table.reload('dict-type-table',{where:data.field})
+            return false;
+        });
+
+        window.error = function(obj){
+            layer.open({
+                type: 1,
+                title: '异常信息',
+                shade: 0,
+                area: ['450px', '350px'],
+                content: '<div class="pear-container"><div class="layui-card"><div class="layui-card-body">'+obj.data['error']+'</div></div></div>'
+            });
+        }
+    })
+</script>
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/system/operate.html b/src/plugin/admin/public/demos/system/operate.html
new file mode 100644
index 0000000..fec1c87
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/operate.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+	<head>
+		<meta charset="UTF-8">
+		<title>表单页面</title>
+		<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
+	</head>
+	<body>
+		<form class="layui-form" action="">
+			<div class="mainBox">
+				<div class="main-container">
+					<div class="layui-form-item">
+						<label class="layui-form-label">账号</label>
+						<div class="layui-input-block">
+							<input type="text" name="username" value="854085467" lay-verify="title" autocomplete="off"
+								placeholder="请输入标题" class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">姓名</label>
+						<div class="layui-input-block">
+							<input type="text" name="realName" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+								class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">邮箱</label>
+						<div class="layui-input-block">
+							<input type="text" name="email" value="854085467@qq.com" lay-verify="title"
+								autocomplete="off" placeholder="请输入标题" class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">密码</label>
+						<div class="layui-input-block">
+							<input type="text" name="password" value="*******" lay-verify="title" autocomplete="off"
+								placeholder="请输入标题" class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">电话</label>
+						<div class="layui-input-block">
+							<input type="text" name="phone" value="15555555555" lay-verify="title" autocomplete="off"
+								placeholder="请输入标题" class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">性别</label>
+						<div class="layui-input-block">
+							<input type="radio" name="sex" value="0" title="男">
+							<input type="radio" name="sex" value="1" title="女" checked>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="bottom">
+				<div class="button-container">
+					<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
+						lay-filter="form-save">
+						<i class="layui-icon layui-icon-ok"></i>
+						提交
+					</button>
+					<button type="reset" class="pear-btn pear-btn-sm">
+						<i class="layui-icon layui-icon-refresh"></i>
+						重置
+					</button>
+				</div>
+			</div>
+		</form>
+		<script src="../../../component/layui/layui.js"></script>
+		<script src="../../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['form', 'jquery'], function() {
+				let form = layui.form;
+				let $ = layui.jquery;
+
+				form.on('submit(form-save)', function(data) {
+					$.ajax({
+						url: '/system/user/save',
+						data: JSON.stringify(data.field),
+						dataType: 'json',
+						contentType: 'application/json',
+						type: 'post',
+						success: function(result) {
+							if (result.success) {
+								layer.msg(result.msg, {
+									icon: 1,
+									time: 1000
+								}, function() {
+									parent.layer.close(parent.layer.getFrameIndex(window
+										.name)); //关闭当前页
+									parent.layui.table.reload("form-table");
+								});
+							} else {
+								layer.msg(result.msg, {
+									icon: 2,
+									time: 1000
+								});
+							}
+						}
+					})
+					return false;
+				});
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/system/operate/add.html b/src/plugin/admin/public/demos/system/operate/add.html
new file mode 100644
index 0000000..82ecdf3
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/operate/add.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<title>新增页面</title>
+		<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
+	</head>
+	<body>
+		<form class="layui-form" action="">
+			<div class="mainBox">
+				<div class="main-container">
+					<div class="layui-form-item">
+						<label class="layui-form-label">账号</label>
+						<div class="layui-input-block">
+							<input type="text" name="username" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+								class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">姓名</label>
+						<div class="layui-input-block">
+							<input type="text" name="realName" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+								class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">邮箱</label>
+						<div class="layui-input-block">
+							<input type="text" name="email" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+								class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">密码</label>
+						<div class="layui-input-block">
+							<input type="text" name="password" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+								class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">电话</label>
+						<div class="layui-input-block">
+							<input type="text" name="phone" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+								class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">性别</label>
+						<div class="layui-input-block">
+							<input type="radio" name="sex" value="0" title="男">
+							<input type="radio" name="sex" value="1" title="女" checked>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="bottom">
+				<div class="button-container">
+					<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
+						lay-filter="user-save">
+						<i class="layui-icon layui-icon-ok"></i>
+						提交
+					</button>
+					<button type="reset" class="pear-btn pear-btn-sm">
+						<i class="layui-icon layui-icon-refresh"></i>
+						重置
+					</button>
+				</div>
+			</div>
+		</form>
+		<script src="../../../component/layui/layui.js"></script>
+		<script src="../../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['form', 'jquery'], function() {
+				let form = layui.form;
+				let $ = layui.jquery;
+
+				form.on('submit(user-save)', function(data) {
+					$.ajax({
+						url: '/system/user/save',
+						data: JSON.stringify(data.field),
+						dataType: 'json',
+						contentType: 'application/json',
+						type: 'post',
+						success: function(result) {
+							if (result.success) {
+								layer.msg(result.msg, {
+									icon: 1,
+									time: 1000
+								}, function() {
+									parent.layer.close(parent.layer.getFrameIndex(window
+										.name)); //关闭当前页
+									parent.layui.table.reload("user-table");
+								});
+							} else {
+								layer.msg(result.msg, {
+									icon: 2,
+									time: 1000
+								});
+							}
+						}
+					})
+					return false;
+				});
+			})
+		</script>
+		<script>
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/system/operate/edit.html b/src/plugin/admin/public/demos/system/operate/edit.html
new file mode 100644
index 0000000..82dbce8
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/operate/edit.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<title>修改页面</title>
+		<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
+	</head>
+	<body>
+		<form class="layui-form" action="">
+			<div class="mainBox">
+				<div class="main-container">
+					<div class="layui-form-item">
+						<label class="layui-form-label">账号</label>
+						<div class="layui-input-block">
+							<input type="text" name="username" value="854085467" lay-verify="title" autocomplete="off"
+								placeholder="请输入标题" class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">姓名</label>
+						<div class="layui-input-block">
+							<input type="text" name="realName" lay-verify="title" autocomplete="off" placeholder="请输入标题"
+								class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">邮箱</label>
+						<div class="layui-input-block">
+							<input type="text" name="email" value="854085467@qq.com" lay-verify="title"
+								autocomplete="off" placeholder="请输入标题" class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">密码</label>
+						<div class="layui-input-block">
+							<input type="text" name="password" value="*******" lay-verify="title" autocomplete="off"
+								placeholder="请输入标题" class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">电话</label>
+						<div class="layui-input-block">
+							<input type="text" name="phone" value="15555555555" lay-verify="title" autocomplete="off"
+								placeholder="请输入标题" class="layui-input">
+						</div>
+					</div>
+					<div class="layui-form-item">
+						<label class="layui-form-label">性别</label>
+						<div class="layui-input-block">
+							<input type="radio" name="sex" value="0" title="男">
+							<input type="radio" name="sex" value="1" title="女" checked>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="bottom">
+				<div class="button-container">
+					<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
+						lay-filter="user-save">
+						<i class="layui-icon layui-icon-ok"></i>
+						提交
+					</button>
+					<button type="reset" class="pear-btn pear-btn-sm">
+						<i class="layui-icon layui-icon-refresh"></i>
+						重置
+					</button>
+				</div>
+			</div>
+		</form>
+		<script src="../../../component/layui/layui.js"></script>
+		<script src="../../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['form', 'jquery'], function() {
+				let form = layui.form;
+				let $ = layui.jquery;
+
+				form.on('submit(user-save)', function(data) {
+					$.ajax({
+						url: '/system/user/save',
+						data: JSON.stringify(data.field),
+						dataType: 'json',
+						contentType: 'application/json',
+						type: 'post',
+						success: function(result) {
+							if (result.success) {
+								layer.msg(result.msg, {
+									icon: 1,
+									time: 1000
+								}, function() {
+									parent.layer.close(parent.layer.getFrameIndex(window
+										.name)); //关闭当前页
+									parent.layui.table.reload("user-table");
+								});
+							} else {
+								layer.msg(result.msg, {
+									icon: 2,
+									time: 1000
+								});
+							}
+						}
+					})
+					return false;
+				});
+			})
+		</script>
+		<script>
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/system/operate/profile.html b/src/plugin/admin/public/demos/system/operate/profile.html
new file mode 100644
index 0000000..6041005
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/operate/profile.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>头像上传</title>
+    <link rel="stylesheet" href="../../../component/pear/css/pear.css" />
+</head>
+<body class="pear-container">
+    <div class="layui-row layui-col-space15">
+        <div class="layui-col-xs9">
+            <div style="height:325px;background-color: rgb(247, 247, 247);">
+                <img id="sourceImage" src="">
+            </div>
+        </div>
+        <div class="layui-col-xs3" style="padding-left:0px;">
+            <div id="previewImage" style="width:210px;height:210px;border: 1px solid rgb(200, 200, 200);border-radius: 50%;overflow:hidden;">
+            </div>
+        </div>
+    </div>
+    <div class="layui-row">
+        <div class="layui-form-item">
+            <div class="layui-input-inline layui-btn-container" style="width: auto;vertical-align:top;">
+                <button class="pear-btn pear-btn-sm pear-btn-primary layui-icon layui-icon-left" cropper-event="rotate" data-option="-15" title="左旋15°"></button>
+                <button class="pear-btn pear-btn-sm pear-btn-primary layui-icon layui-icon-right" cropper-event="rotate" data-option="15" title="右旋15°"></button>
+                <button class="pear-btn pear-btn-sm pear-btn-danger layui-icon layui-icon-refresh" cropper-event="reset" title="重置"></button>
+                <label for="uploadPicture" class="pear-btn pear-btn-sm pear-btn-primary layui-icon layui-icon-upload" title="选择图片"></label>
+                <input class="layui-upload-file" id="uploadPicture" type="file" value="选择图片">
+            </div>
+            <div class="layui-form-mid layui-word-aux">建议:图片的尺寸宽高比为1:1,大小在5m以内。</div>
+        </div>
+    </div>
+    <script src="../../../component/layui/layui.js"></script>
+    <script src="../../../component/pear/pear.js"></script>
+    <script>
+        layui.use(['jquery','layer','cropper'], function () {
+            let $ = layui.jquery;
+            let layer = layui.layer;
+            let cropper = layui.cropper;
+
+            var options = {
+                aspectRatio: 1 / 1, // 裁剪框比例
+                preview: '#previewImage', // 预览div
+                viewmode: 1
+            };
+            
+            $("#sourceImage").attr("src", parent.layui.$("#userAvatar").attr("src"));
+            $("#sourceImage").cropper(options);
+
+            window.submitForm = function () {
+                $("#sourceImage").crossOrigin = 'anonymous';//解决跨域图片问题
+                $("#sourceImage").cropper("getCroppedCanvas", {
+                    width: 280,
+                    height: 140
+                }).toBlob(function (blob) {
+                    var timeStamp = Date.parse(new Date());
+                    var fileName = timeStamp + '.jpg';
+                    var formData = new FormData();
+                    formData.append('file', blob, fileName);
+                    formData.append('fileName', fileName);
+                    formData.append('fileToken', timeStamp);
+                  
+                    var reader = new FileReader();
+                    reader.readAsDataURL(blob);
+                    reader.onload = function (e) {
+                        var data={
+                            index:parent.layer.getFrameIndex(window.name),
+                            newAvatar : e.target.result
+                        };
+                        console.log(data);
+                        parent.window.callback(data);
+                    };
+                });
+            }
+
+            $(".pear-btn").on('click', function () {
+                var event = $(this).attr("cropper-event");
+
+                if (event === 'rotate') {
+                    var option = $(this).attr('data-option');
+                    $("#sourceImage").cropper('rotate', option);
+                } else if (event === 'reset') {
+                    $("#sourceImage").cropper('reset');
+                }
+
+                $("#uploadPicture").change(function () {
+                    var r = new FileReader();
+                    var f = this.files[0];
+
+                    var uploadFileSize = f.size / 1024;
+                    if (uploadFileSize > 5120) {
+                        parent.layer.msg("上传文件不得超过5m", { icon: 5 });
+                        return false;
+                    }
+
+                    r.readAsDataURL(f);
+                    r.onload = function (e) {
+                        $("#sourceImage")
+                            .cropper('destroy')
+                            .attr('src', this.result)
+                            .cropper(options);
+                    };
+                });
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/system/person.html b/src/plugin/admin/public/demos/system/person.html
new file mode 100644
index 0000000..a40abc4
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/person.html
@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>个人资料</title>
+	<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	<link rel="stylesheet" href="../../demos/css/person.css" />
+</head>
+<body class="pear-container">
+	<div class="layui-row layui-col-space10">
+		<div class="layui-col-md3">
+			<div class="layui-card">
+				<div class="layui-card-body" style="padding: 25px;">
+					<div class="text-center layui-text">
+						<div class="user-info-head" id="userInfoHead">
+							<img src="../../demos/css/avatar.jpg" id="userAvatar" width="115px" height="115px" alt="">
+						</div>
+						<h2 style="padding-top: 20px;font-size: 20px;">就眠仪式</h2>
+						<p style="padding-top: 8px;margin-top: 10px;font-size: 13.5px;">China ， 中国</p>
+					</div>
+				</div>
+				<div style="height: 45px;border-top: 1px whitesmoke solid;text-align: center;line-height: 45px;font-size: 13.5px;">
+					<span>今日事 ，今日毕</span>
+				</div>
+			</div>
+
+			<div class="layui-card">
+				<div class="layui-card-header">
+					归档
+				</div>
+				<div class="layui-card-body">
+					<ul class="list">
+						<li class="list-item"><span class="title">优化代码格式</span><span class="footer">2020-06-04 11:28</span></li>
+						<li class="list-item"><span class="title">新增消息组件</span><span class="footer">2020-06-01 04:23</span></li>
+						<li class="list-item"><span class="title">移动端兼容</span><span class="footer">2020-05-22 21:38</span></li>
+						<li class="list-item"><span class="title">系统布局优化</span><span class="footer">2020-05-15 14:26</span></li>
+						<li class="list-item"><span class="title">兼容多系统菜单模式</span><span class="footer">2020-05-13 16:32</span></li>
+						<li class="list-item"><span class="title">兼容多标签页切换</span><span class="footer">2019-12-9 14:58</span></li>
+						<li class="list-item"><span class="title">扩展下拉组件</span><span class="footer">2019-12-7 9:06</span></li>
+						<li class="list-item"><span class="title">扩展卡片样式</span><span class="footer">2019-12-1 10:26</span></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="layui-col-md9">
+			<div class="layui-card">
+				<div class="layui-card-header">
+					我的文章
+				</div>
+				<div class="layui-card-body">
+					<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+						<div class="layui-tab-content">
+							<div class="layui-tab-item layui-show">
+								<div class="layui-row layui-col-space10" style="margin: 15px;">
+									<div class="layui-col-md1">
+										<img src="../../admin/images/act.jpg" style="width: 100%;height: 100%;border-radius: 5px;" />
+									</div>
+									<div class="layui-col-md11" style="height: 80px;">
+										<div class="title">为什么程序员们愿意在GitHub上开源自己的成果给别人免费使用和学习？</div>
+										<div class="content">
+											“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处，在于理解了Git的精髓。”来一句我们程序员们接地气的话：分享是一种快乐~
+										</div>
+										<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 4</div>
+									</div>
+								</div>
+								<div class="layui-row layui-col-space10" style="margin: 15px;">
+									<div class="layui-col-md1">
+										<img src="../../admin/images/act.jpg" style="width: 100%;height: 100%;border-radius: 5px;" />
+									</div>
+									<div class="layui-col-md11" style="height: 80px;">
+										<div class="title">为什么程序员们愿意在GitHub上开源自己的成果给别人免费使用和学习？</div>
+										<div class="content">
+											“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处，在于理解了Git的精髓。”来一句我们程序员们接地气的话：分享是一种快乐~
+										</div>
+										<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 4</div>
+									</div>
+								</div>
+								<div class="layui-row layui-col-space10" style="margin: 15px;">
+									<div class="layui-col-md1">
+										<img src="../../admin/images/act.jpg" style="width: 100%;height: 100%;border-radius: 5px;" />
+									</div>
+									<div class="layui-col-md11" style="height: 80px;">
+										<div class="title">为什么程序员们愿意在GitHub上开源自己的成果给别人免费使用和学习？</div>
+										<div class="content">
+											“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处，在于理解了Git的精髓。”来一句我们程序员们接地气的话：分享是一种快乐~
+										</div>
+										<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 4</div>
+									</div>
+								</div>
+								<div class="layui-row layui-col-space10" style="margin: 15px;">
+									<div class="layui-col-md1">
+										<img src="../../admin/images/act.jpg" style="width: 100%;height: 100%;border-radius: 5px;" />
+									</div>
+									<div class="layui-col-md11" style="height: 80px;">
+										<div class="title">为什么程序员们愿意在GitHub上开源自己的成果给别人免费使用和学习？</div>
+										<div class="content">
+											“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处，在于理解了Git的精髓。”来一句我们程序员们接地气的话：分享是一种快乐~
+										</div>
+										<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 4</div>
+									</div>
+								</div>
+								<div class="layui-row layui-col-space10" style="margin: 15px;">
+									<div class="layui-col-md1">
+										<img src="../../admin/images/act.jpg" style="width: 100%;height: 100%;border-radius: 5px;" />
+									</div>
+									<div class="layui-col-md11" style="height: 80px;">
+										<div class="title">为什么程序员们愿意在GitHub上开源自己的成果给别人免费使用和学习？</div>
+										<div class="content">
+											“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处，在于理解了Git的精髓。”来一句我们程序员们接地气的话：分享是一种快乐~
+										</div>
+										<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 4</div>
+									</div>
+								</div>
+								<div class="layui-row layui-col-space10" style="margin: 15px;">
+									<div class="layui-col-md1">
+										<img src="../../admin/images/act.jpg" style="width: 100%;height: 100%;border-radius: 5px;" />
+									</div>
+									<div class="layui-col-md11" style="height: 80px;">
+										<div class="title">为什么程序员们愿意在GitHub上开源自己的成果给别人免费使用和学习？</div>
+										<div class="content">
+											“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处，在于理解了Git的精髓。”来一句我们程序员们接地气的话：分享是一种快乐~
+										</div>
+										<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 4</div>
+									</div>
+								</div>
+								<div class="layui-row layui-col-space10" style="margin: 15px;">
+									<div class="layui-col-md1">
+										<img src="../../admin/images/act.jpg" style="width: 100%;height: 100%;border-radius: 5px;" />
+									</div>
+									<div class="layui-col-md11" style="height: 80px;">
+										<div class="title">为什么程序员们愿意在GitHub上开源自己的成果给别人免费使用和学习？</div>
+										<div class="content">
+											“Git的精髓在于让所有人的贡献无缝合并。而GitHub的天才之处，在于理解了Git的精髓。”来一句我们程序员们接地气的话：分享是一种快乐~
+										</div>
+										<div class="comment">2020-06-12 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 评论 5 点赞 12 转发 4</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<script src="../../component/layui/layui.js"></script>
+	<script src="../../component/pear/pear.js"></script>
+	<script>
+		layui.use(['jquery', 'element', 'layer', 'convert'], function () {
+			var element = layui.element,
+				layer = layui.layer,
+				$ = layui.jquery,
+				convert = layui.convert;
+
+			let MODULE_PATH = "operate/";
+			
+			var image = new Image();
+			image.src = "../../demos/css/avatar.jpg";
+			image.onload = function() {
+				$("#userAvatar").attr("src", convert.imageToBase64(image));
+			}
+			
+			window.callback = function (data) {
+				layer.close(data.index);
+                $("#userAvatar").attr("src", data.newAvatar);
+            }
+
+			$("#userAvatar").click(function () {
+				layer.open({
+					type: 2,
+					title: '更换图片',
+					shade: 0.1,
+					area: ["900px", "500px"],
+					content: MODULE_PATH + 'profile.html',
+					btn: ['确定', '取消'],
+					yes: function (index, layero) {
+						window['layui-layer-iframe' + index].submitForm();
+					}
+				});
+			});
+		});
+	</script>
+</body>
+</html>
diff --git a/src/plugin/admin/public/demos/system/power.html b/src/plugin/admin/public/demos/system/power.html
new file mode 100644
index 0000000..65ff2ee
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/power.html
@@ -0,0 +1,242 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>权限管理</title>
+    <link rel="stylesheet" href="../../component/pear/css/pear.css" />
+</head>
+<body class="pear-container">
+<div class="layui-card">
+    <div class="layui-card-body">
+        <form class="layui-form" action="">
+        	<div class="layui-form-item">
+        		<div class="layui-form-item layui-inline">
+        			<label class="layui-form-label">用户名</label>
+        			<div class="layui-input-inline">
+        				<input type="text" name="realName" placeholder="" class="layui-input">
+        			</div>
+        		</div>
+        		<div class="layui-form-item layui-inline">
+        			<label class="layui-form-label">性别</label>
+        			<div class="layui-input-inline">
+        				<input type="text" name="realName" placeholder="" class="layui-input">
+        			</div>
+        		</div>
+        		<div class="layui-form-item layui-inline">
+        			<label class="layui-form-label">邮箱</label>
+        			<div class="layui-input-inline">
+        				<input type="text" name="realName" placeholder="" class="layui-input">
+        			</div>
+        		</div>
+        		<div class="layui-form-item layui-inline">
+        			<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query">
+        				<i class="layui-icon layui-icon-search"></i>
+        				查询
+        			</button>
+        			<button type="reset" class="pear-btn pear-btn-md">
+        				<i class="layui-icon layui-icon-refresh"></i>
+        				重置
+        			</button>
+        		</div>
+        	</div>
+        </form>
+    </div>
+</div>
+<div class="layui-card">
+    <div class="layui-card-body">
+        <table id="power-table" lay-filter="power-table"></table>
+    </div>
+</div>
+
+<script type="text/html" id="power-toolbar">
+    <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+        <i class="layui-icon layui-icon-add-1"></i>
+        新增
+    </button>
+    <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+        <i class="layui-icon layui-icon-delete"></i>
+        删除
+    </button>
+	<button class="pear-btn pear-btn-success pear-btn-md" lay-event="expandAll">
+	    <i class="layui-icon layui-icon-spread-left"></i>
+	    展开
+	</button>
+	<button class="pear-btn pear-btn-success pear-btn-md" lay-event="foldAll">
+	    <i class="layui-icon layui-icon-shrink-right"></i>
+	    折叠
+	</button>
+</script>
+
+<script type="text/html" id="power-bar">
+    <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
+    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
+</script>
+
+<script type="text/html" id="power-type">
+    {{#if (d.powerType == '0') { }}
+    <span>目录</span>
+    {{# }else if(d.powerType == '1'){ }}
+    <span>菜单</span>
+    {{# }else if(d.powerType == '2'){ }}
+    <span>按钮</span>
+    {{# } }}
+</script>
+
+<script type="text/html" id="power-enable">
+    <input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="user-enable"  {{ d.enable== true ? 'checked' : '' }} />
+</script>
+
+<script type="text/html" id="icon">
+    <i class="layui-icon {{d.icon}}"></i>
+</script>
+
+<script src="../../component/layui/layui.js"></script>
+<script src="../../component/pear/pear.js"></script>
+<script>
+    layui.use(['table','form','jquery','treetable'],function () {
+        let table = layui.table;
+        let form = layui.form;
+        let $ = layui.jquery;
+        let treetable = layui.treetable;
+
+        let MODULE_PATH = "operate/";
+
+        window.render = function(){
+            treetable.render({
+                treeColIndex: 1,
+                treeSpid: 0,
+                treeIdName: 'powerId',
+                treePidName: 'parentId',
+                skin:'line',
+                treeDefaultClose: true,
+                toolbar:'#power-toolbar',
+                elem: '#power-table',
+                url: '../../demos/data/power.json',
+                page: false,
+                cols: [
+                    [
+                    {type: 'checkbox'},
+                    {field: 'powerName', minWidth: 200, title: '权限名称'},
+                    {field: 'icon', title: '图标',templet:'#icon'},
+                    {field: 'powerType', title: '权限类型',templet:'#power-type'},
+                    {field: 'enable', title: '是否可用',templet:'#power-enable'},
+                    {field: 'sort', title: '排序'},
+                    {title: '操作',templet: '#power-bar', width: 150, align: 'center'}
+                    ]
+                ]
+            });
+        }
+
+        render();
+
+        table.on('tool(power-table)',function(obj){
+            if (obj.event === 'remove') {
+                window.remove(obj);
+            } else if (obj.event === 'edit') {
+                window.edit(obj);
+            }
+        })
+
+
+        table.on('toolbar(power-table)', function(obj){
+            if(obj.event === 'add'){
+                window.add();
+            } else if(obj.event === 'refresh'){
+                window.refresh();
+            } else if(obj.event === 'batchRemove'){
+                window.batchRemove(obj);
+            }  else if(obj.event === 'expandAll'){
+				 treetable.expandAll("#power-table");
+			} else if(obj.event === 'foldAll'){
+				 treetable.foldAll("#power-table");
+			}
+        });
+
+        window.add = function(){
+            layer.open({
+                type: 2,
+                title: '新增',
+                shade: 0.1,
+                area: ['450px', '500px'],
+                content: MODULE_PATH + 'add.html'
+            });
+        }
+
+        window.edit = function(obj){
+            layer.open({
+                type: 2,
+                title: '修改',
+                shade: 0.1,
+                area: ['450px', '500px'],
+                content: MODULE_PATH + 'edit.html'
+            });
+        }
+        window.remove = function(obj){
+            layer.confirm('确定要删除该权限', {icon: 3, title:'提示'}, function(index){
+                layer.close(index);
+                let loading = layer.load();
+                $.ajax({
+                    url: MODULE_PATH+"remove/"+obj.data['powerId'],
+                    dataType:'json',
+                    type:'delete',
+                    success:function(result){
+                        layer.close(loading);
+                        if(result.success){
+                            layer.msg(result.msg,{icon:1,time:1000},function(){
+                                obj.del();
+                            });
+                        }else{
+                            layer.msg(result.msg,{icon:2,time:1000});
+                        }
+                    }
+                })
+            });
+        }
+		
+		window.batchRemove = function(obj) {
+			let data = table.checkStatus(obj.config.id).data;
+			if (data.length === 0) {
+				layer.msg("未选中数据", {
+					icon: 3,
+					time: 1000
+				});
+				return false;
+			}
+			let ids = "";
+			for (let i = 0; i < data.length; i++) {
+				ids += data[i].powerId + ",";
+			}
+			ids = ids.substr(0, ids.length - 1);
+			layer.confirm('确定要删除这些权限', {
+				icon: 3,
+				title: '提示'
+			}, function(index) {
+				layer.close(index);
+				let loading = layer.load();
+				$.ajax({
+					url: MODULE_PATH + "batchRemove/" + ids,
+					dataType: 'json',
+					type: 'delete',
+					success: function(result) {
+						layer.close(loading);
+						if (result.success) {
+							layer.msg(result.msg, {
+								icon: 1,
+								time: 1000
+							}, function() {
+								table.reload('user-table');
+							});
+						} else {
+							layer.msg(result.msg, {
+								icon: 2,
+								time: 1000
+							});
+						}
+					}
+				})
+			});
+		}
+    })
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/system/profile.html b/src/plugin/admin/public/demos/system/profile.html
new file mode 100644
index 0000000..6041005
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/profile.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>头像上传</title>
+    <link rel="stylesheet" href="../../../component/pear/css/pear.css" />
+</head>
+<body class="pear-container">
+    <div class="layui-row layui-col-space15">
+        <div class="layui-col-xs9">
+            <div style="height:325px;background-color: rgb(247, 247, 247);">
+                <img id="sourceImage" src="">
+            </div>
+        </div>
+        <div class="layui-col-xs3" style="padding-left:0px;">
+            <div id="previewImage" style="width:210px;height:210px;border: 1px solid rgb(200, 200, 200);border-radius: 50%;overflow:hidden;">
+            </div>
+        </div>
+    </div>
+    <div class="layui-row">
+        <div class="layui-form-item">
+            <div class="layui-input-inline layui-btn-container" style="width: auto;vertical-align:top;">
+                <button class="pear-btn pear-btn-sm pear-btn-primary layui-icon layui-icon-left" cropper-event="rotate" data-option="-15" title="左旋15°"></button>
+                <button class="pear-btn pear-btn-sm pear-btn-primary layui-icon layui-icon-right" cropper-event="rotate" data-option="15" title="右旋15°"></button>
+                <button class="pear-btn pear-btn-sm pear-btn-danger layui-icon layui-icon-refresh" cropper-event="reset" title="重置"></button>
+                <label for="uploadPicture" class="pear-btn pear-btn-sm pear-btn-primary layui-icon layui-icon-upload" title="选择图片"></label>
+                <input class="layui-upload-file" id="uploadPicture" type="file" value="选择图片">
+            </div>
+            <div class="layui-form-mid layui-word-aux">建议:图片的尺寸宽高比为1:1,大小在5m以内。</div>
+        </div>
+    </div>
+    <script src="../../../component/layui/layui.js"></script>
+    <script src="../../../component/pear/pear.js"></script>
+    <script>
+        layui.use(['jquery','layer','cropper'], function () {
+            let $ = layui.jquery;
+            let layer = layui.layer;
+            let cropper = layui.cropper;
+
+            var options = {
+                aspectRatio: 1 / 1, // 裁剪框比例
+                preview: '#previewImage', // 预览div
+                viewmode: 1
+            };
+            
+            $("#sourceImage").attr("src", parent.layui.$("#userAvatar").attr("src"));
+            $("#sourceImage").cropper(options);
+
+            window.submitForm = function () {
+                $("#sourceImage").crossOrigin = 'anonymous';//解决跨域图片问题
+                $("#sourceImage").cropper("getCroppedCanvas", {
+                    width: 280,
+                    height: 140
+                }).toBlob(function (blob) {
+                    var timeStamp = Date.parse(new Date());
+                    var fileName = timeStamp + '.jpg';
+                    var formData = new FormData();
+                    formData.append('file', blob, fileName);
+                    formData.append('fileName', fileName);
+                    formData.append('fileToken', timeStamp);
+                  
+                    var reader = new FileReader();
+                    reader.readAsDataURL(blob);
+                    reader.onload = function (e) {
+                        var data={
+                            index:parent.layer.getFrameIndex(window.name),
+                            newAvatar : e.target.result
+                        };
+                        console.log(data);
+                        parent.window.callback(data);
+                    };
+                });
+            }
+
+            $(".pear-btn").on('click', function () {
+                var event = $(this).attr("cropper-event");
+
+                if (event === 'rotate') {
+                    var option = $(this).attr('data-option');
+                    $("#sourceImage").cropper('rotate', option);
+                } else if (event === 'reset') {
+                    $("#sourceImage").cropper('reset');
+                }
+
+                $("#uploadPicture").change(function () {
+                    var r = new FileReader();
+                    var f = this.files[0];
+
+                    var uploadFileSize = f.size / 1024;
+                    if (uploadFileSize > 5120) {
+                        parent.layer.msg("上传文件不得超过5m", { icon: 5 });
+                        return false;
+                    }
+
+                    r.readAsDataURL(f);
+                    r.onload = function (e) {
+                        $("#sourceImage")
+                            .cropper('destroy')
+                            .attr('src', this.result)
+                            .cropper(options);
+                    };
+                });
+            });
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/plugin/admin/public/demos/system/role.html b/src/plugin/admin/public/demos/system/role.html
new file mode 100644
index 0000000..ec3d42b
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/role.html
@@ -0,0 +1,226 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>角色管理</title>
+		<link href="../../component/pear/css/pear.css" rel="stylesheet" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<form class="layui-form" action="">
+					<div class="layui-form-item">
+						<div class="layui-form-item layui-inline">
+							<label class="layui-form-label">用户名</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-form-item layui-inline">
+							<label class="layui-form-label">性别</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-form-item layui-inline">
+							<label class="layui-form-label">邮箱</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-form-item layui-inline">
+							<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="role-query">
+								<i class="layui-icon layui-icon-search"></i>
+								查询
+							</button>
+							<button type="reset" class="pear-btn pear-btn-md">
+								<i class="layui-icon layui-icon-refresh"></i>
+								重置
+							</button>
+						</div>
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<table id="role-table" lay-filter="role-table"></table>
+			</div>
+		</div>
+		
+		<script type="text/html" id="role-toolbar">
+			<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+				<i class="layui-icon layui-icon-add-1"></i>
+				新增
+			</button>
+			<button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+				<i class="layui-icon layui-icon-delete"></i>
+				删除
+			</button>
+		</script>
+		
+		<script type="text/html" id="role-bar">
+			<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
+			<button class="pear-btn pear-btn-warming pear-btn-sm" lay-event="power"><i class="layui-icon layui-icon-vercode"></i></button>
+			<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
+		</script>
+		
+		<script type="text/html" id="role-enable">
+			<input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="role-enable"  {{ d.enable== true ? 'checked' : '' }} />
+		</script>
+
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+		    layui.use(['table','form','jquery'],function () {
+		        let table = layui.table;
+		        let form = layui.form;
+		        let $ = layui.jquery;
+		
+		        let MODULE_PATH = "operate/";
+		
+		        let cols = [
+		            [
+		                {type:'checkbox'},
+		                {title: '角色名', field: 'roleName', align:'center', width:100},
+		                {title: 'Key值', field: 'roleCode', align:'center'},
+		                {title: '描述', field: 'details', align:'center'},
+		                {title: '是否可用', field: 'enable', align:'center', templet:'#role-enable'},
+		                {title: '操作', toolbar: '#role-bar', align:'center', width:195}
+		            ]
+		        ]
+		
+		        table.render({
+		            elem: '#role-table',
+		            url: '../../demos/data/role.json',
+		            page: true ,
+		            cols: cols ,
+		            skin: 'line',
+		            toolbar: '#role-toolbar',
+		            defaultToolbar: [{
+						title: '刷新',
+		                layEvent: 'refresh',
+		                icon: 'layui-icon-refresh',
+		            }, 'filter', 'print', 'exports']
+		        });
+		
+		        table.on('tool(role-table)', function(obj){
+		            if(obj.event === 'remove'){
+		                window.remove(obj);
+		            } else if(obj.event === 'edit'){
+		                window.edit(obj);
+		            } else if(obj.event === 'power'){
+		                window.power(obj);
+		            }
+		        });
+		
+		        table.on('toolbar(role-table)', function(obj){
+		            if(obj.event === 'add'){
+		                window.add();
+		            } else if(obj.event === 'refresh'){
+		                window.refresh();
+		            } else if(obj.event === 'batchRemove'){
+		                window.batchRemove(obj);
+		            }
+		        });
+		
+		        form.on('submit(role-query)', function(data){
+		            table.reload('role-table',{where:data.field})
+		            return false;
+		        });
+		
+		        form.on('switch(role-enable)', function(obj){
+		            layer.tips(this.value + ' ' + this.name + '：'+ obj.elem.checked, obj.othis);
+		        });
+		
+		        window.add = function(){
+		            layer.open({
+		                type: 2,
+		                title: '新增',
+		                shade: 0.1,
+		                area: ['500px', '400px'],
+		                content: MODULE_PATH + 'add.html'
+		            });
+		        }
+		
+		        window.power = function(obj){
+		            layer.open({
+		                type: 2,
+		                title: '授权',
+		                shade: 0.1,
+		                area: ['320px', '400px'],
+		                content: MODULE_PATH + 'edit.html'
+		            });
+		        }
+		
+		        window.edit = function(obj){
+		            layer.open({
+		                type: 2,
+		                title: '修改',
+		                shade: 0.1,
+		                area: ['500px', '400px'],
+		                content: MODULE_PATH + 'edit.html'
+		            });
+		        }
+		
+		        window.remove = function(obj){
+		            layer.confirm('确定要删除该角色', {icon: 3, title:'提示'}, function(index){
+		                layer.close(index);
+		                let loading = layer.load();
+		                $.ajax({
+		                    url: MODULE_PATH+"remove/"+obj.data['roleId'],
+		                    dataType:'json',
+		                    type:'delete',
+		                    success:function(result){
+		                        layer.close(loading);
+		                        if(result.success){
+		                            layer.msg(result.msg,{icon:1,time:1000},function(){
+		                                obj.del();
+		                            });
+		                        }else{
+		                            layer.msg(result.msg,{icon:2,time:1000});
+		                        }
+		                    }
+		                })
+		            });
+		        }
+		
+		        window.batchRemove = function(obj){
+		            let data = table.checkStatus(obj.config.id).data;
+		            if(data.length === 0){
+		                layer.msg("未选中数据",{icon:3,time:1000});
+		                return false;
+		            }
+		            let ids = "";
+		            for(let i = 0;i<data.length;i++){
+		                ids += data[i].roleId+",";
+		            }
+		            ids = ids.substr(0,ids.length-1);
+		            layer.confirm('确定要删除这些用户', {icon: 3, title:'提示'}, function(index){
+		                layer.close(index);
+		                let loading = layer.load();
+		                $.ajax({
+		                    url: MODULE_PATH+"batchRemove/"+ids,
+		                    dataType:'json',
+		                    type:'delete',
+		                    success:function(result){
+		                        layer.close(loading);
+		                        if(result.success){
+		                            layer.msg(result.msg,{icon:1,time:1000},function(){
+		                                table.reload('role-table');
+		                            });
+		                        }else{
+		                            layer.msg(result.msg,{icon:2,time:1000});
+		                        }
+		                    }
+		                })
+		            });
+		        }
+		
+		        window.refresh = function(){
+		            table.reload('role-table');
+		        }
+		    })
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/public/demos/system/space.html b/src/plugin/admin/public/demos/system/space.html
new file mode 100644
index 0000000..8ab19e3
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/space.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>空白页面</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css"/>
+		<style>
+			h1{
+				margin-top: 200px;
+				color: #5FB878;
+			}
+			.layui-card-body{
+				text-align: center;height: 500px;
+			}
+		</style>
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-header"></div>
+			<div class="layui-card-body">
+				<h1><b>Space Page</b></h1>
+			</div>
+		</div>
+	</body>
+	<script src="../../component/layui/layui.js"></script>
+	<script src="../../component/pear/pear.js"></script>
+</html>
diff --git a/src/plugin/admin/public/demos/system/theme.html b/src/plugin/admin/public/demos/system/theme.html
new file mode 100644
index 0000000..b5ef672
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/theme.html
@@ -0,0 +1,300 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>主题预览</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-header">按钮</div>
+			<div class="layui-card-body">
+				<button class="pear-btn pear-btn-primary">Button</button>
+				<button class="pear-btn pear-btn-primary">Button</button>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-header">输入框</div>
+			<div class="layui-card-body">
+				<div class="layui-row layui-col-space10">
+					<div class="layui-col-md12">
+						<input type="text" name="title" placeholder="请输入标题" autocomplete="off" class="layui-input">
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="layui-card layui-form" lay-filter="component-form-element">
+			<div class="layui-card-header">复选框</div>
+			<div class="layui-card-body layui-row layui-col-space10">
+				<div class="layui-col-md12">
+					<input type="checkbox" name="" title="写作" checked>
+					<input type="checkbox" name="" title="发呆">
+					<input type="checkbox" name="" title="禁用" disabled>
+					<input type="checkbox" name="" title="写作" lay-skin="primary" checked>
+					<input type="checkbox" name="" title="发呆" lay-skin="primary">
+					<input type="checkbox" name="" title="禁用" lay-skin="primary" disabled>
+				</div>
+			</div>
+		</div>
+		<div class="layui-card layui-form" lay-filter="component-form-element">
+			<div class="layui-card-header">开关</div>
+			<div class="layui-card-body layui-row layui-col-space10">
+				<div class="layui-col-md12">
+					<input type="checkbox" name="xxx" lay-skin="switch">&nbsp;&nbsp;
+					<input type="checkbox" name="yyy" lay-skin="switch" lay-text="ON|OFF" checked>&nbsp;&nbsp;
+					<input type="checkbox" name="zzz" lay-skin="switch" lay-text="开启|关闭">&nbsp;&nbsp;
+					<input type="checkbox" name="aaa" lay-skin="switch" disabled>&nbsp;&nbsp;
+				</div>
+			</div>
+		</div>
+		<div class="layui-card layui-form" lay-filter="component-form-element">
+			<div class="layui-card-header">单选框</div>
+			<div class="layui-card-body layui-row layui-col-space10">
+				<div class="layui-col-md12">
+					<input type="radio" name="sex" value="nan" title="男">
+					<input type="radio" name="sex" value="nv" title="女" checked>
+					<input type="radio" name="sex" value="" title="中性" disabled>
+				</div>
+			</div>
+		</div>
+		<div class="layui-card layui-form">
+			<div class="layui-card-header">下拉</div>
+			<div class="layui-card-body">
+				<select name="city" lay-verify="">
+					<option value="">请选择一个城市</option>
+					<option value="010">北京</option>
+					<option value="021">上海</option>
+					<option value="0571">杭州</option>
+				</select>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<table id="user-table" lay-filter="user-table"></table>
+			</div>
+		</div>
+
+		<script type="text/html" id="user-toolbar">
+			<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+		        <i class="layui-icon layui-icon-add-1"></i>
+		        新增
+		    </button>
+		    <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+		        <i class="layui-icon layui-icon-delete"></i>
+		        删除
+		    </button>
+		</script>
+
+		<script type="text/html" id="user-bar">
+			<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
+		    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
+		</script>
+
+		<script type="text/html" id="user-enable">
+			<input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="user-enable" checked = "{{ d.enable == 0 ? 'true' : 'false' }}">
+		</script>
+
+		<script type="text/html" id="user-sex">
+			{{#if (d.sex == 1) { }}
+		    <span>男</span>
+		    {{# }else if(d.sex == 2){ }}
+		    <span>女</span>
+		    {{# } }}
+		</script>
+
+		<script type="text/html" id="user-login">
+			{{#if (d.login == 0) { }}
+		    <span>在线</span>
+		    {{# }else if(d.sex == 1){ }}
+		    <span>离线</span>
+		    {{# } }}
+		</script>
+
+		<script type="text/html" id="user-createTime">
+			{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}}
+		</script>
+
+		<div class="layui-card">
+			<div class="layui-card-header">选项卡</div>
+			<div class="layui-card-body">
+				<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+					<ul class="layui-tab-title">
+						<li class="layui-this">网站设置</li>
+						<li>用户管理</li>
+						<li>权限分配</li>
+						<li>商品管理</li>
+						<li>订单管理</li>
+					</ul>
+					<div class="layui-tab-content" style="height: 30px;">
+						<div class="layui-tab-item layui-show"></div>
+						<div class="layui-tab-item"></div>
+						<div class="layui-tab-item"></div>
+						<div class="layui-tab-item"></div>
+						<div class="layui-tab-item"></div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-header">进度条</div>
+			<div class="layui-card-body">
+				<div class="layui-progress">
+					<div class="layui-progress-bar" lay-percent="30%"></div>
+				</div>
+				<br />
+				<div class="layui-progress">
+					<div class="layui-progress-bar" lay-percent="20%"></div>
+				</div>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-header">分页</div>
+			<div class="layui-card-body">
+				<div id="test1"></div>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-header">辅助元素</div>
+			<div class="layui-card-body">
+				<blockquote class="layui-elem-quote">快乐的时候不敢尽兴，频繁警戒自己保持清醒.</blockquote>
+				<blockquote class="layui-elem-quote">路上没有灯火的时候，就点亮自己的头颅.</blockquote>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-header"></div>
+			<div class="layui-card-body">
+				<ul class="layui-timeline">
+					<li class="layui-timeline-item">
+						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
+						<div class="layui-timeline-content layui-text">
+							<h3 class="layui-timeline-title">8月18日</h3>
+							<p>
+								layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
+							</p>
+						</div>
+					</li>
+					<li class="layui-timeline-item">
+						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
+						<div class="layui-timeline-content layui-text">
+							<h3 class="layui-timeline-title">8月16日</h3>
+							<p>杜甫的思想核心是儒家的仁政思想，他有“<em>致君尧舜上，再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有：</p>
+						</div>
+					</li>
+					<li class="layui-timeline-item">
+						<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
+						<div class="layui-timeline-content layui-text">
+							<h3 class="layui-timeline-title">8月15日</h3>
+							<p>
+								中国人民抗日战争胜利72周年
+							</p>
+						</div>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-header">日期选择</div>
+			<div class="layui-card-body">
+				<input type="text" class="layui-input" id="test2">
+			</div>
+		</div>
+	</body>
+	<script src="../../component/layui/layui.js"></script>
+	<script src="../../component/pear/pear.js"></script>
+	<script>
+		layui.use(['table', 'form', 'jquery', 'drawer'], function() {
+			let table = layui.table;
+			let form = layui.form;
+			let $ = layui.jquery;
+			let drawer = layui.drawer;
+
+			let MODULE_PATH = "/system/user/";
+
+			let cols = [
+				[{
+						type: 'checkbox'
+					},
+					{
+						title: '姓名',
+						field: 'realName',
+						align: 'center'
+					},
+					{
+						title: '性别',
+						field: 'sex',
+						align: 'center',
+						width: 80,
+						templet: '#user-sex'
+					},
+					{
+						title: '启用',
+						field: 'enable',
+						align: 'center',
+						templet: '#user-enable'
+					},
+					{
+						title: '登录',
+						field: 'login',
+						align: 'center',
+						templet: '#user-login'
+					},
+					{
+						title: '注册',
+						field: 'createTime',
+						align: 'center',
+						templet: '#user-createTime'
+					},
+					{
+						title: '操作',
+						toolbar: '#user-bar',
+						align: 'center',
+						width: 130
+					}
+				]
+			]
+
+			table.render({
+				elem: '#user-table',
+				url: '../../demos/data/table.json',
+				page: true,
+				cols: cols,
+				skin: 'line',
+				toolbar: '#user-toolbar',
+				defaultToolbar: [{
+					layEvent: 'refresh',
+					icon: 'layui-icon-refresh',
+				}, 'filter', 'print', 'exports']
+			});
+
+			form.on('switch(user-enable)', function(obj) {
+				layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
+			});
+
+		})
+	</script>
+	<script>
+		layui.use('form', function() {
+
+		})
+	</script>
+	<script>
+		layui.use('laypage', function() {
+			var laypage = layui.laypage;
+
+			laypage.render({
+				elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
+					,
+				count: 50 //数据总数，从服务端得到
+			});
+		});
+	</script>
+	<script>
+		layui.use('laydate', function() {
+			var laydate = layui.laydate;
+
+			laydate.render({
+				elem: '#test2' //指定元素
+			});
+		});
+	</script>
+</html>
diff --git a/src/plugin/admin/public/demos/system/user.html b/src/plugin/admin/public/demos/system/user.html
new file mode 100644
index 0000000..3acd98d
--- /dev/null
+++ b/src/plugin/admin/public/demos/system/user.html
@@ -0,0 +1,298 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>用户管理</title>
+		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
+	</head>
+	<body class="pear-container">
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<form class="layui-form" action="">
+					<div class="layui-form-item">
+						<div class="layui-form-item layui-inline">
+							<label class="layui-form-label">用户名</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-form-item layui-inline">
+							<label class="layui-form-label">性别</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-form-item layui-inline">
+							<label class="layui-form-label">邮箱</label>
+							<div class="layui-input-inline">
+								<input type="text" name="realName" placeholder="" class="layui-input">
+							</div>
+						</div>
+						<div class="layui-form-item layui-inline">
+							<button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="user-query">
+								<i class="layui-icon layui-icon-search"></i>
+								查询
+							</button>
+							<button type="reset" class="pear-btn pear-btn-md">
+								<i class="layui-icon layui-icon-refresh"></i>
+								重置
+							</button>
+						</div>
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="layui-card">
+			<div class="layui-card-body">
+				<table id="user-table" lay-filter="user-table"></table>
+			</div>
+		</div>
+
+		<script type="text/html" id="user-toolbar">
+			<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
+		        <i class="layui-icon layui-icon-add-1"></i>
+		        新增
+		    </button>
+		    <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="batchRemove">
+		        <i class="layui-icon layui-icon-delete"></i>
+		        删除
+		    </button>
+		</script>
+
+		<script type="text/html" id="user-bar">
+			<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
+		    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
+		</script>
+
+		<script type="text/html" id="user-enable">
+			<input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="user-enable" {{ d.enable== true ? 'checked' : '' }} />
+		</script>
+
+		<script type="text/html" id="user-sex">
+			{{#if (d.sex == 1) { }}
+		    <span>男</span>
+		    {{# }else if(d.sex == 2){ }}
+		    <span>女</span>
+		    {{# } }}
+		</script>
+
+		<script type="text/html" id="user-login">
+			{{#if (d.login == 0) { }}
+		    <span>在线</span>
+		    {{# }else if(d.sex == 1){ }}
+		    <span>离线</span>
+		    {{# } }}
+		</script>
+
+		<script type="text/html" id="user-createTime">
+			{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd')}}
+		</script>
+
+		<script src="../../component/layui/layui.js"></script>
+		<script src="../../component/pear/pear.js"></script>
+		<script>
+			layui.use(['table', 'form', 'jquery','common'], function() {
+				let table = layui.table;
+				let form = layui.form;
+				let $ = layui.jquery;
+				let common = layui.common;
+
+				let MODULE_PATH = "operate/";
+
+				let cols = [
+					[{
+							type: 'checkbox'
+						},
+						{
+							title: '账号',
+							field: 'username',
+							align: 'center',
+							width: 100
+						},
+						{
+							title: '姓名',
+							field: 'realName',
+							align: 'center'
+						},
+						{
+							title: '性别',
+							field: 'sex',
+							align: 'center',
+							width: 80,
+							templet: '#user-sex'
+						},
+						{
+							title: '电话',
+							field: 'phone',
+							align: 'center'
+						},
+						{
+							title: '启用',
+							field: 'enable',
+							align: 'center',
+							templet: '#user-enable'
+						},
+						{
+							title: '登录',
+							field: 'login',
+							align: 'center',
+							templet: '#user-login'
+						},
+						{
+							title: '注册',
+							field: 'createTime',
+							align: 'center',
+							templet: '#user-createTime'
+						},
+						{
+							title: '操作',
+							toolbar: '#user-bar',
+							align: 'center',
+							width: 130
+						}
+					]
+				]
+
+				table.render({
+					elem: '#user-table',
+					url: '../../demos/data/user.json',
+					page: true,
+					cols: cols,
+					skin: 'line',
+					toolbar: '#user-toolbar',
+					defaultToolbar: [{
+						title: '刷新',
+						layEvent: 'refresh',
+						icon: 'layui-icon-refresh',
+					}, 'filter', 'print', 'exports']
+				});
+
+				table.on('tool(user-table)', function(obj) {
+					if (obj.event === 'remove') {
+						window.remove(obj);
+					} else if (obj.event === 'edit') {
+						window.edit(obj);
+					}
+				});
+
+				table.on('toolbar(user-table)', function(obj) {
+					if (obj.event === 'add') {
+						window.add();
+					} else if (obj.event === 'refresh') {
+						window.refresh();
+					} else if (obj.event === 'batchRemove') {
+						window.batchRemove(obj);
+					}
+				});
+
+				form.on('submit(user-query)', function(data) {
+					table.reload('user-table', {
+						where: data.field
+					})
+					return false;
+				});
+
+				form.on('switch(user-enable)', function(obj) {
+					layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
+				});
+
+				window.add = function() {
+					layer.open({
+						type: 2,
+						title: '新增',
+						shade: 0.1,
+						area: [common.isModile()?'100%':'500px', common.isModile()?'100%':'400px'],
+						content: MODULE_PATH + 'add.html'
+					});
+				}
+
+				window.edit = function(obj) {
+					layer.open({
+						type: 2,
+						title: '修改',
+						shade: 0.1,
+						area: ['500px', '400px'],
+						content: MODULE_PATH + 'edit.html'
+					});
+				}
+
+				window.remove = function(obj) {
+					layer.confirm('确定要删除该用户', {
+						icon: 3,
+						title: '提示'
+					}, function(index) {
+						layer.close(index);
+						let loading = layer.load();
+						$.ajax({
+							url: MODULE_PATH + "remove/" + obj.data['userId'],
+							dataType: 'json',
+							type: 'delete',
+							success: function(result) {
+								layer.close(loading);
+								if (result.success) {
+									layer.msg(result.msg, {
+										icon: 1,
+										time: 1000
+									}, function() {
+										obj.del();
+									});
+								} else {
+									layer.msg(result.msg, {
+										icon: 2,
+										time: 1000
+									});
+								}
+							}
+						})
+					});
+				}
+
+				window.batchRemove = function(obj) {
+					
+					var checkIds = common.checkField(obj,'userId');
+					
+					if (checkIds === "") {
+						layer.msg("未选中数据", {
+							icon: 3,
+							time: 1000
+						});
+						return false;
+					}
+					
+					layer.confirm('确定要删除这些用户', {
+						icon: 3,
+						title: '提示'
+					}, function(index) {
+						layer.close(index);
+						let loading = layer.load();
+						$.ajax({
+							url: MODULE_PATH + "batchRemove/" + ids,
+							dataType: 'json',
+							type: 'delete',
+							success: function(result) {
+								layer.close(loading);
+								if (result.success) {
+									layer.msg(result.msg, {
+										icon: 1,
+										time: 1000
+									}, function() {
+										table.reload('user-table');
+									});
+								} else {
+									layer.msg(result.msg, {
+										icon: 2,
+										time: 1000
+									});
+								}
+							}
+						})
+					});
+				}
+
+				window.refresh = function(param) {
+					table.reload('user-table');
+				}
+			})
+		</script>
+	</body>
+</html>
diff --git a/src/plugin/admin/webman-admin.sql b/src/plugin/admin/webman-admin.sql
index 5aeb3aa..ae58188 100644
--- a/src/plugin/admin/webman-admin.sql
+++ b/src/plugin/admin/webman-admin.sql
@@ -61,7 +61,7 @@ CREATE TABLE `wa_options` (
 
 LOCK TABLES `wa_options` WRITE;
 /*!40000 ALTER TABLE `wa_options` DISABLE KEYS */;
-INSERT INTO `wa_options` VALUES (2,'table_form_schema_wa_users','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"enable_sort\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false},\"username\":{\"field\":\"username\",\"_field_id\":\"1\",\"comment\":\"用户名\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"nickname\":{\"field\":\"nickname\",\"_field_id\":\"2\",\"comment\":\"昵称\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"password\":{\"field\":\"password\",\"_field_id\":\"3\",\"comment\":\"密码\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"sex\":{\"field\":\"sex\",\"_field_id\":\"4\",\"comment\":\"性别\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/dict\\/get\\/sex\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"avatar\":{\"field\":\"avatar\",\"_field_id\":\"5\",\"comment\":\"头像\",\"control\":\"uploadImage\",\"control_args\":\"url:\\/app\\/admin\\/upload\\/avatar\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"email\":{\"field\":\"email\",\"_field_id\":\"6\",\"comment\":\"邮箱\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"mobile\":{\"field\":\"mobile\",\"_field_id\":\"7\",\"comment\":\"手机\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"level\":{\"field\":\"level\",\"_field_id\":\"8\",\"comment\":\"等级\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"birthday\":{\"field\":\"birthday\",\"_field_id\":\"9\",\"comment\":\"生日\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"between\",\"list_show\":false,\"enable_sort\":false},\"money\":{\"field\":\"money\",\"_field_id\":\"10\",\"comment\":\"余额\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"score\":{\"field\":\"score\",\"_field_id\":\"11\",\"comment\":\"积分\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"last_time\":{\"field\":\"last_time\",\"_field_id\":\"12\",\"comment\":\"登录时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"between\",\"list_show\":false,\"enable_sort\":false},\"last_ip\":{\"field\":\"last_ip\",\"_field_id\":\"13\",\"comment\":\"登录ip\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"join_time\":{\"field\":\"join_time\",\"_field_id\":\"14\",\"comment\":\"注册时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"between\",\"list_show\":false,\"enable_sort\":false},\"join_ip\":{\"field\":\"join_ip\",\"_field_id\":\"15\",\"comment\":\"注册ip\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"token\":{\"field\":\"token\",\"_field_id\":\"16\",\"comment\":\"token\",\"control\":\"input\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"17\",\"comment\":\"创建时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"18\",\"comment\":\"更新时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"role\":{\"field\":\"role\",\"_field_id\":\"19\",\"comment\":\"角色\",\"control\":\"inputNumber\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"status\":{\"field\":\"status\",\"_field_id\":\"20\",\"comment\":\"禁用\",\"control\":\"switch\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-04 15:13:01'),(3,'table_form_schema_wa_roles','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"name\":{\"field\":\"name\",\"_field_id\":\"1\",\"comment\":\"角色名\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"rules\":{\"field\":\"rules\",\"_field_id\":\"2\",\"comment\":\"权限\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"3\",\"comment\":\"创建时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"4\",\"comment\":\"更新时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-07 14:17:45'),(4,'table_form_schema_wa_rules','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"title\":{\"field\":\"title\",\"_field_id\":\"1\",\"comment\":\"标题\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"icon\":{\"field\":\"icon\",\"_field_id\":\"2\",\"comment\":\"图标\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"key\":{\"field\":\"key\",\"_field_id\":\"3\",\"comment\":\"标识\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"pid\":{\"field\":\"pid\",\"_field_id\":\"4\",\"comment\":\"上级菜单\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"5\",\"comment\":\"创建时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"6\",\"comment\":\"更新时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"href\":{\"field\":\"href\",\"_field_id\":\"7\",\"comment\":\"url\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"type\":{\"field\":\"type\",\"_field_id\":\"8\",\"comment\":\"类型\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"weight\":{\"field\":\"weight\",\"_field_id\":\"9\",\"comment\":\"排序\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-07 14:17:37'),(5,'table_form_schema_wa_admins','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"ID\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"username\":{\"field\":\"username\",\"_field_id\":\"1\",\"comment\":\"用户名\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"nickname\":{\"field\":\"nickname\",\"_field_id\":\"2\",\"comment\":\"昵称\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"password\":{\"field\":\"password\",\"_field_id\":\"3\",\"comment\":\"密码\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"avatar\":{\"field\":\"avatar\",\"_field_id\":\"4\",\"comment\":\"头像\",\"control\":\"uploadImage\",\"control_args\":\"url:\\/app\\/admin\\/upload\\/avatar\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"email\":{\"field\":\"email\",\"_field_id\":\"5\",\"comment\":\"邮箱\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"mobile\":{\"field\":\"mobile\",\"_field_id\":\"6\",\"comment\":\"手机\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"7\",\"comment\":\"创建时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"searchable\":true,\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"8\",\"comment\":\"更新时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"roles\":{\"field\":\"roles\",\"_field_id\":\"9\",\"comment\":\"角色\",\"control\":\"treeSelectMulti\",\"control_args\":\"url:\\/app\\/admin\\/admin-role\\/select?format=select\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-01 11:58:41'),(5,'table_form_schema_wa_options','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"name\":{\"field\":\"name\",\"_field_id\":\"1\",\"comment\":\"键\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"value\":{\"field\":\"value\",\"_field_id\":\"2\",\"comment\":\"值\",\"control\":\"textArea\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"3\",\"comment\":\"创建时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"4\",\"comment\":\"更新时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-06 14:49:36'),(6,'table_form_schema_wa_uploads','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"enable_sort\":true,\"search_type\":\"normal\",\"form_show\":false,\"searchable\":false},\"name\":{\"field\":\"name\",\"_field_id\":\"1\",\"comment\":\"名称\",\"control\":\"input\",\"control_args\":\"\",\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false},\"url\":{\"field\":\"url\",\"_field_id\":\"2\",\"comment\":\"文件\",\"control\":\"upload\",\"control_args\":\"url:\\/app\\/admin\\/upload\\/file\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"admin_id\":{\"field\":\"admin_id\",\"_field_id\":\"3\",\"comment\":\"管理员\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/admin\\/select?format=select\",\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"file_size\":{\"field\":\"file_size\",\"_field_id\":\"4\",\"comment\":\"文件大小\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"mime_type\":{\"field\":\"mime_type\",\"_field_id\":\"5\",\"comment\":\"mime类型\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"image_width\":{\"field\":\"image_width\",\"_field_id\":\"6\",\"comment\":\"图片宽度\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"image_height\":{\"field\":\"image_height\",\"_field_id\":\"7\",\"comment\":\"图片高度\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"ext\":{\"field\":\"ext\",\"_field_id\":\"8\",\"comment\":\"扩展名\",\"control\":\"input\",\"control_args\":\"\",\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false},\"storage\":{\"field\":\"storage\",\"_field_id\":\"9\",\"comment\":\"存储位置\",\"control\":\"input\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"10\",\"comment\":\"上传时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"searchable\":true,\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"category\":{\"field\":\"category\",\"_field_id\":\"11\",\"comment\":\"类别\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/dict\\/get\\/upload\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"12\",\"comment\":\"更新时间\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-07 14:17:25'),(1,'system_config','{\n	\"logo\": {\n		\"title\": \"Webman Admin\",\n		\"image\": \"/app/admin/admin/images/logo.png\"\n	},\n	\"menu\": {\n		\"data\": \"/app/admin/rule/get\",\n		\"method\": \"GET\",\n		\"accordion\": true,\n		\"collapse\": false,\n		\"control\": false,\n		\"controlWidth\": 500,\n		\"select\": \"0\",\n		\"async\": true\n	},\n	\"tab\": {\n		\"enable\": true,\n		\"keepState\": true,\n		\"session\": true,\n		\"preload\": false,\n		\"max\": \"30\",\n		\"index\": {\n			\"id\": \"1\",\n			\"href\": \"/app/admin/table/index\",\n			\"title\": \"首页\"\n		}\n	},\n	\"theme\": {\n		\"defaultColor\": \"1\",\n		\"defaultMenu\": \"light-theme\",\n		\"defaultHeader\": \"light-theme\",\n		\"allowCustom\": true,\n		\"banner\": false\n	},\n	\"colors\": [\n		{\n			\"id\": \"1\",\n			\"color\": \"#36b368\",\n			\"second\": \"#f0f9eb\"\n		},\n		{\n			\"id\": \"2\",\n			\"color\": \"#2d8cf0\",\n			\"second\": \"#ecf5ff\"\n		},\n		{\n			\"id\": \"3\",\n			\"color\": \"#f6ad55\",\n			\"second\": \"#fdf6ec\"\n		},\n		{\n			\"id\": \"4\",\n			\"color\": \"#f56c6c\",\n			\"second\": \"#fef0f0\"\n		},\n		{\n			\"id\": \"5\",\n			\"color\": \"#3963bc\",\n			\"second\": \"#ecf5ff\"\n		}\n	],\n	\"other\": {\n		\"keepLoad\": \"500\",\n		\"autoHead\": false,\n		\"footer\": false\n	},\n	\"header\": {\n		\"message\": false\n	}\n}','2022-12-05 14:49:01','2022-12-07 14:12:29'),(8,'dict_sex','[{\"value\":\"0\",\"name\":\"女\"},{\"value\":\"1\",\"name\":\"男\"}]','2022-12-04 15:04:40','2022-12-04 15:04:40'),(9,'dict_status','[{\"value\":\"0\",\"name\":\"正常\"},{\"value\":\"1\",\"name\":\"禁用\"}]','2022-12-04 15:05:09','2022-12-04 15:05:09'),(10,'dict_upload','[{\"value\":\"1\",\"name\":\"分类1\"},{\"value\":\"2\",\"name\":\"分类2\"},{\"value\":\"3\",\"name\":\"分类3\"}]','2022-12-04 16:24:13','2022-12-04 16:24:13'),(7,'table_form_schema_wa_uploads','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"enable_sort\":true,\"search_type\":\"normal\",\"form_show\":false,\"searchable\":false},\"name\":{\"field\":\"name\",\"_field_id\":\"1\",\"comment\":\"名称\",\"control\":\"input\",\"control_args\":\"\",\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false},\"url\":{\"field\":\"url\",\"_field_id\":\"2\",\"comment\":\"文件\",\"control\":\"upload\",\"control_args\":\"url:\\/app\\/admin\\/upload\\/file\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"admin_id\":{\"field\":\"admin_id\",\"_field_id\":\"3\",\"comment\":\"管理员\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/admin\\/select?format=select\",\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"file_size\":{\"field\":\"file_size\",\"_field_id\":\"5\",\"comment\":\"文件大小\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"mime_type\":{\"field\":\"mime_type\",\"_field_id\":\"6\",\"comment\":\"mime类型\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"image_width\":{\"field\":\"image_width\",\"_field_id\":\"7\",\"comment\":\"图片宽度\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"image_height\":{\"field\":\"image_height\",\"_field_id\":\"8\",\"comment\":\"图片高度\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"ext\":{\"field\":\"ext\",\"_field_id\":\"9\",\"comment\":\"扩展名\",\"control\":\"input\",\"control_args\":\"\",\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false},\"storage\":{\"field\":\"storage\",\"_field_id\":\"10\",\"comment\":\"存储位置\",\"control\":\"input\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"11\",\"comment\":\"上传时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"searchable\":true,\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"category\":{\"field\":\"category\",\"_field_id\":\"12\",\"comment\":\"类别\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/dict\\/get\\/upload\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"13\",\"comment\":\"更新时间\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-07 13:12:02');
+INSERT INTO `wa_options` VALUES (2,'table_form_schema_wa_users','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"enable_sort\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false},\"username\":{\"field\":\"username\",\"_field_id\":\"1\",\"comment\":\"用户名\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"nickname\":{\"field\":\"nickname\",\"_field_id\":\"2\",\"comment\":\"昵称\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"password\":{\"field\":\"password\",\"_field_id\":\"3\",\"comment\":\"密码\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"sex\":{\"field\":\"sex\",\"_field_id\":\"4\",\"comment\":\"性别\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/dict\\/get\\/sex\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"avatar\":{\"field\":\"avatar\",\"_field_id\":\"5\",\"comment\":\"头像\",\"control\":\"uploadImage\",\"control_args\":\"url:\\/app\\/admin\\/upload\\/avatar\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"email\":{\"field\":\"email\",\"_field_id\":\"6\",\"comment\":\"邮箱\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"mobile\":{\"field\":\"mobile\",\"_field_id\":\"7\",\"comment\":\"手机\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"level\":{\"field\":\"level\",\"_field_id\":\"8\",\"comment\":\"等级\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"birthday\":{\"field\":\"birthday\",\"_field_id\":\"9\",\"comment\":\"生日\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"between\",\"list_show\":false,\"enable_sort\":false},\"money\":{\"field\":\"money\",\"_field_id\":\"10\",\"comment\":\"余额\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"score\":{\"field\":\"score\",\"_field_id\":\"11\",\"comment\":\"积分\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"last_time\":{\"field\":\"last_time\",\"_field_id\":\"12\",\"comment\":\"登录时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"between\",\"list_show\":false,\"enable_sort\":false},\"last_ip\":{\"field\":\"last_ip\",\"_field_id\":\"13\",\"comment\":\"登录ip\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"join_time\":{\"field\":\"join_time\",\"_field_id\":\"14\",\"comment\":\"注册时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"between\",\"list_show\":false,\"enable_sort\":false},\"join_ip\":{\"field\":\"join_ip\",\"_field_id\":\"15\",\"comment\":\"注册ip\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false},\"token\":{\"field\":\"token\",\"_field_id\":\"16\",\"comment\":\"token\",\"control\":\"input\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"17\",\"comment\":\"创建时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"18\",\"comment\":\"更新时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"role\":{\"field\":\"role\",\"_field_id\":\"19\",\"comment\":\"角色\",\"control\":\"inputNumber\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"status\":{\"field\":\"status\",\"_field_id\":\"20\",\"comment\":\"禁用\",\"control\":\"switch\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-04 15:13:01'),(3,'table_form_schema_wa_roles','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"name\":{\"field\":\"name\",\"_field_id\":\"1\",\"comment\":\"角色名\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"rules\":{\"field\":\"rules\",\"_field_id\":\"2\",\"comment\":\"权限\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"3\",\"comment\":\"创建时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"4\",\"comment\":\"更新时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-07 14:17:45'),(4,'table_form_schema_wa_rules','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"title\":{\"field\":\"title\",\"_field_id\":\"1\",\"comment\":\"标题\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"icon\":{\"field\":\"icon\",\"_field_id\":\"2\",\"comment\":\"图标\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"key\":{\"field\":\"key\",\"_field_id\":\"3\",\"comment\":\"标识\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"pid\":{\"field\":\"pid\",\"_field_id\":\"4\",\"comment\":\"上级菜单\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"5\",\"comment\":\"创建时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"6\",\"comment\":\"更新时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"href\":{\"field\":\"href\",\"_field_id\":\"7\",\"comment\":\"url\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"type\":{\"field\":\"type\",\"_field_id\":\"8\",\"comment\":\"类型\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"weight\":{\"field\":\"weight\",\"_field_id\":\"9\",\"comment\":\"排序\",\"control\":\"inputNumber\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-07 14:17:37'),(5,'table_form_schema_wa_admins','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"ID\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"username\":{\"field\":\"username\",\"_field_id\":\"1\",\"comment\":\"用户名\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"nickname\":{\"field\":\"nickname\",\"_field_id\":\"2\",\"comment\":\"昵称\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"password\":{\"field\":\"password\",\"_field_id\":\"3\",\"comment\":\"密码\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"search_type\":\"normal\",\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"avatar\":{\"field\":\"avatar\",\"_field_id\":\"4\",\"comment\":\"头像\",\"control\":\"uploadImage\",\"control_args\":\"url:\\/app\\/admin\\/upload\\/avatar\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"email\":{\"field\":\"email\",\"_field_id\":\"5\",\"comment\":\"邮箱\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"mobile\":{\"field\":\"mobile\",\"_field_id\":\"6\",\"comment\":\"手机\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"7\",\"comment\":\"创建时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"searchable\":true,\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"8\",\"comment\":\"更新时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"roles\":{\"field\":\"roles\",\"_field_id\":\"9\",\"comment\":\"角色\",\"control\":\"treeSelectMulti\",\"control_args\":\"url:\\/app\\/admin\\/admin-role\\/select?format=select\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-01 11:58:41'),(6,'table_form_schema_wa_options','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"name\":{\"field\":\"name\",\"_field_id\":\"1\",\"comment\":\"键\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"value\":{\"field\":\"value\",\"_field_id\":\"2\",\"comment\":\"值\",\"control\":\"textArea\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"3\",\"comment\":\"创建时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"4\",\"comment\":\"更新时间\",\"control\":\"datePicker\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-06 14:49:36'),(7,'table_form_schema_wa_uploads','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"enable_sort\":true,\"search_type\":\"normal\",\"form_show\":false,\"searchable\":false},\"name\":{\"field\":\"name\",\"_field_id\":\"1\",\"comment\":\"名称\",\"control\":\"input\",\"control_args\":\"\",\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false},\"url\":{\"field\":\"url\",\"_field_id\":\"2\",\"comment\":\"文件\",\"control\":\"upload\",\"control_args\":\"url:\\/app\\/admin\\/upload\\/file\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"admin_id\":{\"field\":\"admin_id\",\"_field_id\":\"3\",\"comment\":\"管理员\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/admin\\/select?format=select\",\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"file_size\":{\"field\":\"file_size\",\"_field_id\":\"4\",\"comment\":\"文件大小\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"mime_type\":{\"field\":\"mime_type\",\"_field_id\":\"5\",\"comment\":\"mime类型\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"image_width\":{\"field\":\"image_width\",\"_field_id\":\"6\",\"comment\":\"图片宽度\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"image_height\":{\"field\":\"image_height\",\"_field_id\":\"7\",\"comment\":\"图片高度\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"ext\":{\"field\":\"ext\",\"_field_id\":\"8\",\"comment\":\"扩展名\",\"control\":\"input\",\"control_args\":\"\",\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false},\"storage\":{\"field\":\"storage\",\"_field_id\":\"9\",\"comment\":\"存储位置\",\"control\":\"input\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"10\",\"comment\":\"上传时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"searchable\":true,\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"category\":{\"field\":\"category\",\"_field_id\":\"11\",\"comment\":\"类别\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/dict\\/get\\/upload\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"12\",\"comment\":\"更新时间\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-07 14:17:25'),(1,'system_config','{\n	\"logo\": {\n		\"title\": \"Webman Admin\",\n		\"image\": \"/app/admin/admin/images/logo.png\"\n	},\n	\"menu\": {\n		\"data\": \"/app/admin/rule/get\",\n		\"method\": \"GET\",\n		\"accordion\": true,\n		\"collapse\": false,\n		\"control\": false,\n		\"controlWidth\": 500,\n		\"select\": \"0\",\n		\"async\": true\n	},\n	\"tab\": {\n		\"enable\": true,\n		\"keepState\": true,\n		\"session\": true,\n		\"preload\": false,\n		\"max\": \"30\",\n		\"index\": {\n			\"id\": \"1\",\n			\"href\": \"/app/admin/table/index\",\n			\"title\": \"首页\"\n		}\n	},\n	\"theme\": {\n		\"defaultColor\": \"1\",\n		\"defaultMenu\": \"light-theme\",\n		\"defaultHeader\": \"light-theme\",\n		\"allowCustom\": true,\n		\"banner\": false\n	},\n	\"colors\": [\n		{\n			\"id\": \"1\",\n			\"color\": \"#36b368\",\n			\"second\": \"#f0f9eb\"\n		},\n		{\n			\"id\": \"2\",\n			\"color\": \"#2d8cf0\",\n			\"second\": \"#ecf5ff\"\n		},\n		{\n			\"id\": \"3\",\n			\"color\": \"#f6ad55\",\n			\"second\": \"#fdf6ec\"\n		},\n		{\n			\"id\": \"4\",\n			\"color\": \"#f56c6c\",\n			\"second\": \"#fef0f0\"\n		},\n		{\n			\"id\": \"5\",\n			\"color\": \"#3963bc\",\n			\"second\": \"#ecf5ff\"\n		}\n	],\n	\"other\": {\n		\"keepLoad\": \"500\",\n		\"autoHead\": false,\n		\"footer\": false\n	},\n	\"header\": {\n		\"message\": false\n	}\n}','2022-12-05 14:49:01','2022-12-07 14:12:29'),(10,'dict_sex','[{\"value\":\"0\",\"name\":\"女\"},{\"value\":\"1\",\"name\":\"男\"}]','2022-12-04 15:04:40','2022-12-04 15:04:40'),(11,'dict_status','[{\"value\":\"0\",\"name\":\"正常\"},{\"value\":\"1\",\"name\":\"禁用\"}]','2022-12-04 15:05:09','2022-12-04 15:05:09'),(9,'dict_upload','[{\"value\":\"1\",\"name\":\"分类1\"},{\"value\":\"2\",\"name\":\"分类2\"},{\"value\":\"3\",\"name\":\"分类3\"}]','2022-12-04 16:24:13','2022-12-04 16:24:13'),(8,'table_form_schema_wa_uploads','{\"id\":{\"field\":\"id\",\"_field_id\":\"0\",\"comment\":\"主键\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"enable_sort\":true,\"search_type\":\"normal\",\"form_show\":false,\"searchable\":false},\"name\":{\"field\":\"name\",\"_field_id\":\"1\",\"comment\":\"名称\",\"control\":\"input\",\"control_args\":\"\",\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false},\"url\":{\"field\":\"url\",\"_field_id\":\"2\",\"comment\":\"文件\",\"control\":\"upload\",\"control_args\":\"url:\\/app\\/admin\\/upload\\/file\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false},\"admin_id\":{\"field\":\"admin_id\",\"_field_id\":\"3\",\"comment\":\"管理员\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/admin\\/select?format=select\",\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"file_size\":{\"field\":\"file_size\",\"_field_id\":\"5\",\"comment\":\"文件大小\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"mime_type\":{\"field\":\"mime_type\",\"_field_id\":\"6\",\"comment\":\"mime类型\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"image_width\":{\"field\":\"image_width\",\"_field_id\":\"7\",\"comment\":\"图片宽度\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"image_height\":{\"field\":\"image_height\",\"_field_id\":\"8\",\"comment\":\"图片高度\",\"control\":\"inputNumber\",\"control_args\":\"\",\"list_show\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false,\"searchable\":false},\"ext\":{\"field\":\"ext\",\"_field_id\":\"9\",\"comment\":\"扩展名\",\"control\":\"input\",\"control_args\":\"\",\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"form_show\":false,\"enable_sort\":false},\"storage\":{\"field\":\"storage\",\"_field_id\":\"10\",\"comment\":\"存储位置\",\"control\":\"input\",\"control_args\":\"\",\"search_type\":\"normal\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false,\"searchable\":false},\"created_at\":{\"field\":\"created_at\",\"_field_id\":\"11\",\"comment\":\"上传时间\",\"control\":\"dateTimePicker\",\"control_args\":\"\",\"searchable\":true,\"search_type\":\"between\",\"form_show\":false,\"list_show\":false,\"enable_sort\":false},\"category\":{\"field\":\"category\",\"_field_id\":\"12\",\"comment\":\"类别\",\"control\":\"select\",\"control_args\":\"url:\\/app\\/admin\\/dict\\/get\\/upload\",\"form_show\":true,\"list_show\":true,\"searchable\":true,\"search_type\":\"normal\",\"enable_sort\":false},\"updated_at\":{\"field\":\"updated_at\",\"_field_id\":\"13\",\"comment\":\"更新时间\",\"control\":\"input\",\"control_args\":\"\",\"form_show\":true,\"list_show\":true,\"search_type\":\"normal\",\"enable_sort\":false,\"searchable\":false}}','2022-08-15 00:00:00','2022-12-07 13:12:02');
 /*!40000 ALTER TABLE `wa_options` ENABLE KEYS */;
 UNLOCK TABLES;