diff --git a/nezha-fronted/src/assets/css/components/page/config/backups.scss b/nezha-fronted/src/assets/css/components/page/config/backups.scss
index 848093f07..f7449fa9a 100644
--- a/nezha-fronted/src/assets/css/components/page/config/backups.scss
+++ b/nezha-fronted/src/assets/css/components/page/config/backups.scss
@@ -129,7 +129,7 @@
display: flex;
justify-content: center;
align-items: center;
- width: 90px;
+ width: calc(100% / 7.1) !important;
height: 34px;
border: 1px solid $--border-color-light;
margin-right: -1px;
@@ -164,7 +164,7 @@
display: flex;
justify-content: center;
align-items: center;
- width: 90px;
+ width: calc(100% / 7.1) !important;
height: 35px;
border: 1px solid $--border-color-light;
margin-right: -1px;
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 b9b3e7815..bf5f4e331 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
@@ -57,7 +57,7 @@
margin-left: 1px;
}
.el-cascader-menu {
- width: 200px;
+ width: 300px;
height: 100%;
}
.metric-btn:hover, .metric-btn:focus {
@@ -66,7 +66,7 @@
}
.metric-selector .el-cascader-panel {
- height: 300px;
+ height: 500px;
position: absolute;
z-index: 2100;
background-color: $--background-color-empty;
diff --git a/nezha-fronted/src/components/common/mixin/promqlInput.js b/nezha-fronted/src/components/common/mixin/promqlInput.js
index df005758f..16c136758 100644
--- a/nezha-fronted/src/components/common/mixin/promqlInput.js
+++ b/nezha-fronted/src/components/common/mixin/promqlInput.js
@@ -15,7 +15,7 @@ export default {
const metricMap = new Map()
metrics.forEach((item) => {
let key = ''
- if (/^[a-zA-Z]+?_[a-zA-Z]*/.test(item)) {
+ if (/^[a-zA-Z0-9]+?_[a-zA-Z0-9]*/.test(item)) {
key = item.split('_')[0]
} else if (/^_\w*/.test(item)) {
key = ' '
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index 338d4e221..9a617d32a 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -114,8 +114,8 @@
class="top-tool-btn"
@click="enableExpression"
>
-
-
+
+