dev

frontendNew/src/components/AppSidebar.vue

@@ -10,7 +10,7 @@ import {
   LifeBuoy,
   // Map,
   // PieChart,
-  Send,
+  Bell,
   // Settings2,
   SquareTerminal,
   Moon,
@@ -140,7 +140,7 @@ const data = {
     {
       title: "反馈",
       url: "#",
-      icon: Send,
+      icon: Bell,
     },
   ],
   // projects: [

frontendNew/src/components/OTPForm.vue

@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-
-import { GalleryVerticalEnd } from "lucide-vue-next";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import {
-  Field,
-  FieldDescription,
-  FieldGroup,
-  FieldLabel,
-  FieldSeparator,
-} from "@/components/ui/field";
-import { Input } from "@/components/ui/input";
-
-const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
-</script>
-
-<template>
-  <div :class="cn('flex flex-col gap-6', props.class)">
-    <form>
-      <FieldGroup>
-        <div class="flex flex-col items-center gap-2 text-center">
-          <a href="#" class="flex flex-col items-center gap-2 font-medium">
-            <div class="flex size-8 items-center justify-center rounded-md">
-              <GalleryVerticalEnd class="size-6" />
-            </div>
-            <span class="sr-only">DNF计算器</span>
-          </a>
-          <!-- <h1 class="text-xl font-bold">输入助手ID</h1> -->
-          <!-- <FieldDescription>请输入助手的社区ID </FieldDescription> -->
-        </div>
-        <Field class="flex flex-col items-center">
-          <FieldLabel for="helperId" class="sr-only"> 助手ID </FieldLabel>
-          <Input id="helperId" type="number" placeholder="助手社区ID" required />
-          <!-- <FieldDescription class="text-center">
-            Didn't receive the code? <a href="#">Resend</a>
-          </FieldDescription> -->
-        </Field>
-        <Field>
-          <Button class="self-center w-sm!" type="submit"> 确认 </Button>
-        </Field>
-      </FieldGroup>
-    </form>
-    <FieldSeparator class="w-sm self-center">没有助手ID</FieldSeparator>
-    <FieldDescription class="px-6 text-center">
-      <Button variant="outline"> 选择职业 </Button>
-    </FieldDescription>
-  </div>
-</template>

frontendNew/src/pages/Dcalc/DnfHelper/bind.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
 
-import { GalleryVerticalEnd, Shuffle } from "lucide-vue-next";
+import { GalleryVerticalEnd, Shuffle, Grip } from "lucide-vue-next";
 
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
@@ -70,7 +70,7 @@ const onSubmit = async (e: Event) => {
     </form>
     <FieldSeparator class="w-sm self-center">没有助手ID</FieldSeparator>
     <FieldDescription class="px-6 text-center">
-      <Button variant="outline"> 选择职业 </Button>
+      <Button size="sm" variant="outline"> <Grip /> 选择职业 </Button>
     </FieldDescription>
   </div>
 </template>

frontendNew/src/pages/Dcalc/DnfHelper/list.vue

@@ -9,7 +9,7 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { useDnfHelperStore } from "@/stores/dnfhelper";
-import { RefreshCcw } from "lucide-vue-next";
+import { RefreshCcw, Grip } from "lucide-vue-next";
 
 const props = defineProps<{
   list: {
@@ -34,14 +34,17 @@ const helperStore = useDnfHelperStore();
       <h1 class="text-lg font-semibold">角色列表</h1>
       <p class="text-sm text-muted-foreground">共 {{ list.length }} 个角色</p>
     </div>
-    <Button
+    <div class="flex gap-4">
-      variant="outline"
+      <Button variant="outline"> <Grip /> 其他职业 </Button>
-      size="icon"
+      <Button
-      aria-label="Submit"
+        variant="outline"
-      @click="helperStore.refleshHelperInfo(helperStore.helperInfo?.id)"
+        size="icon"
-    >
+        aria-label="Submit"
-      <RefreshCcw />
+        @click="helperStore.refleshHelperInfo(helperStore.helperInfo?.id)"
-    </Button>
+      >
+        <RefreshCcw />
+      </Button>
+    </div>
   </header>
   <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 p-5 box-border">
     <template v-for="item in list" :key="item.roleId">