add OilFlow

This commit is contained in:
lb 2023-05-10 10:25:50 +08:00
parent 1b170b07bf
commit 52c693c93f
2 changed files with 42 additions and 7 deletions

View File

@ -0,0 +1,27 @@
<template>
<!-- 油流量 -->
<Container usage="Charts">
<SubContainer title="油流量" icon="docs" padding="17px">
kk
</SubContainer>
</Container>
</template>
<script>
import Container from "../layout/Container.vue";
import SubContainer from "../layout/SubContainer.vue";
export default {
name: "OilFlow",
props: {},
components: { Container, SubContainer },
data() {
return {};
},
};
</script>
<style scoped lang="scss">
@import "../../assets/styles/functions";
</style>

View File

@ -1,7 +1,7 @@
<template> <template>
<main class=""> <main class="">
<AreaOne style="position: absolute; top: 160px; left: 1588px; " /> <AreaOne style="position: absolute; top: 160px; left: 1588px" />
<div class="absolute left kiln-runtime"> <div class="absolute left kiln-runtime">
<KilnRuntime /> <KilnRuntime />
</div> </div>
@ -11,6 +11,9 @@
<div class="absolute left fan-runtime"> <div class="absolute left fan-runtime">
<FanRuntime /> <FanRuntime />
</div> </div>
<div class="absolute left oil-flow">
<OilFlow />
</div>
<div class="right absolute"></div> <div class="right absolute"></div>
</main> </main>
</template> </template>
@ -18,17 +21,18 @@
<script> <script>
import KilnRuntime from "../boxes/KilnRuntime.vue"; import KilnRuntime from "../boxes/KilnRuntime.vue";
import KilnPressure from "../boxes/KilnPressure.vue"; import KilnPressure from "../boxes/KilnPressure.vue";
import OilFlow from "../boxes/OilFlow.vue";
import FanRuntime from "../boxes/FanRuntime.vue"; import FanRuntime from "../boxes/FanRuntime.vue";
import AreaOne from "../isolate-area-1/Area.vue"; import AreaOne from "../isolate-area-1/Area.vue";
// import Container from './Container.vue' // import Container from './Container.vue'
export default { export default {
name: "Main", name: "Main",
components: { AreaOne, KilnRuntime, KilnPressure, FanRuntime}, components: { AreaOne, KilnRuntime, KilnPressure, FanRuntime, OilFlow },
props: {}, props: {},
data() { data() {
return {}; return {};
} },
}; };
</script> </script>
@ -41,19 +45,23 @@ main {
// background: #eee2; // background: #eee2;
} }
.kiln-runtime { .kiln-runtime {
top: h(200px); top: h(200px);
left: w(60px); left: w(60px);
} }
.kiln-pressure { .kiln-pressure {
top: h(618px); top: h(610px);
left: w(60px); left: w(60px);
} }
.fan-runtime { .fan-runtime {
top: h(1036px); top: h(1020px);
left: w(60px);
}
.oil-flow {
top: h(1588px);
left: w(60px); left: w(60px);
} }
</style> </style>