1

frontendNew/src/pages/Dcalc/Character/CalcDetail/index.vue

@@ -188,8 +188,18 @@ const selectOathSkill = (skill: { skillId: string; enable: boolean }) => {
 
 /* ─── Equipped items list ─── */
 const partOrder = [
-  "武器", "上衣", "下装", "头肩", "腰带", "鞋",
-  "项链", "手镯", "戒指", "辅助装备", "魔法石", "耳环",
+  "武器",
+  "上衣",
+  "下装",
+  "头肩",
+  "腰带",
+  "鞋",
+  "项链",
+  "手镯",
+  "戒指",
+  "辅助装备",
+  "魔法石",
+  "耳环",
 ];
 
 const equById = (id: string) => infoStore.equips.find((item) => item.id === id);
@@ -201,16 +211,25 @@ const adaptation = (part: string) => {
 
 const rarityColor = (rarity: string): string => {
   switch (rarity) {
-    case "太初": return "text-[#5aff62]";
+    case "太初":
+      return "text-[#5aff62]";
     case "史诗":
-    case "智慧产物": return "text-[#fcb600]";
-    case "神话": return "text-[#f8c63d]";
-    case "神器": return "text-[#ef28c1]";
-    case "稀有": return "text-[#9879da]";
-    case "传说": return "text-[#ff7700]";
-    case "勇者": return "text-[#ff6666]";
-    case "高级": return "text-[#68d5ed]";
-    default: return "text-[#fcb600]";
+    case "智慧产物":
+      return "text-[#fcb600]";
+    case "神话":
+      return "text-[#f8c63d]";
+    case "神器":
+      return "text-[#ef28c1]";
+    case "稀有":
+      return "text-[#9879da]";
+    case "传说":
+      return "text-[#ff7700]";
+    case "勇者":
+      return "text-[#ff6666]";
+    case "高级":
+      return "text-[#68d5ed]";
+    default:
+      return "text-[#fcb600]";
   }
 };
 
@@ -300,10 +319,7 @@ const clearChangeSources = () => configStore.clearChangeSource();
             <span class="shrink-0 font-medium">{{ oathSuit.point }}点</span>
           </div>
           <!-- Oath skill selector -->
-          <div
-            v-if="oathSkillsSorted.length"
-            class="flex items-center justify-center gap-4 pt-1"
-          >
+          <div v-if="oathSkillsSorted.length" class="flex items-center justify-center gap-4 pt-1">
             <button
               v-for="skill in oathSkillsSorted"
               :key="skill.id"
@@ -370,7 +386,7 @@ const clearChangeSources = () => configStore.clearChangeSource();
                   :class="
                     rarityColor(equById(configStore.config.equips[part]?.id ?? '')?.rarity ?? '')
                   "
-                  >{{ equById(configStore.config.equips[part]?.id ?? '')?.name ?? "—" }}</span
+                  >{{ equById(configStore.config.equips[part]?.id ?? "")?.name ?? "—" }}</span
                 >
               </div>
             </div>