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

基本完成

Browse Source
This commit is contained in:
g7hoo
2023-05-10 19:36:44 +08:00
parent f2c01f2134
commit 21541e856f
8 changed files with 4212 additions and 4063 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,35 +1,40 @@
<template>
<main class="">
<AreaOne style="position: absolute; top: 160px; left: 1588px" />
<main class="">
<div class="eq-main absolute"></div>
<div class="absolute left kiln-runtime">
<KilnRuntime />
</div>
<div class="absolute left kiln-pressure">
<KilnPressure />
</div>
<div class="absolute left fan-runtime">
<FanRuntime />
</div>
<div class="absolute left oil-flow">
<OilFlow />
</div>
<div class="absolute left gas-flow">
<GasFlow />
</div>
<div class="absolute left top-temp">
<TopTemp />
</div>
<div class="absolute left bottom-temp">
<BottomTemp />
</div>
<div class="absolute left ou-temp">
<XicaoTemp />
</div>
<div class="absolute in-water">
<InWater />
</div>
</main>
<AreaOne style="position: absolute; top: 160px; left: 1588px" />
<div class="absolute left kiln-runtime">
<KilnRuntime />
</div>
<div class="absolute left kiln-pressure">
<KilnPressure />
</div>
<div class="absolute left fan-runtime">
<FanRuntime />
</div>
<div class="absolute left oil-flow">
<OilFlow />
</div>
<div class="absolute left gas-flow">
<GasFlow />
</div>
<div class="absolute left top-temp">
<TopTemp />
</div>
<div class="absolute left bottom-temp">
<BottomTemp />
</div>
<div class="absolute left ou-temp">
<XicaoTemp />
</div>
<div class="absolute in-water">
<InWater />
</div>
<div class="absolute out-water">
<OutWater />
</div>
</main>
</template>
<script>
@@ -41,28 +46,30 @@ import TopTemp from "../boxes/TopTemp.vue";
import BottomTemp from "../boxes/BottomTemp.vue";
import XicaoTemp from "../boxes/XicaoTemp.vue";
import InWater from "../boxes/InWater.vue";
import OutWater from "../boxes/OutWater.vue";
import FanRuntime from "../boxes/FanRuntime.vue";
import AreaOne from "../isolate-area-1/Area.vue";
// import Container from './Container.vue'
export default {
name: "Main",
components: {
AreaOne,
KilnRuntime,
KilnPressure,
FanRuntime,
OilFlow,
GasFlow,
TopTemp,
BottomTemp,
XicaoTemp,
InWater,
},
props: {},
data() {
return {};
},
name: "Main",
components: {
AreaOne,
KilnRuntime,
KilnPressure,
FanRuntime,
OilFlow,
GasFlow,
TopTemp,
BottomTemp,
XicaoTemp,
InWater,
OutWater,
},
props: {},
data() {
return {};
},
};
</script>
@@ -70,51 +77,79 @@ export default {
@import "../../assets/styles/functions";
main {
height: 1px;
flex: 1;
// background: #eee2;
height: 1px;
flex: 1;
// background: #eee2;
}
.eq-main {
width: w(7150px);
height: h(960px);
background: url(../../assets/eq.png) no-repeat;
background-size: 100%;
top: 170px;
left: 380px;
position: relative;
}
.eq-main::after {
content: '';
position: absolute;
right: 1000px;
top: 164px;
width: 150px;
height: 150px;
background: url(../../assets/mirror.png) no-repeat;
background-size: 100% 100%;
}
.kiln-runtime {
top: h(200px);
left: w(60px);
top: h(200px);
left: w(60px);
}
.kiln-pressure {
top: h(610px);
left: w(60px);
top: h(610px);
left: w(60px);
}
.fan-runtime {
top: h(1020px);
left: w(60px);
top: h(1020px);
left: w(60px);
}
.oil-flow {
top: h(1588px);
left: w(60px);
top: h(1588px);
left: w(60px);
}
.gas-flow {
top: h(1588px);
left: w(1660px);
top: h(1588px);
left: w(1660px);
}
.top-temp {
top: h(1588px);
left: w(3260px);
top: h(1588px);
left: w(3260px);
}
.bottom-temp {
top: h(1588px);
left: w(4860px);
top: h(1588px);
left: w(4860px);
}
.ou-temp {
top: h(1588px);
left: w(6460px);
top: h(1588px);
left: w(6460px);
}
.in-water {
top: h(200px);
// left: w(8096px);
left: w(5096px);
z-index: 100;
top: h(200px);
left: w(8096px);
// left: w(5096px);
z-index: 100;
}
.out-water {
top: h(1177px);
left: w(8096px);
// left: w(5096px);
z-index: 100;
}
</style>