From 449fd99f9d784a4c1b41ed057beea5a5e8e57b68 Mon Sep 17 00:00:00 2001
From: chenghongxing <1126263215@qq.com>
Date: Thu, 6 May 2021 12:11:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=EF=BC=9A=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E8=AF=A6=E6=83=85=E9=A1=B5demo=E3=80=81?=
 =?UTF-8?q?=E5=8A=A8=E6=80=81=E8=B7=AF=E7=94=B1=E8=8F=9C=E5=8D=95demo?=
 =?UTF-8?q?=E3=80=81=E5=B8=A6=E5=8F=82=E8=B7=AF=E7=94=B1=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?demo=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Demo.vue           | 16 ++++++++++++++++
 src/pages/list/QueryList.vue |  1 +
 src/router/config.js         | 31 +++++++++++++++++++++++++++++++
 3 files changed, 48 insertions(+)
 create mode 100644 src/pages/Demo.vue

diff --git a/src/pages/Demo.vue b/src/pages/Demo.vue
new file mode 100644
index 0000000..2a3b188
--- /dev/null
+++ b/src/pages/Demo.vue
@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <p>query: {{$route.query}}</p>
+    <p>params: {{$route.params}}</p>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'Demo'
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/list/QueryList.vue b/src/pages/list/QueryList.vue
index f5a1f4f..eaf44bf 100644
--- a/src/pages/list/QueryList.vue
+++ b/src/pages/list/QueryList.vue
@@ -116,6 +116,7 @@
           <a @click="deleteRecord(record.key)" v-auth="`delete`">
             <a-icon type="delete" />删除2
           </a>
+          <router-link :to="`/list/query/detail/${record.key}`" >详情</router-link>
         </div>
         <template slot="statusTitle">
           <a-icon @click.native="onStatusTitleClick" type="info-circle" />
diff --git a/src/router/config.js b/src/router/config.js
index 88a89ff..c3f788b 100644
--- a/src/router/config.js
+++ b/src/router/config.js
@@ -95,6 +95,15 @@ const options = {
               },
               component: () => import('@/pages/list/QueryList'),
             },
+            {
+              path: 'query/detail/:id',
+              name: '查询详情',
+              meta: {
+                highlight: '/list/query',
+                invisible: true
+              },
+              component: () => import('@/pages/Demo')
+            },
             {
               path: 'primary',
               name: '标准列表',
@@ -230,6 +239,28 @@ const options = {
           },
           component: () => import('@/pages/form/basic')
         },
+        {
+          name: '带参菜单',
+          path: 'router/query',
+          meta: {
+            icon: 'project',
+            query: {
+              name: '菜单默认参数'
+            }
+          },
+          component: () => import('@/pages/Demo')
+        },
+        {
+          name: '动态路由菜单',
+          path: 'router/dynamic/:id',
+          meta: {
+            icon: 'project',
+            params: {
+              id: 123
+            }
+          },
+          component: () => import('@/pages/Demo')
+        },
         {
           name: 'Ant Design Vue',
           path: 'antdv',