diff --git a/src/components/boxes/KilnRuntime.vue b/src/components/boxes/KilnRuntime.vue index 48ae70e..89f68f7 100644 --- a/src/components/boxes/KilnRuntime.vue +++ b/src/components/boxes/KilnRuntime.vue @@ -1,20 +1,20 @@ @@ -52,47 +52,47 @@ export default { @import "../../assets/styles/functions"; .time { - // background: #eee; - margin: adjust(12px) 0; + // background: #eee; + margin: adjust(12px) 0; } .flex-center { - justify-content: center; - align-items: center; + justify-content: center; + align-items: center; } .time--item:not(:last-child) { - margin-right: adjust(8px); + margin-right: adjust(8px); } .text { - padding: adjust(12px) 0; - text-align: center; - font-size: adjust(23px); - letter-spacing: adjust(4px); - position: relative; - z-index: 10; - user-select: none; + padding: adjust(12px) 0; + text-align: center; + font-size: adjust(23px); + letter-spacing: adjust(4px); + position: relative; + z-index: 10; + user-select: none; } .text::after { - content: ""; - display: block; - position: absolute; - z-index: 0; - left: 12%; - bottom: adjust(10px); - height: adjust(4px); - width: 76%; - /* 渐变色 */ - background: radial-gradient( - ellipse at center, - #6fe2ff, - #6fe2ffc0, - #52cbef80, - #52cbef30, - #52cbef00, - transparent - ); + content: ""; + display: block; + position: absolute; + z-index: 0; + left: 12%; + bottom: adjust(10px); + height: adjust(4px); + width: 76%; + /* 渐变色 */ + background: radial-gradient( + ellipse at center, + #6fe2ff, + #6fe2ffc0, + #52cbef80, + #52cbef30, + #52cbef00, + transparent + ); } diff --git a/src/components/isolate-area-1/Area.vue b/src/components/isolate-area-1/Area.vue index df43bbc..eca6345 100644 --- a/src/components/isolate-area-1/Area.vue +++ b/src/components/isolate-area-1/Area.vue @@ -73,9 +73,12 @@ export default { this.$set(this.rdata[2], "value", `${min}分${sec}秒`); }, 1000); }, + kilnPressure: function(val) { + this.pressure = val.split("") + } }, computed: { - ...mapState(["fireDirection", "lastFireChangeTime", "fireChangeTime"]), + ...mapState(["fireDirection", "lastFireChangeTime", "fireChangeTime", "kilnPressure"]), }, }; diff --git a/src/components/isolate-area-1/Runtime.vue b/src/components/isolate-area-1/Runtime.vue index 694317c..e76c057 100644 --- a/src/components/isolate-area-1/Runtime.vue +++ b/src/components/isolate-area-1/Runtime.vue @@ -5,7 +5,7 @@ {{ val }} @@ -21,9 +21,21 @@ export default { runtime: "0012".split(""), }; }, - created() {}, - mounted() {}, - methods: {}, + mounted() { + this.getRuntime(); + setInterval(this.getRuntime, 1000 * 60 * 60); + }, + methods: { + getRuntime() { + const diff = Date.now() - new Date("2023-5-7 8:00:00"); + const days = parseInt(diff / 1000 / 60 / 60 / 24); + const hours = parseInt( + (diff - days * 24 * 60 * 60 * 1000) / 1000 / 60 / 60 + ); + console.log("days", days); + this.runtime = (days + "").padStart(4, "0"); + }, + }, }; @@ -31,15 +43,15 @@ export default { @import "../../assets/styles/functions"; .runtime { - width: 1920px; + width: 1920px; } .data { - padding: 0 32px; + padding: 0 32px; font-family: zcoolqingkehuangyouti-Regular, sans-serif; display: flex; align-items: center; - justify-content: space-between; + justify-content: space-between; } .data > span:not(.dot) { diff --git a/src/components/layout/Main.vue b/src/components/layout/Main.vue index dd9ea2a..6ae3134 100644 --- a/src/components/layout/Main.vue +++ b/src/components/layout/Main.vue @@ -21,7 +21,7 @@ >