Authored by 鲁尚清

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

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