diff --git a/src/components/gachaRecord/gro-dataview.vue b/src/components/gachaRecord/gro-dataview.vue
index 9688a877..31e96ca4 100644
--- a/src/components/gachaRecord/gro-dataview.vue
+++ b/src/components/gachaRecord/gro-dataview.vue
@@ -66,9 +66,10 @@
   </div>
 </template>
 <script lang="ts" setup>
-// vue
 import { onMounted, ref, watch } from "vue";
 
+import TSUserGacha from "../../plugins/Sqlite/modules/userGacha.js";
+
 interface GachaDataViewProps {
   dataType: "new" | "avatar" | "weapon" | "normal" | "mix";
   dataVal: TGApp.Sqlite.GachaRecords.SingleTable[];
@@ -179,8 +180,9 @@ function getStar5Avg(): string {
 }
 
 // 获取物品图标
-function getIcon(itemId: string, type: string): string {
-  if (type === "角色") {
+function getIcon(itemId: string): string {
+  const type = TSUserGacha.getGachaItemType(itemId);
+  if (type[0] === "角色") {
     return "/WIKI/character/" + itemId + ".webp";
   } else {
     return "/WIKI/weapon/" + itemId + ".webp";
diff --git a/src/plugins/Sqlite/modules/userGacha.ts b/src/plugins/Sqlite/modules/userGacha.ts
index 506fde0e..3cc7fcb3 100644
--- a/src/plugins/Sqlite/modules/userGacha.ts
+++ b/src/plugins/Sqlite/modules/userGacha.ts
@@ -20,9 +20,9 @@ type gachaItemTypeRes =
  * @return {gachaItemTypeRes}
  */
 function getGachaItemType(item_id: string): gachaItemTypeRes {
-  const findAvatar = AppCharacterData.find((i) => i.id === item_id);
+  const findAvatar = AppCharacterData.find((i) => i.id.toString() === item_id);
   if (findAvatar !== undefined) return ["角色", findAvatar];
-  const findWeapon = AppWeaponData.find((i) => i.id === item_id);
+  const findWeapon = AppWeaponData.find((i) => i.id.toString() === item_id);
   if (findWeapon !== undefined) return ["武器", findWeapon];
   return ["未知", "未知"];
 }
@@ -139,6 +139,7 @@ const TSUserGacha = {
   getUidList,
   getGachaCheck,
   getGachaRecords,
+  getGachaItemType,
   deleteGachaRecords,
   mergeUIGF,
 };