<style>
  .classLog {
    margin: 0 20px;
    height: 600px;
    overflow: auto;
  }

  .classLog::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #F5F5F5;
  }

  /*!*定义滚动条轨道 内阴影+圆角*!*/
  .classLog::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  /*!*定义滑块 内阴影+圆角*!*/
  .classLog::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
    background-color: #0ae;
  }

  .classLog_Title {
    font-size: 14px;
    font-weight: bold;
    color: #2D2D2D;
  }

</style>
<template>
  <div class="classLog" style="margin:0 20px;">
    <q-timeline>
      <template v-for="(item,index) in dataList">
        <q-timeline-entry>
          <template v-slot:title>
            <div class="classLog_Title">{{item.LogTypeStr}} {{item.CreatHour}}</div>
          </template>
          <div style="font-size:13px;">
            {{item.CreateByName}}: {{item.LogContent}}
          </div>
        </q-timeline-entry>
      </template>
    </q-timeline>
  </div>
</template>
<script>
  import {
    queryClassLogPageList
  } from '../../api/course/class'
  export default {
    props: {
      setingObj: {
        type: Object,
        default: null
      }
    },
    components: {

    },
    data() {
      return {
        msg: {
          PageIndex: 1,
          PageSize: 12,
          School_Id: 0,
          ClassId: 0
        },
        dataList: [],
      }
    },
    created() {},
    mounted() {
      this.getClassLog();
    },
    methods: {
      getClassLog() {
        this.msg.School_Id = this.setingObj.School_Id;
        this.msg.ClassId = this.setingObj.ClassId;
        queryClassLogPageList(this.msg).then(res => {
          if (res.Code == 1) {
            this.dataList = res.Data.PageData;
          }
        })
      },
    },
    watch: {
      setingObj: function (val, oldval) {
        this.getClassLog();
      }
    }
  }

</script>
<style lang="sass">
  @import url('~assets/css/table.sass')

</style>
