套装相关

frontend/src/api/calc/index.ts

@@ -0,0 +1,11 @@
+import type { IConfig } from '@/stores'
+import { defineRequest } from '../common'
+export default defineRequest((request) => {
+  return {
+    async calc(config: IConfig) {
+      const res = await request.post('/calc', config)
+      return res.data
+    }
+  }
+})
+// Compare this snippet from frontend/src/api/common/index.ts:

frontend/src/api/index.ts

@@ -1,3 +1,4 @@
 import info from './info'
+import calc from './calc'
 
-export default { ...info }
+export default { ...info, ...calc }

frontend/src/api/info/type.ts

@@ -38,7 +38,7 @@ export interface IEquipment {
   itemDetailType: string
   name: string
   categorize:string
-  suit:  number[]
+  suit: string[]
   rarity:string
 }
 

frontend/src/pages/Character/Equipment/Suit.vue

@@ -57,7 +57,7 @@ const suits = computed(() => {
 })
 
 const suitEquipments = computed(() => {
-  const equs =  infoStore.equips.filter((a) => a.suit.includes(curSuit.value) && a.suit.length === 1)
+  const equs =  infoStore.equips.filter((a) => a.suit.includes(curSuit.value.toString()) && a.suit.length === 1)
 
   const res: (IEquipment | undefined)[] = []
   const raritiyList = ['神器','传说','史诗']
@@ -76,11 +76,11 @@ const suitEquipments = computed(() => {
 })
 
 
-const chooseEqu = (equip: IEquipment | undefined) => {
-  console.log(equip)
+const chooseEqu = async(equip: IEquipment | undefined) => {
   if (equip && configStore.config.equips[equip.itemDetailType]) {
     configStore.config.equips[equip.itemDetailType].id = equip.id
   }
+  await configStore.calc()
 }
 
 </script>

frontend/src/stores/config.ts

@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia'
 import { useInfoStore } from './info'
+import api from '@/api'
 // | '上衣'
 // | '头肩'
 // | '下装'
@@ -82,9 +83,14 @@ export const useConfigStore = defineStore('configStore', () => {
     }
   }
 
+  const calc = async()=>{
+    await api.calc(config.value)
+  }
+
   return {
     config,
     loadConfig,
     saveConfig,
+    calc
   }
 })