SEEC-Portal-Front/pages/rookie/basicResult.vue

<template>
    <div>
        <div class="tab-container">
      <el-card class="box-card">
        <h1 style="text-align:center">基础测试结果展示</h1>
        <el-divider></el-divider>
        <el-table :data="tableData" border style="width: 100%">
          <el-table-column prop="date" label="时间" width="180">
          </el-table-column>
          <el-table-column prop="name" label="考试号" width="360">
          </el-table-column>
          <el-table-column prop="address" label="成绩"> </el-table-column>
        </el-table>
        <div class="zhengwen">
  <div class="button-style" ></div>
  <el-button style="float: right" @click="back()"> 
    回到首页
  </el-button>
  <el-button style="float: right" @click="go()"> 
    每日一题
  </el-button>
  </div>
      </el-card>
    </div>
    </div>
</template>

<style>

.button-style{
     padding: 20px 20px;
  }
.box-card {
    width: 100%;
    height: 80%;
    padding: 40px 40px;
  }
.tab-container{
    padding: 20px 20px;
  }

.text {
  font-size: 20px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.body-style {
  padding: "100px";
}
</style>

<script>
export default {
  data() {
    return {
      examId:"935",
      tableData: [
        {
          date: "",
          name: "935",
          address: "30",
        },
      ],
    };
  },
  mounted(){
    var date = new Date();
    var year = date.getFullYear(); //月份从0~11，所以加一
    var dateArr = [
      date.getMonth() + 1,
      date.getDate(),
      date.getHours(),
      date.getMinutes(),
      date.getSeconds(),
    ];
    for (var i = 0; i < dateArr.length; i++) {
      if (dateArr[i] >= 1 && dateArr[i] <= 9) {
        dateArr[i] = "0" + dateArr[i];
      }
    }
    var endTime =
      year +
      "-" +
      dateArr[0] +
      "-" +
      dateArr[1] +
      " " +
      dateArr[2] +
      ":" +
      dateArr[3] +
      ":" +
      dateArr[4];
      this.tableData[0].date=endTime;
      this.examId=localStorage.getItem("examId");
      this.tableData[0].name=localStorage.getItem("examId");
      console.log(this.examId)
      this.$apis.get("/report?examId="+this.examId).then((res)=>{
      console.log(res.data.result.score)
      this.tableData[0].address=res.data.result.score
    });
  },
  methods:{
      go(){
          this.$router.push({path:'/rookie/daily'})
      },
      back(){
          this.$router.push({path:'/'})
      }
  }
}
</script>