update monitor group2 group3

This commit is contained in:
lb 2023-06-07 15:14:33 +08:00
parent 6a53a6630c
commit 4f8e0396ad
4 changed files with 100 additions and 2 deletions

BIN
src/assets/middle1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 321 KiB

View File

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

View File

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

View File

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