dev

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

@@ -8,6 +8,7 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
+import { useDnfHelperStore } from "@/stores/dnfhelper";
 import { RefreshCcw } from "lucide-vue-next";
 
 const props = defineProps<{
@@ -21,6 +22,8 @@ const props = defineProps<{
 }>();
 
 const { list } = toRefs(props);
+
+const helperStore = useDnfHelperStore();
 </script>
 
 <template>
@@ -31,7 +34,12 @@ const { list } = toRefs(props);
       <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">
+    <Button
+      variant="outline"
+      size="icon"
+      aria-label="Submit"
+      @click="helperStore.refleshHelperInfo(helperStore.helperInfo?.id)"
+    >
       <RefreshCcw />
     </Button>
   </header>
@@ -42,7 +50,7 @@ const { list } = toRefs(props);
           <CardTitle>{{ item.roleJob }}</CardTitle>
         </CardHeader>
         <CardContent class="flex items-center justify-center h-sm">
-          <!-- <img :src="item.avatarLink" alt="avatar" class="w-auto h-sm rounded-full object-cover" /> -->
+          <img :src="item.avatarLink" alt="avatar" class="w-auto h-sm rounded-full object-cover" />
         </CardContent>
         <CardFooter class="flex justify-between">
           <span>{{ item.roleName }}</span>