NEZ-670 fix: 修改prominput错位问题

nezha-fronted/src/components/common/rightBox/alertRuleBox.vue

@@ -18,16 +18,18 @@
             <el-input id="alert-box-input-name" v-model="editAlertRule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
           </el-form-item>
           <el-form-item :label='$t("alert.config.expr")' prop="expr" >
-            <promql-input
-              id="alert-box-input-promql"
-              ref="promql"
-              :expression-list.sync="expressions"
-              :index="0"
-              :plugins="['metric-selector','metric-input']"
-              :required="true"
-              :styleType="2"
-              @change="metricChange"
-            ></promql-input>
+            <el-row style="height: 32px; line-height: 32px;">
+              <promql-input
+                id="alert-box-input-promql"
+                ref="promql"
+                :expression-list.sync="expressions"
+                :index="0"
+                :plugins="['metric-selector','metric-input']"
+                :required="true"
+                :styleType="2"
+                @change="metricChange"
+              ></promql-input>
+            </el-row>
           </el-form-item>
           <!--threshold-->
           <el-form-item :label="$t('alert.config.threshold')" prop="threshold" style="display: inline-block;">

nezha-fronted/src/components/common/rightBox/exprTmplBox.vue

@@ -28,18 +28,19 @@
             ></el-autocomplete>
           </el-form-item>
           <el-form-item :label="$t('config.exprTemp.expression')" prop="expression">
-            <!--<el-input v-model="editExprTemp.expression" size="small" :placeholder="$t('overall.placeHolder')"></el-input>-->
-            <promql-input
-              :id="'promqlKeys0'"
-              :key="'promqlKeys0'"
-              :expression-list="editExprTemp.expression"
-              :index="0"
-              :plugins="['metric-selector', 'metric-input', 'remove']"
-              :show-temp="false"
-              :showRemove="false"
-              :styleType="2"
-              @change="expressionChange"
-            ></promql-input>
+            <el-row style="height: 32px; line-height: 32px;">
+              <promql-input
+                :id="'promqlKeys0'"
+                :key="'promqlKeys0'"
+                :expression-list="editExprTemp.expression"
+                :index="0"
+                :plugins="['metric-selector', 'metric-input', 'remove']"
+                :show-temp="false"
+                :showRemove="false"
+                :styleType="2"
+                @change="expressionChange"
+              ></promql-input>
+            </el-row>
           </el-form-item>
           <el-form-item :label="$t('config.exprTemp.remark')" prop="remark">
             <el-input

nezha-fronted/src/components/page/dashboard/chartBox.vue

@@ -61,7 +61,6 @@
     margin-right: 10px;
     text-align: left;
     padding-left:10px;
-    margin-left: 10px;
     height: 32px;
     border-radius: $--primary-border-radius;
     line-height: 32px;

nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue

@@ -629,7 +629,6 @@ export default {
   /*'text-align':'left', 'color': '#666',*/
   /*'font-weight':plugins.indexOf('metric-selector') > -1 ?'400':'bold',*/
     width:100px;
-    margin-left: 10px;
     margin-right: 10px;
     height: 32px;
     text-align: left;