src/views/page/fan.vue

@@ -178,7 +178,7 @@ export default {
                     value: this.openIndex,
                 },
             };
-            this.changeBtn('21600', dataNum);
+            this.changeBtn(21600 + ((this.indexs - 1) * 11), dataNum);
         },
         //失去焦点 计算公式 x/10
         blurChange10(code, el) {

src/views/page/largeScreen.vue

@@ -52,27 +52,18 @@
 
           <div class="environmentData">
             <div class="e_title">温室环境数据</div>
-            <div class="detail">
+            <div class="detail scroll">
-              <!-- <div class="title_child">一号温室</div> -->
+              <div class="title_child">一号温室</div>
-              <vue-seamless class="e_content" :data="list" :class-option="defaultOption">
+              <div class="e_content">
                 <div class="item" v-for="(el, index) in list" :key="index">
                   <!-- <img :src="el.formula" alt=""> -->
-                  <img :src="el.img" alt="">
+                  <img :src="require('../../assets/image/real-time-'+el.formula+'.png')" alt="">
                   <div class="item_child">
-                    <span>{{ el.name }}</span>
+                    <span>{{ el.environmentDataId }}</span>
-                    <span>{{ el.num }}</span>
+                    <span>{{ el.environmentData }}</span>
                   </div>
                 </div>
-              </vue-seamless>
+              </div>
-              <!-- <div class="e_content">
-                <div class="item" v-for="(el, index) in list" :key="index">
-                  <img :src="el.img" alt="">
-                  <div class="item_child">
-                    <span>{{ el.name }}</span>
-                    <span>{{ el.num }}</span>
-                  </div>
-                </div>
-              </div> -->
             </div>
           </div>
 
@@ -105,11 +96,11 @@
           <div class="liveVideo"></div>
 
           <div class="liveVideo_content">
-            <div class="swiper-container mySwiper_video">
+            <div class="swiper-container mySwiper_video" >
               <div class="swiper-wrapper">
                 <div class="swiper-slide swiper-slide_video" v-for="(item, index) in get_sel_eqbyid_list" :key="index">
-                  <div class="monitor" :id="'monitor' + item.number">
+                  <div class="monitor"  :id="'monitor'+item.number">
-                    <div ref="videoPlayer" class="video-js" :id="'video-js' + item.number"></div>
+                    <div ref="videoPlayer" class="video-js" :id="'video-js'+item.number"></div>
                   </div>
                   <div class="c_bottom">{{ item.deviceTypeName }}</div>
                 </div>
@@ -150,48 +141,41 @@
           </div>
 
           <div class="device_content scroll">
-            <div class="content_item">
+            <div class="content_item" v-for="(content_item, index) in 6" :key="index">
               <div class="i_title">
                 <img src="../../assets/img/i_title_img.png" alt="">
-                <span>风机</span>
+                <span>卷膜天窗</span>
                 <span class="line"></span>
-                <span>{{ fanStatus.open == 1 ? '自动控制' : '手动控制' }}</span>
+                <span>打开</span>
                 <span class="line"></span>
                 <span>位置50%</span>
-                <span>菜单</span>
+                <span @click="i_contentHandler(index)">菜单</span>
               </div>
-              <div class="i_content">
+              <div class="i_content" v-if="menu_current == true && content_item_current == index">
                 <div class="i_content_item">
                   <span>1#风机</span>
-                  <span>{{ fanStatus.status[0] == 1 ? '打开' : '关闭' }}</span>
+                  <span>开启</span>
                   <span class="line"></span>
                   <span>2#风机</span>
-                  <span>{{ fanStatus.status[1] == 1 ? '打开' : '关闭' }}</span>
+                  <span>开启</span>
                 </div>
                 <div class="line1"></div>
                 <div class="i_content_item">
                   <span>3#风机</span>
-                  <span>{{ fanStatus.status[2] == 1 ? '打开' : '关闭' }}</span>
+                  <span>开启</span>
                   <span class="line"></span>
                   <span>4#风机</span>
-                  <span>{{ fanStatus.status[3] == 1 ? '打开' : '关闭' }}</span>
+                  <span>开启</span>
                 </div>
                 <div class="line1"></div>
                 <div class="i_content_item">
                   <span>5#风机</span>
-                  <span>{{ fanStatus.status[4] == 1 ? '打开' : '关闭' }}</span>
+                  <span>开启</span>
                   <span class="line"></span>
+                  <span>6#风机</span>
+                  <span>开启</span>
                 </div>
               </div>
-              <div class="i_title" style="margin-top: 0.2rem;" v-for="(item, index) in statusList" :key="index">
-                <img src="../../assets/img/i_title_img.png" alt="">
-                <span>{{ item.name }}</span>
-                <span class="line"></span>
-                <span>{{ item.open == 1 ? '自动控制' : '手动控制' }}</span>
-                <span class="line"></span>
-                <span>位置{{ item.progress }}%</span>
-                <span>菜单</span>
-              </div>
             </div>
           </div>
         </div>
@@ -208,24 +192,9 @@ import { weather_echart, thisWeekTemperature_echart } from '@/assets/js/echarts'
 import EZUIKit from 'ezuikit-js';
 import videojs from 'video.js';
 import video_zhCN from 'video.js/dist/lang/zh-CN.json'
-import vueSeamless from 'vue-seamless-scroll'
+
 export default {
   name: 'largeScreen',
-  components: { vueSeamless },
-  computed: {
-    defaultOption() {
-      return {
-        step: 0.3, // 数值越大速度滚动越快
-        limitMoveNum: 8, // 开始无缝滚动的数据量 this.dataList.length
-        hoverStop: true, // 是否开启鼠标悬停stop
-        direction: 1, // 0向下 1向上 2向左 3向右
-        openWatch: true, // 开启数据实时监控刷新dom
-        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
-        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
-        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
-      }
-    },
-  },
   data() {
     return {
       list: [],
@@ -269,12 +238,7 @@ export default {
       // 获取摄像头得地址 Copy
       getVideoDataList: [],
 
-      url: '',
+      url:''
-
-      fanStatus: {
-        name: '风机', open: 0, status: []
-      },
-      statusList: [],
     }
   },
   mounted() {
@@ -297,9 +261,9 @@ export default {
 
     this.drag_boxHandler()
 
-    this.timer_ = setTimeout(() => {
+    // this.timer_ = setTimeout(() => {
-      this.$router.push({ path: '/largeScreen1' }) 
+    //   this.$router.push({ path: '/largeScreen1' }) 
-    }, 6000);
+    // }, 6000);
 
 
     this.login()
@@ -365,51 +329,18 @@ export default {
       this.api.getcontrol_rtdata(equipmentId).then(res => {
         // console.log('主页查看控制器实时数据',res);
         if (res.data.code == 200) {
-          this.list = []
+          this.list = res.data.data
-          var store = this.$store.state
-          var list = store.typeList
-          res.data.data.forEach((el, index) => {
-            list.forEach((el1, index1) => {
-              if (el.formula == el1.value) {
-                var num = 0
-                var name = ''
-                num = el.environmentData + el1.unit
-                if (el.equipmentNumber == 0) {
-                  if (el.targetValue == 1) {
-                    name = '目标' + el.environmentDataId
-                  } else {
-                    name = '1#平均' + el.environmentDataId
-                  }
-                } else if (el.equipmentNumber == 15) {
-                  if (el.targetValue == 1) {
-                    name = '目标' + el.environmentDataId
-                  } else {
-                    name = '2#平均' + el.environmentDataId
-                  }
-                } else {
-                  name = el.equipmentNumber + '#' + el.environmentDataId
-                }
-                this.list.push({
-                  ...el,
-                  name: name,
-                  num: num,
-                  img: require(`../../assets/image/real-time-${el.formula}.png`)
-
-                })
-              }
-            })
-          })
         }
       })
     },
 
     // 获取摄像头得地址 Copy
-    getVideoData(cameraid, channelid, index) {
+    getVideoData(cameraid, channelid,index) {
       this.api.camera_gethls(cameraid, channelid).then(res => {
         // console.log('获取摄像头得地址 Copy',res);
         if (res.data.code == 200) {
           // this.url = res.data.data.ezopen 
-          this.createVideoNew(res.data.data.accesstoken, res.data.data.ezopen, index)
+          this.createVideoNew(res.data.data.accesstoken,res.data.data.ezopen,index )
           // this.createVideo()
         }
       })
@@ -420,11 +351,11 @@ export default {
 
       this.api.sel_eqbyid(userId).then(res => {
         // console.log('根据用户id查询对应的设备数据 Copy',res);
-        res.data.data.forEach((item, index) => {
+        res.data.data.forEach((item,index) => {
-          if (item.cameraSerialNumber != null) {
+          if ( item.cameraSerialNumber != null) {
-            this.get_sel_eqbyid_list.push({ ...item, number: index })
+            this.get_sel_eqbyid_list.push({...item,number:index})
 
-            this.getVideoData(item.cameraSerialNumber, item.cameraChannelNumber, index)
+            this.getVideoData(item.cameraSerialNumber, item.cameraChannelNumber,index)
             // this.getVideoData("L18357958", "5")
           }
         })
@@ -432,30 +363,10 @@ export default {
       })
     },
 
-    padString(str, length) {
-      return str.padStart(length, '0');
-    },
-
-
     // 控制器状态值获取 Copy
     get_readControl_getState(deviceId) {
       this.api.readControl_getState(deviceId).then(res => {
         console.log('控制器状态值获取 Copy', res);
-        if (res.data.code == 200) {
-          this.fanStatus.open = res.data.data['1023']
-          this.fanStatus.status = []
-          var num = res.data.data['1024']
-          var num1 = this.padString(num.toString(2), 5)
-          var openListNew = []
-          openListNew = num1.split("")
-          this.fanStatus.status = openListNew.reverse()
-          this.statusList = []
-          for (var i = 0; i < 4; i++) {
-            var statusData = { name: `顶卷膜${i + 1}`, open: res.data.data[(1025 + (i * 3))], progress: res.data.data[(1027 + (i * 3))], index: res.data.data[(1026 + (i * 3))] }
-            this.statusList.push(statusData)
-          }
-          console.log(this.statusList);
-        }
       })
     },
 
@@ -483,13 +394,13 @@ export default {
       this.get_sel_eqbyid(userInfo.userid)
     },
 
-    createVideoNew(accessToken, url, index) {
+    createVideoNew(accessToken,url,index) {
-      console.log(accessToken, url, index, 111);
+      console.log(accessToken,url,index,111);
       // divW和divH是获取了父级宽高 使播放容器能铺满div
-      let divW = document.getElementById('monitor' + index).clientWidth
+      let divW = document.getElementById('monitor'+index).clientWidth
-      let divH = document.getElementById('monitor' + index).clientHeight
+      let divH = document.getElementById('monitor'+index).clientHeight
       this.player = new EZUIKit.EZUIKitPlayer({
-        id: 'video-js' + index, // 视频容器ID
+        id: 'video-js'+index, // 视频容器ID
         accessToken: accessToken,
         url: url,
         // 官方url例子：ezopen://open.ys7.com/G39444019/1.live 也可并非.live结尾 详见GitHub
@@ -528,7 +439,7 @@ export default {
 
     },
 
-    toBackPage() {
+    toBackPage(){
       this.$router.push({ path: '/realTime' });
     },
 
@@ -607,22 +518,7 @@ export default {
   }
 }
 </script>
-<style lang="scss">
-.environmentData {
-  .e_content {
-    >div {
-      width: 100% !important;
 
-      >div {
-        width: 100% !important;
-        display: flex;
-        flex-wrap: wrap;
-      }
-    }
-  }
-
-}
-</style>
 <style lang="scss" scoped>
 .home {
   width: 100%;
@@ -855,7 +751,7 @@ export default {
           .detail {
             width: 3.98rem;
             height: 3.08rem;
-            overflow: hidden;
+            overflow: auto;
 
             .title_child {
               width: 100%;
@@ -874,8 +770,6 @@ export default {
               display: flex;
               flex-wrap: wrap;
 
-
-
               .item {
                 width: 50%;
                 display: flex;
@@ -1087,7 +981,7 @@ export default {
               width: 3.5rem;
               height: 2.4rem;
 
-              .video-js {
+              .video-js{
                 width: 100%;
                 height: 100%;
               }

src/views/page/largeScreen1.vue

@@ -191,15 +191,15 @@ export default {
   mounted() {
     this.drag_boxHandler()
 
-    this.timer1 = setTimeout(() => {
+    // this.timer1 = setTimeout(() => {
-      this.$router.push({ path: '/largeScreen' })
+    //   this.$router.push({ path: '/largeScreen' })
-    }, 20000);
+    // }, 20000);
 
 
 
-    this.timer = setInterval(() => {
+    // this.timer = setInterval(() => {
-      this.dialogVisible = !this.dialogVisible
+    //   this.dialogVisible = !this.dialogVisible
-    }, 3000);
+    // }, 3000);
 
     this.login()