From c923bcdd9c9dc4730c75416eb1f1ac0100c07e58 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Tue, 18 May 2021 16:13:15 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-636=20fix=EF=BC=9A=E4=BF=AE=E6=94=B9=20metr?=
 =?UTF-8?q?ics=E8=BE=93=E5=85=A5=E6=A1=86bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../page/dashboard/explore/promqlInput.vue         | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index cd840a4d7..6b0369076 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -10,7 +10,7 @@
               &nbsp;<i class="nz-icon nz-icon-arrow-down" style="font-size: 12px"></i></button>
             <el-cascader-panel v-show="dropDownVisible" ref="metricSelector" slot="dropdown" v-model="cascaderValue"
                                v-clickoutside="closeDropdown" v-loading="tempBoxShowLoading" :loading="loading" :options="metricOptions"
-                               :props="{emitPath:false,}" @change="metricChange">
+                               :props="{emitPath:false,}" @change="metricChangeNew">
 
               <template slot-scope="{ node, data }">
                 <div :class="['nz-cascade',data.temp&&!data.child?'nz-cascade-temp':'']" @click="()=>{lazyLoad(node,data)}">
@@ -51,7 +51,7 @@
                   style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i></span>
                 <el-cascader-panel v-loading="tempBoxShowLoading" v-if="dropDownVisible" v-clickoutside="closeDropdown" v-model="cascaderValue"
                                    style="text-align: left;" slot="dropdown" ref="metricSelector"
-                                   :props="{emitPath:false}" :options="metricOptions" @change="metricChange">
+                                   :props="{emitPath:false}" :options="metricOptions" @change="metricChangeNew">
 
                   <template slot-scope="{ node, data }">
                     <div :class="['nz-cascade',data.temp&&!data.child?'nz-cascade-temp':'']" @click="()=>{lazyLoad(node,data)}">
@@ -285,6 +285,16 @@ export default {
       cb(result)
     },
     metricChange: function (value) {
+      if (!value) return
+      this.expressionList[this.index] = value
+      // this.insertText(value)
+      // this.$refs.editor.setContent(value)
+      this.dropDownVisible = false
+      this.$emit('change', value)
+      this.$forceUpdate()
+      this.cascaderValue = ''
+    },
+    metricChangeNew (value) {
       if (!value) return
       // this.expressionList[this.index] = value
       this.insertText(value)