dev

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
-      variant="outline"
-      size="icon"
-      aria-label="Submit"
-      @click="helperStore.refleshHelperInfo(helperStore.helperInfo?.id)"
-    >
-      <RefreshCcw />
-    </Button>
+    <div class="flex gap-4">
+      <Button variant="outline"> <Grip /> 其他职业 </Button>
+      <Button
+        variant="outline"
+        size="icon"
+        aria-label="Submit"
+        @click="helperStore.refleshHelperInfo(helperStore.helperInfo?.id)"
+      >
+        <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">