dev

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

@@ -4,9 +4,11 @@
         <calc-tabs  v-model="anotherTab" class="!mb-2">
           <calc-tab :value="0">武器</calc-tab>
           <calc-tab :value="1">称号/宠物/秘宝</calc-tab>
+          <calc-tab :value="2" v-if="infoStore.infos?.alter.includes('vegabond')">副武器</calc-tab>
         </calc-tabs>
         <Weapon v-show="anotherTab === 0"></Weapon>
         <Else v-show="anotherTab === 1"></Else>
+        <SubWeapon v-show="anotherTab === 2"></SubWeapon>
       </calc-collapse>
       <calc-collapse title="套装/通宝">
         <calc-tabs v-model="equTab" class="!mb-2">
@@ -37,7 +39,10 @@ import Universal from './components/Universal.vue'
 import StoneUniversal from './components/StoneUniversal.vue'
 import StoneOld from './components/StoneOld.vue'
 import Else from './components/Else.vue'
+import { useInfoStore } from '@/stores'
+import SubWeapon from './components/SubWeapon.vue'
 
+const infoStore = useInfoStore()
 const equTab = ref(0)
 const stoneTab = ref(0)
 const anotherTab = ref(0)

frontend/src/pages/Character/Equipment/components/SubWeapon.vue

@@ -0,0 +1,44 @@
+<!-- 每排总计6+4+4,共计14个排列 -->
+
+<template>
+  <div class="flex flex-wrap gap-4px content-start" :style="{ width: `${rowCount * 32}px` }">
+    <template v-for="(weapon, _) in weapons" :key="_">
+      <EquipmentIcon :equipment="weapon" :inactive="configStore.config.equips['副武器']?.id != weapon?.id" @click="configStore.chooseEqu(weapon,false,true)"/>
+    </template>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { IEquipment } from '@/api/info/type'
+import { useConfigStore, useInfoStore } from '@/stores'
+import { getImageURL } from '@/utils/images'
+import EquipmentIcon from '@/components/dnf/Equipment/Icon/index.vue'
+
+const props = defineProps<{
+  rowCount?: number
+}>()
+
+const rowCount = Math.max(props.rowCount ?? 0, 14)
+const infoStore = useInfoStore()
+const configStore = useConfigStore()
+
+const weapons = computed(() => {
+  const items = infoStore.equips.filter(
+    (equip) => equip.itemType === '武器' && equip.itemDetailType == '光剑',
+  )
+  console.log(items)
+  const res: (IEquipment | undefined)[] = []
+  Array.from(new Set(items.map((item) => item.itemDetailType))).forEach((type) => {
+    const weapon = items.filter((item) => item.itemDetailType === type)
+    res.push(
+      ...weapon.filter((item) => item.categorize === '制式武器'),
+      undefined,
+      ...weapon.filter((item) => item.categorize === '传世武器'),
+    )
+    const remind = rowCount - (res.length % rowCount)
+    res.push(...Array(remind).fill(undefined))
+  })
+  return res
+})
+
+</script>