feat(mall):新增表单中多选案例 add simulated multi-select feature

- 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

.gitignore

@@ -9,4 +9,4 @@ Thumbs.db
 /vendor
 /.settings
 /.buildpath
-/.project
+/.project

app/admin/service/curd/BuildCurd.php

@@ -1041,7 +1041,7 @@ class BuildCurd
             $relationCode = '';
             foreach ($this->relationArray as $key => $val) {
                 $relation     = CommonTool::lineToHump($key);
-                $relationCode = "with(['{$relation}'])";
+                $relationCode = "withJoin('{$relation}', 'LEFT')";
                 if (!empty($val['bindSelectField']) && !empty($val['primaryKey'])) {
                     $constructRelation = '$notes["' . lcfirst($val['foreignKey']) . '"] = \app\admin\model\\' . $val['modelFilename'] . '::column("' . $val['bindSelectField'] . '", "' . $val['primaryKey'] . '");';
                 }
@@ -1101,8 +1101,8 @@ class BuildCurd
                     [
                         'relationMethod' => $relation,
                         'relationModel'  => "{$val['modelFilename']}::class",
-                        'foreignKey'     => $val['primaryKey'],
+                        'foreignKey'     => $val['foreignKey'],
-                        'primaryKey'     => $val['foreignKey'],
+                        'primaryKey'     => $val['primaryKey'],
                         'relationFields' => empty($val['onlyFields']) ? "" : "->field('{$val['primaryKey']}," . implode(',', $val['onlyFields']) . "')",
                     ]);
                 $relationList .= $relationCode;
@@ -1403,13 +1403,12 @@ class BuildCurd
             } else {
                 $templateValue = "{field: '{$field}', title: '{$val['comment']}'}";
             }
-
             $indexCols .= $this->formatColsRow("{$templateValue},\r");
         }
 
         // 关联表
         foreach ($this->relationArray as $table => $tableVal) {
-            $table = CommonTool::lineToHump($table);
+            $table = CommonTool::humpToLine($table);
             foreach ($tableVal['tableColumns'] as $field => $val) {
                 if ($val['formType'] == 'image') {
                     $templateValue = "{field: '{$table}.{$field}', title: '{$val['comment']}', templet: ea.table.image}";
@@ -1430,7 +1429,7 @@ class BuildCurd
                 } elseif (in_array($field, $this->sortFields)) {
                     $templateValue = "{field: '{$table}.{$field}', title: '{$val['comment']}', edit: 'text'}";
                 } else {
-                    $templateValue = "";
+                    $templateValue = "{field: '{$table}.{$field}', title: '{$val['comment']}'}";
                 }
 
                 if ($templateValue) $indexCols .= $this->formatColsRow("{$templateValue},\r");

app/admin/service/curd/templates/controller/indexMethod.code

@@ -7,7 +7,7 @@
                 return $this->selectList();
             }
             list($page, $limit, $where) = $this->buildTableParams();
-            $count = self::$model::where($where)->count();
+            $count = self::$model::where($where)->{{relationIndexMethod}}->count();
             $list  = self::$model::where($where)->{{relationIndexMethod}}->page($page, $limit)->order($this->sort)->select()->toArray();
             $data  = [
                 'code'  => 0,

app/admin/service/curd/templates/model/relation.code

@@ -1,5 +1,5 @@
 
     public function {{relationMethod}}()
     {
-        return $this->hasOne({{relationModel}}, '{{foreignKey}}', '{{primaryKey}}'){{relationFields}};
+        return $this->belongsTo({{relationModel}}, '{{foreignKey}}', '{{primaryKey}}'){{relationFields}};
     }

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">

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">

extend/.gitignore

@@ -1,2 +1,2 @@
 *
-!.gitignore
+!.gitignore

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 () {

route/app.php

@@ -10,10 +10,4 @@
 // +----------------------------------------------------------------------
 use think\facade\Route;
 
-Route::get('think', function () {
-    return 'hello,ThinkPHP6!';
-});
-
-Route::get('hello/:name', 'index/hello');
-
 Route::any('install', '\app\index\controller\Install@index');

runtime/.gitignore

@@ -1,2 +1,2 @@
 *
-!.gitignore
+!.gitignore