mt-fe-group/dezhou-screen
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

Browse Source
This commit is contained in:
lb 2023-06-09 09:35:48 +08:00
parent 5f2ad448aa
commit d66f0b1e05
3 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/boxes/FanRuntime.vue
View File

@ -2,20 +2,19 @@
<!-- 风机运行情况 --> <!-- 风机运行情况 -->
<Container usage="Table"> <Container usage="Table">
<SubContainer title="风机运行情况" icon="fan" padding="24px 32px"> <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 class="table-wrapper flex-1 align-start">
<div v-if="tableData1 && tableData1.length === 0" style=" <div v-if="tableData1 && tableData1.length === 0" style="
position: absolute; position: absolute;
top: 0;
left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #eee1; background: #eee1;
display: grid;
place-items: center;
font-size: 18px; font-size: 18px;
letter-spacing: 2px; letter-spacing: 2px;
color: #eee; color: #3C4E8B;
display: grid;
place-items: center;
user-select: none;
">无数据</div> ">无数据</div>
<table class="table-1"> <table class="table-1">
<thead> <thead>

10
src/components/layout/Main.vue
View File

@ -51,12 +51,12 @@
</div> </div>
</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 <video class="video-bottom" id="1" preload="auto" height="130" muted autoplay loop disablepictureinpicture
src="../../assets/videos/fire-to-top.mp4"></video> src="../../assets/videos/fire-to-top.mp4"></video>
</div> </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 <video id="2" class="video-top" preload="auto" height="130" muted autoplay loop disablepictureinpicture
src="../../assets/videos/fire-to-bottom.mp4"></video> src="../../assets/videos/fire-to-bottom.mp4"></video>
</div> </div>
@ -309,7 +309,7 @@ main {
background: url(../../assets/eq.png) no-repeat; background: url(../../assets/eq.png) no-repeat;
background-size: 100%; background-size: 100%;
top: adjust(h(220px)); top: adjust(h(220px));
left: adjust(w(6500px)); left: adjust(w(6600px));
position: relative; position: relative;
transform: rotateY(0.5turn); transform: rotateY(0.5turn);
} }
@ -323,7 +323,7 @@ main {
height: adjust(75px); height: adjust(75px);
background: url(../../assets/mirror.png) no-repeat; background: url(../../assets/mirror.png) no-repeat;
background-size: 100% 100%; 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 { .eq-main::after {
@ -335,7 +335,7 @@ main {
height: adjust(75px); height: adjust(75px);
background: url(../../assets/mirror.png) no-repeat; background: url(../../assets/mirror.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
animation: 10s linear 5s infinite mirror-to-left; // animation: 10s linear 5s infinite mirror-to-left;
} }
@keyframes mirror-to-left { @keyframes mirror-to-left {

12
src/components/layout/SubContainer.vue
View File

@ -72,12 +72,12 @@ export default {
} }
.icon-oil { .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; margin-right: 6px;
} }
.icon-gas { .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; margin-right: 6px;
} }
@ -87,17 +87,17 @@ export default {
} }
.icon-fan { .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; margin-right: 6px;
} }
.icon-kiln-top { .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; margin-right: 6px;
} }
.icon-kiln-bottom { .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; margin-right: 6px;
} }
@ -106,7 +106,7 @@ export default {
} }
.title { .title {
font-size: adjust(h(52px)); font-size: adjust(h(40px));
letter-spacing: 1px; letter-spacing: 1px;
color: #3565ff; color: #3565ff;
font-family: sans-serif; font-family: sans-serif;