Default Changelist

Admin

2022-09-05 421d5510fa769b99aa41dadfc7dfa59a5939a642

 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 {