From 8729257cec81826d277f9b73815da37c37903dfb Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期二, 06 九月 2022 16:01:15 +0800
Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqt

---
 src/views/riskWarningSys/warningBigScreen/components/message.vue |   39 +++++++++++++++++++++++++++++++++------
 1 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/views/riskWarningSys/warningBigScreen/components/message.vue b/src/views/riskWarningSys/warningBigScreen/components/message.vue
index 637728b..e2ab6ee 100644
--- a/src/views/riskWarningSys/warningBigScreen/components/message.vue
+++ b/src/views/riskWarningSys/warningBigScreen/components/message.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts">
-	import {toRefs, reactive, defineComponent, ref, defineAsyncComponent, onMounted} from 'vue';
+	import {toRefs, reactive, defineComponent, ref, defineAsyncComponent, onMounted, watchEffect} from 'vue';
 	import { storeToRefs } from 'pinia';
 	import { initBackEndControlRoutes } from '/@/router/backEnd';
 	import {useUserInfo} from "/@/stores/userInfo";
@@ -18,17 +18,20 @@
 	import { workApplyApi } from '/@/api/specialWorkSystem/workApply';
 	import * as echarts from 'echarts';
 	import '/@/theme/bigScreen.css'
-
+	import {useScreenTheme} from "/@/stores/screenTheme"
 
 	interface stateType {
 	}
 	export default defineComponent({
-		name: 'profession',
+		name: 'message',
 		components: {},
 		props:{
-			size: Number
+			size: Number,
+			theme: Boolean
 		},
 		setup(props) {
+			const screenThemes = useScreenTheme()
+			const { screenTheme }  = storeToRefs(screenThemes);
 			const userInfo = useUserInfo()
 			const { userInfos } = storeToRefs(userInfo);
 			const pro = ref("eChartPro" + Date.now() + Math.random())
@@ -61,20 +64,44 @@
 			})
 
 			const mouseoverHandler = (e: any) => {
-				console.log(e)
+
 			}
 
 			const clickHandler = (e: any) => {
-				console.log(e)
+
 			}
 
 			function fontSize(val){
 				let nowClientWidth = document.documentElement.clientWidth;
 				return val * (nowClientWidth/1920) * Number(props.size);
 			}
+			watchEffect(() => {
+				if(props.theme){
+					state.config.headerBGC =  '#0049af'
+					state.config.oddRowBGC =  'none'
+					state.config.evenRowBGC =  'rgba(57,122,206,.1)'
+				}else{
+					state.config.headerBGC =  '#333'
+					state.config.oddRowBGC =  '#888'
+					state.config.evenRowBGC =  '#999'
+				}
+			})
+
+			const getTheme =()=>{
+				if(screenTheme.value.isDark){
+					state.config.headerBGC =  '#0049af'
+					state.config.oddRowBGC =  'none'
+					state.config.evenRowBGC =  'rgba(57,122,206,.1)'
+				}else{
+					state.config.headerBGC =  '#333'
+					state.config.oddRowBGC =  '#888'
+					state.config.evenRowBGC =  '#999'
+				}
+			}
 
 			// 页面载入时执行方法
 			onMounted(() => {
+				getTheme()
 			});
 
 			return {

--
Gitblit v1.9.2