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