From 421d5510fa769b99aa41dadfc7dfa59a5939a642 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期一, 05 九月 2022 17:09:36 +0800
Subject: [PATCH] Default Changelist
---
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