文件夹改名

Former-commit-id: 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 1e795e1614aaf94f23ad99354f6ca9be303a1b1e [formerly 9ce21aef6b043d8bfcb2849dd7c6bc34e4625387]]]]] Former-commit-id: c92d7410adc4138c7903c0067860fc3d190f54b0 Former-commit-id: 9f0ab819a505e341a6edf210efb107df8b8efe33 Former-commit-id: 3006c0d2ccda4133203372c30ffee34a73fa8944 [formerly f340ca4127e4578b3c53747d13bbaba223ed4e83] Former-commit-id: 9624c2aaa99880b5e37f1e60f1f36ac673e021ed Former-commit-id: 7923489f2c3c637782d9d4a1707bc48dfe3b1acf Former-commit-id: 2375e080a7f715bc48da40d4c56235efad3f0d5d Former-commit-id: c41402e6c0266a07e974efad41feed7c6fb7d0b6 Former-commit-id: b8814b31619151361c91ed37cb1ee7f3813853c1
2019-03-14 20:24:45 +08:00
parent 0de79b3462
commit 0f04615685
338 changed files with 0 additions and 0 deletions
--- a/src/views/demo/playground/store/menu/index.vue
+++ b/src/views/demo/playground/store/menu/index.vue
@@ -0,0 +1,144 @@
+<template>
+  <d2-container :filename="filename">
+    <el-tabs>
+      <el-tab-pane label="顶栏菜单">
+        <el-button-group class="d2-mb">
+          <el-button @click="handleHeaderSet">设置顶栏空菜单</el-button>
+          <el-button @click="headerReset">恢复顶栏菜单</el-button>
+        </el-button-group>
+        <d2-highlight :code="JSON.stringify(header, null, 2)"/>
+      </el-tab-pane>
+      <el-tab-pane label="侧栏菜单">
+        <el-button-group class="d2-mb">
+          <el-button @click="handleAsideSet">设置侧栏空菜单</el-button>
+          <el-button @click="asideReset">恢复侧栏菜单</el-button>
+        </el-button-group>
+        <d2-highlight :code="JSON.stringify(aside, null, 2)"/>
+      </el-tab-pane>
+    </el-tabs>
+  </d2-container>
+</template>
+
+<script>
+import { cloneDeep } from 'lodash'
+import { mapState, mapMutations } from 'vuex'
+export default {
+  data () {
+    return {
+      filename: __filename,
+      menuEmpty: [
+        {
+          title: '空菜单演示',
+          icon: 'folder-o',
+          children: [
+            {
+              title: '空菜单 1',
+              children: [
+                { title: '空菜单 1-1' },
+                { title: '空菜单 1-2' }
+              ]
+            },
+            { title: '空菜单 2' },
+            { title: '空菜单 3' }
+          ]
+        }
+      ],
+      headerChanged: false,
+      asideChanged: false,
+      headerBak: [],
+      asideBak: []
+    }
+  },
+  computed: {
+    ...mapState('d2admin/menu', [
+      'header',
+      'aside'
+    ])
+  },
+  created () {
+    this.headerBak = cloneDeep(this.header)
+    this.asideBak = cloneDeep(this.aside)
+  },
+  beforeDestroy () {
+    if (this.headerChanged && this.asideChanged) {
+      this.headerSet(this.headerBak)
+      this.asideSet(this.asideBak)
+      this.$notify({
+        title: '菜单恢复',
+        message: '对侧边栏和顶栏菜单的修改已经复原',
+        type: 'success'
+      })
+      return
+    }
+    if (this.headerChanged) {
+      this.headerSet(this.headerBak)
+      this.$notify({
+        title: '菜单恢复',
+        message: '对顶栏菜单的修改已经复原',
+        type: 'success'
+      })
+      return
+    }
+    if (this.asideChanged) {
+      this.asideSet(this.asideBak)
+      this.$notify({
+        title: '菜单恢复',
+        message: '对侧边栏菜单的修改已经复原',
+        type: 'success'
+      })
+    }
+  },
+  methods: {
+    ...mapMutations('d2admin/menu', [
+      'headerSet',
+      'asideSet'
+    ]),
+    /**
+     * 修改顶栏菜单
+     */
+    handleHeaderSet () {
+      this.headerChanged = true
+      this.headerSet(this.menuEmpty)
+      this.$notify({
+        title: '菜单修改',
+        message: '对顶栏菜单的修改已经生效',
+        type: 'success'
+      })
+    },
+    /**
+     * 修改侧边栏菜单
+     */
+    handleAsideSet () {
+      this.asideChanged = true
+      this.asideSet(this.menuEmpty)
+      this.$notify({
+        title: '菜单修改',
+        message: '对侧边栏菜单的修改已经生效',
+        type: 'success'
+      })
+    },
+    /**
+     * 恢复顶栏菜单
+     */
+    headerReset () {
+      this.headerSet(this.headerBak)
+      this.$notify({
+        title: '菜单恢复',
+        message: '对顶栏菜单的修改已经复原',
+        type: 'success'
+      })
+    },
+    /**
+     * 恢复侧边栏菜单
+     */
+    asideReset () {
+      this.asideSet(this.asideBak)
+      this.$notify({
+        title: '菜单恢复',
+        message: '对侧边栏菜单的修改已经复原',
+        type: 'success'
+      })
+    }
+  }
+}
+</script>