|
|
@@ -1,12 +1,10 @@ |
|
|
|
<template> |
|
|
|
<!-- 窑炉运行时间 --> |
|
|
|
<Container usage="NumberOrDate"> |
|
|
|
<SubContainer title="窑炉运行时间" icon="clock"> |
|
|
|
<SubContainer title="窑炉运行时间" icon="clock" padding="17px"> |
|
|
|
<div class="flex flex-col"> |
|
|
|
<div class="time"> |
|
|
|
<div class="time--item" v-for="(item, index) in time" :key="index"> |
|
|
|
{{ item }} |
|
|
|
</div> |
|
|
|
<div class="time flex flex-center"> |
|
|
|
<DigitalBox class="time--item" v-for="(item, index) in time" :key="index" :value="item" /> |
|
|
|
</div> |
|
|
|
<div class="text"> |
|
|
|
窑炉运行时间 |
|
|
@@ -19,27 +17,39 @@ |
|
|
|
<script> |
|
|
|
import Container from "../layout/Container.vue"; |
|
|
|
import SubContainer from "../layout/SubContainer.vue"; |
|
|
|
import DigitalBox from '../common/DigitalBox.vue' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "KilnRuntime", |
|
|
|
components: { Container, SubContainer }, |
|
|
|
components: { Container, SubContainer, DigitalBox }, |
|
|
|
props: {}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
time: "2202天55时", |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() {}, |
|
|
|
mounted() {}, |
|
|
|
methods: {}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
<style scoped lang="scss"> |
|
|
|
@import "../../assets/styles/functions"; |
|
|
|
|
|
|
|
.time { |
|
|
|
// background: #eee; |
|
|
|
margin: 12px 0; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-center { |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.time--item { |
|
|
|
color: white; |
|
|
|
/* background: ''; */ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.time--item:not(:last-child) { |
|
|
|
margin-right: 8px; |
|
|
|
} |
|
|
|
|
|
|
|
.text {} |
|
|
|