From fa7d5ad3505e6967d47e95302981c0a07bf066b4 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 30 Mar 2022 10:14:45 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=96=B0=E5=BB=BA=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=B7=E5=BC=8F=E8=AE=BE=E7=BD=AE=E4=B8=8D=E5=86=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E8=83=8C=E6=99=AF=EF=BC=8C=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E4=BB=AA=E8=A1=A8=E6=9D=BF=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/chart/chart.js             | 4 ++--
 frontend/src/views/chart/group/Group.vue    | 3 +--
 frontend/src/views/chart/view/ChartEdit.vue | 2 +-
 frontend/src/views/panel/edit/index.vue     | 2 ++
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/api/chart/chart.js b/frontend/src/api/chart/chart.js
index ef96c7f3e5..607f23eb21 100644
--- a/frontend/src/api/chart/chart.js
+++ b/frontend/src/api/chart/chart.js
@@ -2,11 +2,11 @@ import request from '@/utils/request'
 import store from '@/store'
 import { queryPanelComponents } from '@/api/panel/panel'
 
-export function post(url, data) {
+export function post(url, data, loading = false) {
   return request({
     url: url,
     method: 'post',
-    loading: false,
+    loading: loading,
     data
   })
 }
diff --git a/frontend/src/views/chart/group/Group.vue b/frontend/src/views/chart/group/Group.vue
index 688f711a6a..532a71277a 100644
--- a/frontend/src/views/chart/group/Group.vue
+++ b/frontend/src/views/chart/group/Group.vue
@@ -765,7 +765,6 @@ export default {
         xAxis: DEFAULT_XAXIS_STYLE,
         yAxis: DEFAULT_YAXIS_STYLE,
         yAxisExt: DEFAULT_YAXIS_EXT_STYLE,
-        background: DEFAULT_BACKGROUND_COLOR,
         split: DEFAULT_SPLIT
       })
       view.senior = JSON.stringify({
@@ -784,7 +783,7 @@ export default {
       view.extBubble = JSON.stringify([])
       this.setChartDefaultOptions(view)
       const _this = this
-      post('/chart/view/newOne/' + this.panelInfo.id, view).then(response => {
+      post('/chart/view/newOne/' + this.panelInfo.id, view,true).then(response => {
         this.closeCreateChart()
         this.$store.dispatch('chart/setTableId', null)
         this.$store.dispatch('chart/setTableId', this.table.id)
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index 084774f873..2d8b81a76c 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 name="background" :title="$t('chart.background')">
+                  <el-collapse-item v-if="chart.customStyle.background" name="background" :title="$t('chart.background')">
                     <background-color-selector
                       :param="param"
                       class="attr-selector"
diff --git a/frontend/src/views/panel/edit/index.vue b/frontend/src/views/panel/edit/index.vue
index 8c378cf307..52a2507a63 100644
--- a/frontend/src/views/panel/edit/index.vue
+++ b/frontend/src/views/panel/edit/index.vue
@@ -1006,6 +1006,8 @@ export default {
         component.y = 1
       }
       component.id = newComponentId
+      // 统一设置背景信息
+      component.commonBackground = deepCopy(COMMON_BACKGROUND)
       this.$store.commit('addComponent', { component })
       this.$store.commit('recordSnapshot', 'newViewInfo')
       this.clearCurrentInfo()