diff --git a/src/pages/User/Abyss.vue b/src/pages/User/Abyss.vue
index 51bc8b8e..2ae557d8 100644
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -87,7 +87,6 @@ const loadingTitle = ref("");
 
 // data
 const userTab = ref(0);
-const abyssCookie = ref(computed(() => userStore.getCookieGroup4() as Record<string, string>));
 const user = computed(() => userStore.getCurAccount());
 
 const localAbyss = ref([] as TGApp.Sqlite.Abyss.SingleTable[]);
@@ -113,16 +112,23 @@ async function initAbyssData() {
 async function getAbyssData(): Promise<void> {
   loadingTitle.value = "正在获取深渊数据";
   loading.value = true;
+  const abyssCookie = userStore.getCookieGroup4();
+  const cookie: Record<string, string> = {
+    account_id: abyssCookie.account_id,
+    cookie_token: abyssCookie.cookie_token,
+    ltoken: abyssCookie.ltoken,
+    ltuid: abyssCookie.ltuid,
+  };
   if (localAbyssID.value.length < 2) {
     loadingTitle.value = "正在获取上期深渊数据";
-    const resP = await TGRequest.User.byCookie.getAbyss(abyssCookie.value, "2", user.value);
+    const resP = await TGRequest.User.byCookie.getAbyss(cookie, "2", user.value);
     if (!resP.hasOwnProperty("retcode")) {
       loadingTitle.value = "正在保存上期深渊数据";
       await TGSqlite.saveAbyss(user.value.gameUid, resP as TGApp.Game.Abyss.FullData);
     }
   }
   loadingTitle.value = "正在获取本期深渊数据";
-  const res = await TGRequest.User.byCookie.getAbyss(abyssCookie.value, "1", user.value);
+  const res = await TGRequest.User.byCookie.getAbyss(cookie, "1", user.value);
   if (!res.hasOwnProperty("retcode")) {
     loadingTitle.value = "正在保存本期深渊数据";
     await TGSqlite.saveAbyss(user.value.gameUid, res as TGApp.Game.Abyss.FullData);
@@ -145,10 +151,23 @@ async function shareAbyss(): Promise<void> {
   await generateShareImg(fileName, abyssRef.value);
 }
 
-function uploadAbyss(): void {
+async function uploadAbyss(): Promise<void> {
   const abyssData = curAbyss.value;
-  const transAbyss = HutaoRequest.Abyss.utils.transData(abyssData);
-  console.log(transAbyss);
+  loadingTitle.value = "正在转换深渊数据";
+  loading.value = true;
+  let transAbyss = HutaoRequest.Abyss.utils.transData(abyssData);
+  loadingTitle.value = "正在获取角色数据";
+  const roles = await TGSqlite.getUserCharacter(user.value.gameUid);
+  if (!roles) {
+    loading.value = false;
+    return;
+  }
+  loadingTitle.value = "正在转换角色数据";
+  transAbyss.avatars = HutaoRequest.Abyss.utils.transAvatars(roles);
+  loadingTitle.value = "正在上传深渊数据";
+  const res = await HutaoRequest.Abyss.postData(transAbyss);
+  console.log(res);
+  loading.value = false;
 }
 </script>
 <style lang="css" scoped>
diff --git a/src/plugins/Hutao/index.ts b/src/plugins/Hutao/index.ts
index c949c401..e18529ba 100644
--- a/src/plugins/Hutao/index.ts
+++ b/src/plugins/Hutao/index.ts
@@ -14,7 +14,7 @@ import getTeamCollect from "./request/getTeamCollect";
 import { checkUid, getUserData } from "./request/getUserData";
 import getWeaponCollect from "./request/getWeaponCollect";
 import uploadData from "./request/uploadData";
-import { transLocal } from "./utils/transLocal";
+import { transAvatars, transLocal } from "./utils/transLocal";
 
 const HutaoRequest = {
   Abyss: {
@@ -34,6 +34,7 @@ const HutaoRequest = {
     postData: uploadData,
     utils: {
       transData: transLocal,
+      transAvatars,
     },
   },
 };
diff --git a/src/plugins/Hutao/request/uploadData.ts b/src/plugins/Hutao/request/uploadData.ts
index db0ee656..7e74a73e 100644
--- a/src/plugins/Hutao/request/uploadData.ts
+++ b/src/plugins/Hutao/request/uploadData.ts
@@ -2,7 +2,7 @@
  * @file plugins Hutao request uploadData.ts
  * @description Hutao 数据上传请求函数集合
  * @author BTMuli <bt-muli@outlook.com>
- * @since Alpha v0.2.0
+ * @since Alpha v0.2.1
  */
 
 // tauri
@@ -12,15 +12,16 @@ import HutaoApi from "../api";
 
 /**
  * @description 上传用户数据
- * @since Alpha v0.2.0
- * @todo 上传用户数据
+ * @since Alpha v0.2.1
  * @param {TGApp.Plugins.Hutao.AbyssRecordUpload} data 用户数据
- * @returns {Promise<unknown>} 上传结果
+ * @returns {Promise<TGApp.Plugins.Hutao.HutaoResponse>} 上传结果
  */
-async function uploadData(data: TGApp.Plugins.Hutao.AbyssRecordUpload): Promise<unknown> {
+async function uploadData(
+  data: TGApp.Plugins.Hutao.AbyssRecordUpload,
+): Promise<TGApp.Plugins.Hutao.HutaoResponse> {
   const url = HutaoApi.Abyss.upload;
   return await http
-    .fetch(url, {
+    .fetch<TGApp.Plugins.Hutao.HutaoResponse>(url, {
       method: "POST",
       body: http.Body.json(data),
     })
diff --git a/src/plugins/Hutao/utils/transLocal.ts b/src/plugins/Hutao/utils/transLocal.ts
index fc0e3427..76e1cdb8 100644
--- a/src/plugins/Hutao/utils/transLocal.ts
+++ b/src/plugins/Hutao/utils/transLocal.ts
@@ -5,26 +5,21 @@
  * @since Alpha v0.2.1
  */
 
-// utils
-import TGSqlite from "../../Sqlite";
-
 /**
  * @description 将本地数据转为上传用的数据
  * @since Alpha v0.2.1
  * @param {TGApp.Sqlite.Abyss.SingleTable} data 本地数据
- * @param {string} userName 用户名
  * @returns {TGApp.Plugins.Hutao.AbyssRecordUpload} 上传用的数据
  */
 export function transLocal(
   data: TGApp.Sqlite.Abyss.SingleTable,
-  userName?: string,
 ): TGApp.Plugins.Hutao.AbyssRecordUpload {
   return {
     uid: data.uid,
     identity: "Tauri.Genshin",
     spiralAbyss: transAbyss(data),
-    avatars: transAvatars(data),
-    reservedUserName: userName || "",
+    avatars: [],
+    reservedUserName: "",
   };
 }
 
@@ -93,36 +88,26 @@ function transLevel(data: TGApp.Sqlite.Abyss.Level): TGApp.Plugins.Hutao.AbyssLe
 /**
  * @description 转换角色数据
  * @since Alpha v0.2.1
- * @param {TGApp.Sqlite.Abyss.SingleTable} data 本地数据
+ * @param {TGApp.Sqlite.Character.UserRole[]} avatars 角色数据
  * @returns {TGApp.Plugins.Hutao.AbyssAvatar[]} 上传用的数据
  */
-function transAvatars(data: TGApp.Sqlite.Abyss.SingleTable): TGApp.Plugins.Hutao.AbyssAvatar[] {
-  const avatars: TGApp.Plugins.Hutao.AbyssAvatar[] = [];
-  const floors: TGApp.Sqlite.Abyss.Floor[] = JSON.parse(data.floors);
-  const avatarIdCollect = new Set<number>();
-  floors.map((floor) =>
-    floor.levels.map((level) => {
-      level.upBattle.characters.map((character) => avatarIdCollect.add(character.id));
-      level.downBattle.characters.map((character) => avatarIdCollect.add(character.id));
-    }),
-  );
-  Array.from(avatarIdCollect).map(async (avatarId) => {
-    const avatarGet: TGApp.Sqlite.Character.UserRole[] | false = await TGSqlite.getUserCharacter(
-      data.uid,
-      avatarId,
-    );
-    if (!avatarGet) return;
-    const avatar = avatarGet[0];
+export function transAvatars(
+  avatars: TGApp.Sqlite.Character.UserRole[],
+): TGApp.Plugins.Hutao.AbyssAvatar[] {
+  return avatars.map((avatar) => {
     const weapon: TGApp.Sqlite.Character.RoleWeapon = JSON.parse(avatar.weapon);
-    const relics: TGApp.Sqlite.Character.RoleReliquary[] = JSON.parse(avatar.reliquary);
-    const relicSetCollect = new Set<string>();
-    relics.map((relic) => relicSetCollect.add(relic.set.id.toString()));
-    avatars.push({
-      avatarId,
+    let relics: number[];
+    if (avatar.reliquary === "") {
+      relics = [];
+    } else {
+      const relicSet: TGApp.Sqlite.Character.RoleReliquary[] = JSON.parse(avatar.reliquary);
+      relics = relicSet.map((relic) => relic.set.id);
+    }
+    return {
+      avatarId: avatar.cid,
       weaponId: weapon.id,
-      reliquarySetIds: Array.from(relicSetCollect),
+      reliquarySetIds: relics,
       activedConstellationNumber: avatar.activeConstellation,
-    });
+    };
   });
-  return avatars;
 }