From ea7ddde23a5878328d247ad1f3f73bb807845cd0 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 14 Apr 2022 15:27:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=AA=E8=A1=A8=E6=9D=BF=E6=9D=BF?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E8=A7=86=E5=9B=BE=E6=95=B0=E6=8D=AE=E9=9B=86?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E8=87=AA=E5=8A=A8=E5=8C=B9=E9=85=8D=E6=96=B0?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=9B=86=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/drag-item/ChartDragItem.vue    |  2 +
 .../components/drag-item/DimensionExtItem.vue |  2 +
 .../components/drag-item/DimensionItem.vue    |  2 +
 .../chart/components/drag-item/DrillItem.vue  |  2 +
 .../chart/components/drag-item/FilterItem.vue |  2 +
 .../components/drag-item/QuotaExtItem.vue     |  3 +
 .../chart/components/drag-item/QuotaItem.vue  |  2 +
 frontend/src/views/chart/view/ChartEdit.vue   | 63 ++++++++++++++-----
 8 files changed, 61 insertions(+), 17 deletions(-)

diff --git a/frontend/src/views/chart/components/drag-item/ChartDragItem.vue b/frontend/src/views/chart/components/drag-item/ChartDragItem.vue
index de4971a907..258e672eee 100644
--- a/frontend/src/views/chart/components/drag-item/ChartDragItem.vue
+++ b/frontend/src/views/chart/components/drag-item/ChartDragItem.vue
@@ -108,6 +108,7 @@
 <script>
 import { getItemType } from '@/views/chart/components/drag-item/utils'
 import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import bus from '@/utils/bus'
 
 export default {
   name: 'ChartDragItem',
@@ -155,6 +156,7 @@ export default {
     }
   },
   mounted() {
+    bus.$on('reset-change-table', () => this.getItemTagType())
   },
   methods: {
     clickItem(param) {
diff --git a/frontend/src/views/chart/components/drag-item/DimensionExtItem.vue b/frontend/src/views/chart/components/drag-item/DimensionExtItem.vue
index 2d8ddf99c0..b072cf59c0 100644
--- a/frontend/src/views/chart/components/drag-item/DimensionExtItem.vue
+++ b/frontend/src/views/chart/components/drag-item/DimensionExtItem.vue
@@ -89,6 +89,7 @@
 <script>
 import { getItemType } from '@/views/chart/components/drag-item/utils'
 import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import bus from '@/utils/bus'
 
 export default {
   name: 'DimensionExtItem',
@@ -129,6 +130,7 @@ export default {
     }
   },
   mounted() {
+    bus.$on('reset-change-table', () => this.getItemTagType())
   },
   methods: {
     clickItem(param) {
diff --git a/frontend/src/views/chart/components/drag-item/DimensionItem.vue b/frontend/src/views/chart/components/drag-item/DimensionItem.vue
index 8923633daf..633eb618cc 100644
--- a/frontend/src/views/chart/components/drag-item/DimensionItem.vue
+++ b/frontend/src/views/chart/components/drag-item/DimensionItem.vue
@@ -92,6 +92,7 @@
 <script>
 import { getItemType } from '@/views/chart/components/drag-item/utils'
 import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import bus from '@/utils/bus'
 
 export default {
   name: 'DimensionItem',
@@ -132,6 +133,7 @@ export default {
     }
   },
   mounted() {
+    bus.$on('reset-change-table', () => this.getItemTagType())
   },
   methods: {
     clickItem(param) {
diff --git a/frontend/src/views/chart/components/drag-item/DrillItem.vue b/frontend/src/views/chart/components/drag-item/DrillItem.vue
index c76fa5b506..d6b7e4c3d5 100644
--- a/frontend/src/views/chart/components/drag-item/DrillItem.vue
+++ b/frontend/src/views/chart/components/drag-item/DrillItem.vue
@@ -28,6 +28,7 @@
 <script>
 import { getItemType } from '@/views/chart/components/drag-item/utils'
 import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import bus from '@/utils/bus'
 
 export default {
   name: 'DrillItem',
@@ -71,6 +72,7 @@ export default {
     }
   },
   mounted() {
+    bus.$on('reset-change-table', () => this.getItemTagType())
   },
   methods: {
     clickItem(param) {
diff --git a/frontend/src/views/chart/components/drag-item/FilterItem.vue b/frontend/src/views/chart/components/drag-item/FilterItem.vue
index 56e87101c3..4d0162189f 100644
--- a/frontend/src/views/chart/components/drag-item/FilterItem.vue
+++ b/frontend/src/views/chart/components/drag-item/FilterItem.vue
@@ -29,6 +29,7 @@
 <script>
 import { getItemType } from '@/views/chart/components/drag-item/utils'
 import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import bus from '@/utils/bus'
 
 export default {
   name: 'FilterItem',
@@ -72,6 +73,7 @@ export default {
     }
   },
   mounted() {
+    bus.$on('reset-change-table', () => this.getItemTagType())
   },
   methods: {
     clickItem(param) {
diff --git a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
index 2979641516..2464228242 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
@@ -114,6 +114,7 @@
 import { compareItem } from '@/views/chart/chart/compare'
 import { getItemType } from '@/views/chart/components/drag-item/utils'
 import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import bus from '@/utils/bus'
 
 export default {
   name: 'QuotaExtItem',
@@ -168,6 +169,8 @@ export default {
   mounted() {
     this.init()
     this.isEnableCompare()
+    bus.$on('reset-change-table', () => this.getItemTagType())
+
   },
   methods: {
     init() {
diff --git a/frontend/src/views/chart/components/drag-item/QuotaItem.vue b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
index 3d52773f22..e9ec287b65 100644
--- a/frontend/src/views/chart/components/drag-item/QuotaItem.vue
+++ b/frontend/src/views/chart/components/drag-item/QuotaItem.vue
@@ -114,6 +114,7 @@
 import { compareItem } from '@/views/chart/chart/compare'
 import { getItemType } from '@/views/chart/components/drag-item/utils'
 import FieldErrorTips from '@/views/chart/components/drag-item/components/FieldErrorTips'
+import bus from '@/utils/bus'
 
 export default {
   name: 'QuotaItem',
@@ -165,6 +166,7 @@ export default {
   mounted() {
     this.init()
     this.isEnableCompare()
+    bus.$on('reset-change-table', () => this.getItemTagType())
   },
   methods: {
     init() {
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index 91dbb9150f..85fd5485e0 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -877,7 +877,7 @@
                       @onLegendChange="onLegendChange"
                     />
                   </el-collapse-item>
-                  <el-collapse-item v-if="chart.customStyle && view.customStyle.background" name="background" :title="$t('chart.background')">
+                  <el-collapse-item v-if="view.customStyle && view.customStyle.background" name="background" :title="$t('chart.background')">
                     <background-color-selector
                       :param="param"
                       class="attr-selector"
@@ -1366,7 +1366,8 @@ export default {
       quotaItemCompare: {},
       showEditQuotaCompare: false,
       preChartId: '',
-      pluginRenderOptions: []
+      pluginRenderOptions: [],
+      showChartSet: true
 
     }
   },
@@ -1468,11 +1469,11 @@ export default {
       bus.$on('plugins-calc-style', this.calcStyle)
       bus.$on('plugin-chart-click', this.chartClick)
     },
-    initTableData(id) {
+    initTableData(id, optType) {
       if (id != null) {
         post('/dataset/table/getWithPermission/' + id, null).then(response => {
           this.table = response.data
-          this.initTableField(id)
+          this.initTableField(id, optType)
         }).catch(err => {
           this.table = null
           this.resetDatasetField()
@@ -1482,7 +1483,7 @@ export default {
         })
       }
     },
-    initTableField(id) {
+    initTableField(id, optType) {
       if (this.table) {
         post('/dataset/table/getFieldsFromDE', this.table).then(response => {
           this.dimension = response.data.dimension
@@ -1490,7 +1491,15 @@ export default {
           this.dimensionData = JSON.parse(JSON.stringify(this.dimension))
           this.quotaData = JSON.parse(JSON.stringify(this.quota))
           this.fieldFilter(this.searchField)
+          if (optType === 'change') {
+            this.resetChangeTable()
+            this.$nextTick(() => {
+              bus.$emit('reset-change-table', 'change')
+              this.calcData()
+            })
+          }
         }).catch(err => {
+          console.log(err)
           this.resetView()
           this.httpRequest.status = err.response.data.success
           this.httpRequest.msg = err.response.data.message
@@ -1500,6 +1509,35 @@ export default {
         this.resetDatasetField()
       }
     },
+    resetChangeTable() {
+      const compareData = {}
+      this.dimensionData.forEach(deimension => {
+        compareData[deimension.originName] = deimension
+      })
+      this.quotaData.forEach(quota => {
+        compareData[quota.originName] = quota
+      })
+      const compareCols = ['xaxis', 'xaxisExt', 'yaxis', 'yaxisExt', 'customFilter', 'extStack', 'extBubble', 'drillFields']
+      this.viewFieldChange(compareData, compareCols)
+    },
+    viewFieldChange(compareData, compareCols) {
+      const _this = this
+      compareCols.forEach(compareCol => {
+        _this.view[compareCol].forEach(function(item, index) {
+          if (compareData[item.originName]) {
+            const itemTemp = {
+              ...compareData[item.originName],
+              name: item.name,
+              deType: item.deType,
+              type: item.type,
+              groupType: item.groupType,
+              sort: item.sort
+            }
+            _this.view[compareCol][index] = itemTemp
+          }
+        })
+      })
+    },
     buildParam(getData, trigger, needRefreshGroup = false, switchType = false) {
       if (!this.view.resultCount ||
         this.view.resultCount === '' ||
@@ -2198,20 +2236,11 @@ export default {
     // 更换数据集
     changeChart() {
       this.view.dataFrom = 'dataset'
-      if (this.view.tableId !== this.changeTable.id) {
-        this.view.tableId = this.changeTable.id
-        this.view.xaxis = []
-        this.view.xaxisExt = []
-        this.view.yaxis = []
-        this.view.yaxisExt = []
-        this.view.customFilter = []
-        this.view.extStack = []
-        this.view.extBubble = []
-        this.view.drillFields = []
-      }
+      const optType = this.view.tableId === this.changeTable.id ? 'same' : 'change'
       // this.save(true, 'chart', false)
+      this.view.tableId = this.changeTable.id
       this.calcData(true, 'chart', false)
-      this.initTableData(this.view.tableId)
+      this.initTableData(this.view.tableId, optType)
       this.closeChangeChart()
     },