update monitor group2 group3
This commit is contained in:
parent
6a53a6630c
commit
4f8e0396ad
BIN
src/assets/middle1.png
Normal file
BIN
src/assets/middle1.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 321 KiB |
44
src/components/groups/monitor2.vue
Normal file
44
src/components/groups/monitor2.vue
Normal 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>
|
44
src/components/groups/monitor3.vue
Normal file
44
src/components/groups/monitor3.vue
Normal 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>
|
@ -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,
|
||||
|
Loading…
Reference in New Issue
Block a user