style(components): 调整浮动面板的z-index并移除body.vue中多余的元素

移除body.vue中未使用的概览栏元素,同时调整FloatingPanel的z-index值以避免可能的层叠冲突
This commit is contained in:
砂糖
2026-01-03 09:46:47 +08:00
parent 2d665ff24e
commit 48001db94a
2 changed files with 2 additions and 16 deletions

View File

@@ -189,12 +189,12 @@ export default {
<style scoped>
.fp-root {
position: fixed;
z-index: 9999;
z-index: 2000;
background: #ffffff;
border: 1px solid #dcdfe6;
border-radius: 6px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
overflow: hidden;
/* overflow: hidden; */
}
.fp-header {
height: 36px;

View File

@@ -5,20 +5,6 @@
<el-button type="primary" @click="exportReport" icon="el-icon-download" size="small">Export Report</el-button>
<!-- 导出报表 -->
</div>
<div class="overview-bar">
<div class="overview-left">
<div class="overview-title">{{ title }}</div>
<div class="overview-meta">
<span>Report Type: {{ overviewInfo.reportLabel || '-' }}</span>
<!-- 报表类型 -->
<span>Time Range: {{ overviewInfo.rangeText || '-' }}</span>
<!-- 时间范围 -->
</div>
</div>
<div class="overview-actions">
<el-tag size="mini" effect="dark">{{ overviewInfo.reportLabel || '-' }}</el-tag>
</div>
</div>
<h1 class="report-body-title">Overview Data</h1>
<!-- 总览数据 -->
<div class="summary-cards" v-if="summary.length > 0">