feat: 添加按钮权限

src/views/permission/page/index.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="app-container">
+    <h4>
+      当前角色：
+      <span style="font-size:26px">{{ purview }}</span>
+      <p style="color:#FFA500">查看左侧菜单变化(系统管理)，模拟后台根据不同角色返回对应路由</p>
+    </h4>
+    <el-button type="primary" @click="changRole">切换角色</el-button>
+  </div>
+</template>
+
+<script lang='ts'>
+import { ref, unref } from "vue";
+import { storageSession } from "/@/utils/storage";
+export default {
+  name: "permissionPage",
+  setup() {
+    let purview: string = ref(storageSession.getItem("info").username);
+
+    function changRole() {
+      if (unref(purview) === "admin") {
+        storageSession.setItem("info", {
+          username: "test",
+          accessToken: "eyJhbGciOiJIUzUxMiJ9.test"
+        });
+        window.location.reload();
+      } else {
+        storageSession.setItem("info", {
+          username: "admin",
+          accessToken: "eyJhbGciOiJIUzUxMiJ9.admin"
+        });
+        window.location.reload();
+      }
+    }
+
+    return {
+      purview,
+      changRole
+    };
+  }
+};
+</script>