update 窑炉压力

src/components/layout/Main.vue

@@ -1,5 +1,5 @@
 <template>
-	<main class="relative">
+	<main class="">
 		<AreaOne v-if="false" />
 		<!-- <Container :usage="'NumberOrDate'" />
 		<Container :usage="'Table'" />
@@ -10,7 +10,7 @@
 			<KilnRuntime />
 		</div>
 		<div class="absolute left kiln-pressure">
-			<KilnRuntime />
+			<KilnPressure />
 		</div>
 		<div class="absolute left fan-runtime">
 			<KilnRuntime />
@@ -21,19 +21,17 @@
 
 <script>
 import KilnRuntime from "../boxes/KilnRuntime.vue";
+import KilnPressure from "../boxes/KilnPressure.vue";
 import AreaOne from "../isolate-area-1/Area.vue";
 // import Container from './Container.vue'
 
 export default {
 	name: "Main",
-	components: { AreaOne, KilnRuntime },
+	components: { AreaOne, KilnRuntime, KilnPressure },
 	props: {},
 	data() {
 		return {};
-	},
-	created() {},
-	mounted() {},
-	methods: {},
+	}
 };
 </script>
 
@@ -48,14 +46,17 @@ main {
 
 
 .kiln-runtime {
-	top: 0;
+	top: h(200px);
+	left: w(60px);
 }
 
 .kiln-pressure {
-	top: 300px;
+	top: h(618px);
+	left: w(60px);
 }
 
 .fan-runtime {
-	top: 600px;
+	top: h(1036px);
+	left: w(60px);
 }
 </style>

src/components/layout/SubContainer.vue

@@ -31,7 +31,8 @@ export default {
 	data() {
 		return {
 			iconClass: {
-				clock: 'icon-clock'
+				clock: 'icon-clock',
+				docs: 'icon-docs'
 			}
 		};
 	}
@@ -56,6 +57,11 @@ export default {
 	background-size: 100% 100%;
 }
 
+.icon-docs {
+	background: url(../../assets/docs.png);
+	background-size: 100% 100%;
+}
+
 .title {
   /* margin: 12px 0; */
 	margin-bottom: 12px;