1

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

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
+import { useRouter } from "vue-router";
+import api from "@/api";
 import { Button } from "@/components/ui/button";
 // import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import {
@@ -26,6 +28,7 @@ const props = defineProps<{
 const { list } = toRefs(props);
 
 const helperStore = useDnfHelperStore();
+const router = useRouter();
 
 const sortedList = computed(() => {
   return [...list.value].sort((left, right) => right.fame - left.fame);
@@ -34,6 +37,12 @@ const sortedList = computed(() => {
 const formatFame = (fame: number) => {
   return new Intl.NumberFormat("zh-CN").format(fame);
 };
+
+const importRole = async (item: (typeof props.list)[number]) => {
+  const alter = await api.alterByName(item.roleJob);
+  if (!alter?.value) return;
+  await router.push(`/dcalc/character/${alter.value}/equipment?roleId=${item.roleId}`);
+};
 </script>
 
 <template>
@@ -64,7 +73,7 @@ const formatFame = (fame: number) => {
         <CardHeader class="pb-3">
           <CardTitle class="text-base flex">
             {{ item.roleName }}
-            <Button class="ml-auto" size="sm" variant="outline" @click="$router.push('/dcalc/home')"
+            <Button class="ml-auto" size="sm" variant="outline" @click="importRole(item)"
               >导入</Button
             >
           </CardTitle>