From 03772b22ee2df90df8ad09722148dad9c7d38b0f Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Mon, 8 Jan 2024 16:00:32 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=A7=82=E6=B5=8B=E6=9E=A2=E8=B7=B3=E8=BD=AC=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/wiki/twc-character.vue | 40 ++++++++++++++++++++++++---
 src/components/wiki/twc-weapon.vue    | 33 +++++++++++++++++++++-
 2 files changed, 68 insertions(+), 5 deletions(-)

diff --git a/src/components/wiki/twc-character.vue b/src/components/wiki/twc-character.vue
index 32b5d59c..65e8d316 100644
--- a/src/components/wiki/twc-character.vue
+++ b/src/components/wiki/twc-character.vue
@@ -4,8 +4,12 @@
       <TItembox :model-value="box" />
       <div class="twc-brief-info">
         <div class="twc-bi-top">
-          <span>{{ data.name }} {{ data.title }}</span>
-          <span>{{ data.description }}</span>
+          <div class="twc-bi-title">
+            <span>{{ data.name }}</span>
+            <span>{{ data.title }}</span>
+            <span @click="toWiki()"><v-icon>mdi-link</v-icon></span>
+          </div>
+          <div class="twc-bi-desc">{{ data.description }}</div>
         </div>
         <div class="twc-bi-grid1">
           <div class="twc-big-item">
@@ -93,6 +97,8 @@ import TwcConstellations from "./twc-constellations.vue";
 import TwcMaterials from "./twc-materials.vue";
 import TwcSkills from "./twc-skills.vue";
 import { getWikiData } from "../../data";
+import Mys from "../../plugins/Mys";
+import { createTGWindow } from "../../utils/TGWindow";
 import showSnackbar from "../func/snackbar";
 import TItembox, { TItemBoxData } from "../main/t-itembox.vue";
 
@@ -154,6 +160,25 @@ watch(
 onMounted(async () => {
   await loadData();
 });
+
+async function toWiki(): Promise<void> {
+  if (props.item.contentId === 0) {
+    showSnackbar({
+      text: `角色 ${props.item.name} 暂无详情`,
+      color: "warn",
+    });
+    return;
+  }
+  const url = Mys.Api.Obc.replace("{contentId}", props.item.contentId.toString());
+  createTGWindow(
+    url,
+    "Sub_window",
+    `Content_${props.item.contentId} ${props.item.name}`,
+    1200,
+    800,
+    true,
+  );
+}
 </script>
 <style lang="css" scoped>
 .twc-box {
@@ -180,13 +205,20 @@ onMounted(async () => {
   flex-direction: column;
 }
 
-.twc-bi-top :nth-child(1) {
+.twc-bi-title {
+  display: flex;
+  align-items: center;
   color: var(--common-text-title);
+  column-gap: 10px;
   font-family: var(--font-title);
   font-size: 20px;
 }
 
-.twc-bi-top :nth-child(2) {
+.twc-bi-title :last-child {
+  cursor: pointer;
+}
+
+.twc-bi-desc {
   display: flex;
   align-items: flex-end;
   font-size: 14px;
diff --git a/src/components/wiki/twc-weapon.vue b/src/components/wiki/twc-weapon.vue
index 093b0af1..7a76c219 100644
--- a/src/components/wiki/twc-weapon.vue
+++ b/src/components/wiki/twc-weapon.vue
@@ -3,7 +3,10 @@
     <div class="tww-brief">
       <TItembox :model-value="box" />
       <div class="tww-brief-info">
-        <div class="tww-brief-title">{{ data.name }}</div>
+        <div class="tww-brief-title">
+          <span>{{ data.name }}</span>
+          <span @click="toWiki()"><v-icon>mdi-link</v-icon></span>
+        </div>
         <v-rating
           class="tww-brief-rating"
           v-model="select"
@@ -51,6 +54,8 @@ import { computed, onMounted, ref, watch } from "vue";
 
 import TwcMaterials from "./twc-materials.vue";
 import { getWikiData } from "../../data";
+import Mys from "../../plugins/Mys";
+import { createTGWindow } from "../../utils/TGWindow";
 import { parseHtmlText } from "../../utils/toolFunc";
 import showSnackbar from "../func/snackbar";
 import TItembox, { TItemBoxData } from "../main/t-itembox.vue";
@@ -104,6 +109,25 @@ watch(
 );
 
 onMounted(async () => await loadData());
+
+async function toWiki(): Promise<void> {
+  if (props.item.contentId === 0) {
+    showSnackbar({
+      text: `武器 ${props.item.name} 暂无详情`,
+      color: "warn",
+    });
+    return;
+  }
+  const url = Mys.Api.Obc.replace("{contentId}", props.item.contentId.toString());
+  createTGWindow(
+    url,
+    "Sub_window",
+    `Content_${props.item.contentId} ${props.item.name}`,
+    1200,
+    800,
+    true,
+  );
+}
 </script>
 <style lang="css" scoped>
 .tww-box {
@@ -126,11 +150,18 @@ onMounted(async () => await loadData());
 }
 
 .tww-brief-title {
+  display: flex;
+  align-items: center;
   color: var(--common-text-title);
+  column-gap: 10px;
   font-family: var(--font-title);
   font-size: 20px;
 }
 
+.tww-brief-info :last-child {
+  cursor: pointer;
+}
+
 .tww-brief-rating {
   color: var(--common-text-title);
 }