<template>
  <div class="m-right-block fr mh576" style="position: relative;">
    <div class="right-block-bd">
      <div class="mb10 tc mt20">
        <span class="p-ico2 worm-ico-o"></span>
         <span style="color: red;"> 注：考试完成，若未查到成绩，请及时联系管理员</span>
      </div>
      <el-table v-loading="listLoading" :data="list" border fit highlight-current-row>
        <el-table-column label="准考号" align="center" min-width="140" prop="username"/>
        <el-table-column label="考试科目" prop="courseName" align="center" min-width="140"/>
        <el-table-column label="考试时间" prop="useTime" align="center" min-width="150">
          <template slot-scope="{row}">
            <span> {{row.startTime}}</span>
          </template>
        </el-table-column>

        <el-table-column label="考试时长" prop="useTime" align="center" width="140">
          <template slot-scope="{row}">
            <span> {{row.useTime|sec2Time}}</span>
          </template>
         </el-table-column>

        <el-table-column label="考试成绩" prop="score" align="center" width="110"/>

        <el-table-column label="考试结果" prop="score" align="center" width="110">
          <template slot-scope="{row}">
            <span v-if="row.score>=60" style="color: #006400;"> 成绩合格</span>
            <span v-else style="color: red;"> 不合格</span>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
  import {httpServer} from "@/components/httpServer/httpServer.js";
  import { mapGetters } from "vuex";
  import {sec2Time} from "@/components/util.js";
  export default {
    name: "Index",
    data() {
      return {
        page:1,
        size:10,
        total: 20,
        info:{},
        list: []
      };
    },
    filters:{
      sec2Time
    },
    beforeMount() {
      this.getData()
    },
    methods: {
      getData() {
        this.listLoading = true
        httpServer('User.GetExamUserScoreList', {}).then( res=>{
            if( res.code == 200){
              this.list = res.data||[]
            }
            this.listLoading = false
        })
      },
      handleCurrentChange: function(page) {
        this.page = page
        this.getData()
      }
    }
  }
</script>

<style>

</style>
