From 448f46cbe316ad0b8a8a59e70d86355b7fde559e Mon Sep 17 00:00:00 2001
From: tinyu <tinyu@inscode.cn>
Date: Sun, 28 Apr 2024 15:02:00 +0800
Subject: [PATCH] Sun Apr 28 15:02:00 CST 2024 inscode

---
 src/components/SelectPanel/index.vue  | 41 +++++++++++++++++++++++++++
 src/router/routes.js                  |  9 ++++++
 src/views/Element/SelectPanelDemo.vue | 30 ++++++++++++++++++++
 3 files changed, 80 insertions(+)
 create mode 100644 src/components/SelectPanel/index.vue
 create mode 100644 src/views/Element/SelectPanelDemo.vue

diff --git a/src/components/SelectPanel/index.vue b/src/components/SelectPanel/index.vue
new file mode 100644
index 0000000..f4ecb45
--- /dev/null
+++ b/src/components/SelectPanel/index.vue
@@ -0,0 +1,41 @@
+<template>
+    <div>
+       <el-row>
+        <el-col :span="12">
+            <el-check-group>
+                <el-checkbox v-for="item in listData.category1" :key="item" >{{ item }}</el-checkbox>
+            </el-check-group>
+        </el-col>
+        <el-col :span="12">
+            <el-check-group>
+                <el-checkbox v-for="item in listData.category2" :key="item" >{{ item }}</el-checkbox>
+            </el-check-group>
+        </el-col>
+       </el-row> 
+    </div>
+</template>
+<script>
+    export default{
+        name:'SelectPanel',
+        data(){
+            return {
+                listData:{
+                    category1:['1','2','3','4','5','6'],
+                    category2:['A','B','C','D','E','F','G']
+                }
+            }
+        },
+
+        mounted(){
+
+        },
+
+        methods:{
+
+        },
+
+    }
+</script>
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/router/routes.js b/src/router/routes.js
index 033b579..60c885a 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -11,6 +11,15 @@ export default [
         path:'/element-ui',
         meta:{title:'element-ui',icon:'el-icon-platform-eleme'},
         component:DynamicRoute,
+        redirect:'/element-ui/selectPanel',
+        children:[
+            {
+                path:'selectPanel',
+                name:'SelectPanel',
+                meta:{title:'选择框'},
+                component:() => import('@/views/Element/SelectPanelDemo.vue')
+            }
+        ]
     },
     {
         path:'/antdv',
diff --git a/src/views/Element/SelectPanelDemo.vue b/src/views/Element/SelectPanelDemo.vue
new file mode 100644
index 0000000..4fc3ae8
--- /dev/null
+++ b/src/views/Element/SelectPanelDemo.vue
@@ -0,0 +1,30 @@
+<template>
+    <div>
+        <h3>自定义选择框</h3>
+        <SelectPanel v-model="modelValue"/>
+    </div>
+</template>
+<script>
+    import SelectPanel from '@/components/SelectPanel/index.vue'
+    export default{
+        name:'SelectPanelDemo',
+        components:{SelectPanel},
+        data(){
+            return {
+                modelValue:[]
+            }
+        },
+
+        mounted(){
+
+        },
+
+        methods:{
+
+        },
+
+    }
+</script>
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file
-- 
GitLab