fix: 修复panel外其他页面chart-box侧滑中panel项不更新的问题

1.metric preview、project的save chart中，增删panel后立即生效

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;

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;
         }

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"

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"),

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>