Merge branch 'hotfix/关闭当前页演示'

Former-commit-id: 4f368ed19199f92ae0ce312b0d49f7393b0d300c [formerly 4f368ed19199f92ae0ce312b0d49f7393b0d300c [formerly 4f368ed19199f92ae0ce312b0d49f7393b0d300c [formerly 4f368ed19199f92ae0ce312b0d49f7393b0d300c [formerly 40d2b01ff21bc5de38a7072af32bc2905b3f3b70 [formerly 7deea2d63471a71fb5e8d8a8e2f5070cf51b16da]]]]]
Former-commit-id: 1e3351a67b1e27070a95060a21a31ac766a298c6
Former-commit-id: 5d598072199b4a449d942178884877ca9a247abd
Former-commit-id: 9dc0267651d6dc1a1b9a738356f804e6ee4f0b29 [formerly bd008d8ee242882285326df74f05baea22b78b7f]
Former-commit-id: d1b4d91cf957b5677e6944b57beaa6d08988e474
Former-commit-id: 545b18ec544eae4c86b83b3531907163eacbead6
Former-commit-id: d982e7487db22978757accd08364924ea18595da
Former-commit-id: 25ebf411b787d8d02822d2e6180f3b410a16b5d9
Former-commit-id: 7dfa02650feee3bfb276b80e3df7b4afd8a1ad1a

src/menu/modules/demo-playground.js

@@ -37,6 +37,21 @@ export default {
         { title: '正在开发 3' }
       ]
     },
+    {
+      path: `${pre}store`,
+      title: '全局状态管理',
+      icon: 'bolt',
+      children: [
+        { path: `${pre}store/page`, title: '多标签页控制', icon: 'window-restore' },
+        { path: `${pre}store/menu`, title: '菜单控制', icon: 'bars' },
+        { path: `${pre}store/size`, title: '全局尺寸', icon: 'font' },
+        { path: `${pre}store/ua`, title: '浏览器信息', icon: 'info-circle' },
+        { path: `${pre}store/gray`, title: '灰度模式', icon: 'eye' },
+        { path: `${pre}store/fullscreen`, title: '全屏', icon: 'arrows-alt' },
+        { path: `${pre}store/theme`, title: '主题', icon: 'diamond' },
+        { path: `${pre}store/transition`, title: '页面过渡开关', icon: 'toggle-on' }
+      ]
+    },
     {
       path: `${pre}page-cache`,
       title: '页面缓存',
@@ -55,20 +70,6 @@ export default {
         { path: `${pre}page-argu/get/username-from-menu?userid=userid-from-menu`, title: '接收' }
       ]
     },
-    {
-      path: `${pre}store`,
-      title: '全局状态管理',
-      icon: 'bolt',
-      children: [
-        { path: `${pre}store/menu`, title: '菜单控制', icon: 'bars' },
-        { path: `${pre}store/size`, title: '全局尺寸', icon: 'font' },
-        { path: `${pre}store/ua`, title: '浏览器信息', icon: 'info-circle' },
-        { path: `${pre}store/gray`, title: '灰度模式', icon: 'eye' },
-        { path: `${pre}store/fullscreen`, title: '全屏', icon: 'arrows-alt' },
-        { path: `${pre}store/theme`, title: '主题', icon: 'diamond' },
-        { path: `${pre}store/transition`, title: '页面过渡开关', icon: 'toggle-on' }
-      ]
-    },
     {
       path: `${pre}db`,
       title: '数据持久化',

src/pages/demo/playground/store/page/index.vue

@@ -0,0 +1,26 @@
+<template>
+  <d2-container type="card">
+    <el-button @click="closeCurrent" type="danger">
+      <d2-icon name="times"/>
+      关闭当前页
+    </el-button>
+  </d2-container>
+</template>
+
+<script>
+import { mapActions } from 'vuex'
+export default {
+  methods: {
+    ...mapActions('d2admin/page', [
+      'close'
+    ]),
+    // 关闭当前页
+    closeCurrent () {
+      this.close({
+        tagName: this.$route.name,
+        vm: this
+      })
+    }
+  }
+}
+</script>

src/router/modules/playground.js

@@ -10,10 +10,7 @@ export default {
   component: layoutHeaderAside,
   children: (pre => [
     { path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/playground/index'), meta: { ...meta, title: '试验台首页' } },
-    { path: 'page-cache/on', name: `${pre}page-cache-on`, component: () => import('@/pages/demo/playground/page-cache/on.vue'), meta: { ...meta, cache: true, title: '开启缓存' } },
+    { path: 'store/page', name: `${pre}store-page`, component: () => import('@/pages/demo/playground/store/page'), meta: { ...meta, title: '多标签页控制' } },
-    { path: 'page-cache/off', name: `${pre}page-cache-off`, component: () => import('@/pages/demo/playground/page-cache/off.vue'), meta: { ...meta, title: '关闭缓存' } },
-    { path: 'page-argu/send', name: `${pre}page-argu-send`, component: () => import('@/pages/demo/playground/page-argu/send.vue'), meta: { ...meta, title: '参数传递 发送' } },
-    { path: 'page-argu/get/:username', name: `${pre}page-argu-get`, component: () => import('@/pages/demo/playground/page-argu/get.vue'), meta: { ...meta, title: '参数传递 接收' } },
     { path: 'store/menu', name: `${pre}store-menu`, component: () => import('@/pages/demo/playground/store/menu'), meta: { ...meta, title: '菜单控制' } },
     { path: 'store/size', name: `${pre}store-size`, component: () => import('@/pages/demo/playground/store/size'), meta: { ...meta, title: '全局尺寸' } },
     { path: 'store/ua', name: `${pre}store-ua`, component: () => import('@/pages/demo/playground/store/ua'), meta: { ...meta, title: '浏览器信息' } },
@@ -21,6 +18,10 @@ export default {
     { path: 'store/fullscreen', name: `${pre}store-fullscreen`, component: () => import('@/pages/demo/playground/store/fullscreen'), meta: { ...meta, title: '全屏' } },
     { path: 'store/theme', name: `${pre}store-theme`, component: () => import('@/pages/demo/playground/store/theme'), meta: { ...meta, title: '主题' } },
     { path: 'store/transition', name: `${pre}store-transition`, component: () => import('@/pages/demo/playground/store/transition'), meta: { ...meta, title: '页面过渡开关' } },
+    { path: 'page-cache/on', name: `${pre}page-cache-on`, component: () => import('@/pages/demo/playground/page-cache/on.vue'), meta: { ...meta, cache: true, title: '开启缓存' } },
+    { path: 'page-cache/off', name: `${pre}page-cache-off`, component: () => import('@/pages/demo/playground/page-cache/off.vue'), meta: { ...meta, title: '关闭缓存' } },
+    { path: 'page-argu/send', name: `${pre}page-argu-send`, component: () => import('@/pages/demo/playground/page-argu/send.vue'), meta: { ...meta, title: '参数传递 发送' } },
+    { path: 'page-argu/get/:username', name: `${pre}page-argu-get`, component: () => import('@/pages/demo/playground/page-argu/get.vue'), meta: { ...meta, title: '参数传递 接收' } },
     { path: 'db/all', name: `${pre}db-all`, component: () => import('@/pages/demo/playground/db/all'), meta: { ...meta, title: '总览' } },
     { path: 'db/public', name: `${pre}db-public`, component: () => import('@/pages/demo/playground/db/public'), meta: { ...meta, title: '公共存储' } },
     { path: 'db/user', name: `${pre}db-user`, component: () => import('@/pages/demo/playground/db/user'), meta: { ...meta, title: '私有存储' } },