错题展示

luohairen

2024-11-07 84659b2d8d9c839903988b59905c6e6c338c5e71

 src/views/wrong-list/data-list/index.vue

@@ -3,7 +3,7 @@
    <el-scrollbar>
      <el-table
          v-loading="loading"
          :data="tableData"
          :data="dataList"
          border
          :row-style="{height:'42px'}"
          :cell-style="{padding: '0'}"
@@ -18,7 +18,8 @@
            label="题型"
            align="center"
            width="100px"
            prop="questionTypeName"
            prop="questionType"
            :formatter="questionTypeFormatter"
        ></el-table-column>
        <el-table-column
            align="center"
@@ -48,38 +49,21 @@
          </template>
        </el-table-column>
      </el-table>

      <pagination v-show="total>0" :total="total" :page.sync="searchForm.currentPage"
                  :limit.sync="searchForm.pageSize"
                  @pagination="dataList"/>
    </el-scrollbar>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { Timer } from '@element-plus/icons-vue';
import { useRouter } from 'vue-router';
import { useExamStore } from '@/store/index.js';
import { getExamInfo } from '@/api/modules/exam.js';

const loading = ref(false);
const tableData = ref([]);
const total = ref(0);
const searchForm = ref({
  currentPage: 1,
  pageSize: 10
});

// const router = useRouter();

// dataList
const props = defineProps({
  dataList: {
    type: Array,
    default: () => []
  }
});

const loading = ref(false);

const checkWrong = (id) => {
  router.push({
@@ -90,8 +74,22 @@
  });
};

</script>
// 题目类型格式化
const questionTypeFormatter = (row,column,cellValue) => {
  const typeMap = {
    1: '单选题',
    2: '多选题',
    3: '判断题',
    4: '填空题',
    5: '简答题',
    6: '语音题',
    7: '计算题',
    8: '分析题'
  };
  return typeMap[cellValue];
}

</script>
<style lang="scss" scoped>
.item {
  width: 100%;