From 945a91d069a5188c55e973b40f02fc5ce07a99c3 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期一, 22 七月 2024 14:31:47 +0800
Subject: [PATCH] fix: 分类效果
---
src/components/drawer/CustomDrawer.vue | 19 +++++++++++--------
1 files changed, 11 insertions(+), 8 deletions(-)
diff --git a/src/components/drawer/CustomDrawer.vue b/src/components/drawer/CustomDrawer.vue
index 14482cf..1e9926a 100644
--- a/src/components/drawer/CustomDrawer.vue
+++ b/src/components/drawer/CustomDrawer.vue
@@ -50,7 +50,7 @@
<i class="iconfont icon-zhongduancanshu" title="鏀剁缉" @click="handleExpandClick(2)" v-show="state.isShowExpand"></i>
</div>
<div class="mt20 w100">
- <div class="w100 pb-[20px]" v-for="item in queryData" :key="item.sample_id">
+ <div class="w100 pb-[20px]" v-for="item in showSampleList" :key="item.sample_id">
<div
class="cursor-pointer flex box-border p-[12px] w100 rounded bg-[#f5f7fd] transition-[background-color .2s]"
@click="changeExample(item)"
@@ -140,8 +140,7 @@
{ ID: 2, Name: '鎸囦护妯℃澘' },
],
activeName: 1,
- exampleTabList: [],
- instructList: [],
+
activeLabelName: 0,
activeInstructName: 0,
isShowExpand: false,
@@ -157,7 +156,6 @@
});
const instructContentList = ref([]); //鎸囦护鍒楄〃
const exampleList = ref([]); //绀轰緥鍒楄〃
-
const isShow = defineModel('isShow', {
type: Boolean,
});
@@ -197,7 +195,6 @@
});
exampleList.value = res.samples;
state.exampleContent = array;
- state.listSampleExpand = true;
};
//闅忔満鐢熸垚棰滆壊
const randomHexColor = () => {
@@ -226,6 +223,13 @@
//鏍囩鐐瑰嚮浜嬩欢(鎻愰棶绀轰緥)
const handleLabelClick = (item) => {
state.activeLabelName = item.section_id;
+ const exampleShowLabelList = [];
+ exampleList.value.forEach((exampleItem) => {
+ if (exampleItem.section_a_id == item.section_id) {
+ exampleShowLabelList.push(exampleItem);
+ }
+ });
+ showSampleList.value = exampleShowLabelList;
};
//鏍囩鐐瑰嚮浜嬩欢(鎸囦护妯℃澘)
const handleInstructClick = (item) => {
@@ -281,9 +285,8 @@
const queryParams = ref({
sample_title: '',
});
-const { query, queryData } = useSearch(exampleList, queryParams);
-
-const debounceQuery = debounce(query);
+const { query: querySample, queryData: showSampleList } = useSearch(exampleList, queryParams);
+const debounceQuery = debounce(querySample);
watch(
() => queryParams.value.sample_title,
--
Gitblit v1.9.3