大屏改版代码提交

zhangchunxia

2024-05-06 a3bc1499023bfcca59d823aefae8c546e36e7a45

 src/views/largeScreen/index.vue

@@ -3,7 +3,8 @@
    <div class="content-head">
      <div class="content-titles">
        <div class="img-container">
          <img :src="titleUrl" alt="吉木乃县人饮项目监测平台">
          <!-- <img :src="titleUrl" :alt="titleAlt"> -->
          {{titleAlt}}
        </div>

        <!-- <img style="width: 100%" src="../../image/screen/image_head.png" alt="" /> -->
@@ -22,9 +23,10 @@
      <div class="content-body flex" style="padding: 0 0.1rem">
      <!-- 左侧内容 -->
      <div class="flex-item" style="width: 4.8rem">
        <left-top :baseInfos="baseInfos" class="item-area" style="height: 24vh"></left-top>
        <left-top :baseInfos="baseInfos" class="item-area" style="height: 29vh"></left-top>
        <left-middle class="item-area" style="height: 29vh"></left-middle>
        <left-bottom class="item-area" style="height: 29vh"></left-bottom>
        <!-- <left-bottom class="item-area" style="height: 29vh"></left-bottom> -->
        <right-top :baseInfos="baseInfos" class="item-area" style="height: 24vh"></right-top>
      </div>
      <!-- 中间部分 -->
      <div class="flex-main" style="width: 9.2rem">
@@ -32,9 +34,11 @@
      </div>
      <!-- 右侧内容 -->
      <div class="flex-item" style="width: 4.8rem">
        <right-top :baseInfos="baseInfos" class="item-area" style="height: 24vh"></right-top>
        <!-- <right-top :baseInfos="baseInfos" class="item-area" style="height: 24vh"></right-top> -->
        <!-- <right-tophubiao :baseInfos="baseInfos" class="item-area" style="height: 24vh"></right-tophubiao> -->
        <right-middle class="item-area" style="height: 29vh"></right-middle>
        <right-bottom :wxMiniQrClientUrl="wxMiniQrClientUrl" class="item-area" style="height: 29vh"></right-bottom>
        <left-bottom class="item-area" style="height: 29vh"></left-bottom>
        <right-bottom :wxMiniQrClientUrl="wxMiniQrClientUrl" class="item-area" style="height: 24vh"></right-bottom>
      </div>
    </div>
  </div>
@@ -42,11 +46,13 @@
<script>
import leftTop from './component/leftTop'
import leftMiddle from './component/leftMiddle'
import leftBottom from './component/leftBottom'
import middleArea from './component/middleArea'
import leftBottom from './component/leftBottom.vue'
import rightTop from './component/rightTop'
import middleArea from './component/middleArea'
import rightTophubiao from './component/rightTophubiao'
import rightMiddle from './component/rightMiddle'
import rightBottom from './component/rightBottom'

import './index.scss'

import { getProjectInfo } from '@/api/largeScreen'
@@ -59,8 +65,9 @@
    leftTop,
    leftMiddle,
    leftBottom,
    middleArea,
    rightTop,
    middleArea,
    rightTophubiao,
    rightMiddle,
    rightBottom
  },
@@ -90,6 +97,7 @@
      fullScreen: false,
      baseInfos: {}, // 项目基本信息&运营概况
      titleUrl: '',
      titleAlt: '',
      wxMiniQrClientUrl: '' // 小程序信息
    }
  },
@@ -109,7 +117,6 @@
    },
    // 全屏
    toggleFullScreen() {
      console.log(document.fullscreenElement)
      if (!document.fullscreenElement) {
        document.documentElement.requestFullscreen()
      } else {
@@ -127,6 +134,9 @@
    getProjectInfo() {
      getProjectInfo({orgTag: 'dy'}).then((res) => {
        if(res.succ==1){
          console.log('........', res)
          
          this.titleAlt = res.title
          this.titleUrl = res.wxMiniQrManageUrl || ''
          this.wxMiniQrClientUrl = res.wxMiniQrClientUrl || ''
        }else{