完成教师端，考试列表展示

luohairen

2024-11-07 d0d825e09ffdb95e9c4edcc44eeff08c4b2a9c23

完成教师端，考试列表展示

 src/api/exam.js

@@ -10,10 +10,11 @@
}

// 获取考试列表
export const getExamList = () => {
export const getExamList = (params) => {
  return axios({
    url: '/api/admin/exam/list',
    method: 'GET'
    method: 'GET',
    params: params
  })
}


 src/views/dashboard/index.vue

@@ -3,54 +3,26 @@
    <el-row :gutter="40" class="panel-group">
      <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
        <div class="card-panel">
          <el-row class="panel-group">
          <div class="card-panel-icon-wrapper icon-people">
            <svg-icon icon-class="exam" class-name="card-panel-icon"/>
              <svg-icon icon-class="list" class-name="card-panel-icon"/>
          </div>
          <div class="card-panel-description">
            <div class="card-panel-text">
              试卷总数
            </div>
            <count-to :start-val="0" :end-val="examPaperCount" :duration="2600" class="card-panel-num" v-loading="loading"/>
                <p>考试列表</p>
          </div>
        </div>
      </el-col>
      <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
        <div class="card-panel" >
          <div class="card-panel-icon-wrapper icon-message">
            <svg-icon icon-class="question" class-name="card-panel-icon"/>
          </div>
          <div class="card-panel-description">
            <div class="card-panel-text">
              题目总数
            </div>
            <count-to :start-val="0" :end-val="questionCount" :duration="3000" class="card-panel-num" v-loading="loading"/>
          </div>
        </div>
      </el-col>
      <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
        <div class="card-panel">
          <div class="card-panel-icon-wrapper icon-shopping">
            <svg-icon icon-class="doexampaper" class-name="card-panel-icon"/>
          </div>
          <div class="card-panel-description">
            <div class="card-panel-text">
              答卷总数
            </div>
            <count-to :start-val="0" :end-val="doExamPaperCount" :duration="3600" class="card-panel-num" v-loading="loading"/>
          </div>
        </div>
      </el-col>
      <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
        <div class="card-panel">
          <div class="card-panel-icon-wrapper icon-money">
            <svg-icon icon-class="doquestion" class-name="card-panel-icon"/>
          </div>
          <div class="card-panel-description">
            <div class="card-panel-text">
              答题总数
            </div>
            <count-to :start-val="0" :end-val="doQuestionCount" :duration="3200" class="card-panel-num" v-loading="loading"/>
          </div>
          </el-row>
          <el-row class="panel-group">
            <el-input v-model="query.examName" placeholder="请输入考试名称" style="width: 70%;margin-bottom: 10px;margin-left: 10px;" size="small" @input="getExamList"/>
            <el-button type="primary" size="small" @click="getExamList">查询</el-button>
          </el-row>
          <el-row class="panel-group">
            <el-table :data="examList" style="width: 100%;" height="430">
              <el-table-column label="考试名称" prop="examName"></el-table-column>
              <el-table-column label="考试状态" prop="status"></el-table-column>
            </el-table>
          </el-row>
        </div>
      </el-col>
    </el-row>
@@ -67,6 +39,8 @@
import resize from './components/mixins/resize'
import CountTo from 'vue-count-to'
import dashboardApi from '@/api/dashboard'
import {getExamList} from "@/api/exam";
import exam from "@/store/modules/exam";
export default {
  mixins: [resize],
  components: {
@@ -74,6 +48,12 @@
  },
  data () {
    return {
      // 考试列表
      examList: [],
      // 考试查询条件
      query:{
        examName: '',
      },
      examPaperCount: 0,
      questionCount: 0,
      doExamPaperCount: 0,
@@ -102,6 +82,13 @@
    })
  },
  methods: {
    getExamList() {
      let _this = this
      getExamList(this.query).then(res => {
        let response = res.data
        _this.examList = response.data
      })
    },
    option (title, formatter, label, vaule) {
      return {
        title: {
@@ -132,6 +119,9 @@
        }]
      }
    }
  },
  created() {
    this.getExamList()
  }
}
</script>
@@ -182,14 +172,14 @@
  }

  .panel-group {
    margin-top: 18px;
  margin-top: 8px;

    .card-panel-col {
      margin-bottom: 32px;
    }

    .card-panel {
      height: 108px;
    height: 600px;
      cursor: pointer;
      font-size: 12px;
      position: relative;