add OilFlow
This commit is contained in:
parent
1b170b07bf
commit
52c693c93f
27
src/components/boxes/OilFlow.vue
Normal file
27
src/components/boxes/OilFlow.vue
Normal 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>
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user