<template>
    <div class="productionWarn">
        <h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">生产预警</h2>
        <section class="section">
            <h3>预警信息：</h3>
            <el-table :data="tableData" tooltip-effect="dark" style="width: 70%">
                <el-table-column label="公告标题">
                    <template v-slot="props">
                        <span>【通知】</span>
                        <span>{{ props.row['title'] }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="time" label="公告时间" fixed="right" width="180"></el-table-column>
            </el-table>
        </section>
    </div>
</template>

<script>
export default {
    name: "productionWarn",
    data() {
        return {
            tableData: [
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
                {
                    title: "产床001上的仔猪预计七天后可进行断奶，请留意观察",
                    time: "2020-08-24 14:28:43"
                },
            ]
        };
    },
    created() {},
    methods: {}
};
</script>

<style lang="scss" scoped>
.productionWarn {
    .section {
        padding: 0 3%;
        h3 {
            color: #333;
            font-size: 22px;
            margin-bottom: 30px;
        }
    }
}
</style>