添加列表及一键导入

frontend/src/pages/Dnfhelper/list.vue

@@ -39,6 +39,8 @@
   </div>
 </template>
 <script setup lang="ts" name="dnfhelper-list">
+import api from '@/api'
+import { useDialog } from '@/components/hooks/dialog'
 import router from '@/router'
 import { useDnfHelperStore } from '@/stores/dnfhelper'
 import { computed } from 'vue'
@@ -70,12 +72,24 @@ const navToHome = () => {
 }
 
 const chooseRole = ({ roleId }: { roleId: string }) => {
-  console.log(roleId)
   acitveRoleId.value = roleId
 }
 
-const importRole = () => {
-  console.log('import')
+const { alert } = useDialog()
+
+const currentRoleInfo = computed(() => {
+  return list.value.find((item) => item.roleId === acitveRoleId.value)
+})
+
+const importRole = async () => {
   if (!acitveRoleId.value) return
+  const alter = await api.alterByName(currentRoleInfo.value?.roleJob || '')
+  if (!alter) {
+    return await alert({
+      content: '当前职业尚在开发中，敬请期待。',
+    })
+  } else {
+    return window.open(`/character/equipment/${alter.value}?roleId=${acitveRoleId.value}`, '_blank')
+  }
 }
 </script>