@@ -2,20 +2,19 @@ | |||
<!-- 风机运行情况 --> | |||
<Container usage="Table"> | |||
<SubContainer title="风机运行情况" icon="fan" padding="24px 32px"> | |||
<div class="tables flex" style="height: 100%"> | |||
<div class="tables flex relative" style="height: 100%"> | |||
<div class="table-wrapper flex-1 align-start"> | |||
<div v-if="tableData1 && tableData1.length === 0" style=" | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
background: #eee1; | |||
font-size: 18px; | |||
letter-spacing: 2px; | |||
color: #3C4E8B; | |||
display: grid; | |||
place-items: center; | |||
font-size: 18px; | |||
letter-spacing: 2px; | |||
color: #eee; | |||
user-select: none; | |||
">无数据</div> | |||
<table class="table-1"> | |||
<thead> | |||
@@ -51,12 +51,12 @@ | |||
</div> | |||
</div> | |||
<div class="video-bottom--wrapper" v-show="fireDirection === '北火'" style=""> | |||
<div class="video-bottom--wrapper" v-show="true || fireDirection === '北火'" style=""> | |||
<video class="video-bottom" id="1" preload="auto" height="130" muted autoplay loop disablepictureinpicture | |||
src="../../assets/videos/fire-to-top.mp4"></video> | |||
</div> | |||
<div class="video-top--wrapper" v-show="fireDirection === '南火'" style=""> | |||
<div class="video-top--wrapper" v-show="true || fireDirection === '南火'" style=""> | |||
<video id="2" class="video-top" preload="auto" height="130" muted autoplay loop disablepictureinpicture | |||
src="../../assets/videos/fire-to-bottom.mp4"></video> | |||
</div> | |||
@@ -309,7 +309,7 @@ main { | |||
background: url(../../assets/eq.png) no-repeat; | |||
background-size: 100%; | |||
top: adjust(h(220px)); | |||
left: adjust(w(6500px)); | |||
left: adjust(w(6600px)); | |||
position: relative; | |||
transform: rotateY(0.5turn); | |||
} | |||
@@ -323,7 +323,7 @@ main { | |||
height: adjust(75px); | |||
background: url(../../assets/mirror.png) no-repeat; | |||
background-size: 100% 100%; | |||
animation: 10s linear 0.3s infinite mirror-to-left-2; | |||
// animation: 10s linear 0.3s infinite mirror-to-left-2; | |||
} | |||
.eq-main::after { | |||
@@ -335,7 +335,7 @@ main { | |||
height: adjust(75px); | |||
background: url(../../assets/mirror.png) no-repeat; | |||
background-size: 100% 100%; | |||
animation: 10s linear 5s infinite mirror-to-left; | |||
// animation: 10s linear 5s infinite mirror-to-left; | |||
} | |||
@keyframes mirror-to-left { | |||
@@ -72,12 +72,12 @@ export default { | |||
} | |||
.icon-oil { | |||
background: url(../../assets/oil.png) top 15% left 0 / 95% 85% no-repeat; | |||
background: url(../../assets/oil.png) top -1px left 0 / 90% 75% no-repeat; | |||
margin-right: 6px; | |||
} | |||
.icon-gas { | |||
background: url(../../assets/gas-icon.png) top 15% left 0 / 95% 85% no-repeat; | |||
background: url(../../assets/gas-icon.png) top -1px left 0 / 90% 75% no-repeat; | |||
margin-right: 6px; | |||
} | |||
@@ -87,17 +87,17 @@ export default { | |||
} | |||
.icon-fan { | |||
background: url(../../assets/fan-icon.png) top 15% left 0 / 95% 85% no-repeat; | |||
background: url(../../assets/fan-icon.png) top -1px left 0 / 90% 75% no-repeat; | |||
margin-right: 6px; | |||
} | |||
.icon-kiln-top { | |||
background: url(../../assets/kiln-top-icon.png) top 15% left 0 / 95% 85% no-repeat; | |||
background: url(../../assets/kiln-top-icon.png) top -1px left 0 / 90% 75% no-repeat; | |||
margin-right: 6px; | |||
} | |||
.icon-kiln-bottom { | |||
background: url(../../assets/kiln-bottom-icon.png) top 15% left 0 / 95% 85% no-repeat; | |||
background: url(../../assets/kiln-bottom-icon.png) top -1px left 0 / 90% 75% no-repeat; | |||
margin-right: 6px; | |||
} | |||
@@ -106,7 +106,7 @@ export default { | |||
} | |||
.title { | |||
font-size: adjust(h(52px)); | |||
font-size: adjust(h(40px)); | |||
letter-spacing: 1px; | |||
color: #3565ff; | |||
font-family: sans-serif; | |||