From 578aef8fb0c6bf16e5b599ff25943d35a887b50d Mon Sep 17 00:00:00 2001
From: whb <17803890193@163.com>
Date: Fri, 18 Aug 2023 09:04:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=9B=AE=E5=BD=95=E7=9A=84?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/layui-v2.6.8/academicList.html  | 111 +++++++++++++++---
 .../layui-v2.6.8/applicationList.html         | 110 ++++++++++++++---
 .../templates/layui-v2.6.8/downloadList.html  |  37 ++++++
 .../templates/layui-v2.6.8/gameList.html      | 102 +++++++++++++++-
 .../templates/layui-v2.6.8/inviteList.html    |   1 -
 .../templates/layui-v2.6.8/knowledgeList.html | 109 ++++++++++++++---
 .../templates/layui-v2.6.8/serveList.html     |  40 +------
 .../templates/layui-v2.6.8/textualList.html   | 106 +++++++++++++++--
 8 files changed, 515 insertions(+), 101 deletions(-)
diff --git a/src/main/resources/templates/layui-v2.6.8/academicList.html b/src/main/resources/templates/layui-v2.6.8/academicList.html
index 00c3c99..7c8ebba 100644
--- a/src/main/resources/templates/layui-v2.6.8/academicList.html
+++ b/src/main/resources/templates/layui-v2.6.8/academicList.html
@@ -8,6 +8,43 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" href="layui/css/layui.css" tppabs="//res.ilayuis.com/layui/dist/css/layui.css"  media="all">
     <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
+    <style>
+        .select-img-wrap {
+            width: calc(100% - 40px);
+            margin: 0 20px;
+        }
+
+        .select-img-wrap .dir-img-icon {
+            position: relative;
+        }
+
+        .select-img-wrap .dir-img-icon .icon {
+            width: 70px;
+            height: 70px;
+            cursor: pointer;
+            vertical-align: bottom;
+            background: #e7e7e7;
+        }
+
+        .select-img-wrap .dir-img-icon.active::before {
+            content: "";
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+        }
+        .select-img-wrap .dir-img-icon.active::after {
+            content: "";
+            width: 16px;
+            height: 8px;
+            border: 3px solid #FF5722;
+            border-bottom: 0;
+            border-left: 0;
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+            transform: rotate(135deg);
+        }
+    </style>
 </head>
 <body>
 
@@ -255,6 +292,8 @@
 
 <script>
     function addDir(data) {
+        var $ = layui.jquery
+        var dirImg = ''
         //弹框
         layer.open({
             type: 1,
@@ -262,9 +301,16 @@
             title: ['添加页面', 'font-size:18px;'],
             area: ['600px', '600px'],
             btn: ['提交', '取消']
+
             , yes: function (index, layero) {
+                // 获取所有图标元素
+                var dirName = $('#dirName').val()
+                var params = {
+                    dirName: dirName,
+                    dirImg: dirImg,
+                }
                 //修改操作
-                $.get("http://localhost:8080/application/addDirectory", $("#addDirectory").serialize(),
+                $.get("http://localhost:8080/academin/addDirectory", params,
                     function (data) {
                         if ("success" == data.msg) {
                             layer.msg(data.msg);
@@ -279,6 +325,15 @@
                 // alert("取消")
             }
         });
+        $(".select-img-wrap").on('click', '.dir-img-icon>img', function (event){
+            const parentEl = $(this).parent('.dir-img-icon')
+            const siblingsEl = $(parentEl).siblings('.dir-img-icon')
+            parentEl.addClass('active')
+            Array.from(siblingsEl).forEach(item=>{
+                $(item).removeClass('active')
+            })
+            dirImg = $(this).attr('src')
+        })
     }
 
 </script>
@@ -296,22 +351,48 @@
                        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="dirName" id="dirName" required lay-verify="required" autocomplete="off"
-                       class="layui-input">
+        <div class="layui-form-item" style="display: flex;flex-direction: column">
+            <label class="layui-form-label">选择icon</label>
+            <!--            <input type="hidden"  name="dirImg" id="dirImg" class="layui-form-label">选择icon</input>-->
+            <div class="layui-row layui-col-space20 select-img-wrap">
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon1" class="icon" src="https://picsum.photos/id/237/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon2" class="icon" src="https://picsum.photos/id/238/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon3" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
             </div>
         </div>
-        <!--        <div class="layui-form-item">-->
-        <!--            <label class="layui-form-label">选择icon</label>-->
-        <!--            <div name="dirImg" class="layui-container" id="test10">-->
-        <!--                <div><img src="./images/01.png"></div>-->
-        <!--                <div><img src="./images/01.png"></div>-->
-        <!--                <div><img src="./images/01.png"></div>-->
-        <!--            </div>-->
-        <!--            </div>-->
-        <!--        </div>-->
     </form>
 </script>
 <script>
diff --git a/src/main/resources/templates/layui-v2.6.8/applicationList.html b/src/main/resources/templates/layui-v2.6.8/applicationList.html
index 87cdbda..6612ccc 100644
--- a/src/main/resources/templates/layui-v2.6.8/applicationList.html
+++ b/src/main/resources/templates/layui-v2.6.8/applicationList.html
@@ -8,6 +8,43 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" href="layui/css/layui.css" tppabs="//res.ilayuis.com/layui/dist/css/layui.css"  media="all">
     <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
+    <style>
+        .select-img-wrap {
+            width: calc(100% - 40px);
+            margin: 0 20px;
+        }
+
+        .select-img-wrap .dir-img-icon {
+            position: relative;
+        }
+
+        .select-img-wrap .dir-img-icon .icon {
+            width: 70px;
+            height: 70px;
+            cursor: pointer;
+            vertical-align: bottom;
+            background: #e7e7e7;
+        }
+
+        .select-img-wrap .dir-img-icon.active::before {
+            content: "";
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+        }
+        .select-img-wrap .dir-img-icon.active::after {
+            content: "";
+            width: 16px;
+            height: 8px;
+            border: 3px solid #FF5722;
+            border-bottom: 0;
+            border-left: 0;
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+            transform: rotate(135deg);
+        }
+    </style>
 </head>
 <body>
 
@@ -228,6 +265,8 @@
 
 <script>
     function addDir(data) {
+        var $ = layui.jquery
+        var dirImg = ''
         //弹框
         layer.open({
             type: 1,
@@ -235,9 +274,16 @@
             title: ['添加页面', 'font-size:18px;'],
             area: ['600px', '600px'],
             btn: ['提交', '取消']
+
             , yes: function (index, layero) {
+                // 获取所有图标元素
+                var dirName = $('#dirName').val()
+                var params = {
+                    dirName: dirName,
+                    dirImg: dirImg,
+                }
                 //修改操作
-                $.get("http://localhost:8080/application/addDirectory", $("#addDirectory").serialize(),
+                $.get("http://localhost:8080/application/addDirectory", params,
                     function (data) {
                         if ("success" == data.msg) {
                             layer.msg(data.msg);
@@ -252,7 +298,17 @@
                 // alert("取消")
             }
         });
+        $(".select-img-wrap").on('click', '.dir-img-icon>img', function (event){
+            const parentEl = $(this).parent('.dir-img-icon')
+            const siblingsEl = $(parentEl).siblings('.dir-img-icon')
+            parentEl.addClass('active')
+            Array.from(siblingsEl).forEach(item=>{
+                $(item).removeClass('active')
+            })
+            dirImg = $(this).attr('src')
+        })
     }
+
 </script>
 <script type="text/html" id="addForm">
 
@@ -268,22 +324,48 @@
                        class="layui-input">
             </div>
         </div>
-        <div class="layui-form-item">
+        <div class="layui-form-item" style="display: flex;flex-direction: column">
             <label class="layui-form-label">选择icon</label>
-            <div class="layui-input-block">
-                <input type="text" name="dirImg" id="dirImg" required lay-verify="required" autocomplete="off"
-                       class="layui-input">
+            <!--            <input type="hidden"  name="dirImg" id="dirImg" class="layui-form-label">选择icon</input>-->
+            <div class="layui-row layui-col-space20 select-img-wrap">
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon1" class="icon" src="https://picsum.photos/id/237/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon2" class="icon" src="https://picsum.photos/id/238/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon3" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
             </div>
         </div>
-        <!--        <div class="layui-form-item">-->
-        <!--            <label class="layui-form-label">选择icon</label>-->
-        <!--            <div name="dirImg" class="layui-container" id="test10">-->
-        <!--                <div><img src="./images/01.png"></div>-->
-        <!--                <div><img src="./images/01.png"></div>-->
-        <!--                <div><img src="./images/01.png"></div>-->
-        <!--            </div>-->
-        <!--            </div>-->
-        <!--        </div>-->
     </form>
 </script>
 <script>
diff --git a/src/main/resources/templates/layui-v2.6.8/downloadList.html b/src/main/resources/templates/layui-v2.6.8/downloadList.html
index dea72dc..79befad 100644
--- a/src/main/resources/templates/layui-v2.6.8/downloadList.html
+++ b/src/main/resources/templates/layui-v2.6.8/downloadList.html
@@ -8,6 +8,43 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" href="layui/css/layui.css" tppabs="//res.ilayuis.com/layui/dist/css/layui.css" media="all">
     <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
+    <style>
+        .select-img-wrap {
+            width: calc(100% - 40px);
+            margin: 0 20px;
+        }
+
+        .select-img-wrap .dir-img-icon {
+            position: relative;
+        }
+
+        .select-img-wrap .dir-img-icon .icon {
+            width: 70px;
+            height: 70px;
+            cursor: pointer;
+            vertical-align: bottom;
+            background: #e7e7e7;
+        }
+
+        .select-img-wrap .dir-img-icon.active::before {
+            content: "";
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+        }
+        .select-img-wrap .dir-img-icon.active::after {
+            content: "";
+            width: 16px;
+            height: 8px;
+            border: 3px solid #FF5722;
+            border-bottom: 0;
+            border-left: 0;
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+            transform: rotate(135deg);
+        }
+    </style>
 </head>
 
 <style>
diff --git a/src/main/resources/templates/layui-v2.6.8/gameList.html b/src/main/resources/templates/layui-v2.6.8/gameList.html
index 65ccfa6..9050657 100644
--- a/src/main/resources/templates/layui-v2.6.8/gameList.html
+++ b/src/main/resources/templates/layui-v2.6.8/gameList.html
@@ -8,6 +8,43 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" href="layui/css/layui.css" tppabs="//res.ilayuis.com/layui/dist/css/layui.css"  media="all">
     <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
+    <style>
+        .select-img-wrap {
+            width: calc(100% - 40px);
+            margin: 0 20px;
+        }
+
+        .select-img-wrap .dir-img-icon {
+            position: relative;
+        }
+
+        .select-img-wrap .dir-img-icon .icon {
+            width: 70px;
+            height: 70px;
+            cursor: pointer;
+            vertical-align: bottom;
+            background: #e7e7e7;
+        }
+
+        .select-img-wrap .dir-img-icon.active::before {
+            content: "";
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+        }
+        .select-img-wrap .dir-img-icon.active::after {
+            content: "";
+            width: 16px;
+            height: 8px;
+            border: 3px solid #FF5722;
+            border-bottom: 0;
+            border-left: 0;
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+            transform: rotate(135deg);
+        }
+    </style>
 </head>
 <body>
 
@@ -248,16 +285,25 @@
 
 <script>
     function addDir(data) {
+        var $ = layui.jquery
+        var dirImg = ''
         //弹框
         layer.open({
             type: 1,
             content: $("#addForm").html(),
-            title: ['添加目录', 'font-size:18px;'],
+            title: ['添加页面', 'font-size:18px;'],
             area: ['600px', '600px'],
             btn: ['提交', '取消']
+
             , yes: function (index, layero) {
+                // 获取所有图标元素
+                var dirName = $('#dirName').val()
+                var params = {
+                    dirName: dirName,
+                    dirImg: dirImg,
+                }
                 //修改操作
-                $.get("http://localhost:8080/application/addDirectory", $("#addDirectory").serialize(),
+                $.get("http://localhost:8080/game/addDirectory", params,
                     function (data) {
                         if ("success" == data.msg) {
                             layer.msg(data.msg);
@@ -272,6 +318,15 @@
                 // alert("取消")
             }
         });
+        $(".select-img-wrap").on('click', '.dir-img-icon>img', function (event){
+            const parentEl = $(this).parent('.dir-img-icon')
+            const siblingsEl = $(parentEl).siblings('.dir-img-icon')
+            parentEl.addClass('active')
+            Array.from(siblingsEl).forEach(item=>{
+                $(item).removeClass('active')
+            })
+            dirImg = $(this).attr('src')
+        })
     }
 
 </script>
@@ -289,11 +344,46 @@
                        class="layui-input">
             </div>
         </div>
-        <div class="layui-form-item">
+        <div class="layui-form-item" style="display: flex;flex-direction: column">
             <label class="layui-form-label">选择icon</label>
-            <div class="layui-input-block">
-                <input type="text" name="dirImg" id="dirImg" required lay-verify="required" autocomplete="off"
-                       class="layui-input">
+            <!--            <input type="hidden"  name="dirImg" id="dirImg" class="layui-form-label">选择icon</input>-->
+            <div class="layui-row layui-col-space20 select-img-wrap">
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon1" class="icon" src="https://picsum.photos/id/237/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon2" class="icon" src="https://picsum.photos/id/238/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon3" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
             </div>
         </div>
     </form>
diff --git a/src/main/resources/templates/layui-v2.6.8/inviteList.html b/src/main/resources/templates/layui-v2.6.8/inviteList.html
index 5c3950a..f2b488b 100644
--- a/src/main/resources/templates/layui-v2.6.8/inviteList.html
+++ b/src/main/resources/templates/layui-v2.6.8/inviteList.html
@@ -37,7 +37,6 @@
             content: "";
             width: 16px;
             height: 8px;
-            /*border: 3px solid #00FFFF;*/
             border: 3px solid #FF5722;
             border-bottom: 0;
             border-left: 0;
diff --git a/src/main/resources/templates/layui-v2.6.8/knowledgeList.html b/src/main/resources/templates/layui-v2.6.8/knowledgeList.html
index 3794f44..8eca2f1 100644
--- a/src/main/resources/templates/layui-v2.6.8/knowledgeList.html
+++ b/src/main/resources/templates/layui-v2.6.8/knowledgeList.html
@@ -8,6 +8,43 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" href="layui/css/layui.css" tppabs="//res.ilayuis.com/layui/dist/css/layui.css"  media="all">
     <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
+    <style>
+        .select-img-wrap {
+            width: calc(100% - 40px);
+            margin: 0 20px;
+        }
+
+        .select-img-wrap .dir-img-icon {
+            position: relative;
+        }
+
+        .select-img-wrap .dir-img-icon .icon {
+            width: 70px;
+            height: 70px;
+            cursor: pointer;
+            vertical-align: bottom;
+            background: #e7e7e7;
+        }
+
+        .select-img-wrap .dir-img-icon.active::before {
+            content: "";
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+        }
+        .select-img-wrap .dir-img-icon.active::after {
+            content: "";
+            width: 16px;
+            height: 8px;
+            border: 3px solid #FF5722;
+            border-bottom: 0;
+            border-left: 0;
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+            transform: rotate(135deg);
+        }
+    </style>
 </head>
 <body>
 
@@ -245,6 +282,8 @@
 
 <script>
     function addDir(data) {
+        var $ = layui.jquery
+        var dirImg = ''
         //弹框
         layer.open({
             type: 1,
@@ -252,9 +291,16 @@
             title: ['添加页面', 'font-size:18px;'],
             area: ['600px', '600px'],
             btn: ['提交', '取消']
+
             , yes: function (index, layero) {
+                // 获取所有图标元素
+                var dirName = $('#dirName').val()
+                var params = {
+                    dirName: dirName,
+                    dirImg: dirImg,
+                }
                 //修改操作
-                $.get("http://localhost:8080/application/addDirectory", $("#addDirectory").serialize(),
+                $.get("http://localhost:8080/knowledge/addDirectory", params,
                     function (data) {
                         if ("success" == data.msg) {
                             layer.msg(data.msg);
@@ -269,6 +315,15 @@
                 // alert("取消")
             }
         });
+        $(".select-img-wrap").on('click', '.dir-img-icon>img', function (event){
+            const parentEl = $(this).parent('.dir-img-icon')
+            const siblingsEl = $(parentEl).siblings('.dir-img-icon')
+            parentEl.addClass('active')
+            Array.from(siblingsEl).forEach(item=>{
+                $(item).removeClass('active')
+            })
+            dirImg = $(this).attr('src')
+        })
     }
 
 </script>
@@ -286,22 +341,48 @@
                        class="layui-input">
             </div>
         </div>
-        <div class="layui-form-item">
+        <div class="layui-form-item" style="display: flex;flex-direction: column">
             <label class="layui-form-label">选择icon</label>
-            <div class="layui-input-block">
-                <input type="text" name="dirImg" id="dirImg" required lay-verify="required" autocomplete="off"
-                       class="layui-input">
+            <!--            <input type="hidden"  name="dirImg" id="dirImg" class="layui-form-label">选择icon</input>-->
+            <div class="layui-row layui-col-space20 select-img-wrap">
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon1" class="icon" src="https://picsum.photos/id/237/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon2" class="icon" src="https://picsum.photos/id/238/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon3" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
             </div>
         </div>
-        <!--        <div class="layui-form-item">-->
-        <!--            <label class="layui-form-label">选择icon</label>-->
-        <!--            <div name="dirImg" class="layui-container" id="test10">-->
-        <!--                <div><img src="./images/01.png"></div>-->
-        <!--                <div><img src="./images/01.png"></div>-->
-        <!--                <div><img src="./images/01.png"></div>-->
-        <!--            </div>-->
-        <!--            </div>-->
-        <!--        </div>-->
     </form>
 </script>
 <script>
diff --git a/src/main/resources/templates/layui-v2.6.8/serveList.html b/src/main/resources/templates/layui-v2.6.8/serveList.html
index 8095f18..9727c2f 100644
--- a/src/main/resources/templates/layui-v2.6.8/serveList.html
+++ b/src/main/resources/templates/layui-v2.6.8/serveList.html
@@ -36,7 +36,6 @@
             content: "";
             width: 16px;
             height: 8px;
-            /*border: 3px solid #00FFFF;*/
             border: 3px solid #FF5722;
             border-bottom: 0;
             border-left: 0;
@@ -45,44 +44,7 @@
             bottom: 10px;
             transform: rotate(135deg);
         }
-    </style> <style>
-    .select-img-wrap {
-        width: calc(100% - 40px);
-        margin: 0 20px;
-    }
-
-    .select-img-wrap .dir-img-icon {
-        position: relative;
-    }
-
-    .select-img-wrap .dir-img-icon .icon {
-        width: 70px;
-        height: 70px;
-        cursor: pointer;
-        vertical-align: bottom;
-        background: #e7e7e7;
-    }
-
-    .select-img-wrap .dir-img-icon.active::before {
-        content: "";
-        position: absolute;
-        right: 10px;
-        bottom: 10px;
-    }
-    .select-img-wrap .dir-img-icon.active::after {
-        content: "";
-        width: 16px;
-        height: 8px;
-        /*border: 3px solid #00FFFF;*/
-        border: 3px solid #FF5722;
-        border-bottom: 0;
-        border-left: 0;
-        position: absolute;
-        right: 10px;
-        bottom: 10px;
-        transform: rotate(135deg);
-    }
-</style>
+    </style>
 </head>
 <body>
 
diff --git a/src/main/resources/templates/layui-v2.6.8/textualList.html b/src/main/resources/templates/layui-v2.6.8/textualList.html
index b14db2e..b6da7d6 100644
--- a/src/main/resources/templates/layui-v2.6.8/textualList.html
+++ b/src/main/resources/templates/layui-v2.6.8/textualList.html
@@ -8,6 +8,43 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <link rel="stylesheet" href="layui/css/layui.css" tppabs="//res.ilayuis.com/layui/dist/css/layui.css"  media="all">
     <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
+    <style>
+        .select-img-wrap {
+            width: calc(100% - 40px);
+            margin: 0 20px;
+        }
+
+        .select-img-wrap .dir-img-icon {
+            position: relative;
+        }
+
+        .select-img-wrap .dir-img-icon .icon {
+            width: 70px;
+            height: 70px;
+            cursor: pointer;
+            vertical-align: bottom;
+            background: #e7e7e7;
+        }
+
+        .select-img-wrap .dir-img-icon.active::before {
+            content: "";
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+        }
+        .select-img-wrap .dir-img-icon.active::after {
+            content: "";
+            width: 16px;
+            height: 8px;
+            border: 3px solid #FF5722;
+            border-bottom: 0;
+            border-left: 0;
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+            transform: rotate(135deg);
+        }
+    </style>
 </head>
 <body>
 
@@ -221,6 +258,8 @@
 </script>
 <script>
     function addDir(data) {
+        var $ = layui.jquery
+        var dirImg = ''
         //弹框
         layer.open({
             type: 1,
@@ -228,9 +267,16 @@
             title: ['添加页面', 'font-size:18px;'],
             area: ['600px', '600px'],
             btn: ['提交', '取消']
+
             , yes: function (index, layero) {
+                // 获取所有图标元素
+                var dirName = $('#dirName').val()
+                var params = {
+                    dirName: dirName,
+                    dirImg: dirImg,
+                }
                 //修改操作
-                $.get("http://localhost:8080/application/addDirectory", $("#addDirectory").serialize(),
+                $.get("http://localhost:8080/textual/addDirectory", params,
                     function (data) {
                         if ("success" == data.msg) {
                             layer.msg(data.msg);
@@ -245,7 +291,15 @@
                 // alert("取消")
             }
         });
-
+        $(".select-img-wrap").on('click', '.dir-img-icon>img', function (event){
+            const parentEl = $(this).parent('.dir-img-icon')
+            const siblingsEl = $(parentEl).siblings('.dir-img-icon')
+            parentEl.addClass('active')
+            Array.from(siblingsEl).forEach(item=>{
+                $(item).removeClass('active')
+            })
+            dirImg = $(this).attr('src')
+        })
     }
 
 </script>
@@ -263,19 +317,47 @@
                        class="layui-input">
             </div>
         </div>
-        <div class="layui-form-item">
+        <div class="layui-form-item" style="display: flex;flex-direction: column">
             <label class="layui-form-label">选择icon</label>
-            <div class="layui-container" id="test10">
-                <div class="layui-row">
-                    <div class="layui-col-md4" lay-event="addData">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                    </div>
+            <!--            <input type="hidden"  name="dirImg" id="dirImg" class="layui-form-label">选择icon</input>-->
+            <div class="layui-row layui-col-space20 select-img-wrap">
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon1" class="icon" src="https://picsum.photos/id/237/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon2" class="icon" src="https://picsum.photos/id/238/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon3" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon4" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
+                </div>
+                <div name="dirImg" class="layui-col-md2 dir-img-icon" lay-event="addData">
+                    <img id="icon5" class="icon" src="https://picsum.photos/70/70" alt="图片1">
                 </div>
-
             </div>
-
         </div>
     </form>
 </script>
