style: dashabords 样式调整
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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)
|
||||
})
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user