renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

将行业热门话题洞察的需要修改成columns

Browse Source
This commit is contained in:
lq
2025-06-21 16:57:01 +08:00
parent 4f118047c4 f57428c3a7
commit 1bdff03e9a
29 changed files with 1312 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/views/components/dataEngine/topHeader.vue
View File

@ -5,10 +5,9 @@
direction="vertical"
style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0; color: #737478; font-size: 14px"
>
<a-space align="center">
<!-- 行业选择 -->
<a-space align="center">
<span>行业大类</span>
<a-space align="start" style="width: 100%; margin-top: 20px; align-items: flex-start">
<span style="width: 60px; flex-shrink: 0; line-height: 28px">行业大类</span>
<div style="display: flex; flex-wrap: wrap; gap: 8px; width: 100%; align-items: flex-start">
<a-tag
size="Medium"
v-for="item in industriesTree"
@ -24,12 +23,12 @@
"
>{{ item.name }}</a-tag
>
</a-space>
</div>
</a-space>
<a-space align="center" style="margin-left: 'auto'; margin-top: 20px">
<!-- 二级类目 -->
<a-space align="center">
<span>二级类目</span>
<!-- 二级类目 -->
<a-space align="start" style="width: 100%; margin-top: 20px; align-items: flex-start">
<span style="width: 60px; flex-shrink: 0; line-height: 28px">二级类目</span>
<div style="display: flex; flex-wrap: wrap; gap: 8px; width: 100%; align-items: flex-start">
<a-tag
size="Medium"
v-for="item in subCategories"
@ -45,12 +44,12 @@
"
>{{ item.name }}</a-tag
>
</a-space>
</div>
</a-space>
<a-space align="center" style="margin-left: 'auto'; margin-top: 20px">
<!-- 时间筛选 -->
<a-space align="center">
<span>时间筛选</span>
<!-- </a-space> -->
<a-space align="start" style="width: 100%; margin-top: 20px; align-items: flex-start">
<span style="width: 60px; flex-shrink: 0; line-height: 28px">时间筛选</span>
<div style="display: flex; flex-wrap: wrap; gap: 8px; width: 100%; align-items: flex-start">
<a-tag
size="Medium"
v-for="item in timePeriods"
@ -66,7 +65,7 @@
"
>{{ item.label }}
</a-tag>
</a-space>
</div>
</a-space>
<!-- 搜索区域 -->
<a-space style="margin-left: 'auto'; margin-top: 20px">
@ -161,11 +160,14 @@ onMounted(() => {
// 获取行业大类数据
const getIndustriesTree = async () => {
const res = await fetchIndustriesTree();
industriesTree.value = res;
selectedIndustry.value = res[0].id;
selectedSubCategory.value = 0;
subCategories.value = [...industriesTree.value[0].children];
subCategories.value.unshift({ id: 0, name: '全部' });
if (res.code == 200) {
let data = res['data'];
industriesTree.value = data;
selectedIndustry.value = data[0].id;
selectedSubCategory.value = 0;
subCategories.value = [...industriesTree.value[0].children];
subCategories.value.unshift({ id: 0, name: '全部' });
}
};
const emit = defineEmits<{
(e: 'search'): void;