From 89a1da304f035cd0b6449c666c57a1243bbe5035 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A5=BF=E7=93=9C=C2=B0?= <wxh_email@yeah.net>
Date: Wed, 14 Oct 2026 09:54:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8D=E5=AE=A1=E5=88=A4?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/Dnfhelper/list.vue | 47 +++++++++++++++++++++++----
 1 file changed, 41 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/Dnfhelper/list.vue b/frontend/src/pages/Dnfhelper/list.vue
index 99a96eb6..ead8211d 100644
--- a/frontend/src/pages/Dnfhelper/list.vue
+++ b/frontend/src/pages/Dnfhelper/list.vue
@@ -41,9 +41,10 @@
 <script setup lang="ts" name="dnfhelper-list">
 import api from '@/api'
 import { useDialog } from '@/components/hooks/dialog'
+import CalcButton from '@/components/calc/button/index.vue'
 import router from '@/router'
 import { useDnfHelperStore } from '@/stores/dnfhelper'
-import { computed } from 'vue'
+import { computed, h } from 'vue'
 
 const props = defineProps<{
   list: {
@@ -75,21 +76,55 @@ const chooseRole = ({ roleId }: { roleId: string }) => {
   acitveRoleId.value = roleId
 }
 
-const { alert } = useDialog()
+const { alert, show, close, randomId } = 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 || '')
+  const role = currentRoleInfo.value
+  if (!role) return
+  const alter = await api.alterByName(role.roleJob)
   if (!alter) {
     return await alert({
       content: '当前职业尚在开发中，敬请期待。',
     })
-  } else {
-    return window.open(`/character/equipment/${alter.value}?roleId=${acitveRoleId.value}`, '_blank')
   }
+
+  const openRole = (value: string) => {
+    return window.open(
+      `/character/equipment/${value}?roleId=${encodeURIComponent(role.roleId)}`,
+      '_blank',
+    )
+  }
+  const options = alter.options ?? []
+  if (options.length > 0) {
+    const id = randomId()
+    return await show({
+      id,
+      content: '请选择职业版本',
+      action: () =>
+        h(
+          'div',
+          { class: 'flex items-center justify-around flex-wrap', style: 'width:200px' },
+          options.map((option) =>
+            h(
+              CalcButton,
+              {
+                key: option.name,
+                class: '!w-40% !mb-2',
+                onClick: () => {
+                  openRole(option.value || option.name)
+                  close(id, 'ok')
+                },
+              },
+              () => option.title,
+            ),
+          ),
+        ),
+    })
+  }
+  return openRole(alter.value || alter.name)
 }
 </script>