fix:修复save chart 时填入不存在的panel未创建新panel的问题

nezha-fronted/src/components/common/exportXLSX.vue

@@ -104,6 +104,7 @@
       params:{type:Object},
       exportFileName:{type:String},
       importUrl: {type:String,required:true},
+      link:{type:Object},
     },
     data:function(){
       return {
@@ -158,6 +159,9 @@
           form.append('excelFile',this.importFile.raw);
           if(this.paramsType){
             form.append('type',this.paramsType);
+            if(this.paramsType==='asset' || this.paramsType==='model'){
+              form.append('linkId',this.link?this.link.id:'');
+            }
           }
           form.append('language',localStorage.getItem("nz-language") ? localStorage.getItem("nz-language") : 'en')
           this.$post(this.importUrl,form,{'Content-Type': 'multipart/form-data'}).then(response=>{

nezha-fronted/src/components/page/config/system.vue

@@ -20,9 +20,9 @@
             <el-form-item :label="$t('config.system.basic.defaultCabinetUsize')" prop="default_cabinet_usize">
               <el-input v-model.number="basic.default_cabinet_usize" ></el-input>
             </el-form-item>
-            <el-form-item :label="$t('config.system.basic.exporterTarget')" prop="node_exporter_target_path">
+            <!--<el-form-item :label="$t('config.system.basic.exporterTarget')" prop="node_exporter_target_path">
               <el-input v-model="basic.node_exporter_target_path"></el-input>
-            </el-form-item>
+            </el-form-item>-->
             <el-form-item :label="$t('config.system.basic.scrapeInterval')" prop="scrape_interval">
               <el-input v-model.number="basic.scrape_interval" ></el-input><span class="nz-input-append">{{$t('config.system.basic.second')}}</span>
             </el-form-item>
@@ -260,7 +260,7 @@
             basicCopy:null,
             basicRules:{
               system_name:[{required:true,message:this.$t('validate.required'),trigger:'blur'},],
-              node_exporter_target_path:[{required:true,message:this.$t('validate.required'),trigger:'blur'},],
+              // node_exporter_target_path:[{required:true,message:this.$t('validate.required'),trigger:'blur'},],
               alert_api:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:host,trigger: 'blur'}],
               asset_ping_interval:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:positiveInteger,trigger:'blur'}],
               scrape_interval:[{required:true,message:this.$t('validate.required'),trigger:'blur'},{validator:positiveInteger,trigger:'blur'}],

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

@@ -100,7 +100,7 @@
           <el-input size="small" maxlength="64" show-word-limit v-model="editChart.title"></el-input>
         </el-form-item>
 
-        <div class="right-box-small-title">{{$t('dashboard.panel.chartForm.option')}}</div>
+        <div class="right-box-sub-title">{{$t('dashboard.panel.chartForm.option')}}</div>
         <div style="margin-bottom: 20px;width: 100%"></div>
 
         <!-- type unit start-->
@@ -646,32 +646,40 @@
       // 新建图表
       addCharts(params) {
         let panelId;
+        let panel;
         //先处理panel
-        if (this.panelId) {
-          panelId = this.panelId;
-        } else if (this.showPanel && this.showPanel.type != "dashboard") {
-          panelId = this.panelData[0].id;
-        } else {
-          panelId = this.autocompleteExist(this.editChart.panelName);
-          if (!panelId) {
-            this.$post('panel', {name: this.editChart.panelName}).then(response => {
-              if (response.code === 200) {
-                this.$emit("reloadOnlyPanel");
-                this.$store.commit('panelListChange', true);
-                panelId = this.autocompleteExist(this.editChart.panelName);
-              } else {
-                if(response.msg){
-                  this.$message.error(response.msg);
-                }else {
-                  this.$message.error(response);
-                }
-              }
-            });
-          }
-        }
+        let panelPromise=new Promise(resolve => {
+          if (this.panelId) {
+            panelId = this.panelId;
+            panel=this.panelData.find(p => p.id === this.panelId);
+            resolve()
+          } else if (this.showPanel && this.showPanel.type != "dashboard" && this.showPanel.type != 'explore') {
+            panelId = this.panelData[0].id;
+            panel = this.panelData[0]
+            resolve()
+          } else {
+            panelId = this.autocompleteExist(this.editChart.panelName);
+            if (!panelId) {
+              this.$post('panel', {name: this.editChart.panelName}).then(response => {
+                if (response.code === 200) {
+                  this.$emit("reloadOnlyPanel");
+                  panel = response.data.panel
+                  panelId=panel.id;
 
-        let intervalTime = 1; //设置3秒超时
-        let interval = setInterval(() => {
+                  resolve()
+                } else {
+                  if(response.msg){
+                    this.$message.error(response.msg);
+                  }else {
+                    this.$message.error(response);
+                  }
+                }
+              });
+            }
+          }
+        })
+
+        panelPromise.then(()=>{
           if (panelId) {
             this.panelId = panelId;
             this.$post('panel/' + this.panelId + '/charts', params ? params : this.editChart).then(response => {
@@ -679,24 +687,17 @@
                 this.esc();
                 this.$message({duration: 1000, type: 'success', message: this.$t("tip.saveSuccess")});
                 this.$refs.chartForm.resetFields();//清空表单
-                let panel = this.panelData.find(p => p.id === this.panelId);
                 this.$emit('on-create-success', 'create', response.data, params, panel);
               } else {
-                if(response.msg){
+                if (response.msg) {
                   this.$message.error(response.msg);
-                }else {
+                } else {
                   this.$message.error(response);
                 }
               }
             });
-            clearInterval(interval);
-          } else if (intervalTime > 15) {
-            this.$message.error("Time out");
-            clearInterval(interval);
-          } else {
-            intervalTime++;
           }
-        }, 200);
+        })
       },
       // 更新图表
       updateCharts(params) {
@@ -1320,7 +1321,12 @@
           let panel = this.panelData.find(p => {
             return p.name == n.panelName;
           });
-          panel && (this.panelId = panel.id);
+
+          if(panel){
+            this.panelId = panel.id;
+          }else{
+            this.panelId = null;
+          }
         }
       }
       /*panelData: {

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

@@ -532,7 +532,6 @@ instance_cpu_time_ns{app="fox", proc="widget", rev="4d3a513", env="prod", job="c
       },
       saveChart() {
         let chart = {
-          id:'',
           title: '',
           type:'line',
           span:12,
@@ -553,7 +552,6 @@ instance_cpu_time_ns{app="fox", proc="widget", rev="4d3a513", env="prod", job="c
         this.rightBox.show = true;
       },
       createSuccess(type, response, param, panel) { //添加chart成功
-        console.info(response, param, panel);
         this.$confirm(this.$t("dashboard.metric.goPanelTip"), this.$t("tip.saveSuccess"), {
           confirmButtonText: this.$t("tip.yes"),
           cancelButtonText: this.$t("tip.no"),