feat:为 Home.vue 中的最新知识库和智能体部分添加空数据占位符

- 在没有数据的情况下显示 el-empty 组件
- 为 dataset 和 agent 添加 v-if 指令,仅在数据存在时显示内容
-
This commit is contained in:
陈昱达
2025-05-14 10:27:49 +08:00
parent 374dd8ad03
commit 56585a16a7

View File

@@ -39,6 +39,7 @@
<div class="latest-section flex align-items-c justify-content-b">
<div class="latest-knowledge">
<span class="section-title">最近使用知识库</span>
<div v-if="dataset.name">
<div
class="section-content"
@click="jumpUrl(`/knowledge/detail?datasetId=${dataset.id}`)"
@@ -60,13 +61,23 @@
</div>
<lineEcharts
v-if="dataset.name"
:key="MatchId"
:options="options"
style="width: 100%;height: calc(100% - 120px);background: unset"
></lineEcharts>
</div>
<div
style="height: 100%"
class="flex align-items-c justify-content-c"
v-else
>
<el-empty></el-empty>
</div>
</div>
<div class="latest-agent">
<span class="section-title">最近使用智能体</span>
<div v-if="agent.appName">
<div class="section-content" @click="jumpAgent(agent)">
<div class="knowledge-item flex align-items-c">
<div class="knowledge-image">
@@ -119,6 +130,14 @@
style="width: 100%;height: calc(100% - 120px);background: unset"
></lineEcharts>
</div>
<div
style="height: 100%"
class="flex align-items-c justify-content-c"
v-else
>
<el-empty></el-empty>
</div>
</div>
</div>
</div>
</div>