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