From 8e96995e1cc9c79a24e596953b096a620ac77ba0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E5=BC=BA?= <357099073@qq.com>
Date: Thu, 19 Jun 2025 16:44:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=B5=84=E6=BA=90=E5=88=86?=
 =?UTF-8?q?=E7=B1=BBpages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/admin/view/yunzer/menuedit.php           | 136 +++++++++++++++----
 app/index/controller/ResourcesController.php |  21 +--
 2 files changed, 124 insertions(+), 33 deletions(-)

diff --git a/app/admin/view/yunzer/menuedit.php b/app/admin/view/yunzer/menuedit.php
index 6b53a4a..3c94d40 100644
--- a/app/admin/view/yunzer/menuedit.php
+++ b/app/admin/view/yunzer/menuedit.php
@@ -9,13 +9,25 @@
 	</div>
 	<div class="layui-form-item">
 		<label class="layui-form-label">图标</label>
-		<div class="layui-input-block">
-			<select name="icon_class" lay-verify="required" lay-search="">
-				<option value="">请输入layui图标</option>
-				{foreach($iconfont as $icon_v)}
-					<option value="{$icon_v['icon_css']}" {if($icon_v['icon_css'] == $lists['icon_class'])}selected{/if}>{$icon_v['icon_css']} {$icon_v['icon_name']}</option>
-				{/foreach}
-			</select>
+		<div class="layui-input-block" style="position:relative;">
+			<input type="text" readonly class="layui-input" name="icon_class" id="icon_class_input"
+				value="{$lists['icon_class']|default=''}" placeholder="请选择图标" autocomplete="off"
+				style="background:#fff;cursor:pointer;">
+			<div class="icon-dropdown" id="iconDropdown"
+				style="display:none;position:absolute;z-index:9999;width:400px;max-height:320px;overflow:auto;background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:12px;">
+				<input type="text" class="layui-input" id="iconSearchInput" placeholder="搜索图标名称或class"
+					style="margin-bottom:10px;">
+				<div class="icon-card-list">
+					{foreach $iconfont as $icon_v}
+					<div class="icon-card{if($icon_v['icon_css'] == $lists['icon_class'])} selected{/if}"
+						data-icon="{$icon_v['icon_css']}" data-name="{$icon_v['icon_name']}"
+						data-css="{$icon_v['icon_css']}">
+						<i class="layui-icon {$icon_v['icon_css']}" style="font-size:24px;"></i>
+						<div class="icon-name">{$icon_v['icon_name']}</div>
+					</div>
+					{/foreach}
+				</div>
+			</div>
 		</div>
 	</div>
 	<div class="layui-form-item">
@@ -37,22 +49,100 @@
 		<button type="button" class="layui-btn" onclick="save()">保存</button>
 	</div>
 </div>
-<script type="text/javascript">
-	layui.use(['layer','form'],function(){
-		form = layui.form;
-		layer = layui.layer;
-		$ = layui.jquery;
-	});
-
-	function save(){
-		$.post('{$config["admin_route"]}yunzer/menuedit',$('form').serialize(),function(res){
-			if(res.code>0){
-				layer.msg(res.msg,{'icon':2});
-			}else{
-				layer.msg(res.msg,{'icon':1});
-				setTimeout(function(){parent.window.location.reload();},1000);
+<script>
+	layui.use(['jquery'], function () {
+		var $ = layui.jquery;
+		var $input = $('#icon_class_input');
+		var $dropdown = $('#iconDropdown');
+		var $search = $('#iconSearchInput');
+		var $cards = $dropdown.find('.icon-card');
+		// 显示下拉
+		$input.on('focus click', function (e) {
+			var offset = $input.offset();
+			$dropdown.css({
+				left: '-15px',
+				top: '40px',
+				display: 'block'
+			});
+			$search.val('').trigger('input');
+		});
+		// 选中卡片
+		$dropdown.on('click', '.icon-card', function () {
+			$cards.removeClass('selected');
+			$(this).addClass('selected');
+			$input.val($(this).data('icon'));
+			$dropdown.hide();
+		});
+		// 搜索
+		$search.on('input', function () {
+			var val = $(this).val().toLowerCase();
+			$cards.each(function () {
+				var name = $(this).data('name').toLowerCase();
+				var css = $(this).data('css').toLowerCase();
+				if (name.indexOf(val) !== -1 || css.indexOf(val) !== -1) {
+					$(this).show();
+				} else {
+					$(this).hide();
+				}
+			});
+		});
+		// 点击外部关闭
+		$(document).on('mousedown', function (e) {
+			if (!$(e.target).closest('.icon-dropdown').length && !$(e.target).is($input)) {
+				$dropdown.hide();
 			}
-		},'json');
-	}
+		});
+		// 回显
+		var selected = $input.val();
+		if (selected) {
+			$cards.each(function () {
+				if ($(this).data('icon') == selected) {
+					$(this).addClass('selected');
+				}
+			});
+		}
+	});
 </script>
+<style>
+	.icon-card-list {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 12px;
+	}
+
+	.icon-card {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		width: 52px;
+		height: 52px;
+		border: 1px solid #eee;
+		border-radius: 6px;
+		cursor: pointer;
+		transition: border 0.2s, box-shadow 0.2s;
+		background: #fafbfc;
+		font-size: 12px;
+		color: #666;
+		position: relative;
+	}
+
+	.icon-card.selected {
+		border: 2px solid #409eff;
+		box-shadow: 0 2px 8px rgba(64, 158, 255, 0.10);
+		color: #409eff;
+	}
+
+	.icon-card .icon-name {
+		margin-top: 4px;
+		font-size: 9px;
+		text-align: center;
+		word-break: break-all;
+	}
+
+	.icon-dropdown {
+		min-width: 320px;
+		max-width: 600px;
+	}
+</style>
 {include file="public/tail" /}
\ No newline at end of file
diff --git a/app/index/controller/ResourcesController.php b/app/index/controller/ResourcesController.php
index 95a8655..2946474 100644
--- a/app/index/controller/ResourcesController.php
+++ b/app/index/controller/ResourcesController.php
@@ -38,7 +38,7 @@ class ResourcesController extends BaseController
             ->where('status', 1)
             ->order('sort', 'asc')
             ->select();
-            
+
         // 获取每个顶级分类下的子分类
         $categories = [];
         foreach ($parentCategories as $parent) {
@@ -46,23 +46,23 @@ class ResourcesController extends BaseController
                 ->where('status', 1)
                 ->order('sort', 'asc')
                 ->select();
-                
+
             // 获取每个子分类下的资源数量
             foreach ($subCategories as &$subCategory) {
                 $subCategory['resource_count'] = Resources::where('cate', $subCategory->id)
                     ->where('status', 1)
                     ->count();
             }
-                
+
             $categories[] = [
                 'parent' => $parent,
                 'subCategories' => $subCategories
             ];
         }
-            
+
         // 将数据传递给视图
         View::assign('categories', $categories);
-        
+
         return View::fetch();
     }
 
@@ -71,16 +71,16 @@ class ResourcesController extends BaseController
     {
         $cid = input('cid/d', 0);
         $page = input('page/d', 1);
-        
+
         // 获取分类信息
         $category = ResourcesCategory::where('id', $cid)
             ->where('status', 1)
             ->find();
-            
+
         if (!$category) {
             $this->error('分类不存在');
         }
-        
+
         // 获取该分类下的资源，带分页
         $resources = Resources::where('cate', $cid)
             ->where('status', 1)
@@ -90,11 +90,12 @@ class ResourcesController extends BaseController
                 'page' => $page,
                 'query' => Request::instance()->param()
             ]);
-            
+
         // 将数据传递给视图
         View::assign('category', $category);
         View::assign('data', $resources);
-        
+        View::assign('page', $resources->render()); // 新增这一行
+
         return View::fetch('list');
     }