Browse Source

update 缺陷分析

light-style__flexlayout
lb 1 year ago
parent
commit
8a746794b1
4 changed files with 55 additions and 38 deletions
  1. +1
    -1
      src/components/boxes/FanRuntime.vue
  2. +8
    -8
      src/components/boxes/subcomponents/TableStatus.vue
  3. +41
    -27
      src/components/groups/fault.vue
  4. +5
    -2
      src/components/groups/monitor2.vue

+ 1
- 1
src/components/boxes/FanRuntime.vue View File

@@ -161,7 +161,7 @@ export default {
if (inData) this.tableData1.splice(this.tableData1.length, 0, inData); if (inData) this.tableData1.splice(this.tableData1.length, 0, inData);
}, 200); }, 200);
if (outData) this.tableCache.push(outData); if (outData) this.tableCache.push(outData);
}, 1000 * 60 * 2);
}, 1000 * 3);
}, },
methods: { methods: {
// handleMouseOver(e) { // handleMouseOver(e) {


+ 8
- 8
src/components/boxes/subcomponents/TableStatus.vue View File

@@ -27,21 +27,21 @@ export default {
.table-status { .table-status {
/* font-family: Ubuntu, sans-serif !important; */ /* font-family: Ubuntu, sans-serif !important; */
color: #3984ff; color: #3984ff;
padding-left: adjust(10px);
padding-left: 24px;
position: relative; position: relative;
} }


.table-status::after { .table-status::after {
content: ""; content: "";
position: absolute; position: absolute;
left: adjust(1px);
top: adjust(2px);
left: 2px;
top: 8px;
display: inline-block; display: inline-block;
width: adjust(4px);
height: adjust(4px);
border-radius: adjust(100px);
width: 12px;
height: 12px;
border-radius: 100px;
background: #3984ff; background: #3984ff;
box-shadow: 0px 0px adjust(2px) adjust(2px) rgba(39, 96, 255, 0.5);
box-shadow: 0px 0px 4px 4px rgba(39, 96, 255, 0.5);
} }


.invalid { .invalid {
@@ -50,6 +50,6 @@ export default {


.invalid::after { .invalid::after {
background: #ff0c0c; background: #ff0c0c;
box-shadow: 0px 0px adjust(2px) adjust(2px) rgba(255, 39, 39, 0.5);
box-shadow: 0px 0px 4px 4px rgba(255, 39, 39, 0.5);
} }
</style> </style>

+ 41
- 27
src/components/groups/fault.vue View File

@@ -1,22 +1,20 @@
<template> <template>
<section class="fault-analysis">

</section>
<section class="fault-analysis"></section>
</template> </template>


<script> <script>
// import { mapState } from "vuex"; // import { mapState } from "vuex";


export default { export default {
name: "FaultAnalysis",
props: {},
components: {},
data() {
return {};
},
computed: {
// ...mapState(["kilnWaterIn", "waterInTemp"]),
},
name: "FaultAnalysis",
props: {},
components: {},
data() {
return {};
},
computed: {
// ...mapState(["kilnWaterIn", "waterInTemp"]),
},
}; };
</script> </script>


@@ -24,23 +22,39 @@ export default {
@import "../../assets/styles/functions"; @import "../../assets/styles/functions";


section { section {
background: url('../../assets/fault-analysis.png') left 144px top 4px / 79% 54% no-repeat, #ccc7;
width: adjust(w(1900px));
height: adjust(h(1260px));
position: absolute;
top: adjust(h(430px));
left: adjust(w(3700px));
width: 1920px;
height: 1080px;
position: absolute;
// top: 452px;
top: 490px;
left: 0;
background: #ccc3;
} }


section::before { section::before {
content: '缺陷分析';
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "微软雅黑", Arial, Helvetica, sans-serif;
font-size: adjust(h(64px));
font-weight: 400;
letter-spacing: 1px;
position: absolute;
color: $main-color;
top: 0;
left: 0;
content: "缺陷分析";
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC,
Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei,
"微软雅黑", Arial, Helvetica, sans-serif;
font-size: 80px;
font-weight: 400;
letter-spacing: 1px;
color: $main-color;
position: absolute;
top: -128px;
left: 0;
}

section::after {
content: "";
display: inline-block;
width: 110%;
height: 100%;
position: absolute;
top: -128px;
left: 0;
background: url("../../assets/fault-analysis.png") no-repeat;
background-position: 356px 20px;
background-size: 78%;
} }
</style> </style>

+ 5
- 2
src/components/groups/monitor2.vue View File

@@ -26,9 +26,12 @@ export default {
section { section {
background: rgba(47, 203, 255, 0.225); background: rgba(47, 203, 255, 0.225);
width: 100%; width: 100%;
height: 1178px;
// height: 1178px;
height: 1469px;
position: absolute; position: absolute;
bottom: 720px;
// bottom: 690px;
// top: 2160px;
top: 1570px;
left: 0; left: 0;
} }




Loading…
Cancel
Save