update monitor group2 group3

src/components/groups/monitor2.vue

@@ -0,0 +1,44 @@
+<template>
+  <section class="monitor-group-2">
+
+  </section>
+</template>
+
+<script>
+// import { mapState } from "vuex";
+
+export default {
+  name: "MonitorGroup#2",
+  props: {},
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {
+    // ...mapState(["kilnWaterIn", "waterInTemp"]),
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@import "../../assets/styles/functions";
+
+section {
+  background: url('../../assets/middle1.png') left 144px top 4px / 97% 420px no-repeat, #fcc7;
+  width: adjust(w(13500px));
+  height: adjust(h(1470px));
+  position: absolute;
+  top: adjust(h(1740px));
+  left: adjust(w(3700px));
+}
+
+section::before {
+  content: '监控组 2';
+  font-size: adjust(h(64px));
+  letter-spacing: 1px;
+  position: absolute;
+  color: $main-color;
+  top: 0;
+  left: 0;
+}
+</style>

src/components/groups/monitor3.vue

@@ -0,0 +1,44 @@
+<template>
+  <section class="monitor-group">
+
+  </section>
+</template>
+
+<script>
+// import { mapState } from "vuex";
+
+export default {
+  name: "MonitorGroup#3",
+  props: {},
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {
+    // ...mapState(["kilnWaterIn", "waterInTemp"]),
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@import "../../assets/styles/functions";
+
+section {
+  background: url('../../assets/monitor-group.png') left 144px top 4px / 1152px 80% no-repeat, #fcc7;
+  width: adjust(w(3570px));
+  height: adjust(h(3790px));
+  position: absolute;
+  top: adjust(h(430px));
+  left: adjust(w(17264px));
+}
+
+section::before {
+  content: '监控组 3';
+  font-size: adjust(h(64px));
+  letter-spacing: 1px;
+  position: absolute;
+  color: $main-color;
+  top: 0;
+  left: 0;
+}
+</style>

src/components/layout/Main.vue

@@ -2,12 +2,18 @@
 	<main class="">
 		<!-- 监控组 -->
 		<MonitorGroup />
-
+		
 		<!-- 缺陷分析 -->
     <FaultAnalysis />
-
+		
 		<!-- 环境浓度 -->
     <Environ />
+		
+		<!-- 监控组 2 -->
+		<MonitorGroup2 />
+
+		<!-- 监控组 3 -->
+		<MonitorGroup3 />
 
 		<div class="video-crash" v-if="false"></div>
 
@@ -130,6 +136,8 @@
 // import FanRuntime from "../boxes/FanRuntime.vue";
 import AreaOne from "../isolate-area-1/Area.vue";
 import MonitorGroup from '../groups/monitor.vue'
+import MonitorGroup2 from '../groups/monitor2.vue'
+import MonitorGroup3 from '../groups/monitor3.vue'
 import FaultAnalysis from '../groups/fault.vue'
 import Environ from '../groups/environ.vue'
 // import Container from './Container.vue'
@@ -141,6 +149,8 @@ export default {
 	name: "Main",
 	components: {
 		MonitorGroup,
+		MonitorGroup2,
+		MonitorGroup3,
 		Environ,
 		FaultAnalysis,
 		AreaOne,