From 63a66268a226c152a3dd258402dbd9e17e247774 Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Thu, 4 Jun 2020 15:09:19 +0800
Subject: [PATCH 1/2] =?UTF-8?q?perf:=E4=BE=A7=E6=BB=91=E6=96=B0=E5=A2=9E/?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E9=A1=B5=E9=9D=A2label=20=E5=92=8C=E8=BE=93?=
 =?UTF-8?q?=E5=85=A5=E6=A1=86=E7=BB=9F=E4=B8=80=E4=B8=BA=E5=B7=A6=E5=8F=B3?=
 =?UTF-8?q?=E5=88=86=E5=B8=83=E3=80=81=E5=8F=B3=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/bottomBox/tabs/panelTab.vue     | 3 +++
 .../src/components/common/rightBox/addEndpointBox.vue     | 2 +-
 .../src/components/common/rightBox/alertConfigBox.vue     | 2 +-
 .../src/components/common/rightBox/cabinetBox.vue         | 2 +-
 nezha-fronted/src/components/common/rightBox/dcBox.vue    | 2 +-
 .../src/components/common/rightBox/editEndpointBox.vue    | 6 +++---
 nezha-fronted/src/components/common/rightBox/mibBox.vue   | 4 ++--
 nezha-fronted/src/components/common/rightBox/modelBox.vue | 8 ++++----
 .../src/components/common/rightBox/moduleBox.vue          | 2 +-
 nezha-fronted/src/components/common/rightBox/panelBox.vue | 2 +-
 .../src/components/common/rightBox/projectBox.vue         | 2 +-
 nezha-fronted/src/components/page/config/promServer.vue   | 2 +-
 12 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/panelTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/panelTab.vue
index 8cd602bf9..1bdd801b4 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/panelTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/panelTab.vue
@@ -426,6 +426,9 @@
           this.$put('/model/syncChart',param).then(response=>{
             if(response.code == 200){
               this.$message({duration: 1000, type: 'success', message: this.$t("tip.syncSuccess")});
+              if(this.from == 'asset'){
+                this.Refresh();
+              }
             }else{
               console.error(response.msg)
               this.$message.error(response.msg)
diff --git a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
index 28769993b..da8392f75 100644
--- a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
@@ -12,7 +12,7 @@
 
       <!-- begin--表单-->
       <el-scrollbar class="right-box-form-box">
-        <el-form class="right-box-form" label-position="top" ref="addEndpointForm" :model="endpointForm" :rules="rules">
+        <el-form class="right-box-form right-box-form-left" label-position="right" label-width="120px" ref="addEndpointForm" :model="endpointForm" :rules="rules">
           <!--project-->
           <el-form-item :label='$t("project.project.project")' prop="projectId">
             <el-select @change="((val) => {changeProject(val)})" value-key="id" popper-class="config-dropdown" v-model="currentProjectCopy" placeholder="" size="small">
diff --git a/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue b/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
index 00bcf652b..7741a14f9 100644
--- a/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
@@ -21,7 +21,7 @@
 
       <!-- begin--表单-->
       <el-scrollbar class="right-box-form-box">
-        <el-form class="right-box-form" :model="alertRule" label-position="top" :rules="rules" ref="alertRuleForm">
+        <el-form class="right-box-form right-box-form-left" :model="alertRule" label-position="right" label-width="120px" :rules="rules" ref="alertRuleForm">
           <!--alertName-->
           <el-form-item :label='$t("alert.config.name")' prop="alertName">
             <el-input v-if="rightBox.isEdit" placeholder="" maxlength="64" show-word-limit v-model="alertRule.alertName" size="small"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
index 606a76947..f1d5beaad 100644
--- a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
@@ -20,7 +20,7 @@
 
       <!-- begin--表单-->
       <el-scrollbar class="right-box-form-box">
-        <el-form class="right-box-form" :model="cabinet" ref="cabinetForm" :rules="rules">
+        <el-form class="right-box-form right-box-form-left" label-width="120px" label-position="right" :model="cabinet" ref="cabinetForm" :rules="rules">
           <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.name')" prop="name">
             <el-input size='mini' v-model="cabinet.name" v-if="rightBox.isEdit"/>
             <div class="right-box-form-content-txt" v-if="!rightBox.isEdit">{{cabinet.name}}</div>
diff --git a/nezha-fronted/src/components/common/rightBox/dcBox.vue b/nezha-fronted/src/components/common/rightBox/dcBox.vue
index 2ac024362..056202e92 100644
--- a/nezha-fronted/src/components/common/rightBox/dcBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/dcBox.vue
@@ -20,7 +20,7 @@
 
       <!-- begin--表单-->
       <el-scrollbar class="right-box-form-box">
-        <el-form class="right-box-form" :model="currentDc" label-position="top" :rules="rules" ref="dcForm">
+        <el-form class="right-box-form right-box-form-left" label-width="120px" :model="currentDc" label-position="right" :rules="rules" ref="dcForm">
           <el-form-item :label='$t("overall.name")' prop="name">
             <el-input v-if="rightBox.isEdit" placeholder="" maxlength="64" show-word-limit v-model="currentDc.name" size="small"></el-input>
             <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{currentDc.name}}</div>
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
index 1189f0a1a..3f593337c 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
@@ -20,7 +20,7 @@
 
       <!-- begin--表单-->
       <el-scrollbar class="right-box-form-box">
-        <el-form class="right-box-form" :model="endpoint" label-position="top" :rules="rules" ref="endPointForm">
+        <el-form class="right-box-form  right-box-form-left" :model="endpoint" label-position="right" label-width="120px" :rules="rules" ref="endPointForm">
           <!--project-->
           <el-form-item :label="$t('project.project.project')" prop="project.id">
             <el-select @change="((val) => {changeProject(val);})" value-key="id" popper-class="config-dropdown" v-model="endpoint.projectId" placeholder="" v-if="rightBox.isEdit" size="small">
@@ -137,7 +137,8 @@
           <el-form-item class="right-box-form-param" v-if="currentModule.type.toLowerCase() == 'http'">
             <template slot="label">
               <span>{{$t('project.endpoint.param')}}</span>
-              <div class="right-box-form-btns" v-if="rightBox.isEdit">
+            </template>
+              <div  v-if="rightBox.isEdit" style="text-align: right">
                 <button style="display: none;">第一个button会出现意料之外的hover样式，找不到原因，只好加个不可见的button规避问题</button>
                 <button type="button" id="edit-clear-all" @click="clearAllParam" class="nz-btn nz-btn-size-normal nz-btn-style-light">
                   <span><i class="el-icon-delete"></i></span>
@@ -146,7 +147,6 @@
                   <span><i style="font-size: 12px;" class="nz-icon nz-icon-create-square"></i></span>
                 </button>
               </div>
-            </template>
             <div v-if="rightBox.isEdit" class="param-box param-box-module">
               <el-scrollbar ref="paramBoxScrollbar" style="height: 100%">
                 <div class="param-box-row" v-for="(item, index) in endpoint.paramObj">
diff --git a/nezha-fronted/src/components/common/rightBox/mibBox.vue b/nezha-fronted/src/components/common/rightBox/mibBox.vue
index 1553be501..a04bcc3aa 100644
--- a/nezha-fronted/src/components/common/rightBox/mibBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/mibBox.vue
@@ -20,7 +20,7 @@
 
       <!-- begin--表单-->
       <el-scrollbar class="right-box-form-box">
-        <el-form class="right-box-form" :model="currentMib" label-position="top" :rules="rules" ref="mibForm">
+        <el-form class="right-box-form  right-box-form-left" :model="currentMib" label-position="right" label-width="120px" :rules="rules" ref="mibForm">
           <!--mib名称-->
           <!--<el-form-item :label='$t("overall.name")' prop="name">
             <el-input v-if="rightBox.isEdit" placeholder="" maxlength="64" show-word-limit v-model.trim="currentMib.name" size="small"></el-input>
@@ -54,7 +54,7 @@
             <el-input maxlength="512" rows="4" show-word-limit v-if="rightBox.isEdit" type="textarea" placeholder="" v-model.trim="currentMib.remark" size="small"></el-input>
             <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{currentMib.remark}}</div>
           </el-form-item>
-          <el-form-item :label="$t('config.mib.mibFile')" prop="file" :rules="[{validator:checkMibFile,trigger:'change'}]" :class="{'add-required':!currentMib.id}">
+          <el-form-item :label="$t('config.mib.mibFiles')" prop="file" :rules="[{validator:checkMibFile,trigger:'change'}]" :class="{'add-required':!currentMib.id}">
             <el-upload drag v-if="rightBox.isEdit" :multiple="false" action="" :file-list="uploadFileList" :on-change="uploadChange"  :auto-upload="false" accept="" :on-remove="afterClearFile" ref="mibFileUpload" class="mib-upload right-box-form-row">
               <div slot="tip" class="el-upload__tip" >
                <!-- <span v-if="!currentMib.fileName">{{$t('config.mib.uploadTip')}}</span>
diff --git a/nezha-fronted/src/components/common/rightBox/modelBox.vue b/nezha-fronted/src/components/common/rightBox/modelBox.vue
index 086ddae50..b5e0dc3b9 100644
--- a/nezha-fronted/src/components/common/rightBox/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/modelBox.vue
@@ -20,7 +20,7 @@
 
       <!-- begin--表单-->
       <el-scrollbar class="right-box-form-box">
-        <el-form class="right-box-form" :model="currentModel" label-position="top" :rules="rules" ref="modelForm">
+        <el-form class="right-box-form right-box-form-left" :model="currentModel" label-position="right" label-width="120px"  :rules="rules" ref="modelForm">
           <!--model名称-->
           <el-form-item :label='$t("overall.name")' prop="name">
             <el-input v-if="rightBox.isEdit" placeholder="" maxlength="64" show-word-limit v-model.trim="currentModel.name" size="small"></el-input>
@@ -69,9 +69,9 @@
                 </div>
               </template>
             </el-autocomplete>
-            <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.uSize')" prop="uSize">
-              <el-input v-model.number="currentModel.uSize" :max="47" size="small"></el-input>
-            </el-form-item>
+          </el-form-item>
+          <el-form-item :label="this.$t('asset.createAssetTab.AddCabinetTab.uSize')" prop="uSize">
+            <el-input v-model.number="currentModel.uSize" :max="47" size="small"></el-input>
           </el-form-item>
         </el-form>
       </el-scrollbar>
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index c0e02e8dd..27ca49fcf 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -20,7 +20,7 @@
 
       <!-- begin--表单-->
       <el-scrollbar class="right-box-form-box" ref="scrollbar">
-        <el-form class="right-box-form" :model="currentModule" label-position="top" :rules="rules" ref="moduleForm">
+        <el-form class="right-box-form right-box-form-left" :model="currentModule" label-position="right" label-width="120px" :rules="rules" ref="moduleForm">
           <el-form-item :label='$t("project.project.project")' prop="project">
             <el-select v-if="rightBox.isEdit" value-key="id" popper-class="config-dropdown" v-model="currentModule.project" placeholder="" size="small">
               <el-option :id="'module-project-'+item.id" v-for="item in projectList" :key="item.id" :label="item.name" :value="item"></el-option>
diff --git a/nezha-fronted/src/components/common/rightBox/panelBox.vue b/nezha-fronted/src/components/common/rightBox/panelBox.vue
index bac40d8b2..914bcb045 100644
--- a/nezha-fronted/src/components/common/rightBox/panelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/panelBox.vue
@@ -16,7 +16,7 @@
 
       <!-- begin--表单-->
       <el-scrollbar class="right-box-form-box">
-        <el-form class="right-box-form" :model="panel" label-position="top" ref="panelForm">
+        <el-form class="right-box-form right-box-form-left" label-width="120px"  :model="panel" label-position="right" ref="panelForm">
           <el-form-item :label='$t("overall.name")' prop="name" :rules="{required: true, message: $t('validate.required'), trigger: 'blur'}">
             <el-input placeholder="" maxlength="64" show-word-limit v-model="panel.name" size="small" ></el-input>
           </el-form-item>
diff --git a/nezha-fronted/src/components/common/rightBox/projectBox.vue b/nezha-fronted/src/components/common/rightBox/projectBox.vue
index 5a3ea605a..072ced069 100644
--- a/nezha-fronted/src/components/common/rightBox/projectBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/projectBox.vue
@@ -18,7 +18,7 @@
       <div class="right-box-title">{{rightBox.title}}</div>
       <!-- end--标题-->
       <el-scrollbar class="right-box-form-box">
-        <el-form class="right-box-form" :model="project" label-position="top" :rules="rules" ref="projectForm">
+        <el-form class="right-box-form right-box-form-left" :model="project" label-position="right" label-width="120px" :rules="rules" ref="projectForm">
           <el-form-item :label='$t("project.project.projectName")' prop="name">
             <el-input v-if="rightBox.isEdit" size="mini" maxlength="64" show-word-limit v-model="project.name"></el-input>
             <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{project.name}}</div>
diff --git a/nezha-fronted/src/components/page/config/promServer.vue b/nezha-fronted/src/components/page/config/promServer.vue
index 1ba86f920..b0a06ce29 100644
--- a/nezha-fronted/src/components/page/config/promServer.vue
+++ b/nezha-fronted/src/components/page/config/promServer.vue
@@ -120,7 +120,7 @@
 
         <!-- begin--表单-->
         <el-scrollbar class="right-box-form-box">
-          <el-form class="right-box-form" :model="promServer" label-position="top" label-width="80px" :rules="rules"
+          <el-form class="right-box-form right-box-form-left" :model="promServer" label-position="right" label-width="120px" :rules="rules"
                    ref="promServerForm">
             <!--DC start-->
             <el-form-item :label="$t('config.dc.dc')" prop="idc.name">

From 06d33dbf8012770028764d2ce1d58d96a637984c Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Thu, 4 Jun 2020 16:42:27 +0800
Subject: [PATCH 2/2] =?UTF-8?q?NEZ-311=20fix:alert=20list=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=20=E8=B0=83=E6=95=B4=E5=A4=A7=E5=B0=8F=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=8F=82=E6=95=B0=E9=94=99=E8=AF=AFbug=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=20&=20=E9=A1=B9=E7=9B=AE=E5=85=B6=E4=BB=96=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E8=B0=83=E6=95=B4=E7=BA=BF=E7=9A=84width?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/charts/chart-alert-list.vue    | 29 +++++++++++++++----
 .../src/components/charts/chartPreview.vue    | 16 ++++++++--
 .../components/charts/line-chart-block.vue    |  4 +++
 .../common/bottomBox/tabs/alertMessageTab.vue |  6 +++-
 .../bottomBox/tabs/endpointQueryTab.vue       |  6 +++-
 .../src/components/page/alert/list.vue        |  6 +++-
 .../components/page/dashboard/chartBox.vue    |  2 +-
 .../page/dashboard/metricPreview.vue          |  6 +++-
 .../page/dashboard/overview/overview2.vue     |  8 +++++
 .../src/components/page/dashboard/panel.vue   |  4 +--
 10 files changed, 71 insertions(+), 16 deletions(-)

diff --git a/nezha-fronted/src/components/charts/chart-alert-list.vue b/nezha-fronted/src/components/charts/chart-alert-list.vue
index e6180da5f..c0b0966bc 100644
--- a/nezha-fronted/src/components/charts/chart-alert-list.vue
+++ b/nezha-fronted/src/components/charts/chart-alert-list.vue
@@ -7,7 +7,7 @@
     <div class="resize-box resize-box-alert" ref="resizeBox">
       <div class="chart-alert-info" :id="'chartTableDiv'+chartIndex" v-show="divFirstShow" @mouseenter="caretShow=true" @mouseleave="caretShow=false">
         <loading :ref="'localLoading'+chartIndex"></loading>
-        <div class="clearfix chartTitle" :class="{'dragTitle':dragTitleShow}" :id="'chartTitle'+chartIndex">
+        <div class="clearfix chartTitle" :class="{'dragTitle':dragTitleShow}" :id="'chartTitle'+chartIndex" v-show="!isPreview">
           <el-popover
             v-if="isError"
             :close-delay=10
@@ -482,6 +482,12 @@ export default {
         handler(n,o){
           this.data=Object.assign({},n)
         }
+      },
+      panelId:{
+        immediate:true,
+        handler(n,o){
+          this.panelIdInner=n
+        }
       }
     },
     methods: {
@@ -584,7 +590,11 @@ export default {
                         type: "line",
                         symbol: 'none',  //去掉点
                         smooth: 0.2,  //曲线变平滑
-                        name: ''
+                        name: '',
+                        lineStyle: {
+                          width: 1,
+                          opacity: 0.9
+                        },
                       };
                       chartData.name += "{";
                       alias += "{";
@@ -626,15 +636,21 @@ export default {
           })
         }
       },
-      getAlertList: function (filterType,isPreview=false) {
+      getAlertList: function (filterType,isPreview=false,chartInfo) {
         this.resize();
         this.isPreview = isPreview;
         let queryParam={
           pageSize:this.pageObj.pageSize,
           pageNo:this.pageObj.pageNo,
         }
-        if(this.chartInfo&&this.chartInfo.param){ //按照粒度，project>module>endpoint  查询只传最细粒度
-          let param=this.chartInfo.param;
+        let chart=null;
+        if(chartInfo){
+          chart=Object.assign({},chartInfo)
+        }else{
+          chart=Object.assign({},this.chartInfo)
+        }
+        if(chart&&chart.param){ //按照粒度，project>module>endpoint  查询只传最细粒度
+          let param=chart.param;
           if(param.endpointId&&param.endpointId != ''){
             queryParam.endpointId=param.endpointId;
           }else{
@@ -887,7 +903,8 @@ export default {
             next:parseInt(_this.data.next),
           }
           targetDiv.style.height = (Math.round((containerHeight+_this.chartSpaceHeight)/10)*10-_this.chartSpaceHeight)+'px';//图表实际渲染高度，采用个位数字四舍五入
-          _this.$put('panel/'+  _this.panelIdInner+'/charts/modify',modifyParams).then(response => {
+          console.log('chart-alert-panel-id='+this.panelId)
+          _this.$put('panel/'+this.panelId+'/charts/modify',modifyParams).then(response => {
             if (response.code === 200) {
               //更新当前图表数据
               _this.data.span= span;
diff --git a/nezha-fronted/src/components/charts/chartPreview.vue b/nezha-fronted/src/components/charts/chartPreview.vue
index 6e2886175..7fa6449e8 100644
--- a/nezha-fronted/src/components/charts/chartPreview.vue
+++ b/nezha-fronted/src/components/charts/chartPreview.vue
@@ -57,7 +57,7 @@
       </el-popover>
       <div slot="title" class="chart-title">
         <span class="nz-dialog-title chart-title-text">{{chart.title}}</span>
-        <div class="float-right panel-calendar dialog-tool"  v-if="chart.type!=='url'">
+        <div class="float-right panel-calendar dialog-tool"  v-if="chart.type!=='url' && chart.type !=='alertList'">
 
           <time-picker ref="calendarPanel" class="nz-dashboard-picker" style="margin-top: -12px;" @change="dateChange"></time-picker>
           <!--
@@ -129,7 +129,7 @@
       </template>
 
       <template v-if="chart.type === 'alertList'">
-        <chart-alert-list ref="alertListChart"></chart-alert-list>
+        <chart-alert-list ref="alertListChart" id="chartAlertListPreview"></chart-alert-list>
       </template>
 
       <loading  ref="loadingPreview"></loading>
@@ -236,6 +236,8 @@
           chartContainerId = 'chartUrlPreview';
         }else if (chartType === 'singleStat') {
           chartContainerId = 'chartSingleStatPreview';
+        }else if(chartType === 'alertList'){
+          chartContainerId = 'chartAlertListPreview';
         }
 
         //设置高度 chart-table
@@ -327,7 +329,7 @@
         });
       },
       getAlertListChartData:function(chartInfo,filterType){
-        this.$refs.alertListChart.getAlertList(filterType,true);
+        this.$refs.alertListChart.getAlertList(filterType,true,this.chart);
         this.$refs.loadingPreview.endLoading();
       },
       // 获取一个图表具体数据
@@ -406,6 +408,10 @@
                               showSymbol: false,
                               data: [],
                               type: chartItem.type,
+                              lineStyle: {
+                                width: 1,
+                                opacity: 0.9
+                              },
                             },
                             metric_name: '',
                           };
@@ -1112,6 +1118,10 @@
                           showSymbol:false,
                           data: [],
                           type:this.chart.type,
+                          lineStyle: {
+                            width: 1,
+                            opacity: 0.9
+                          },
                           //visible: true,
                           //threshold: null,
                         },
diff --git a/nezha-fronted/src/components/charts/line-chart-block.vue b/nezha-fronted/src/components/charts/line-chart-block.vue
index d70b6b075..d8ec8d2a5 100644
--- a/nezha-fronted/src/components/charts/line-chart-block.vue
+++ b/nezha-fronted/src/components/charts/line-chart-block.vue
@@ -1120,6 +1120,10 @@
                           showSymbol:false,
                           data: [],
                           type:this.data.type,
+                          lineStyle: {
+                            width: 1,
+                            opacity: 0.9
+                          },
                           //visible: true,
                           //threshold: null,
                         },
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue
index 2c28cc50a..8aca9897c 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue
@@ -513,7 +513,11 @@
                       type: "line",
                       symbol: 'none',  //去掉点
                       smooth: 0.2,  //曲线变平滑
-                      name: ''
+                      name: '',
+                      lineStyle: {
+                        width: 1,
+                        opacity: 0.9
+                      },
                     };
                     chartData.name += "{";
                     alias += "{";
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
index 19e8e98ab..62e0e1018 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
@@ -418,7 +418,11 @@
                   let chartData={
                     type:"line",
                     symbol:'none',  //去掉点
-                    smooth:0.2,  //曲线变平滑
+                    smooth:0.2,
+                    lineStyle: {
+                      width: 1,
+                      opacity: 0.9
+                    },
                   };
                   chartData.name=queryData.metric.__name__;
                   let alias=queryData.metric.__name__;
diff --git a/nezha-fronted/src/components/page/alert/list.vue b/nezha-fronted/src/components/page/alert/list.vue
index 050411314..4f346c24a 100644
--- a/nezha-fronted/src/components/page/alert/list.vue
+++ b/nezha-fronted/src/components/page/alert/list.vue
@@ -514,7 +514,11 @@
                       type: "line",
                       symbol: 'none',  //去掉点
                       smooth: 0.2,  //曲线变平滑
-                      name: ''
+                      name: '',
+                      lineStyle: {
+                        width: 1,
+                        opacity: 0.9
+                      },
                     };
                     chartData.name += "{";
                     alias += "{";
diff --git a/nezha-fronted/src/components/page/dashboard/chartBox.vue b/nezha-fronted/src/components/page/dashboard/chartBox.vue
index 08375f6ef..dd924f42b 100644
--- a/nezha-fronted/src/components/page/dashboard/chartBox.vue
+++ b/nezha-fronted/src/components/page/dashboard/chartBox.vue
@@ -73,7 +73,7 @@
 
         <!-- begin--表单-->
         <el-scrollbar class="right-box-form-box" ref="scrollbar">
-          <el-form class="right-box-form" :model="chart"  :rules="rules" ref="chartForm">
+          <el-form class="right-box-form  right-box-form-left" :model="chart" label-width="120px" label-position="right"  :rules="rules" ref="chartForm">
             <el-form-item :label="$t('dashboard.panel.title')" prop="panel" v-if="!showPanel.type">
               <el-autocomplete
                 :fetch-suggestions="panelSuggestion"
diff --git a/nezha-fronted/src/components/page/dashboard/metricPreview.vue b/nezha-fronted/src/components/page/dashboard/metricPreview.vue
index 46f9f6abd..9abe69bba 100644
--- a/nezha-fronted/src/components/page/dashboard/metricPreview.vue
+++ b/nezha-fronted/src/components/page/dashboard/metricPreview.vue
@@ -313,7 +313,11 @@ export default {
             type:chartItem.type ? chartItem.type : 'line',
             //visible: true,
             //threshold: null,
-            chartTitle:''
+            chartTitle:'',
+            lineStyle: {
+              width: 1,
+              opacity: 0.9
+            },
           },
           metric_name: '',
         };
diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
index 9b30b87ff..c9abee9f7 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
@@ -513,6 +513,10 @@
                 smooth:0.2,  //曲线变平滑
                 data: [],
                 type:'line',
+                lineStyle: {
+                  width: 1,
+                  opacity: 0.9
+                },
               };
               if (response.data.result.length > 0) {
                 series.data=response.data.result[0].values.map((item)=>{
@@ -545,6 +549,10 @@
                 smooth:0.2,  //曲线变平滑
                 data: [],
                 type:'line',
+                lineStyle: {
+                  width: 1,
+                  opacity: 0.9
+                },
               };
               if (response.data.result.length > 0) {
                 series.data=response.data.result[0].values.map((item)=>{
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index dd4ca3e75..ee1cdc48c 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -593,7 +593,7 @@
     margin-top: 3px;
     text-align:left;
     border-radius:4px;
-    width:120px;
+    width:260px;
     height:24px;
     border:solid 1px  #d8dce1;
     white-space: nowrap;
@@ -602,7 +602,7 @@
   }
   .panel-list-title {
     min-height:24px;
-    width:100px;
+    width:236px;
     white-space: nowrap;
     overflow-x: hidden;
     text-overflow: ellipsis;