|
|
<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> |
