update data monitor2
This commit is contained in:
parent
4f8e0396ad
commit
90a70d7d1a
BIN
src/assets/middle-under.png
Normal file
BIN
src/assets/middle-under.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
@ -60,7 +60,7 @@ export default {
|
|||||||
padding: adjust(7px);
|
padding: adjust(7px);
|
||||||
user-select: none;
|
user-select: none;
|
||||||
width: adjust(w(744px));
|
width: adjust(w(744px));
|
||||||
height: adjust(h(366px));
|
height: adjust(h(350px));
|
||||||
display: flex;
|
display: flex;
|
||||||
background: url(../../assets/top-middle.png) no-repeat;
|
background: url(../../assets/top-middle.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
45
src/components/groups/data.vue
Normal file
45
src/components/groups/data.vue
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
<template>
|
||||||
|
<section class="data-group">
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// import { mapState } from "vuex";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "DataGroup",
|
||||||
|
props: {},
|
||||||
|
components: {},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// ...mapState(["kilnWaterIn", "waterInTemp"]),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import "../../assets/styles/functions";
|
||||||
|
|
||||||
|
section {
|
||||||
|
background: url('../../assets/middle-under.png') left 110px top 4px / 380px 22px no-repeat, #fcc7;
|
||||||
|
width: adjust(w(13700px));
|
||||||
|
// width: adjust(w(13500px));
|
||||||
|
height: adjust(h(960px));
|
||||||
|
position: absolute;
|
||||||
|
top: adjust(h(3265px));
|
||||||
|
left: adjust(w(3700px));
|
||||||
|
}
|
||||||
|
|
||||||
|
section::before {
|
||||||
|
content: '数据组';
|
||||||
|
font-size: adjust(h(64px));
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: absolute;
|
||||||
|
color: $main-color;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
</style>
|
@ -29,7 +29,8 @@ section {
|
|||||||
height: adjust(h(1260px));
|
height: adjust(h(1260px));
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: adjust(h(430px));
|
top: adjust(h(430px));
|
||||||
left: adjust(w(15300px));
|
// left: adjust(w(15300px));
|
||||||
|
left: adjust(w(15500px));
|
||||||
}
|
}
|
||||||
|
|
||||||
section::before {
|
section::before {
|
||||||
|
@ -25,7 +25,8 @@ export default {
|
|||||||
|
|
||||||
section {
|
section {
|
||||||
background: url('../../assets/middle1.png') left 144px top 4px / 97% 420px no-repeat, #fcc7;
|
background: url('../../assets/middle1.png') left 144px top 4px / 97% 420px no-repeat, #fcc7;
|
||||||
width: adjust(w(13500px));
|
width: adjust(w(13700px));
|
||||||
|
// width: adjust(w(13500px));
|
||||||
height: adjust(h(1470px));
|
height: adjust(h(1470px));
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: adjust(h(1740px));
|
top: adjust(h(1740px));
|
||||||
|
@ -29,7 +29,8 @@ section {
|
|||||||
height: adjust(h(3790px));
|
height: adjust(h(3790px));
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: adjust(h(430px));
|
top: adjust(h(430px));
|
||||||
left: adjust(w(17264px));
|
// left: adjust(w(17264px));
|
||||||
|
left: adjust(w(17464px));
|
||||||
}
|
}
|
||||||
|
|
||||||
section::before {
|
section::before {
|
||||||
|
@ -68,7 +68,7 @@ export default {
|
|||||||
@import "../../assets/styles/variables";
|
@import "../../assets/styles/variables";
|
||||||
|
|
||||||
header {
|
header {
|
||||||
background: url(../../assets/header-wings.png) left 12% top 72px / 95% no-repeat, url(../../assets/header.png) center / 100% 100% no-repeat, #f003;
|
background: url(../../assets/header-wings.png) left 12% top 72px / 95% no-repeat, url(../../assets/header.png) center / 100% 100% no-repeat;
|
||||||
// background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
// background-size: cover;
|
// background-size: cover;
|
||||||
// background-position: bottom;
|
// background-position: bottom;
|
||||||
|
@ -15,6 +15,9 @@
|
|||||||
<!-- 监控组 3 -->
|
<!-- 监控组 3 -->
|
||||||
<MonitorGroup3 />
|
<MonitorGroup3 />
|
||||||
|
|
||||||
|
<!-- 数据组 -->
|
||||||
|
<DataGroup />
|
||||||
|
|
||||||
<div class="video-crash" v-if="false"></div>
|
<div class="video-crash" v-if="false"></div>
|
||||||
|
|
||||||
<div class="eq-main absolute">
|
<div class="eq-main absolute">
|
||||||
@ -138,6 +141,7 @@ import AreaOne from "../isolate-area-1/Area.vue";
|
|||||||
import MonitorGroup from '../groups/monitor.vue'
|
import MonitorGroup from '../groups/monitor.vue'
|
||||||
import MonitorGroup2 from '../groups/monitor2.vue'
|
import MonitorGroup2 from '../groups/monitor2.vue'
|
||||||
import MonitorGroup3 from '../groups/monitor3.vue'
|
import MonitorGroup3 from '../groups/monitor3.vue'
|
||||||
|
import DataGroup from '../groups/data.vue'
|
||||||
import FaultAnalysis from '../groups/fault.vue'
|
import FaultAnalysis from '../groups/fault.vue'
|
||||||
import Environ from '../groups/environ.vue'
|
import Environ from '../groups/environ.vue'
|
||||||
// import Container from './Container.vue'
|
// import Container from './Container.vue'
|
||||||
@ -148,6 +152,7 @@ import WsClient from "../../utils/wsClass";
|
|||||||
export default {
|
export default {
|
||||||
name: "Main",
|
name: "Main",
|
||||||
components: {
|
components: {
|
||||||
|
DataGroup,
|
||||||
MonitorGroup,
|
MonitorGroup,
|
||||||
MonitorGroup2,
|
MonitorGroup2,
|
||||||
MonitorGroup3,
|
MonitorGroup3,
|
||||||
|
Loading…
Reference in New Issue
Block a user