1

frontendNew/src/pages/Dcalc/Character/Index.vue

@@ -37,12 +37,14 @@ const tabs = [
   { label: "装备", key: "equipment" },
   { label: "技能", key: "skill" },
   { label: "打造", key: "forge" },
+  { label: "计算详情", key: "result" },
 ] as const;
 
 const activeTab = computed(() => {
   const path = route.path;
   if (path.endsWith("/skill")) return "skill";
   if (path.endsWith("/forge")) return "forge";
+  if (path.endsWith("/result")) return "result";
   return "equipment";
 });
 
@@ -111,39 +113,18 @@ onUnmounted(() => {
 
 <template>
   <section class="mx-auto flex min-h-full w-full max-w-7xl flex-col gap-4 px-4 py-6 md:px-8">
-    <Card class="flex-none">
-      <CardHeader>
-        <CardTitle class="flex items-center justify-between">
-          <span>角色配置</span>
-          <Button variant="outline" size="sm" :disabled="loading" @click="loadCharacter">
-            <RefreshCcw :class="{ 'animate-spin': loading }" />
-            刷新
-          </Button>
-        </CardTitle>
-      </CardHeader>
-      <CardContent class="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
-        <Tabs :model-value="activeTab" class="gap-0">
-          <TabsList>
-            <TabsTrigger
-              v-for="tab in tabs"
-              :key="tab.key"
-              :value="tab.key"
-              @click="switchTab(tab.key)"
-            >
-              {{ tab.label }}
-            </TabsTrigger>
-          </TabsList>
-        </Tabs>
-        <div class="text-sm text-muted-foreground">
-          <span v-if="loading" class="inline-flex items-center gap-2">
-            <LoaderCircle class="size-4 animate-spin" />
-            正在同步角色数据...
-          </span>
-          <span v-else-if="loadError">{{ loadError }}</span>
-          <span v-else>数据源已就绪，可继续编辑配置。</span>
-        </div>
-      </CardContent>
-    </Card>
+    <Tabs :model-value="activeTab" class="gap-0">
+      <TabsList>
+        <TabsTrigger
+          v-for="tab in tabs"
+          :key="tab.key"
+          :value="tab.key"
+          @click="switchTab(tab.key)"
+        >
+          {{ tab.label }}
+        </TabsTrigger>
+      </TabsList>
+    </Tabs>
 
     <div
       :class="[