|
@@ -12,17 +12,20 @@
|
|
|
|
|
|
<div class="flex mt-20px items-center">
|
|
|
|
|
|
- <el-select class="mr-10px" v-model="normal_school" placeholder="请选择学校" size="large" @change="(name)=>{ handelOption(name,'scholl')}">
|
|
|
+ <el-select class="mr-10px" v-model="normal_school" placeholder="请选择学校" size="large"
|
|
|
+ @change="(name) => { handelOption(name, 'scholl') }">
|
|
|
<el-option label="全部" value="0" />
|
|
|
<el-option v-for="item in school_list" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
|
|
|
- <el-select class="mr-10px" v-model="normal_subject" placeholder="请选择学科" size="large" @change="(name)=>{ handelOption(name,'subject')}">
|
|
|
+ <el-select class="mr-10px" v-model="normal_subject" placeholder="请选择学科" size="large"
|
|
|
+ @change="(name) => { handelOption(name, 'subject') }">
|
|
|
<el-option label="全部" value="0" />
|
|
|
<el-option v-for="item in subject_list" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
|
|
|
- <el-select class="mr-10px" v-model="normal_topic" placeholder="请选择题目" size="large" @change="(name)=>{ handelOption(name,'examOption')}">
|
|
|
+ <el-select class="mr-10px" v-model="normal_topic" placeholder="请选择题目" size="large"
|
|
|
+ @change="(name) => { handelOption(name, 'examOption') }">
|
|
|
<el-option label="全部" value="0" />
|
|
|
<el-option v-for="item in topic_list" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
@@ -55,12 +58,12 @@
|
|
|
<el-dialog v-model="dialogTableVisible" title="" style="width: 90%;">
|
|
|
<div class="mainShow">
|
|
|
<div class="mainShow_single" v-for="(item, index) in dialogArr " :key="index">
|
|
|
- <p>{{ item.option }}<span>({{ item.stuNum }})</span>人:</p>
|
|
|
+ <p>选项{{ item.answer }}<span>({{ item.list.length }})</span>人:</p>
|
|
|
<ul class="flex flex-wrap">
|
|
|
- <li v-for="(secItem, secIndex) in item.detail" :key="secIndex">
|
|
|
- <span>{{ secItem.stuSchool }}</span>
|
|
|
- <span>{{ secItem.classRomm }}</span>
|
|
|
- <span>{{ secItem.stuName }}</span>
|
|
|
+ <li v-for="(secItem, secIndex) in item.list" :key="secIndex">
|
|
|
+ <span>{{ secItem.school }}</span>
|
|
|
+ <span>{{ secItem.class }}</span>
|
|
|
+ <span>{{ secItem.name }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
@@ -85,7 +88,7 @@
|
|
|
<script lang="ts" setup>
|
|
|
|
|
|
import * as echarts from 'echarts';
|
|
|
-import { ksjh_detail,normalToppic_list,cjfx_kgtfx_list } from '../apiItem';
|
|
|
+import { ksjh_detail, normalToppic_list, cjfx_kgtfx_list,cjfx_kgtfx_detail } from '../apiItem';
|
|
|
const route = useRoute();
|
|
|
|
|
|
let normal_school = ref("");
|
|
@@ -115,7 +118,7 @@ onMounted(() => {
|
|
|
//初始化option
|
|
|
const initOption = () => {
|
|
|
let transObj = {
|
|
|
- school_id:school_id.value,
|
|
|
+ school_id: school_id.value,
|
|
|
xueke_id: xueke_id.value,
|
|
|
ykj_id: route.params.ykj_id,
|
|
|
}
|
|
@@ -170,15 +173,15 @@ const initData = () => {
|
|
|
|
|
|
school_id: normal_school.value,
|
|
|
xueke_id: normal_subject.value,
|
|
|
- hq_id:normal_topic.value,//试题
|
|
|
+ hq_id: normal_topic.value,//试题
|
|
|
jh_id: route.params.ykj_id,
|
|
|
}
|
|
|
cjfx_kgtfx_list(transObj)
|
|
|
.then(res => {
|
|
|
if (res.code == "1") {
|
|
|
- // dialogArr.value = res.data.data.dialogArr;
|
|
|
initbarChart(res.data.data.barChartData);
|
|
|
initcircleChart(res.data.data.circleChartData);
|
|
|
+
|
|
|
}
|
|
|
})
|
|
|
.catch(error => { console.log(error) })
|
|
@@ -279,43 +282,25 @@ const initcircleChart = (circleChartData: { series_name: any; series_data: any;
|
|
|
|
|
|
const dialogTableVisible = ref(false)
|
|
|
const openDialog = () => {
|
|
|
- dialogTableVisible.value = true;
|
|
|
-}
|
|
|
-
|
|
|
-let dialogArr = [
|
|
|
- {
|
|
|
- option: "单选题1",
|
|
|
- stuNum: 23,
|
|
|
- detail: [
|
|
|
- {
|
|
|
- stuSchool: "博智测试学校",
|
|
|
- classRomm: "初一(2)班",
|
|
|
- stuName: "李文1",
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- option: "单选题2",
|
|
|
- stuNum: 23,
|
|
|
- detail: [
|
|
|
- {
|
|
|
- stuSchool: "博智测试学校",
|
|
|
- classRomm: "初一(2)班",
|
|
|
- stuName: "李文1",
|
|
|
- },
|
|
|
- {
|
|
|
- stuSchool: "博智测试学校",
|
|
|
- classRomm: "初一(2)班",
|
|
|
- stuName: "李文1",
|
|
|
- }, {
|
|
|
- stuSchool: "博智测试学校",
|
|
|
- classRomm: "初一(2)班",
|
|
|
- stuName: "李文1",
|
|
|
+ //请求
|
|
|
+ let transObj = {
|
|
|
+ school_id: normal_school.value,
|
|
|
+ xueke_id: normal_subject.value,
|
|
|
+ hq_id: normal_topic.value,//试题
|
|
|
+ jh_id: route.params.ykj_id,
|
|
|
+ }
|
|
|
+ cjfx_kgtfx_detail(transObj)
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == "1") {
|
|
|
+ dialogArr.value = res.data.data;
|
|
|
+ dialogTableVisible.value = true;
|
|
|
}
|
|
|
- ]
|
|
|
- },
|
|
|
+ })
|
|
|
+ .catch(error => { console.log(error) });
|
|
|
|
|
|
-]
|
|
|
+}
|
|
|
+
|
|
|
+const dialogArr = ref([]);
|
|
|
|
|
|
//option 学校
|
|
|
const handelOption = (val, marklabel) => {
|
|
@@ -333,7 +318,7 @@ const handelOption = (val, marklabel) => {
|
|
|
// option 题目
|
|
|
const initTopic = (sjID: any) => {
|
|
|
let transObj = {
|
|
|
- ze_id:sjID,
|
|
|
+ ze_id: sjID,
|
|
|
}
|
|
|
normalToppic_list(transObj)
|
|
|
.then(res => {
|
|
@@ -353,7 +338,7 @@ const initTopic = (sjID: any) => {
|
|
|
item.content.forEach((secItem: { hq_id: any; shunxu_id: any; }) => {
|
|
|
emptyArr.push({
|
|
|
value: secItem.hq_id,
|
|
|
- label: firstLabel+secItem.shunxu_id
|
|
|
+ label: firstLabel + secItem.shunxu_id
|
|
|
})
|
|
|
})
|
|
|
})
|
|
@@ -368,7 +353,7 @@ const initTopic = (sjID: any) => {
|
|
|
|
|
|
}
|
|
|
})
|
|
|
- .catch(error=>{console.log(error)})
|
|
|
+ .catch(error => { console.log(error) })
|
|
|
|
|
|
}
|
|
|
|
|
@@ -377,7 +362,7 @@ const initTopic = (sjID: any) => {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@import '@/styles/ksfx.css';
|
|
|
-.mainCotent{
|
|
|
- min-height:665px;
|
|
|
-}
|
|
|
-</style>
|
|
|
+
|
|
|
+.mainCotent {
|
|
|
+ min-height: 665px;
|
|
|
+}</style>
|