<template>
    <CommonBox title="教学检查" class="teaching-center-teaching-check-style">
        <a-spin class="teaching-check-box-style" :spinning="spinning">
            <div class="teaching-check-content-style">
                <div class="content-title-style">常规检查通报：</div>
                <a-row class="table-row-style head-row-style">
                    <a-col :span="4" class="col">教师姓名</a-col>
                    <a-col :span="20" class="col">通报内容</a-col>
                </a-row>
                <vue-scroll key="routine_scroll" class="table-boday-style" :ops="listScroll" style="height: 200px">
                    <a-row v-for="item,index in routineDataList" :key="'routine_info_row_'+index"  class="table-row-style body-row-style">
                        <a-col :span="4" class="col col-left">{{item.personName}}</a-col>
                        <a-col :span="20" class="col">{{item.content}}</a-col>
                    </a-row>
                </vue-scroll>
                <div class="content-title-style">流动抽查通报：</div>
                <a-row class="table-row-style head-row-style">
                    <a-col :span="4" class="col">教师姓名</a-col>
                    <a-col :span="20" class="col">通报内容</a-col>
                </a-row>
                <vue-scroll key="flow_scroll" class="table-boday-style" :ops="listScroll" style="height:200px">
                    <a-row v-for="item,index in flowDataList" :key="'flow_info_row_'+index"  class="table-row-style body-row-style">
                        <a-col :span="4" class="col col-left">{{item.personName}}</a-col>
                        <a-col :span="20" class="col">{{item.content}}</a-col>
                    </a-row>
                </vue-scroll>
            </div>
        </a-spin>
    </CommonBox>
</template>
<script>
    /*
     * 教学检查
     * */
    import CommonBox from '../secondPages/commonBox.vue';
    import {Icon, Spin, List, Empty, Row, Col} from 'ant-design-vue';
    export default{
        data(){
            return {
                spinning: false,
                listScroll: this.StaticParams.scrollOption,
                routineDataList: [
                    {
                        personName: "刘老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    }
                ],
                flowDataList: [
                    {
                        personName: "刘老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    },
                    {
                        personName: "马老师",
                        content: "2022年1月6日第七课时1602班上课未准备教案",
                    }
                ]
            }
        },
        components: {
            CommonBox,
            ASpin: Spin,
            ARow: Row,
            ACol: Col,
        }
    }
</script>
<style scoped lang="scss">
    @import "../../assets/scss/style";

    .teaching-center-teaching-check-style {
        width: 100%;
        height: 520px !important;
        position: relative;
        margin-top: 50px;
        .teaching-check-box-style {
            width: 100%;
            height: 100%;
            /deep/ .ant-spin-container {
                width: 100%;
                height: 100%;
                .teaching-check-content-style {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    .content-title-style {
                        width: 100%;
                        height: 20px;
                        color: $color-default-bright;
                    }
                    .table-row-style{
                        width: 100%;
                        height: 30px;
                        display: flex;
                        align-items: center;
                        .col{
                            text-align: center;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
                        .col-left{
                            border-right: 1px dashed white;
                        }
                    }
                    .body-row-style{
                        border-top: 1px dashed white;
                    }
                    .head-row-style{
                        background-color: #1459c1;
                        color: white;
                    }
                }
            }
        }
    }
</style>