From 709f60062a6e497bfd67fcc739860873333a8a8a Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 1 Nov 2021 09:57:30 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1143=20fix=EF=BC=9A=20Alert=20rule=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2Expression=E8=BE=93=E5=85=A5=E6=A1=86=E5=85=83?=
 =?UTF-8?q?=E7=B4=A0=E4=BD=8D=E7=BD=AE=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/common/rightBox/alertRuleBox.vue  | 3 +++
 nezha-fronted/src/components/common/rightBox/exprTmplBox.vue   | 3 +++
 .../src/components/page/dashboard/explore/promqlInput.vue      | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index d7de093ea..a77adad0d 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -733,4 +733,7 @@ export default {
     text-overflow:ellipsis;
     white-space:nowrap
   }
+  /deep/ .query-row  .metric-selector-input-box {
+    width: calc(100% - 120px);
+  }
 </style>
diff --git a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
index 1bfebb148..b9eaee1fb 100644
--- a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
@@ -235,4 +235,7 @@ export default {
 /deep/ .metric-selector-title{
   margin-left: 0 !important;
 }
+/deep/ .query-row  .metric-selector-input-box {
+  width: calc(100% - 120px);
+}
 </style>
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index be38408f8..7007af6d6 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -84,7 +84,7 @@
             </el-col>
             <el-col
               :class="plugins.indexOf('metric-selector') > -1 ?'metric-selector-input-box':'metric-null-input-box'"
-              :style="{'width':plugins.indexOf('metric-selector') > -1 ? 'calc(100% - 160px)':'100%',height: '100%',}">
+              :style="{height: '100%'}">
               <div class="input-box" @click="dropDownVisible=false" v-if="plugins.indexOf('metric-input') > -1">
                 <!--<editor :styleType="styleType" :metric-list="metricStore" :historyParam="historyParam" v-model="expressionList[index]" ref="editor" @on-enter="expressionChange" @on-blur="expressionChange" ></editor>-->
                 <el-input v-model="expressionList[index]" @input="metricKeyDown" type="textarea" :maxlength="styleType === 3 ? 512 : 4096" show-word-limit