NEZ-2274 feat：图表同步操作 增加遮罩层避免用户重复操作

nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue

@@ -717,7 +717,7 @@ export default {
       this.$store.dispatch('dispatchPanelLock', { flag: boolean })
     },
     chartBySync () {
-      this.panelTabLoading = true
+      this.$store.dispatch('dispatchHomeLoading', true)
       const params = {}
       if (this.from === 'chartTemp') {
         params.pid = this.obj.id
@@ -725,7 +725,7 @@ export default {
         params.panelId = this.showPanel.id
       }
       this.$post('visual/panel/chart/syncTmpl', params).then(res => {
-        this.panelTabLoading = false
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getTableData(this.obj.id)
           this.$message.success(this.$t('tip.syncSuccess'))

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

@@ -131,7 +131,9 @@ export default {
   },
   methods: {
     chartBySync (row) {
+      this.$store.dispatch('dispatchHomeLoading', true)
       this.$post('visual/panel/chart/syncTmpl', { models: [row.id] }).then(res => {
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getTableData()
           this.$message.success(this.$t('tip.syncSuccess'))

nezha-fronted/src/components/page/config/template/chartTemp.vue

@@ -264,7 +264,9 @@ export default {
       }
     },
     chartBySync (row) {
+      this.$store.dispatch('dispatchHomeLoading', true)
       this.$post('visual/panel/chart/syncTmpl', { pid: row.id }).then(res => {
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getTableData()
           this.$message.success(this.$t('tip.syncSuccess'))

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

@@ -1843,7 +1843,7 @@ import chartDataFormat from '../../../chart/chartDataFormat'
 import logTab from './logTab'
 import promqlInputMixin from '@/components/common/mixin/promqlInput'
 import chartRightBox from '@/components/common/rightBox/chart/chartRightBox'
-import {Loading} from "element-ui";
+import { Loading } from 'element-ui'
 
 export default {
   name: 'exploreItem',
@@ -2628,13 +2628,9 @@ export default {
       if (!this.showMetrics) {
         params.limit = this.$refs.logDetail ? this.$refs.logDetail.getLimit() : 100
       }
-      const loading = Loading.service({
+      this.$store.dispatch('dispatchHomeLoading', true)
-        lock: true,
-        customClass: 'export-pdf-mask',
-        background: 'rgba(0,0,0,.2)'
-      })
       this.$get('/visual/explore/snapshot', params, 'blob').then(res => {
-        loading.close()
+        this.$store.dispatch('dispatchHomeLoading', false)
         const self = this
         let fileName = this.showMetrics ? 'Metrics explore' : 'Logs explore'
         const resFileName = ''

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

@@ -505,9 +505,9 @@ export default {
       this.rightBox.chartTemp.show = true
     },
     chartBySync () {
-      this.panelTabLoading = true
+      this.$store.dispatch('dispatchHomeLoading', true)
       this.$post('visual/panel/chart/syncTmpl', { panelId: this.showPanel.id }).then(res => {
-        this.panelTabLoading = false
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getData(this.filter)
           this.$message.success(this.$t('tip.syncSuccess'))

nezha-fronted/src/components/page/monitor/module/moduleList.vue

@@ -473,7 +473,9 @@ export default {
       })
     },
     chartBySync (row) {
+      this.$store.dispatch('dispatchHomeLoading', true)
       this.$post('visual/panel/chart/syncTmpl', { modules: row.id }).then(res => {
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getTableData()
           this.$message.success(this.$t('tip.syncSuccess'))

nezha-fronted/src/http.js

@@ -123,9 +123,7 @@ export function get (url, params, responseType) {
       if (err.response) {
         resolve(err.response.data)
       } else if (err.message) {
-        if (err.message !== 'cancel') { // 判断是否是路由跳转取消的请求（是的话没必要提示message）
         resolve(err.message)
-        }
       } else {
         resolve(err)
       }