<template>
    <div class="fire-water">
        <!--        <h4 class="title">B超室电气火灾</h4>-->
        <div class="top">
            <h4 class="title">003118消火栓正常车库2分区南部</h4>
            <!--            <div class="status" v-if="data.viewInfo.smokeState == 0">-->
            <!--                正常-->
            <!--            </div>-->
            <!--            <div class="status status-danger" v-else>-->
            <!--                报警-->
            <!--            </div>-->
            <div class="status">
                正常
            </div>
        </div>
        <p>安装位置：车库2分区南部</p>
        <p>设备类型：消火栓</p>
    </div>
</template>

<script>
    import * as echarts from "echarts";
    import 'echarts-liquidfill/src/liquidFill.js'
    import {dateUtils} from 'happy-utils'

    export default {
        name: "FireWater",
        props: {
            el: [String, Number],
            data: Object,
            chart1Type: {
                type: Number,
                default: 1
            }
        },
        filters: {
            dateFilter(str) {
                return dateUtils.dateFormat(new Date(str), 'yyyy-MM-dd')
            }
        },
        data() {
            return {
                pageData: {
                    limit: 1,
                    size: 10
                },
                tableData: []
            }
        },
        mounted() {
        },
        methods: {
        },
    }
</script>

<style scoped>

</style>

<style lang="scss">
    .fire-water {
        margin-top: 20px;
        width: calc(100% - 30px);
        /*height: 270px;*/
        margin: 15px;
        border: 1px solid #ddd;
        background: #FFF;
        overflow: hidden;
        padding: 0 0 15px;

        .top {
            overflow: hidden;
            height: 60px;
            line-height: 60px;
            padding: 0 15px;
            border-bottom: 1px solid #ddd;

            .title {
                /*padding-top: 15px;*/
                /*margin: 30px 0;*/
                font-size: 28px;
                font-weight: 600;
                color: #000;
                float: left;
            }

            .status {
                float: right;
                color: rgb(12, 110, 207);
            }

            .status-danger {
                color: #D7241F;
            }
        }

        p {
            color: #000;
            font-size: 20px;
            margin: 15px 0 15px;
            padding: 0 15px;
        }

        ul, li {
            list-style-type: none;
            padding: 0 0 30px;
            margin: 0;
        }

        li {
            width: 33.333%;
            float: left;
            text-align: center;

            p {
                padding: 0;
                margin: 0;
            }
        }
    }
</style>