Merge pull request #2185 from dataease/pr@dev@fix_switch-view-error

frontend/src/views/chart/components/drag-item/utils.js

 export function getItemType(dimensionData, quotaData, item) {
+  // Check whether the current view is in template status
+  // ( dimensionData and quotaData have no data). If yes, return 'success' directly
+  if (dimensionData.length === 0 && quotaData.length === 0) {
+    return 'success'
+  }
   // 将item的字段在数据集维度、指标字段中查询一遍，如果遇到id不存在、字段类型不一致、维度指标不一致，则提示
   const status = item.groupType
   let checked = false

frontend/src/views/chart/view/ChartEdit.vue

@@ -1472,7 +1472,8 @@ export default {
       })
       this.pluginRenderOptions = [...this.renderOptions, ...pluginOptions]
     },
-    emptyTableData() {
+    emptyTableData(id) {
+      console.log('emptyTableData:' + id)
       this.table = {}
       this.dimension = []
       this.quota = []
@@ -1500,8 +1501,11 @@ export default {
     initTableData(id, optType) {
       if (id != null) {
         post('/dataset/table/getWithPermission/' + id, null).then(response => {
+          // If click too fast on the panel, the data here may be inconsistent, so make a verification
+          if (this.view.tableId === id) {
             this.table = response.data
             this.initTableField(id, optType)
+          }
         }).catch(err => {
           this.table = null
           this.resetDatasetField()
@@ -1514,6 +1518,8 @@ export default {
     initTableField(id, optType) {
       if (this.table) {
         post('/dataset/table/getFieldsFromDE', this.table).then(response => {
+          // If click too fast on the panel, the data here may be inconsistent, so make a verification
+          if (this.view.tableId === id) {
             this.dimension = response.data.dimension
             this.quota = response.data.quota
             this.dimensionData = JSON.parse(JSON.stringify(this.dimension))
@@ -1526,6 +1532,7 @@ export default {
                 this.calcData()
               })
             }
+          }
         }).catch(err => {
           console.log(err)
           this.resetView()
@@ -1911,8 +1918,10 @@ export default {
     getChart(id, queryFrom = 'panel_edit') {
       if (id) {
         getChartDetails(id, this.panelInfo.id, { queryFrom: queryFrom }).then(response => {
+          // If click too fast on the panel, the data here may be inconsistent, so make a verification
+          if (response.data.id === this.param.id) {
             if (response.data.dataFrom === 'template') {
-            this.emptyTableData()
+              this.emptyTableData(response.data.id)
             } else {
               this.initTableData(response.data.tableId)
             }
@@ -1932,6 +1941,7 @@ export default {
             // 将视图传入echart组件
             this.chart = response.data
             this.data = response.data.data
+          }
         }).catch(err => {
           this.httpRequest.status = err.response.data.success
           this.httpRequest.msg = err.response.data.message