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

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({
-        lock: true,
-        customClass: 'export-pdf-mask',
-        background: 'rgba(0,0,0,.2)'
-      })
+      this.$store.dispatch('dispatchHomeLoading', true)
       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 = ''