yudao-dev/src/views/databoard/kiln/FanSequence.vue

59 lines
1.2 KiB
Vue
Raw Normal View History

2023-12-06 09:47:06 +08:00
<!--
filename: FanSequence.vue
author: liubin
date: 2023-12-06 09:40:51
description:
-->
<template>
<Container name="风机运行频率" size="middle" style="">
2023-12-11 09:47:58 +08:00
<div class="" style="position: absolute; top: 18px; left: 180px">
<Switcher />
</div>
2023-12-06 09:47:06 +08:00
<div
class="absolute"
style="
padding: 12px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
gap: 8px;
">
<ShadowRect v-for="n in 14" :key="n" :rounded="false">
<span
style="
font-size: 16px;
line-height: 1.24;
flex: 1.2;
text-align: right;
padding-right: 8px;
letter-spacing: 1px;
">
{{ n }}#风机
</span>
<span style="font-size: 16px; line-height: 1.24; flex: 1">
{{ Math.floor(Math.random() * 100) }}Hz
</span>
</ShadowRect>
</div>
</Container>
</template>
<script>
import Container from '../components/Container.vue';
import ShadowRect from '../components/ShadowRect.vue';
2023-12-11 09:47:58 +08:00
import Switcher from '../components/Switcher.vue';
2023-12-06 09:47:06 +08:00
export default {
name: 'FanSequence',
2023-12-11 09:47:58 +08:00
components: { Container, ShadowRect, Switcher },
2023-12-06 09:47:06 +08:00
props: {},
data() {
return {};
},
computed: {},
methods: {},
};
</script>
<style scoped lang="scss"></style>