<style>
  .Sctop_Last {
    position: absolute;
    right: 10px;
    bottom: 10px;
  }

  .Sctop_Last>div {
    display: inline-block;
    width: 100px;
    height: 30px;
    background-color: #D4DFFF;
    color: #2966FE;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
  }
  .sche_rightTop{
    width: 100%;
    padding: 20px 0;
    background-color: #fff;
    position: relative;
  }
</style>
<template>
  <div class="sche_rightTop">
    <!-- <div v-if="dataList.Status!=2" class="sche_Topflex" style="display:flex;">
      <div class="Sctop_Color Scdu_benci" style="position:relative;">本次上课信息</div>
      <div class="Sctop_Color">
        <span class="Scotop_little">校区</span>{{dataList.SchoolName}}
      </div>
      <div class="Sctop_Color" style="width:33%;">
        <span class="Scotop_little">计划时间</span>
        <span v-if="dataList.PlanDate">{{dataList.PlanDate.replaceAll('-','.')}}</span>
        <span v-if="dataList.WeekDay"> {{dataList.WeekDay.replace('星期','周')}}</span>
        {{dataList.StartTime}}-{{dataList.EndTime}}
      </div>
      <div class="Sctop_Color" style="width:15%">
        <span class="Scotop_little">课程名称</span>{{dataList.ShiftName}}
      </div>
    </div> -->
    <!-- <div class="Sctop_Last">
      <div @click="isShowJiedai=true"><i style="margin-right:5px;" class="iconfont icon-liuchengguanliqi"></i>接待流程
      </div>
    </div> -->
    <table style="width:100%;margin:0 20px;font-size:18px;color:#000000;">
      <tr>
        <td style="width:11%">
          <span class="Sch_MainColor">本次上课信息</span>
        </td>
        <td style="width:15%">
          <span class="Scotop_little">班级:</span>{{dataList.ClassName}}
        </td>
        <td style="width:15%;">
          <span class="Scotop_little">计划时间:</span>{{dataList.PlanTime}}
        </td>
        <td style="width:23%;">
          <span class="Scotop_little">课程名称:</span>{{dataList.CourseName}}
        </td>
        <td>
          <span class="Scotop_little">当前状态:</span>
          <span v-if="dataList.ClassStatus===0">待上课</span>
          <span v-if="dataList.ClassStatus===1">上课中</span>
          <span v-if="dataList.ClassStatus===2">下课</span>
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <span class="Scotop_little">老师:</span>{{dataList.TeacherName}}
        </td>
        <td>
          <span class="Scotop_little">实际时间:</span>{{dataList.ActualTime}}
        </td>
        <td>
          <span class="Scotop_little">出勤人数:</span>{{dataList.AttendanceNum}}
        </td>
      </tr>
    </table>
  
  </div>
</template>
<script>
  export default {
    props: {
      dataList: {
        type: Object,
        default: null
      },
    },
  }

</script>
