From 9a0ff912b5860bf4d93bf8fd344407296bd4f338 Mon Sep 17 00:00:00 2001
From: wolfcode <37436228+wolf-leo@users.noreply.github.com>
Date: Fri, 18 Apr 2025 15:16:06 +0800
Subject: [PATCH] =?UTF-8?q?feat(mall):=E6=96=B0=E5=A2=9E=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E4=B8=AD=E5=A4=9A=E9=80=89=E6=A1=88=E4=BE=8B=20add=20simulated?=
 =?UTF-8?q?=20multi-select=20feature?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add simulated multi-select functionality to goods add and edit pages
- Integrate xm-select library for multi-select implementation
- Add random color theme to the multi-select dropdown
- Include predefined options for demonstration purposes
---
 app/admin/view/mall/goods/add.html   |  8 ++++++
 app/admin/view/mall/goods/edit.html  |  8 ++++++
 public/static/admin/js/mall/goods.js | 38 ++++++++++++++++++++++++++++
 3 files changed, 54 insertions(+)

diff --git a/app/admin/view/mall/goods/add.html b/app/admin/view/mall/goods/add.html
index eb50666..d432e3f 100644
--- a/app/admin/view/mall/goods/add.html
+++ b/app/admin/view/mall/goods/add.html
@@ -91,6 +91,14 @@
                     </div>
                 </div>
 
+                <!-- 文档：https://xm-select.com/file/xm-select/v1.2.4/#/basic/use -->
+                <div class="layui-form-item">
+                    <label class="layui-form-label">模拟多选</label>
+                    <div class="layui-input-block">
+                        <div id="demo1" class="xm-select-demo"></div>
+                    </div>
+                </div>
+
                 <div class="layui-form-item layui-form-text">
                     <label class="layui-form-label">备注信息</label>
                     <div class="layui-input-block">
diff --git a/app/admin/view/mall/goods/edit.html b/app/admin/view/mall/goods/edit.html
index 9c30aec..62889ee 100644
--- a/app/admin/view/mall/goods/edit.html
+++ b/app/admin/view/mall/goods/edit.html
@@ -92,6 +92,14 @@
                     </div>
                 </div>
 
+                <!-- 文档：https://xm-select.com/file/xm-select/v1.2.4/#/basic/use -->
+                <div class="layui-form-item">
+                    <label class="layui-form-label">模拟多选</label>
+                    <div class="layui-input-block">
+                        <div id="demo1" class="xm-select-demo"></div>
+                    </div>
+                </div>
+
                 <div class="layui-form-item layui-form-text">
                     <label class="layui-form-label">备注信息</label>
                     <div class="layui-input-block">
diff --git a/public/static/admin/js/mall/goods.js b/public/static/admin/js/mall/goods.js
index eb41ef0..6c7e7a8 100644
--- a/public/static/admin/js/mall/goods.js
+++ b/public/static/admin/js/mall/goods.js
@@ -93,6 +93,25 @@ define(["jquery", "easy-admin"], function ($, ea) {
                     aiOptimization(data)
                 },
             })
+
+            let colors = [
+                '#f10f0f', //  红色
+                '#ffaf00', //  橙色
+                '#FF69B4', //  猛男粉
+                '#0087ff', //  蓝色
+                '#00ff00', //  青青草原
+            ];
+            var demo1 = xmSelect.render({
+                el: '#demo1',
+                name: 'xxx', // form表单提交的name
+                theme: {color: colors[Math.floor(Math.random() * colors.length)]},
+                data: [
+                    {name: 'Make', value: 1},
+                    {name: 'PHP', value: 2},
+                    {name: 'Great Again', value: 3},
+                ]
+            })
+
             ea.listen();
         },
         edit: function () {
@@ -103,6 +122,25 @@ define(["jquery", "easy-admin"], function ($, ea) {
                     aiOptimization(data)
                 },
             })
+
+            let colors = [
+                '#f10f0f', //  红色
+                '#ffaf00', //  橙色
+                '#FF69B4', //  猛男粉
+                '#0087ff', //  蓝色
+                '#00ff00', //  青青草原
+            ];
+            var demo1 = xmSelect.render({
+                el: '#demo1',
+                name: 'xxx', // form表单提交的name
+                theme: {color: colors[Math.floor(Math.random() * colors.length)]},
+                data: [
+                    {name: 'Make', value: 1},
+                    {name: 'PHP', value: 2, selected: true,},
+                    {name: 'Great Again', value: 3, selected: true,},
+                ]
+            })
+
             ea.listen();
         },
         stock: function () {