update Jiankongzu 1

src/components/groups/monitor.vue

@@ -0,0 +1,44 @@
+<template>
+  <section class="monitor-group">
+
+  </section>
+</template>
+
+<script>
+// import { mapState } from "vuex";
+
+export default {
+  name: "MonitorGroup",
+  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(80px));
+}
+
+section::before {
+  content: '监控组 1';
+  font-size: adjust(h(64px));
+  letter-spacing: 1px;
+  position: absolute;
+  color: $main-color;
+  top: 0;
+  left: 0;
+}
+</style>

src/components/layout/Main.vue

@@ -1,5 +1,9 @@
 <template>
 	<main class="">
+		<!-- 监控组 -->
+		<MonitorGroup />
+
+
 		<div class="video-crash" v-if="false"></div>
 
 		<div class="eq-main absolute">
@@ -109,17 +113,18 @@
 </template>
 
 <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 OilFlow from "../boxes/OilFlow.vue";
-import GasFlow from "../boxes/GasFlow.vue";
+// import GasFlow from "../boxes/GasFlow.vue";
-import TopTemp from "../boxes/TopTemp.vue";
+// import TopTemp from "../boxes/TopTemp.vue";
-import BottomTemp from "../boxes/BottomTemp.vue";
+// import BottomTemp from "../boxes/BottomTemp.vue";
-import XicaoTemp from "../boxes/XicaoTemp.vue";
+// import XicaoTemp from "../boxes/XicaoTemp.vue";
-import InWater from "../boxes/InWater.vue";
+// import InWater from "../boxes/InWater.vue";
-import OutWater from "../boxes/OutWater.vue";
+// import OutWater from "../boxes/OutWater.vue";
-import FanRuntime from "../boxes/FanRuntime.vue";
+// import FanRuntime from "../boxes/FanRuntime.vue";
 import AreaOne from "../isolate-area-1/Area.vue";
+import MonitorGroup from '../groups/monitor.vue'
 // import Container from './Container.vue'
 import { mapMutations, mapState } from "vuex";
 
@@ -128,17 +133,18 @@ import WsClient from "../../utils/wsClass";
 export default {
 	name: "Main",
 	components: {
+		MonitorGroup,
 		AreaOne,
-		KilnRuntime,
+		// KilnRuntime,
-		KilnPressure,
+		// KilnPressure,
-		FanRuntime,
+		// FanRuntime,
-		OilFlow,
+		// OilFlow,
-		GasFlow,
+		// GasFlow,
-		TopTemp,
+		// TopTemp,
-		BottomTemp,
+		// BottomTemp,
-		XicaoTemp,
+		// XicaoTemp,
-		InWater,
+		// InWater,
-		OutWater,
+		// OutWater,
 	},
 	props: {},
 	data() {