Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-30 06:19:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

♻️ 重构WIKI筛选组件筛选逻辑

Browse Source
This commit is contained in:
BTMuli
2025-12-28 22:55:12 +08:00
parent bfab4a6ac6
commit e779467034
4 changed files with 115 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/WIKI/Character.vue
View File

@@ -77,17 +77,17 @@ onBeforeMount(() => {
watch(
() => resetSelect.value,
(val) => {
if (val) cardsInfo.value = AppCharacterData;
if (val) cardsInfo.value = appCData;
},
);
function handleSelect(val: SelectedCValue): void {
showSelect.value = false;
const filterC = AppCharacterData.filter((item) => {
if (!val.star.includes(item.star)) return false;
if (!val.weapon.includes(item.weapon)) return false;
if (!val.elements.includes(item.element)) return false;
return val.area.includes(item.area);
if (val.star.length > 0 && !val.star.includes(item.star)) return false;
if (val.weapon.length > 0 && !val.weapon.includes(item.weapon)) return false;
if (val.elements.length > 0 && !val.elements.includes(item.element)) return false;
return !(val.area.length > 0 && val.area.includes(item.area));
});
if (filterC.length === 0) {
showSnackbar.warn("未找到符合条件的角色");
@@ -134,6 +134,7 @@ async function toOuter(item?: TGApp.App.Character.WikiBriefInfo): Promise<void>
}
.wc-left {
position: relative;
display: flex;
width: fit-content;
flex-direction: column;
@@ -161,11 +162,11 @@ async function toOuter(item?: TGApp.App.Character.WikiBriefInfo): Promise<void>
.wc-list {
position: relative;
display: grid;
overflow: hidden auto;
width: 100%;
padding-right: 8px;
gap: 8px;
grid-template-columns: repeat(3, 160px);
overflow-y: auto;
}
.wc-detail {

23
src/pages/WIKI/Weapon.vue
View File

@@ -30,12 +30,12 @@ import TwcListItem from "@comp/pageWiki/twc-list-item.vue";
import TwcWeapon from "@comp/pageWiki/twc-weapon.vue";
import TwoSelectW, { type SelectedWValue } from "@comp/pageWiki/two-select-w.vue";
import { toObcPage } from "@utils/TGWindow.js";
import { onBeforeMount, ref, shallowRef } from "vue";
import { onBeforeMount, ref, shallowRef, watch } from "vue";
import { useRoute } from "vue-router";
import { AppWeaponData } from "@/data/index.js";
const sortedData = AppWeaponData.sort((a, b) => {
const appWData = AppWeaponData.sort((a, b) => {
if (a.star !== b.star) return b.star - a.star;
if (a.weapon !== b.weapon) return a.weapon.localeCompare(b.weapon);
return b.id - a.id;
@@ -44,7 +44,7 @@ const sortedData = AppWeaponData.sort((a, b) => {
const id = useRoute().params.id.toString() ?? "0";
const showSelect = ref<boolean>(false);
const resetSelect = ref<boolean>(false);
const cardsInfo = shallowRef<Array<TGApp.App.Weapon.WikiBriefInfo>>(sortedData);
const cardsInfo = shallowRef<Array<TGApp.App.Weapon.WikiBriefInfo>>(appWData);
const curItem = shallowRef<TGApp.App.Weapon.WikiBriefInfo>({
id: 0,
contentId: 0,
@@ -67,15 +67,24 @@ onBeforeMount(() => {
curItem.value = cardsInfo.value[0];
});
watch(
() => resetSelect.value,
() => {
if (resetSelect.value) {
cardsInfo.value = appWData;
}
},
);
function switchW(item: TGApp.App.Weapon.WikiBriefInfo): void {
curItem.value = item;
}
function handleSelectW(val: SelectedWValue) {
if (!val.isReset) showSelect.value = true;
showSelect.value = false;
const filterW = AppWeaponData.filter((item) => {
if (!val.star.includes(item.star)) return false;
return val.weapon.includes(item.weapon);
if (val.star.length > 0 && !val.star.includes(item.star)) return false;
return !(val.weapon.length > 0 && !val.weapon.includes(item.weapon));
});
if (filterW.length === 0) {
showSnackbar.warn("未找到符合条件的武器");
@@ -139,7 +148,7 @@ async function toOuter(item?: TGApp.App.Weapon.WikiBriefInfo): Promise<void> {
padding-right: 8px;
gap: 8px;
grid-template-columns: repeat(3, 160px);
overflow-y: auto;
overflow: hidden auto;
}
.ww-detail {