DeXun/l2-g30
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
移除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
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/FloatingPanel.vue
View File

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

14
src/views/l2/report/components/body.vue
View File

@@ -5,20 +5,6 @@
<el-button type="primary" @click="exportReport" icon="el-icon-download" size="small">Export Report</el-button> <el-button type="primary" @click="exportReport" icon="el-icon-download" size="small">Export Report</el-button>
<!-- 导出报表 --> <!-- 导出报表 -->
</div> </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> <h1 class="report-body-title">Overview Data</h1>
<!-- 总览数据 --> <!-- 总览数据 -->
<div class="summary-cards" v-if="summary.length > 0"> <div class="summary-cards" v-if="summary.length > 0">