Authored by 鲁尚清

数据中心的机柜及资产添加数据,云平台切换时间,设置20秒

@@ -5,8 +5,8 @@ @@ -5,8 +5,8 @@
5 5
6 </div> 6 </div>
7 <div class="ypt"> 7 <div class="ypt">
8 - <el-carousel direction="vertical" :autoplay="true" indicator-position="none" interval="4000" >  
9 - <el-carousel-item v-for="(item,index) in cloudData" :key="index"> 8 + <el-carousel direction="vertical" :autoplay="true" indicator-position="none" interval="20000" ref="cloudCarousel" >
  9 + <el-carousel-item v-for="(item,index) in cloudData" :key="index" name="index">
10 <div class="item swiper-slide" > 10 <div class="item swiper-slide" >
11 <div class="ui_base u_p3d"> 11 <div class="ui_base u_p3d">
12 <!--<div class="circlediv"> 12 <!--<div class="circlediv">
@@ -54,9 +54,14 @@ export default { @@ -54,9 +54,14 @@ export default {
54 }) 54 })
55 proxy.cloudData=data; 55 proxy.cloudData=data;
56 56
  57 + setTimeout(function (){
  58 + proxy.$refs.cloudCarousel.setActiveItem(1);
  59 +
  60 + },1000)
  61 +
57 run(); 62 run();
58 //鼠标移入停止环绕动画 63 //鼠标移入停止环绕动画
59 - $(".ypt__info .ball_base").hover(function() { 64 + $(".ypt__info .ball_base").hover(function() {
60 //停止平台切换 65 //停止平台切换
61 const top = $(this).position().top; 66 const top = $(this).position().top;
62 if(top < 10){ 67 if(top < 10){
@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 5
6 </div> 6 </div>
7 <div class="sjzx"> 7 <div class="sjzx">
8 - <div class="item sjzx_machineroom" v-for="item in jfdata" > 8 + <div class="item sjzx_machineroom" v-for="(item,index) in jfdata" >
9 <h5 >{{item.machineRoomName}}</h5> 9 <h5 >{{item.machineRoomName}}</h5>
10 <div class="imgDiv"> 10 <div class="imgDiv">
11 <!-- <img @click="isShow(item)" class="imgDiv-video" src="/vue3/src/assets/images/zjdp/icon-jf.png">--> 11 <!-- <img @click="isShow(item)" class="imgDiv-video" src="/vue3/src/assets/images/zjdp/icon-jf.png">-->
@@ -14,8 +14,8 @@ @@ -14,8 +14,8 @@
14 </div> 14 </div>
15 15
16 <ul class="float-container"> 16 <ul class="float-container">
17 - <li><i class='icon-wd'></i><span>机柜:0</span></li>  
18 - <li><i class='icon-sd'></i><span>资产:0</span></li> 17 + <li><i class='icon-wd'></i><span v-show="index==0">机柜:252</span><span v-show="index==1">机柜:42</span></li>
  18 + <li><i class='icon-sd'></i><span v-show="index==0">资产:1568</span><span v-show="index==1">资产:46</span></li>
19 <li><i class='icon-mj'></i><span>面积:{{item.area}}</span></li> 19 <li><i class='icon-mj'></i><span>面积:{{item.area}}</span></li>
20 </ul> 20 </ul>
21 </div> 21 </div>