数据中心的机柜及资产添加数据,云平台切换时间,设置20秒
Showing
3 changed files
with
11 additions
and
6 deletions
@@ -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){ |
hg-monitor-web-zj/src/main/resources/static/vue3/src/views/zjdaping/components/dataCenter/index.html
@@ -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> |
-
Please register or login to post a comment