ソースを参照

update 缺陷分析

light-style__flexlayout
lb 1年前
コミット
8a746794b1
4個のファイルの変更55行の追加38行の削除
  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 ファイルの表示

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


+ 8
- 8
src/components/boxes/subcomponents/TableStatus.vue ファイルの表示

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

.table-status::after {
content: "";
position: absolute;
left: adjust(1px);
top: adjust(2px);
left: 2px;
top: 8px;
display: inline-block;
width: adjust(4px);
height: adjust(4px);
border-radius: adjust(100px);
width: 12px;
height: 12px;
border-radius: 100px;
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 {
@@ -50,6 +50,6 @@ export default {

.invalid::after {
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>

+ 41
- 27
src/components/groups/fault.vue ファイルの表示

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

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

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

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

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

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

+ 5
- 2
src/components/groups/monitor2.vue ファイルの表示

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



読み込み中…
キャンセル
保存