add role

src/components/PromptPanel.vue

@@ -270,5 +270,4 @@ watch([() => messages.value.length, streamingContent], () => {
   padding: 12px;
   border-top: 1px solid #e0e0e0;
 }
-
 </style>

src/components/submissions/ChainModal.vue

@@ -195,7 +195,10 @@ async function loadMessages() {
   messages.value = []
   selectedRound.value = 0
   try {
-    messages.value = await Prompt.getMessagesByUserTask(props.taskId, props.userId)
+    messages.value = await Prompt.getMessagesByUserTask(
+      props.taskId,
+      props.userId,
+    )
     const last = rounds.value.length - 1
     if (last >= 0) selectedRound.value = last
   } finally {
@@ -205,6 +208,8 @@ async function loadMessages() {
 
 watch(
   () => [props.show, props.userId, props.taskId] as const,
-  ([visible]) => { if (visible) loadMessages() },
+  ([visible]) => {
+    if (visible) loadMessages()
+  },
 )
 </script>

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 = [
+const menu = computed(() =>
-  {
+  [
-    label: "教程",
+    {
-    route: { name: "tutorial-editor", params: { display: step.value } },
+      label: "教程",
-  },
+      route: { name: "tutorial-editor", params: { display: step.value } },
-  {
+      show: roleSuper.value,
-    label: "挑战",
+    },
-    route: { name: "challenge-editor", params: { display: 0 } },
+    {
-  },
+      label: "挑战",
-  { label: "用户", route: { name: "user-manage", params: { page: 1 } } },
+      route: { name: "challenge-editor", params: { display: 0 } },
-  { label: "提交", route: { name: "submissions", params: { page: 1 } } },
+      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 {

src/store/prompt.ts

@@ -109,7 +109,6 @@ export function sendPrompt(content: string) {
   ws.send(JSON.stringify({ type: "message", content }))
 }
 
-
 function applyCode(code: {
   html: string | null
   css: string | null