add role

src/pages/ChallengeEditor.vue

@@ -45,7 +45,10 @@
       <n-flex vertical>
         <n-form inline>
           <n-form-item label="序号" label-placement="left">
-            <n-input-number v-model:value="challenge.display" />
+            <n-input-number
+              style="width: 100px"
+              v-model:value="challenge.display"
+            />
           </n-form-item>
 
           <n-form-item label="标题" label-placement="left">
@@ -53,7 +56,11 @@
           </n-form-item>
 
           <n-form-item label="分数" label-placement="left">
-            <n-input-number v-model:value="challenge.score" :min="0" />
+            <n-input-number
+              style="width: 100px"
+              v-model:value="challenge.score"
+              :min="0"
+            />
           </n-form-item>
 
           <n-form-item label="公开" label-placement="left">

src/pages/Dashboard.vue

@@ -19,22 +19,36 @@
   </n-flex>
 </template>
 <script lang="ts" setup>
+import { computed } from "vue"
 import { taskTab } from "../store/task"
 import { step } from "../store/tutorial"
+import { roleAdmin, roleSuper } from "../store/user"
 import { goHome } from "../utils/helper"
 
-const menu = [
-  {
-    label: "教程",
-    route: { name: "tutorial-editor", params: { display: step.value } },
-  },
-  {
-    label: "挑战",
-    route: { name: "challenge-editor", params: { display: 0 } },
-  },
-  { label: "用户", route: { name: "user-manage", params: { page: 1 } } },
-  { label: "提交", route: { name: "submissions", params: { page: 1 } } },
-]
+const menu = computed(() =>
+  [
+    {
+      label: "教程",
+      route: { name: "tutorial-editor", params: { display: step.value } },
+      show: roleSuper.value,
+    },
+    {
+      label: "挑战",
+      route: { name: "challenge-editor", params: { display: 0 } },
+      show: roleAdmin.value || roleSuper.value,
+    },
+    {
+      label: "用户",
+      route: { name: "user-manage", params: { page: 1 } },
+      show: roleSuper.value,
+    },
+    {
+      label: "提交",
+      route: { name: "submissions", params: { page: 1 } },
+      show: roleAdmin.value || roleSuper.value,
+    },
+  ].filter((item) => item.show),
+)
 </script>
 <style scoped>
 .container {