diff --git a/nezha-fronted/src/assets/css/components/chart/chart.scss b/nezha-fronted/src/assets/css/components/chart/chart.scss index 3bd277531..3aac0c05b 100644 --- a/nezha-fronted/src/assets/css/components/chart/chart.scss +++ b/nezha-fronted/src/assets/css/components/chart/chart.scss @@ -3,9 +3,8 @@ } .my-loading-parent--relative { position: relative; - display: inline-block; height: 100%; - width: 100%; + width: auto; } .panel-chart { border: 1px solid $--chart-box-border-color; diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss index 053ac4e9d..b9b3e7815 100644 --- a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss +++ b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss @@ -58,6 +58,7 @@ } .el-cascader-menu { width: 200px; + height: 100%; } .metric-btn:hover, .metric-btn:focus { background-image: linear-gradient(180deg, rgb(247, 248, 250) 0%, rgb(247, 248, 250) 100%); diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue index 488e5ba41..063361185 100644 --- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue +++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue @@ -23,7 +23,6 @@ v-model="cascaderValue" v-clickoutside="closeDropdown" v-my-loading="tempBoxShowLoading" - :loading="loading" :options="metricOptions" v-if="type !== 'log'" :props="cascaderProps" @@ -925,7 +924,7 @@ export default { let childrenCopy = JSON.parse(JSON.stringify(children)) const findChild = this.metricOptions.find(item => item.label === data.parent) if (childrenCopy.length > 100) { - childrenCopy = childrenCopy.splice(findChild.children.length, findChild.children.length + 101) + childrenCopy = childrenCopy.splice(findChild.children.length, 100) findChild.children.splice(findChild.children.length - 1, 1) findChild.children.push(...childrenCopy) if (findChild.children.length < children.length - 1) {