add OilFlow

src/components/boxes/OilFlow.vue

@@ -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>

src/components/layout/Main.vue

@@ -1,6 +1,6 @@
 <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 />
@@ -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>