update 缺陷分析

This commit is contained in:
lb 2023-07-12 09:34:13 +08:00
parent a008e75126
commit 8a746794b1
4 changed files with 55 additions and 38 deletions

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) {

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); left: 2px;
top: adjust(2px); top: 8px;
display: inline-block; display: inline-block;
width: adjust(4px); width: 12px;
height: adjust(4px); height: 12px;
border-radius: adjust(100px); 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>

View File

@ -1,22 +1,20 @@
<template> <template>
<section class="fault-analysis"> <section class="fault-analysis"></section>
</section>
</template> </template>
<script> <script>
// import { mapState } from "vuex"; // import { mapState } from "vuex";
export default { export default {
name: "FaultAnalysis", name: "FaultAnalysis",
props: {}, props: {},
components: {}, components: {},
data() { data() {
return {}; return {};
}, },
computed: { computed: {
// ...mapState(["kilnWaterIn", "waterInTemp"]), // ...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: 1920px;
width: adjust(w(1900px)); height: 1080px;
height: adjust(h(1260px)); position: absolute;
position: absolute; // top: 452px;
top: adjust(h(430px)); top: 490px;
left: adjust(w(3700px)); left: 0;
background: #ccc3;
} }
section::before { section::before {
content: '缺陷分析'; 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-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC,
font-size: adjust(h(64px)); Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei,
font-weight: 400; "微软雅黑", Arial, Helvetica, sans-serif;
letter-spacing: 1px; font-size: 80px;
position: absolute; font-weight: 400;
color: $main-color; letter-spacing: 1px;
top: 0; color: $main-color;
left: 0; 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>

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;
} }