From 9372e984598eb0a18789f415b01b355c425b011f Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 29 Oct 2023 18:40:37 +0800
Subject: [PATCH] fix #57

---
 src/api/types.ts                       |  6 ++++++
 src/components/cards/MediaInfoCard.vue | 28 ++++++++++++++++++++++++++
 src/views/system/NameTestView.vue      | 26 ------------------------
 3 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/src/api/types.ts b/src/api/types.ts
index 93288d74..c8b59797 100644
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -625,6 +625,9 @@ export interface MetaInfo {
   // 原字符串
   org_string?: string
 
+  // 原标题（未经识别词转换）
+  title?: string
+
   // 副标题
   subtitle?: string
 
@@ -726,6 +729,9 @@ export interface MetaInfo {
 
   // 资源类型+特效
   edition: string
+
+  // 应用的自定义识别词
+  apply_words: string[]
 }
 
 // 上下文信息
diff --git a/src/components/cards/MediaInfoCard.vue b/src/components/cards/MediaInfoCard.vue
index 97ca3fb3..6d274eee 100644
--- a/src/components/cards/MediaInfoCard.vue
+++ b/src/components/cards/MediaInfoCard.vue
@@ -143,5 +143,33 @@ function openTmdbPage(type: string, tmdbId: number) {
         识别失败，无法识别到有效信息！
       </VAlert>
     </VCol>
+    <VExpansionPanels
+      v-show="context?.meta_info?.title !== context?.meta_info.org_string"
+    >
+      <VExpansionPanel>
+        <VExpansionPanelTitle>
+          识别词应用详情
+        </VExpansionPanelTitle>
+        <VExpansionPanelText>
+          <VChip
+            variant="elevated"
+            class="me-1 mb-1 break-all"
+            color="primary"
+          >
+            {{ context?.meta_info.org_string }}
+          </VChip>
+          <VChip
+            v-for="(val, key) in context?.meta_info.apply_words"
+            :key="key"
+            :val="val"
+            variant="outlined"
+            color="info"
+            class="me-1 mb-1 break-all"
+          >
+            {{ val }}
+          </VChip>
+        </VExpansionPanelText>
+      </VExpansionPanel>
+    </VExpansionPanels>
   </div>
 </template>
diff --git a/src/views/system/NameTestView.vue b/src/views/system/NameTestView.vue
index f320eb24..6560179c 100644
--- a/src/views/system/NameTestView.vue
+++ b/src/views/system/NameTestView.vue
@@ -89,30 +89,4 @@ async function nameTest() {
       <MediaInfoCard :context="nameTestResult" />
     </div>
   </VExpandTransition>
-  <VExpansionPanels
-    v-show="showResult && nameTestResult.meta_info.title !== nameTestResult.meta_info.org_string"
-  >
-    <VExpansionPanel>
-      <VExpansionPanelTitle>
-        <div class="text-h6">
-          识别词应用详情
-        </div>
-      </VExpansionPanelTitle>
-      <VExpansionPanelText>
-        <VChip
-          variant="elevated"
-          class="me-1 mb-1 text-white bg-orange-500"
-        >
-          {{ nameTestResult.meta_info.org_string }}
-        </VChip>
-        <VChip
-          v-for="(val, key) in nameTestResult.meta_info.apply_words" :key="key" :val="val"
-          variant="elevated"
-          class="me-1 mb-1 text-white bg-cyan-500"
-        >
-          {{ val }}
-        </VChip>
-      </VExpansionPanelText>
-    </VExpansionPanel>
-  </VExpansionPanels>
 </template>