yangys
2024-01-13 f466ae4fdc645c66c9f25e2e4598b9809e2b41af
src/components/newComp/Status.vue
@@ -1,33 +1,40 @@
<!--
 * @Date: 2024-01-08 19:38:05
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-08 19:38:30
 * @LastEditTime: 2024-01-13 22:09:04
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/components/newComp/Status.vue
-->
<template>
    <div class="top">
        <slot name="before"></slot>
        <div class="top-item top-1">
            <div>16</div>
            <div>{{info.stop}}</div>
            <div>停机状态</div>
        </div>
        <div class="top-item top-2">
            <div>16</div>
            <div>停机状态</div>
            <div>{{info.run}}</div>
            <div>运行状态</div>
        </div>
        <div class="top-item top-3">
            <div>16</div>
            <div>停机状态</div>
            <div>{{info.idle}}</div>
            <div>待机状态</div>
        </div>
        <div class="top-item top-4">
            <div>{{info.alarm}}</div>
            <div>报警状态</div>
        </div>
        <slot name="after"></slot>
        <!-- <div class="top-item top-5">
            <div>16</div>
            <div>停机状态</div>
        </div>
        <div class="top-item top-5">
            <div>16</div>
            <div>停机状态</div>
        </div>
        </div> -->
    </div>
</template>
<script>
    export default {
        props: ['info'],
    }
</script>
<style lang="scss" scoped>
    .top {
                    display: flex;