From f1b4c5372573e56269ca584de8b5ee7ba0fa85a3 Mon Sep 17 00:00:00 2001
From: junjun <junjie.xia@fit2cloud.com>
Date: Fri, 11 Mar 2022 18:00:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=A7=86=E5=9B=BE=E9=AB=98=E7=BA=A7?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/chart/components/senior/FunctionCfg.vue | 2 +-
 frontend/src/views/chart/components/senior/Threshold.vue   | 2 +-
 frontend/src/views/chart/view/ChartEdit.vue                | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/chart/components/senior/FunctionCfg.vue b/frontend/src/views/chart/components/senior/FunctionCfg.vue
index 242b66233a..d99773d66d 100644
--- a/frontend/src/views/chart/components/senior/FunctionCfg.vue
+++ b/frontend/src/views/chart/components/senior/FunctionCfg.vue
@@ -6,7 +6,7 @@
           <el-checkbox v-model="functionForm.sliderShow" @change="changeFunctionCfg">{{ $t('chart.show') }}</el-checkbox>
         </el-form-item>
         <el-form-item v-show="functionForm.sliderShow" :label="$t('chart.slider_range')+'(%)'" class="form-item form-item-slider">
-          <el-slider v-model="functionForm.sliderRange" :min="0" :max="100" input-size="mini" range @change="changeFunctionCfg" />
+          <el-slider v-model="functionForm.sliderRange" style="width: 90%" :min="0" :max="100" input-size="mini" range @change="changeFunctionCfg" />
         </el-form-item>
       </el-form>
     </el-col>
diff --git a/frontend/src/views/chart/components/senior/Threshold.vue b/frontend/src/views/chart/components/senior/Threshold.vue
index b180ca18c6..ad764e3a2e 100644
--- a/frontend/src/views/chart/components/senior/Threshold.vue
+++ b/frontend/src/views/chart/components/senior/Threshold.vue
@@ -4,7 +4,7 @@
       <el-form ref="thresholdForm" :model="thresholdForm" label-width="80px" size="mini">
         <el-form-item :label="$t('chart.threshold_range')+'(%)'" class="form-item">
           <span>0,</span>
-          <el-input v-model="thresholdForm.gaugeThreshold" style="width: 160px;margin: 0 10px;" :placeholder="$t('chart.threshold_range')" size="mini" clearable @change="changeThreshold" />
+          <el-input v-model="thresholdForm.gaugeThreshold" style="width: 100px;margin: 0 10px;" :placeholder="$t('chart.threshold_range')" size="mini" clearable @change="changeThreshold" />
           <span>,100</span>
           <el-tooltip class="item" effect="dark" placement="bottom">
             <div slot="content">
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index b8068fa707..a853736e20 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -2749,7 +2749,10 @@ export default {
   }
 
   .result-count {
-    width: 60px;
+    width: 50px;
+  }
+  .result-count >>> input {
+    padding:0 4px;
   }
 
   .radio-span > > > .el-radio__label {