update data monitor2
Dieser Commit ist enthalten in:
Ursprung
4f8e0396ad
Commit
90a70d7d1a
BIN
src/assets/middle-under.png
Normale Datei
BIN
src/assets/middle-under.png
Normale Datei
Binäre Datei nicht angezeigt.
Nachher Breite: | Höhe: | Größe: 16 KiB |
@ -60,7 +60,7 @@ export default {
|
||||
padding: adjust(7px);
|
||||
user-select: none;
|
||||
width: adjust(w(744px));
|
||||
height: adjust(h(366px));
|
||||
height: adjust(h(350px));
|
||||
display: flex;
|
||||
background: url(../../assets/top-middle.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
45
src/components/groups/data.vue
Normale Datei
45
src/components/groups/data.vue
Normale Datei
@ -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));
|
||||
position: absolute;
|
||||
top: adjust(h(430px));
|
||||
left: adjust(w(15300px));
|
||||
// left: adjust(w(15300px));
|
||||
left: adjust(w(15500px));
|
||||
}
|
||||
|
||||
section::before {
|
||||
|
@ -25,7 +25,8 @@ export default {
|
||||
|
||||
section {
|
||||
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));
|
||||
position: absolute;
|
||||
top: adjust(h(1740px));
|
||||
|
@ -29,7 +29,8 @@ section {
|
||||
height: adjust(h(3790px));
|
||||
position: absolute;
|
||||
top: adjust(h(430px));
|
||||
left: adjust(w(17264px));
|
||||
// left: adjust(w(17264px));
|
||||
left: adjust(w(17464px));
|
||||
}
|
||||
|
||||
section::before {
|
||||
|
@ -68,7 +68,7 @@ export default {
|
||||
@import "../../assets/styles/variables";
|
||||
|
||||
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: cover;
|
||||
// background-position: bottom;
|
||||
|
@ -15,6 +15,9 @@
|
||||
<!-- 监控组 3 -->
|
||||
<MonitorGroup3 />
|
||||
|
||||
<!-- 数据组 -->
|
||||
<DataGroup />
|
||||
|
||||
<div class="video-crash" v-if="false"></div>
|
||||
|
||||
<div class="eq-main absolute">
|
||||
@ -138,6 +141,7 @@ 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 DataGroup from '../groups/data.vue'
|
||||
import FaultAnalysis from '../groups/fault.vue'
|
||||
import Environ from '../groups/environ.vue'
|
||||
// import Container from './Container.vue'
|
||||
@ -148,6 +152,7 @@ import WsClient from "../../utils/wsClass";
|
||||
export default {
|
||||
name: "Main",
|
||||
components: {
|
||||
DataGroup,
|
||||
MonitorGroup,
|
||||
MonitorGroup2,
|
||||
MonitorGroup3,
|
||||
|
Laden…
In neuem Issue referenzieren
Einen Benutzer sperren