style(components): 调整浮动面板的z-index并移除body.vue中多余的元素
移除body.vue中未使用的概览栏元素,同时调整FloatingPanel的z-index值以避免可能的层叠冲突
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user