From 29d5ec83afba649401ad3cb630bcbb7954964166 Mon Sep 17 00:00:00 2001
From: "liu.shiyi" <liu.shiyi@ustcinfo.com>
Date: Mon, 28 Aug 2023 09:39:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E5=80=92=E8=AE=A1?=
 =?UTF-8?q?=E6=97=B6=E7=BB=84=E4=BB=B6=E7=9A=84=E4=B8=BB=E9=A2=98=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BasicComponents/TimeCountDown/index.vue    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/data-room-ui/packages/BasicComponents/TimeCountDown/index.vue b/data-room-ui/packages/BasicComponents/TimeCountDown/index.vue
index 4eb5a478..d49806c1 100644
--- a/data-room-ui/packages/BasicComponents/TimeCountDown/index.vue
+++ b/data-room-ui/packages/BasicComponents/TimeCountDown/index.vue
@@ -33,6 +33,9 @@
 
 <script>
 import paramsMixins from 'data-room-ui/js/mixins/paramsMixins'
+import { settingToTheme } from 'data-room-ui/js/utils/themeFormatting'
+import _ from 'lodash'
+import {mapMutations, mapState} from "vuex";
 export default {
   name: 'TimeCountDown',
   mixins: [paramsMixins],
@@ -51,6 +54,10 @@ export default {
     }
   },
   computed: {
+    ...mapState({
+      customTheme: state => state.bigScreen.pageInfo.pageConfig.customTheme,
+      activeCode: state => state.bigScreen.activeCode
+    }),
     isPast: {
       get () {
         if (new Date(this.config.endTime).getTime() - this.time < 0) {
@@ -93,11 +100,22 @@ export default {
   },
 
   methods: {
+    ...mapMutations({
+      changeChartConfig: 'bigScreen/changeChartConfig',
+      changeActiveItemConfig: 'bigScreen/changeActiveItemConfig'
+    }),
     changeStyle (config) {
       this.config.endTime = this.config.endTime
         ? new Date(this.config.endTime).getTime()
         : new Date().getTime() + 3 * 3600 * 1000 * 24 - 1000
       this.getTime()
+      config = { ...this.config, ...config }
+      // 样式改变时更新主题配置
+      config.theme = settingToTheme(_.cloneDeep(config), this.customTheme)
+      this.changeChartConfig(config)
+      if (this.config.code === this.activeCode) {
+        this.changeActiveItemConfig(config)
+      }
     },
     getTime () {
       if (this.timer) {