diff --git a/src/components/SelectPanel/index.vue b/src/components/SelectPanel/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f4ecb4565a33aa082f49f4227c4a2fa66c84a625
--- /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 033b5791391d4f12c77b5c59842a989c8f230cdd..60c885ae13b823cc42def2538af90ce24061e937 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 0000000000000000000000000000000000000000..4fc3ae8bd45debed45752f9986b811a5539d215d
--- /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