app-govern/pages/index/comp/indexYunWei.vue

<template>
    <view class="index-zhuyonghu">
        <div class="header">
            <div class="header-item">
                <div class="header-item-value">{{ devCount.onLineCount || 0 }}</div>
                <div class="header-item-label">正常设备</div>
            </div>
            <div class="header-item">
                <div class="header-item-value">{{ devCount.alarmLineCount || 0 }}</div>
                <div class="header-item-label">报警设备</div>
            </div>
            <div class="header-item">
                <div class="header-item-value">{{ devCount.offLineCount || 0 }}</div>
                <div class="header-item-label">离线设备</div>
            </div>
        </div>
    </view>
</template>
<script>
export default {
    props: {
        devCount: {
            type: Object,
            default: {},
        },
    },
}
</script>
<style lang="scss"></style>