style: dashabords 样式调整

This commit is contained in:
zhangyu
2022-07-05 18:45:03 +08:00
parent 06058dacc8
commit 607a929da3
5 changed files with 7 additions and 6 deletions

View File

@@ -553,7 +553,8 @@ export default {
<style scoped>
.chart-list {
height: 100%;
flex: 1;
height: auto !important;
width: 100%;
border-top: 1px solid transparent;
box-sizing: border-box;

View File

@@ -98,7 +98,7 @@
<!--图表-->
<div id="tableList" class="table-list" style="padding-top: 0;overflow: hidden">
<div id="dashboardScrollbar" class="table-list-box">
<div class="box-content" ref="dashboardScrollbar" v-my-loading="chartListLoading" style="overflow-y: auto">
<div class="box-content" ref="dashboardScrollbar" v-my-loading="chartListLoading" style="overflow-y: auto;display: flex;flex-direction: column">
<chart-list
ref="chartList"
name="panel"

View File

@@ -272,7 +272,7 @@ export default {
return
}
let arr = res.data
arr.filter((metricName) => {
arr = arr.filter((metricName) => {
const r = new RegExp(metricFilterPattern)
return r.test(metricName)
})

View File

@@ -90,13 +90,13 @@
</div>
<div id="tableList" class="table-list" style='overflow-y: unset'>
<div class="table-list-box">
<div id="dashboardScrollbar" class="box-content" v-my-loading="chartListLoading" ref="dashboardScrollbar" style='overflow-y: auto'>
<div id="dashboardScrollbar" class="box-content" v-my-loading="chartListLoading" ref="dashboardScrollbar" style='overflow-y: auto;display: flex;flex-direction: column'>
<panel-variables :labelArrs="variables" :time-range="searchTime" @getPanelData="getPanelData"></panel-variables>
<chart-list
ref="chartList"
name="panel"
:panelId="showPanel.id"
:class="{'show-top':showTopBtn}"
:class="{'show-top':showTopBtn, 'is-dashboard': true}"
:data-list="dataList"
:is-export-html="false"
:nowTimeType="nowTimeType"

View File

@@ -17,7 +17,7 @@
<span> {{dateFormat(dataJson.start * 1000)}} - {{dateFormat(dataJson.end * 1000)}} ({{dataJson.timezone}})</span>
</div>
</div>
<div id="dashboardScrollbar" class="box-content" ref="dashboardScrollbar" style='overflow:hidden; overflow-y: auto;height: calc(100% - 60px)'>
<div id="dashboardScrollbar" class="box-content" ref="dashboardScrollbar" style='overflow:hidden; overflow-y: auto;height: calc(100% - 60px);display: flex;flex-direction: column'>
<chartList
ref="chartList"
name="panel"