diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index 8fb4d055a..1097b65d9 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -650,6 +650,9 @@ li{
   top: 21px;
   transform: translateX(-50%);
 }
+.right-box .el-input__inner {
+  background-color: white;
+}
 .pop-top-btns {
   text-align: center;
   float: right;
diff --git a/nezha-fronted/src/components/page/dashboard/chartBox.vue b/nezha-fronted/src/components/page/dashboard/chartBox.vue
index c398523bc..8d143af7c 100644
--- a/nezha-fronted/src/components/page/dashboard/chartBox.vue
+++ b/nezha-fronted/src/components/page/dashboard/chartBox.vue
@@ -264,7 +264,7 @@
         };
         this.$refs.panelBox2.setTitle(this.$t("dashboard.panel.createPanelTitle"));
       },
-      panelReload(panelName) {
+      panelReload(panelName) { //刷新panel下拉框
         if (panelName) {
           this.panelName = panelName;
         }
diff --git a/nezha-fronted/src/components/page/dashboard/metricPreview.vue b/nezha-fronted/src/components/page/dashboard/metricPreview.vue
index 78e36175a..a62ad2b0f 100644
--- a/nezha-fronted/src/components/page/dashboard/metricPreview.vue
+++ b/nezha-fronted/src/components/page/dashboard/metricPreview.vue
@@ -32,7 +32,7 @@
               <div class="box-content" >
                 <el-row :gutter="20"  class="row-width" style="height: calc(100% - 65px);">
                   <el-col :span="10" >
-                      <metric-set :panelData="panelData" ref="metricSet" @on-view-chart="getChartParam"></metric-set>
+                      <metric-set :panelData="panelData" ref="metricSet" @on-view-chart="getChartParam"  @reloadPanel="getPanelData"></metric-set>
                   </el-col>
                   <el-col :span="0.5"><div>&nbsp;</div></el-col>
                   <el-col :span="13" class="chart-preview-area">
@@ -48,7 +48,7 @@
                                     style="position:absolute; right: 10px"
                                     align="right">
                     </el-date-picker>
-                    <el-row class="border-area" v-show="chartCount === 'single'" style="margin-top: 42px;">
+                    <el-row class="border-area" v-show="chartCount === 'single'" style="margin-top: 39px;">
                       <div class="chartBox">
                         <line-chart-block
                           :show-setting="false"
diff --git a/nezha-fronted/src/components/page/dashboard/metricSet.vue b/nezha-fronted/src/components/page/dashboard/metricSet.vue
index d068f454e..fd197c0cf 100644
--- a/nezha-fronted/src/components/page/dashboard/metricSet.vue
+++ b/nezha-fronted/src/components/page/dashboard/metricSet.vue
@@ -109,7 +109,7 @@
       </el-form>-->
     </div>
     <!--<metric-pre-panel-box :chartInfo="chartInfo"  :elementTarget="elementTarget" :seriesData="seriesData" :series="series" :chartCount="chartCount" @reload="reload"  ref="panelBox"></metric-pre-panel-box>-->
-    <chart-box ref="addChartModal" :panel-data="panelData" @on-create-success="createSuccess"></chart-box>
+    <chart-box ref="addChartModal" :panel-data="panelData" @on-create-success="createSuccess" @reloadOnlyPanel="reloadPanelData" @reload="reloadPanelData"></chart-box>
   </div>
 </template>
 <script>
@@ -194,6 +194,9 @@ export default {
       this.seriesData = data;
       this.series = series;
     },
+    reloadPanelData() { //刷新panelData
+      this.$emit("reloadPanel");
+    },
     createSuccess(type, response, param, panel) { //添加chart成功
       this.$confirm(this.$t("dashboard.metric.goPanelTip"),this.$t("tip.saveSuccess"), {
         confirmButtonText: this.$t("tip.yes"),
diff --git a/nezha-fronted/src/components/page/project/project.vue b/nezha-fronted/src/components/page/project/project.vue
index 4cc886863..ce38c2e8e 100644
--- a/nezha-fronted/src/components/page/project/project.vue
+++ b/nezha-fronted/src/components/page/project/project.vue
@@ -253,7 +253,7 @@
     <edit-endpoint-box :currentProject="currentProject" :currentModule="currentModule" :endpoint="editEndpoint" @reload="getEndpointTableData" ref="editEndpointBox"></edit-endpoint-box>
     <add-endpoint-box :currentProject="currentProject" :currentModule="currentModule" @reload="getEndpointTableData" ref="addEndpointBox"></add-endpoint-box>
     <asset-edit-unit :edit-unit-show='viewAssetState' @refreshData="getEndpointTableData" @sendStateData="tabControl" ref="assetEditUnit"></asset-edit-unit>
-    <chart-box ref="addChartModal" :panel-data="panelData" @on-create-success="createSuccess"></chart-box>
+    <chart-box ref="addChartModal" :panel-data="panelData" @on-create-success="createSuccess" @reloadOnlyPanel="getPanelData" @reload="getPanelData"></chart-box>
   </div>
 </template>