From c81629e14f5b4143e0d7fd917ab0098fbf5ce2a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Tue, 27 Aug 2024 10:54:18 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E6=9C=AA?=
 =?UTF-8?q?=E7=9F=A5dom=E5=A4=A7=E5=B0=8F=EF=BC=8C=E8=B0=83=E6=95=B4UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/gachaRecord/gro-echarts.vue | 23 ++++++++++++----------
 src/components/gachaRecord/gro-history.vue | 21 +++++++++++++++-----
 2 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/src/components/gachaRecord/gro-echarts.vue b/src/components/gachaRecord/gro-echarts.vue
index 120162ce..bf1782c0 100644
--- a/src/components/gachaRecord/gro-echarts.vue
+++ b/src/components/gachaRecord/gro-echarts.vue
@@ -1,5 +1,7 @@
 <template>
-  <v-chart :option="getPoolData()" autoresize />
+  <div class="gro-echart">
+    <v-chart :option="getPoolData()" autoresize />
+  </div>
 </template>
 <script lang="ts" setup>
 import type { EChartsOption } from "echarts";
@@ -13,10 +15,9 @@ import {
 import { use } from "echarts/core";
 import { LabelLayout } from "echarts/features";
 import { CanvasRenderer } from "echarts/renderers";
-import { onMounted, provide } from "vue";
+import { provide } from "vue";
 import VChart, { THEME_KEY } from "vue-echarts";
 
-import showSnackbar from "../func/snackbar.js";
 // echarts
 
 use([
@@ -37,13 +38,6 @@ interface GachaOverviewEchartsProps {
 
 const props = defineProps<GachaOverviewEchartsProps>();
 
-onMounted(async () => {
-  const totalNum = props.modelValue.length;
-  showSnackbar({
-    text: `成功获取 ${totalNum} 条祈愿数据`,
-  });
-});
-
 // data
 const defaultOptions = <EChartsOption>{
   title: [
@@ -213,3 +207,12 @@ function getPoolData(): EChartsOption {
   return data;
 }
 </script>
+<style lang="css" scoped>
+.gro-echart {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+</style>
diff --git a/src/components/gachaRecord/gro-history.vue b/src/components/gachaRecord/gro-history.vue
index 1e412e8d..bc1049fd 100644
--- a/src/components/gachaRecord/gro-history.vue
+++ b/src/components/gachaRecord/gro-history.vue
@@ -155,12 +155,13 @@ function getBox(id: number): TItemBoxData {
       display: "inner",
       clickable: true,
       lt: `/icon/element/${cFind.element}元素.webp`,
-      ltSize: "30px",
+      ltSize: "20px",
       innerHeight: 20,
       innerIcon: `/icon/weapon/${cFind.weapon}.webp`,
       innerText: cFind.name,
     };
-  } else if (wFind) {
+  }
+  if (wFind) {
     return {
       bg: `/icon/bg/${wFind.star}-Star.webp`,
       icon: `/WIKI/weapon/${wFind.id}.webp`,
@@ -169,13 +170,23 @@ function getBox(id: number): TItemBoxData {
       display: "inner",
       clickable: true,
       lt: wFind.weaponIcon,
-      ltSize: "30px",
+      ltSize: "20px",
       innerHeight: 20,
       innerText: wFind.name,
     };
-  } else {
-    throw new Error("未找到对应角色或武器");
   }
+  return {
+    bg: "/icon/bg/0-Star.webp",
+    icon: "/source/UI/empty/webp",
+    size: "80px",
+    height: "80px",
+    display: "inner",
+    clickable: false,
+    lt: "",
+    ltSize: "0",
+    innerHeight: 20,
+    innerText: "未找到对应角色或武器",
+  };
 }
 </script>
 <style lang="css" scoped>