From 720a27cca3afd2b2f35fb7b4f12900cf667f1221 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A5=BF=E7=93=9C=C2=B0?= <wxh_email@yeah.net>
Date: Tue, 21 Apr 2026 02:30:17 +0800
Subject: [PATCH] dev

---
 frontend/src/api/info/index.ts                |   6 +-
 .../dnf/Emblem/Images/part/彩色.png           | Bin 0 -> 4663 bytes
 .../dnf/Emblem/Images/part/白金.png           | Bin 0 -> 1628 bytes
 .../dnf/Emblem/Images/part/红色.png           | Bin 0 -> 4643 bytes
 .../dnf/Emblem/Images/part/绿色.png           | Bin 0 -> 4598 bytes
 .../dnf/Emblem/Images/part/蓝色.png           | Bin 0 -> 4658 bytes
 .../dnf/Emblem/Images/part/黄色.png           | Bin 0 -> 4686 bytes
 .../src/components/dnf/Emblem/List/index.vue  | 118 +++++++++++++-
 .../Character/EquipmentDictionary/Index.vue   |  96 +++++++++--
 .../Character/Forge/components/Emblems.vue    | 151 +++++++++++++++++-
 .../Character/Result/components/Info.vue      |  11 +-
 frontend/src/stores/config.ts                 |  16 +-
 frontend/src/stores/info.ts                   |  30 +++-
 13 files changed, 404 insertions(+), 24 deletions(-)
 create mode 100644 frontend/src/components/dnf/Emblem/Images/part/彩色.png
 create mode 100644 frontend/src/components/dnf/Emblem/Images/part/白金.png
 create mode 100644 frontend/src/components/dnf/Emblem/Images/part/红色.png
 create mode 100644 frontend/src/components/dnf/Emblem/Images/part/绿色.png
 create mode 100644 frontend/src/components/dnf/Emblem/Images/part/蓝色.png
 create mode 100644 frontend/src/components/dnf/Emblem/Images/part/黄色.png

diff --git a/frontend/src/api/info/index.ts b/frontend/src/api/info/index.ts
index 88b3717c..03978e0b 100644
--- a/frontend/src/api/info/index.ts
+++ b/frontend/src/api/info/index.ts
@@ -26,6 +26,10 @@ export default defineRequest((request) => {
     async getSkillFromCode(code: string) {
       const res = await request.post(`/skillTree/`, { code })
       return res.data
-    }
+    },
+    async getOathInfo(suitId: string, skillId: string, rarity: string) {
+      const res = await request.get(`/info/oath/${suitId}/${skillId}`, { params: { rarity } })
+      return res.data
+    },
   }
 })
diff --git a/frontend/src/components/dnf/Emblem/Images/part/彩色.png b/frontend/src/components/dnf/Emblem/Images/part/彩色.png
new file mode 100644
index 0000000000000000000000000000000000000000..0db4b159b98b480668ae27c8e1adc75ce162d0b1
GIT binary patch
literal 4663
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

literal 0
HcmV?d00001

diff --git a/frontend/src/components/dnf/Emblem/Images/part/白金.png b/frontend/src/components/dnf/Emblem/Images/part/白金.png
new file mode 100644
index 0000000000000000000000000000000000000000..862e06465a6a3790c85d3d40fb9ad3cfa37baa40
GIT binary patch
literal 1628
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
atMM;x|Jp-JlMW650000<MNUMnLSTZYUlL*f

literal 0
HcmV?d00001

diff --git a/frontend/src/components/dnf/Emblem/Images/part/红色.png b/frontend/src/components/dnf/Emblem/Images/part/红色.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5f34acc61a7c4f799e2f32111f703b81761aeec
GIT binary patch
literal 4643
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
Z{vS0{E%n>W590s;002ovPDHLkV1hv55a$2@

literal 0
HcmV?d00001

diff --git a/frontend/src/components/dnf/Emblem/Images/part/绿色.png b/frontend/src/components/dnf/Emblem/Images/part/绿色.png
new file mode 100644
index 0000000000000000000000000000000000000000..40de9d7cbd97457b1bbdce64554e6a10713d7ac1
GIT binary patch
literal 4598
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

literal 0
HcmV?d00001

diff --git a/frontend/src/components/dnf/Emblem/Images/part/蓝色.png b/frontend/src/components/dnf/Emblem/Images/part/蓝色.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe2ebabc90cd5fd1b75a8589b75dc5b92c087504
GIT binary patch
literal 4658
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

literal 0
HcmV?d00001

diff --git a/frontend/src/components/dnf/Emblem/Images/part/黄色.png b/frontend/src/components/dnf/Emblem/Images/part/黄色.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ffc40392d6dbec3a1454ecdf2e6d8837a0a246b
GIT binary patch
literal 4686
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
Q5dZ)H07*qoM6N<$f;_bkLI3~&

literal 0
HcmV?d00001

diff --git a/frontend/src/components/dnf/Emblem/List/index.vue b/frontend/src/components/dnf/Emblem/List/index.vue
index e044be33..d30cff47 100644
--- a/frontend/src/components/dnf/Emblem/List/index.vue
+++ b/frontend/src/components/dnf/Emblem/List/index.vue
@@ -1,17 +1,131 @@
 <template>
-  <div class="pos-relative w-248px h-full" :class="props.withBg ? 'emblem-bg' : ''"></div>
+  <div class="pos-relative w-248px h-full" :class="props.withBg ? 'emblem-bg' : ''">
+    <template v-for="part in parts" :key="part">
+      <div
+        class="pos-absolute text-white/50 flex items-center justify-center rounded-50%"
+        :style="infoStyle(part)"
+        @click="choosePart(part)"
+      >
+        <img
+          class="w-20px h-20px"
+          style="object-fit: none; object-position: hue; mix-blend-mode: screen"
+          :src="rarityIcon(part)"
+          v-if="part != '白金'"
+        />
+        <img class="pos-absolute" :style="lvStyle" :src="lvIcon(part)" v-if="part != '白金'" />
+      </div>
+    </template>
+  </div>
 </template>
 
 <script lang="ts" setup name="EmblemList">
+import { useInfoStore, type IConfigEmblem } from '@/stores'
+import { getImageURL } from '@/utils/images'
+
 const props = defineProps({
   withBg: {
     type: Boolean,
     default: true,
   },
   detail: {
-    type: Object as PropType<Record<string, any>>,
+    type: Object as PropType<Record<string, IConfigEmblem>>,
   },
 })
+
+const infoStore = useInfoStore()
+const partModelValue = defineModel('part', { default: '彩色' })
+
+const partIcon = computed(() => {
+  return (part: string) => {
+    return new URL(`../Images/part/${part}.png`, import.meta.url).href
+  }
+})
+
+const rarityIcon = computed(() => {
+  return (part: string) => {
+    const rarity = Math.floor((props.detail?.[part]?.lv || 0) / 5)
+    console.log(rarity)
+    return new URL(`../Images/rarity/${rarity}.png`, import.meta.url).href
+  }
+})
+
+const lvIcon = computed(() => {
+  return (part: string) => {
+    const lv = (props.detail?.[part]?.lv || 0) % 5
+    return getImageURL(`/equipment/adaptation/${lv + 1}.png`)
+  }
+})
+
+const position: Record<string, { x: number; y: number; width?: number; height?: number }> = {
+  彩色: {
+    x: 99,
+    y: 15,
+  },
+  红色: {
+    x: 18,
+    y: 39,
+  },
+  蓝色: {
+    x: 180,
+    y: 39,
+  },
+  黄色: {
+    x: 65,
+    y: 83,
+  },
+  绿色: {
+    x: 133,
+    y: 83,
+  },
+  白金: {
+    x: 33,
+    y: 117,
+    width: 24,
+    height: 24,
+  },
+  增益: {
+    x: 192,
+    y: 117,
+    width: 24,
+    height: 24,
+  },
+}
+
+const lvStyle = computed(() => {
+  return {
+    left: '50%',
+    top: '100%',
+    transform: 'translate(-50%,-100%)',
+    zIndex: 7,
+  }
+})
+
+const infoStyle = computed(() => {
+  return (part: string) => {
+    console.log(`url(${rarityIcon.value(part)}),url(${partIcon.value(part)})`)
+    return {
+      left: `${position[part as keyof typeof position].x}px`,
+      top: `${position[part as keyof typeof position].y}px`,
+      width: `${position[part as keyof typeof position]?.width ?? 50}px`,
+      height: `${position[part as keyof typeof position]?.height ?? 50}px`,
+      backgroundImage: `url(${partIcon.value(part)})`,
+      // backgroundImage: `url(${rarityIcon.value(part)}),url(${partIcon.value(part)})`,
+      // backgroundImage: `url(${partIcon.value(part)}),url(${rarityIcon.value(part)})`,
+      // backgroundBlendMode: 'screen',
+      zIndex: 6,
+      // fontWeight: 900,
+    }
+  }
+})
+
+const parts = computed(() => {
+  const parts = infoStore.emblemParts
+  return parts
+})
+
+const choosePart = (part: string) => {
+  partModelValue.value = part
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/frontend/src/pages/Character/EquipmentDictionary/Index.vue b/frontend/src/pages/Character/EquipmentDictionary/Index.vue
index 386da5fb..a72fe37d 100644
--- a/frontend/src/pages/Character/EquipmentDictionary/Index.vue
+++ b/frontend/src/pages/Character/EquipmentDictionary/Index.vue
@@ -93,7 +93,7 @@
       <div class="item-head" @click="hideSuit = !hideSuit">
         套装信息{{ hideSuit ? ' (点击显示)' : '（点击隐藏）' }}
       </div>
-      <div v-show="!hideSuit">
+      <template v-if="!hideSuit">
         <div class="flex bg-#191918 items-center justify-center gap-2px p-5px">
           <calc-button
             :disabled="raritiyList.findIndex((rarity) => rarity === curSuitLv.rarity) <= 0"
@@ -135,40 +135,43 @@
         <div class="flex-1 overflow-y-auto overflow-x-hidden bg-black w-240px">
           <SuitInfo v-if="curSuitInfo" :suit="curSuitInfo" />
         </div>
-      </div>
+      </template>
     </div>
     <div class="flex flex-col flex-1 overflow-hidden bg-black" v-if="curOathInfo">
       <div class="item-head">誓约信息</div>
 
       <div class="flex bg-#191918 items-center justify-center gap-2px p-5px">
         <calc-button
-          :disabled="raritiyList.findIndex((rarity) => rarity === curSuitLv.rarity) <= 0"
+          :disabled="raritiyList.findIndex((rarity) => rarity === curOathSkillLv.rarity) <= 0"
           icon="min-little"
-          @click="changeSuitLv('preRarity')"
+          @click="changeOathSkillLv('preRarity')"
         ></calc-button>
         <calc-button
           icon="reduce-little"
           :disabled="
-            raritiyList.findIndex((rarity) => rarity === curSuitLv.rarity) <= 0 && curSuitLv.lv <= 1
+            raritiyList.findIndex((rarity) => rarity === curOathSkillLv.rarity) <= 0 &&
+            curOathSkillLv.lv <= 1
           "
-          @click="changeSuitLv('preLv')"
+          @click="changeOathSkillLv('preLv')"
         ></calc-button>
-        <div class="flex px-20px gap-x-10px" :class="rarityClass(curSuitLv.rarity)">
-          <span>{{ curSuitLv.rarity }}</span>
-          <span>{{ formatLv(curSuitLv.lv, curSuitLv.rarity) }}</span>
+        <div class="flex px-20px gap-x-10px" :class="rarityClass(curOathSkillLv.rarity)">
+          <span>{{ curOathSkillLv.rarity }}</span>
+          <span>{{ formatLv(curOathSkillLv.lv, curOathSkillLv.rarity) }}</span>
         </div>
         <calc-button
           :disabled="
-            raritiyList.findIndex((rarity) => rarity === curSuitLv.rarity) >= raritiyList.length - 1
+            raritiyList.findIndex((rarity) => rarity === curOathSkillLv.rarity) >=
+            raritiyList.length - 1
           "
-          @click="changeSuitLv('nextLv')"
+          @click="changeOathSkillLv('nextLv')"
           icon="increase-little"
         ></calc-button>
         <calc-button
           :disabled="
-            raritiyList.findIndex((rarity) => rarity === curSuitLv.rarity) >= raritiyList.length - 1
+            raritiyList.findIndex((rarity) => rarity === curOathSkillLv.rarity) >=
+            raritiyList.length - 1
           "
-          @click="changeSuitLv('nextRarity')"
+          @click="changeOathSkillLv('nextRarity')"
           icon="max-little"
         ></calc-button>
       </div>
@@ -190,7 +193,7 @@
         class="w-80% m-auto h-1px bg-gradient-to-r from-[rgba(52,43,27,0.05)] via-[rgba(52,43,27,1)] to-[rgba(52,43,27,0.05)]"
       ></div>
       <div class="flex-1 overflow-y-auto overflow-x-hidden bg-black w-240px">
-        <SuitInfo v-if="curSuitInfo" :suit="curSuitInfo" />
+        <SuitInfo v-if="curOathSkillInfo" :suit="curOathSkillInfo" />
       </div>
     </div>
   </div>
@@ -218,6 +221,10 @@ const curRarity = ref('')
 const curSuit = ref(16203)
 const curEquId = ref()
 const curSuitLv = ref({
+  rarity: '太初',
+  lv: 1,
+})
+const curOathSkillLv = ref({
   rarity: '史诗',
   lv: 1,
 })
@@ -270,6 +277,41 @@ const changeSuitLv = (
   }
 }
 
+const changeOathSkillLv = (
+  type: 'preRarity' | 'nextRarity' | 'preLv' | 'nextLv',
+  resetLv: boolean = true,
+) => {
+  if (type == 'preRarity') {
+    const index = raritiyList.findIndex((a) => a == curOathSkillLv.value.rarity)
+    if (index > 0) {
+      curOathSkillLv.value.rarity = raritiyList[index - 1]
+      curOathSkillLv.value.lv = resetLv ? 1 : 5
+      return
+    }
+  } else if (type == 'nextRarity') {
+    const index = raritiyList.findIndex((a) => a == curOathSkillLv.value.rarity)
+    if (index < raritiyList.length - 1) {
+      curOathSkillLv.value.rarity = raritiyList[index + 1]
+      curOathSkillLv.value.lv = 1
+      return
+    }
+  } else if (type == 'preLv') {
+    if (curOathSkillLv.value.lv > 1) {
+      curOathSkillLv.value.lv--
+      return
+    } else {
+      changeOathSkillLv('preRarity', false)
+    }
+  } else if (type == 'nextLv') {
+    if (curOathSkillLv.value.lv < 5) {
+      curOathSkillLv.value.lv++
+      return
+    } else {
+      changeOathSkillLv('nextRarity')
+    }
+  }
+}
+
 const choose_part = ref<string[]>([])
 
 const curEquInfo = computed(() => {
@@ -299,6 +341,32 @@ const curOathInfo = computed(() => {
   return infoStore.oathSkills?.[curEquInfo.value?.suit[0]]
 })
 
+const curOathSkillLvs = asyncComputed(async () => {
+  if (!curOathInfo.value || !curEquInfo.value?.suit[0]) {
+    return undefined
+  }
+  const res = await infoStore.getOathInfo(
+    curEquInfo.value?.suit[0],
+    oathSkillId.value,
+    curOathSkillLv.value.rarity,
+  )
+  return res
+})
+
+const curOathSkillInfo = computed(() => {
+  const res = curOathSkillLvs.value
+  if (!res) {
+    return undefined
+  }
+  console.log(curEquInfo.value?.suit[0])
+  return {
+    ...res,
+    SkillAttack: parseFloat(res.SkillAttack.toString().split(',')[curOathSkillLv.value.lv - 1]),
+    Buffer: parseFloat(res.Buffer.toString().split(',')[curOathSkillLv.value.lv - 1]),
+    point: parseFloat(res.point.toString().split(',')[curOathSkillLv.value.lv - 1]),
+  }
+})
+
 const chooseCategory = (cat: string) => {
   type.value = cat
   if (type.value == 'oath' && curSuit.value == -1) {
diff --git a/frontend/src/pages/Character/Forge/components/Emblems.vue b/frontend/src/pages/Character/Forge/components/Emblems.vue
index cc427145..223a8c9b 100644
--- a/frontend/src/pages/Character/Forge/components/Emblems.vue
+++ b/frontend/src/pages/Character/Forge/components/Emblems.vue
@@ -1,9 +1,156 @@
 <template>
-  <div class="h-180px flex justify-center items-center">
-    <EmblemList :withBg="true" />
+  <div class="h-179px flex justify-center items-center">
+    <EmblemList :withBg="true" v-model:part="part" :detail="configStore.config.emblems" />
+  </div>
+  <div class="flex flex-wrap equ-profile">
+    <div class="equ-profile-item">
+      <div class="mr-10px row-name">当前槽位</div>
+      <span>{{ part }}</span>
+    </div>
+    <div class="equ-profile-item" v-if="part != '白金'">
+      <div class="row-name">等级</div>
+      <calc-select v-model="lv" class="flex-1 !h-20px">
+        <template v-for="(i, index) in lvs" :key="index">
+          <calc-option :value="index">{{ i }}</calc-option>
+        </template>
+      </calc-select>
+    </div>
+    <div class="flex w-full">
+      <div class="flex-basis-50px text-center mr-10px">徽章</div>
+      <div class="flex-1 grid gap-4px" :style="emblemGridStyle">
+        <div
+          v-for="(emblem, index) in emblemMaxCount"
+          :style="emblemItemStyle(index)"
+          class="flex"
+          :key="index"
+        >
+          <calc-select v-model="emblems[index]" class="min-w-0 flex-1 !h-20px">
+            <template v-for="(i, index) in lvs" :key="index">
+              <calc-option :value="i">{{ i }}</calc-option>
+            </template>
+          </calc-select>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
 <script lang="ts" setup name="Emblems">
 import EmblemList from '@/components/dnf/Emblem/List/index.vue'
+import { useConfigStore } from '@/stores'
+
+const part = ref('彩色')
+
+const configStore = useConfigStore()
+
+const lvs = [
+  '稀有Lv.1',
+  '稀有Lv.2',
+  '稀有Lv.3',
+  '稀有Lv.4',
+  '稀有Lv.5',
+  '神器Lv.1',
+  '神器Lv.2',
+  '神器Lv.3',
+  '神器Lv.4',
+  '神器Lv.5',
+  '传说Lv.1',
+  '传说Lv.2',
+  '传说Lv.3',
+  '传说Lv.4',
+  '传说Lv.5',
+  '史诗Lv.1',
+]
+
+const emblemMaxCount = computed(() => {
+  if (part.value == '彩色') {
+    return 6
+  }
+  if (part.value == '白金') {
+    return 2
+  }
+  return 4
+})
+
+const emblemGridStyle = computed(() => {
+  return {
+    gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
+  }
+})
+
+const emblemItemStyle = (index: number) => {
+  const count = emblemMaxCount.value
+  const remainder = count % 2
+
+  if (remainder === 1 && index === count - 1) {
+    return {
+      gridColumn: 'span 2 / span 2',
+    }
+  }
+
+  return {
+    gridColumn: 'span 1 / span 1',
+  }
+}
+
+const currentInfo = function <T>(name: string, defaultValue?: T) {
+  return computed<string | number>({
+    get() {
+      return (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (configStore.config.emblems?.[part.value] as Record<string, any>)?.[name] ??
+        defaultValue ??
+        0
+      )
+    },
+    set(val) {
+      if (val == undefined) {
+        return
+      }
+      // if (name == 'emblem_1' && !has_emblem_1.value) {
+      //   // configStore.setForge(part.value, name, 0)
+      //   return
+      // }
+
+      if (!configStore.config.emblems[part.value]) {
+        configStore.config.emblems[part.value] = { ...configStore.defaultEmblemConfig }
+      }
+      if (configStore.config.emblems[part.value]) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ;(configStore.config.emblems[part.value] as Record<string, any>)[name] = val
+      }
+      if (part.value == '彩色' && name == 'lv') {
+        // 同步其他部位的等级
+        const lv = val as number
+        for (const p of ['红色', '蓝色', '黄色', '绿色']) {
+          if (!configStore.config.emblems[p]) {
+            configStore.config.emblems[p] = { ...configStore.defaultEmblemConfig }
+          }
+          if (configStore.config.emblems[p]) {
+            configStore.config.emblems[p]['lv'] = Math.max(
+              configStore.config.emblems[p]['lv'] || 0,
+              lv,
+            )
+          }
+        }
+      } else if (part.value != '彩色' && name == 'lv') {
+        // 同步彩色部位的等级
+        const lv = val as number
+        if (!configStore.config.emblems['彩色']) {
+          configStore.config.emblems['彩色'] = { ...configStore.defaultEmblemConfig }
+        }
+        if (configStore.config.emblems['彩色']) {
+          configStore.config.emblems['彩色']['lv'] = Math.min(
+            configStore.config.emblems['彩色']['lv'] || 0,
+            lv,
+          )
+        }
+      }
+    },
+  })
+}
+
+const lv = currentInfo('lv', 0)
+
+const emblems = currentInfo<string[]>('items', ['', '', '', '', '', '']) as unknown as Ref<string[]>
 </script>
diff --git a/frontend/src/pages/Character/Result/components/Info.vue b/frontend/src/pages/Character/Result/components/Info.vue
index 75534fcd..be4d0411 100644
--- a/frontend/src/pages/Character/Result/components/Info.vue
+++ b/frontend/src/pages/Character/Result/components/Info.vue
@@ -81,9 +81,9 @@
               alt=""
               class="w-20px h-20px object-contain"
             />
-            <div class="flex items-center justify-center" v-if="adaptation(part) > 0">
+            <div class="flex items-center justify-center" v-if="oathAdaptation(part) > 0">
               <img
-                :src="getImageURL(`/equipment/adaptation/${adaptation(part)}.png`)"
+                :src="getImageURL(`/equipment/adaptation/${oathAdaptation(part)}.png`)"
                 alt=""
                 class="w-11px h-10px object-contain"
               />
@@ -161,6 +161,13 @@ const adaptation = (part: string) => {
   )
 }
 
+const oathAdaptation = (part: string) => {
+  return Math.min(
+    equ(props.oaths?.[part]?.id)?.max_adaptation ?? 0,
+    props.oaths[part]?.adaptation ?? 0,
+  )
+}
+
 const lvFormat = (lv: number, rarity: string) => {
   if (rarity == '太初') return ''
   switch (lv) {
diff --git a/frontend/src/stores/config.ts b/frontend/src/stores/config.ts
index d90ac586..59b5ac9b 100644
--- a/frontend/src/stores/config.ts
+++ b/frontend/src/stores/config.ts
@@ -36,6 +36,11 @@ export interface IConfigOath {
   adaptation: number
 }
 
+export interface IConfigEmblem {
+  lv: number
+  items: string[]
+}
+
 export interface IConfig {
   skills: Record<string, { lv: number; vp: number; up: number }>
   equips: Record<string, IConfigEquip>
@@ -65,6 +70,7 @@ export interface IConfig {
   BUFF: boolean
   options: Record<string, number>
   avatarLink: string
+  emblems: Record<string, IConfigEmblem>
 }
 
 const defaultEqusConfig = {
@@ -95,6 +101,11 @@ const defaultOathConfig = {
   adaptation: 0,
 }
 
+const defaultEmblemConfig = {
+  lv: 0,
+  items: ['', '', '', '', '', ''],
+}
+
 export const useConfigStore = defineStore('configStore', () => {
   const config = ref<IConfig>({
     skills: {},
@@ -108,6 +119,7 @@ export const useConfigStore = defineStore('configStore', () => {
     BUFF: false,
     options: {},
     avatarLink: '',
+    emblems: {},
   })
 
   const skillCountConfig = ref<IResultSkillCount[]>([])
@@ -139,6 +151,7 @@ export const useConfigStore = defineStore('configStore', () => {
         BUFF: false,
         options: {},
         avatarLink: '',
+        emblems: {},
       }
     }
     if (!config.value?.equips) config.value.equips = {}
@@ -149,7 +162,7 @@ export const useConfigStore = defineStore('configStore', () => {
     if (!config.value?.bindAwake) config.value.bindAwake = 50
     if (!config.value?.options) config.value.options = {}
     if (!config.value?.oaths) config.value.oaths = {}
-    console.log(config.value.oaths)
+    if (!config.value?.emblems) config.value.emblems = {}
 
     const part = [...infoStore.parts, '宠物', '副武器'].filter(
       (a) => !config.value?.equips.hasOwnProperty(a),
@@ -262,5 +275,6 @@ export const useConfigStore = defineStore('configStore', () => {
     defaultEqusConfig,
     defaultAvatarConfig,
     defaultOathConfig,
+    defaultEmblemConfig,
   }
 })
diff --git a/frontend/src/stores/info.ts b/frontend/src/stores/info.ts
index 582b42bd..45d0f757 100644
--- a/frontend/src/stores/info.ts
+++ b/frontend/src/stores/info.ts
@@ -1,5 +1,5 @@
 import api from '@/api'
-import type { ICharacterInfo, IEquipment } from '@/api/info/type'
+import type { ICharacterInfo, IEquipment, ISuit } from '@/api/info/type'
 import { defineStore } from 'pinia'
 import { useConfigStore } from './config'
 import type { IResult, IResultSkill, IResultSkillCount } from '@/api/calc/type'
@@ -8,6 +8,15 @@ export const useInfoStore = defineStore('infoStore', () => {
   const alter_token = ref<string>('')
   const infos = ref<ICharacterInfo | null>(null)
 
+  const oathCache = ref<
+    {
+      suitId: string
+      skillId: string
+      rarity: string
+      data: ISuit
+    }[]
+  >([])
+
   const skills = computed(() => infos.value?.skills ?? [])
 
   const equips = computed(() => infos.value?.equips ?? [])
@@ -45,6 +54,22 @@ export const useInfoStore = defineStore('infoStore', () => {
     return result
   })
 
+  const getOathInfo = async (suitId: string, skillId: string, rarity: string) => {
+    const res = oathCache.value.find(
+      (o) => o.suitId === suitId && o.skillId === skillId && o.rarity === rarity,
+    )
+    if (res) {
+      return {
+        ...res.data,
+      }
+    }
+    const data: ISuit = await api.getOathInfo(suitId, skillId, rarity)
+    oathCache.value.push({ suitId, skillId, rarity, data })
+    return {
+      ...data,
+    }
+  }
+
   const oathSkills = computed(() => {
     const origin = infos.value?.oaths_skills
     if (!origin) return origin
@@ -133,7 +158,7 @@ export const useInfoStore = defineStore('infoStore', () => {
 
   const oathParts = Array.from({ length: 12 }, (_, i) => i.toString())
 
-  const emblemParts = ['彩色', '红色', '蓝色', '绿色', '黄色']
+  const emblemParts = ['彩色', '红色', '蓝色', '绿色', '黄色', '白金']
 
   const createCharacter = async (alter: string, equVersion?: string) => {
     const time = new Date().getTime()
@@ -163,5 +188,6 @@ export const useInfoStore = defineStore('infoStore', () => {
     sundries,
     options,
     oathSkills,
+    getOathInfo,
   }
 })