From fd5888c734234ae2e5906baefee8ca09f36208e6 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Thu, 17 Jun 2021 18:10:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20NEZ-742=20=E4=BF=AE=E5=A4=8D=E6=96=B0?=
 =?UTF-8?q?=E5=BB=BA=E5=9B=BE=E8=A1=A8=E6=97=B6=EF=BC=8C=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E8=A1=A8=E8=BE=BE=E5=BC=8F=E5=90=8E=EF=BC=8C=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=BC=B9=E5=87=BA=E7=AA=97=E5=8F=A3=E5=AD=97=E6=AE=B5=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/css/common/tableCommon.scss          | 13 +++++++++++++
 .../page/dashboard/explore/promqlInput.vue          |  8 ++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/nezha-fronted/src/assets/css/common/tableCommon.scss b/nezha-fronted/src/assets/css/common/tableCommon.scss
index 155981909..57e48fae4 100644
--- a/nezha-fronted/src/assets/css/common/tableCommon.scss
+++ b/nezha-fronted/src/assets/css/common/tableCommon.scss
@@ -431,3 +431,16 @@
   height: 1px;
   background-color: white;
 }
+.el-input.is-disabled .el-input__inner {
+  background-color: #F5F7FA;
+  border-color: #E4E7ED;
+  color: #C0C4CC;
+  cursor: not-allowed;
+  text-align: center;
+}
+.temp-form-box-input.el-input .el-input__inner {
+  width: 480px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index 1e8b252a3..491cf31f0 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -95,15 +95,15 @@
       <el-form v-model="tempBox" class="temp-form-box" ref="tempFormBox" v-if="tempBoxShow">
         <span class="temp-form-box-title">Expression</span>
         <el-form-item prop="expression">
-          <el-input v-model="tempBox.expression" size="small" disabled></el-input>
+          <el-input class="temp-form-box-input" v-model="tempBox.expression" size="small" disabled></el-input>
         </el-form-item>
         <span class="temp-form-box-title" v-if="tempBox.vars.length">Variable</span>
         <el-form-item v-for="(item,index) in tempBox.vars"  :prop="item" :key="index">
           <el-row>
-            <el-col :span="6" class="temp-form-box-col">
-              <el-input v-model="tempBox.vars[index]" :id="'tempBox'+index"  size="small" :disabled="true"></el-input>
+            <el-col :span="7" class="temp-form-box-col">
+              <el-input v-model="tempBox.vars[index]" :id="'tempBox'+index" size="small" :disabled="true"></el-input>
             </el-col>
-            <el-col :span="17" v-if="format(item).key">
+            <el-col :span="16" v-if="format(item).key">
               <!--<el-input v-model="tempBox[item]" :id="'tempBox'+item"  size="small"></el-input>-->
               <!--<el-select v-model="tempBox[item]" size="small" style="width: 100%" :popper-class="'nz-temp-box'">-->
                 <!--<el-option v-for="(item1,index) in format(item).arr" :key="index" :label="item1[format(item).value]" :value="item1[format(item).value]">-->