批改

zhouwx

2024-08-05 4f6cdee3d3a9967b6955aacc354bf557430c0643

 src/views/onlineEducation/groupExams/index.vue

@@ -1,11 +1,41 @@
<template>
  <div class="app-container">
    <div style="margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between">
      <el-button
          type="primary"
          plain
          @click="openDialog('add',{})"
      >开始组卷考试</el-button>
    <div style="display: flex;justify-content: space-between">
      <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" >
        <el-form-item>
          <el-button
              type="primary"
              plain
              @click="openDialog('add',{})"
          >开始组卷考试</el-button>
        </el-form-item>
        <el-form-item label="考试名称：" >
          <el-input v-model="data.queryParams.name" placeholder="请输入考试名称"></el-input>
        </el-form-item>
        <el-form-item label="科目/类别：" >
          <el-cascader
              style="width: 100%"
              ref="classifyRef"
              v-model="data.queryParams.categoryId"
              :options="data.classifyList"
              :props="data.props"
              clearable
              :show-all-levels="false"
              @change="handleChange"
          />
        </el-form-item>
        <el-form-item >
          <el-button
              type="primary"
              @click="getList"
          >查询</el-button>
          <el-button
              type="primary"
              plain
              @click="reset"
          >重置</el-button>
        </el-form-item>
      </el-form>
    </div>
    <!-- 表格数据 -->
    <el-table v-loading="loading" :data="dataList" :border="true">
@@ -27,6 +57,11 @@
      <el-table-column label="平均分数" prop="" align="center" >
        <template #default="scope">
          <span>{{scope.row.paperStudentInfoVO.avgScore}}</span>
        </template>
      </el-table-column>
      <el-table-column label="合格分/总分" prop="" align="center" width="120" >
        <template #default="scope">
          <span>{{scope.row.passScore}}/{{scope.row.judgeNum * scope.row.judgeScore + scope.row.multiNum * scope.row.multiScore + scope.row.singleNum * scope.row.singleScore+ scope.row.easyNum * scope.row.easyScore}}</span>
        </template>
      </el-table-column>
      <el-table-column label="合格率" prop="passRate" align="center" />
@@ -67,19 +102,23 @@
import examDialog from './components/examDialog.vue'
import examQuestion from './components/viewExamQuestion.vue'
import Cookies from "js-cookie";
import {useRouter} from 'vue-router'
import {useRoute, useRouter} from 'vue-router'
const router = useRouter()
import {delQuestionBank, getQuestionBank} from "@/api/onlineEducation/questionBank";
import {delBatch, getBatch} from "@/api/onlineEducation/batch";
import {delExam, getExam} from "@/api/onlineEducation/exam";

import {getClassification} from "@/api/onlineEducation/courseClass";
const route = useRoute()

const { proxy } = getCurrentInstance();
const loading = ref(false);
const dialogRef = ref();
const questionRef = ref();
const classifyRef = ref(null)
const data = reactive({
  queryParams: {
    name:'',
    categoryId: null,
    pageNum: 1,
    pageSize: 10,
  },
@@ -87,13 +126,24 @@
  dataList: [],
  isAdmin: false,
  companyName: '',
  remainPeriod: null
  remainPeriod: null,
  categoryList: [],
  props: {
    checkStrictly: true,
  },

});

const { queryParams, total, dataList } = toRefs(data);

onMounted(async ()=>{
  if(route.query.val){
    const val = JSON.parse(route.query.val)
    if(val){
      data.queryParams.pageNum = val.pageNum;
      data.queryParams.pageSize = val.pageSize;
    }
  }
  const userInfo = JSON.parse(Cookies.get('userInfo'))
  console.log("userInfo",userInfo)
  if(userInfo.userType === 0){
@@ -102,6 +152,7 @@
    data.isAdmin = false;
    data.companyName = userInfo.companyName
  }
  await getClassifyList();
  await getList()
})
onUnmounted(()=>{
@@ -133,7 +184,13 @@

/** 重置新增的表单以及其他数据  */
function reset() {
  proxy.resetForm("roleRef");
  data.queryParams = {
    name:'',
    categoryId: null,
    pageNum: 1,
    pageSize: 10,
  }
  getList()
}
const handleDelete = (val) => {
  ElMessageBox.confirm(
@@ -155,10 +212,55 @@
      })
}
const toStuChoose = (val) => {
  const v = JSON.stringify(val)
  const obj = {
    pageNum: data.queryParams.pageNum,
    pageSize: data.queryParams.pageSize,
    id: val.id,
    type: 'index'
  }
  // val.pageNum = data.queryParams.pageNum;
  // val.pageSize = data.queryParams.pageSize
  const v = JSON.stringify(obj)
  router.push({ path: "/examStu", query: { val: v } });
}
const viewQuestion = (val) => {
  questionRef.value.openDialog(val)
}
const handleChange = ()=> {
  console.log("label====",classifyRef.value.getCheckedNodes()[0].value)
  data.queryParams.categoryId = classifyRef.value.getCheckedNodes()[0].value
  // 我这里只是打印了一下label的值哦，需要赋值的话自己去赋值哦
  if (classifyRef.value.popperVisible) {
    classifyRef.value.togglePopperVisible()
  }
}
const  getClassifyList = async () => {
  const res = await getClassification();
  if(res.code === 200){
    data.classifyList = recursion(res.data)
  }else{
    ElMessage.warning(res.message)
  }
}
const recursion = (data) => {
  let tmp = []
  for (let i = 0; i < data.length; i++) {
    let item = data[i]
    // children为空
    if (item.children&& item.children.length==0) {
      tmp.push({
        value: item.id,
        label: item.name
      })
      // 有children
    } else {
      tmp.push({
        value: item.id,
        label: item.name,
        children:recursion(item.children)
      })
    }
  }
  return tmp;
}
</script>