Newer
Older
KaiFengPC / src / views / sponeScreen / chengguanweiScreen / index.vue
@zhangdeliang zhangdeliang on 9 Oct 1011 bytes update
  1. <template>
  2. <!-- 海绵综合一张图首页 -->
  3. <div class="hmzhOnemap">
  4. <!-- 3800*866 -->
  5. <MainPageFive v-if="ifCGW"></MainPageFive>
  6.  
  7. <!-- 1920*1080 -->
  8. <MainPage v-if="!ifCGW"></MainPage>
  9. </div>
  10. </template>
  11.  
  12. <script setup>
  13. import bus from '@/bus';
  14.  
  15. import MainPage from '@/views/sponeScreen/HaiMianScreen/index.vue'; //1920
  16. import MainPageFive from '@/views/sponeScreen/chengguanweiScreen/mainIndex.vue'; //3800
  17.  
  18. const ifCGW = ref(false);
  19.  
  20. // 兼容城管委15楼大屏3800*866和1920*1080
  21. function setScreenType() {
  22. let widths = window.innerWidth;
  23. if (widths > 3500) {
  24. ifCGW.value = true;
  25. } else {
  26. ifCGW.value = false;
  27. }
  28. }
  29.  
  30. onMounted(() => {
  31. setScreenType(); //兼容城管委15楼大屏3800*866和1920*1080
  32. if (window.loginLoading) window.loginLoading.close();
  33. });
  34. </script>
  35.  
  36. <style scoped lang="scss">
  37. .hmzhOnemap {
  38. width: 100%;
  39. height: 100%;
  40. overflow: hidden;
  41. cursor: url('@/assets/newImgs/HMScreen/hand.png'), default; //自定义鼠标样式
  42. }
  43. </style>