mt-fe-group/dezhou-screen
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update Jiankongzu 1

Browse Source
This commit is contained in:
lb
2023-06-07 14:26:16 +08:00
parent f694c8ebf4
commit eeba8714f7
3 changed files with 70 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/monitor-group.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 281 KiB

44
src/components/groups/monitor.vue Normal file
View File

@@ -0,0 +1,44 @@
<template>
<section class="monitor-group">
</section>
</template>
<script>
// import { mapState } from "vuex";
export default {
name: "MonitorGroup",
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(80px));
}
section::before {
content: '监控组 1';
font-size: adjust(h(64px));
letter-spacing: 1px;
position: absolute;
color: $main-color;
top: 0;
left: 0;
}
</style>

46
src/components/layout/Main.vue
View File

@@ -1,5 +1,9 @@
<template>
<main class="">
<!-- 监控组 -->
<MonitorGroup />
<div class="video-crash" v-if="false"></div>
<div class="eq-main absolute">
@@ -109,17 +113,18 @@
</template>
<script>
import KilnRuntime from "../boxes/KilnRuntime.vue";
import KilnPressure from "../boxes/KilnPressure.vue";
import OilFlow from "../boxes/OilFlow.vue";
import GasFlow from "../boxes/GasFlow.vue";
import TopTemp from "../boxes/TopTemp.vue";
import BottomTemp from "../boxes/BottomTemp.vue";
import XicaoTemp from "../boxes/XicaoTemp.vue";
import InWater from "../boxes/InWater.vue";
import OutWater from "../boxes/OutWater.vue";
import FanRuntime from "../boxes/FanRuntime.vue";
// import KilnRuntime from "../boxes/KilnRuntime.vue";
// import KilnPressure from "../boxes/KilnPressure.vue";
// import OilFlow from "../boxes/OilFlow.vue";
// import GasFlow from "../boxes/GasFlow.vue";
// import TopTemp from "../boxes/TopTemp.vue";
// import BottomTemp from "../boxes/BottomTemp.vue";
// import XicaoTemp from "../boxes/XicaoTemp.vue";
// import InWater from "../boxes/InWater.vue";
// import OutWater from "../boxes/OutWater.vue";
// import FanRuntime from "../boxes/FanRuntime.vue";
import AreaOne from "../isolate-area-1/Area.vue";
import MonitorGroup from '../groups/monitor.vue'
// import Container from './Container.vue'
import { mapMutations, mapState } from "vuex";
@@ -128,17 +133,18 @@ import WsClient from "../../utils/wsClass";
export default {
name: "Main",
components: {
MonitorGroup,
AreaOne,
KilnRuntime,
KilnPressure,
FanRuntime,
OilFlow,
GasFlow,
TopTemp,
BottomTemp,
XicaoTemp,
InWater,
OutWater,
// KilnRuntime,
// KilnPressure,
// FanRuntime,
// OilFlow,
// GasFlow,
// TopTemp,
// BottomTemp,
// XicaoTemp,
// InWater,
// OutWater,
},
props: {},
data() {