|
|
|
|
@ -1,821 +0,0 @@
|
|
|
|
|
<template>
|
|
|
|
|
<el-dialog
|
|
|
|
|
v-model="classWorkAnalysis.open"
|
|
|
|
|
:modal-append-to-body="false"
|
|
|
|
|
class="clwk_dialog"
|
|
|
|
|
style="width: 90%; height: 85vh"
|
|
|
|
|
:show-close="false"
|
|
|
|
|
top="8vh"
|
|
|
|
|
append-to-body
|
|
|
|
|
destory-on-close
|
|
|
|
|
:before-close="onBeforeClose"
|
|
|
|
|
>
|
|
|
|
|
<template #header>
|
|
|
|
|
<div style="font-size: 18px; display: flex; flex-wrap: nowrap">
|
|
|
|
|
<div style="flex: 1">
|
|
|
|
|
{{ classWorkAnalysis.title }}完成情况
|
|
|
|
|
<el-tag :type="classWorkAnalysis.workclass" size="large" style="height: 25px">{{
|
|
|
|
|
classWorkAnalysis.worktype
|
|
|
|
|
}}</el-tag>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- classWorkAnalysis.entpcourseworklistarray 当前学习任务所包含的试题ID -->
|
|
|
|
|
<el-row
|
|
|
|
|
v-if="classWorkAnalysis.entpcourseworklistarray.length > 0"
|
|
|
|
|
style="margin: 0 auto; flex: 1"
|
|
|
|
|
>
|
|
|
|
|
<el-button-group style="margin-bottom: 10px">
|
|
|
|
|
<el-button
|
|
|
|
|
:type="classWorkAnalysis.view == 'studentview' ? 'success' : ''"
|
|
|
|
|
@click="classWorkAnalysis.view = 'studentview'"
|
|
|
|
|
>作业批阅</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
v-if="classWorkAnalysis.row.worktype == '习题训练'"
|
|
|
|
|
:type="classWorkAnalysis.view == 'quizStats' ? 'success' : ''"
|
|
|
|
|
@click="workHandle('quizStats')"
|
|
|
|
|
>逐题讲评</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
v-if="classWorkAnalysis.row.worktype == '习题训练'"
|
|
|
|
|
:type="classWorkAnalysis.view == 'report' ? 'success' : ''"
|
|
|
|
|
@click="handleClassOverviewOpen('report')"
|
|
|
|
|
>训练报告</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-button-group>
|
|
|
|
|
</el-row>
|
|
|
|
|
<div style="flex: 1">
|
|
|
|
|
<div
|
|
|
|
|
style="float: right; padding: 0 10px; cursor: pointer"
|
|
|
|
|
icon="el-icon-close"
|
|
|
|
|
@click="closeDialog"
|
|
|
|
|
>
|
|
|
|
|
x
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<!-- 如果当前学习没有试题 :height="mainHeight"-->
|
|
|
|
|
<div
|
|
|
|
|
v-if="classWorkAnalysis.view == 'studentview'"
|
|
|
|
|
style="width: 100%; height:73vh; "
|
|
|
|
|
class="clwk_dialog_view"
|
|
|
|
|
>
|
|
|
|
|
<div class="view_table">
|
|
|
|
|
<el-radio-group
|
|
|
|
|
v-model="tableRadio.value"
|
|
|
|
|
style="margin-bottom: 1px"
|
|
|
|
|
@change="tableRadioChange"
|
|
|
|
|
>
|
|
|
|
|
<el-radio-button :value="1" :label="'已交' + '（' + tableRadio.num1 + '）'" />
|
|
|
|
|
<el-radio-button :value="0" :label="'未交' + '（' + tableRadio.num0 + '）'" />
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
<!-- 学生列表：classWorkAnalysis.classworkdata; 已交未交：tableRadio.list -->
|
|
|
|
|
<el-table
|
|
|
|
|
v-loading="loading_dt_table"
|
|
|
|
|
:data="tableRadio.list"
|
|
|
|
|
row-key="id"
|
|
|
|
|
style="height: 69vh;"
|
|
|
|
|
highlight-current-row
|
|
|
|
|
@row-click="getStudentClassWorkDataDetail"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="index" label="序号" width="52" reserve-selection align="center" />
|
|
|
|
|
<el-table-column label="姓名" prop="studentname" width="100" align="center" />
|
|
|
|
|
<el-table-column :label="tableRadio.value==0?'提交状态':'提交时间'" prop="updatedate" width="170" align="center">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<span v-if="tableRadio.value==0" style="color: #2196f3">未提交</span>
|
|
|
|
|
<span v-if="tableRadio.value==1">{{ scope.row.updatedate }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column :label="tableRadio.value==0?'':'得分'" prop="score" width="80" align="center" >
|
|
|
|
|
<template #default="scope" v-if="tableRadio.value==1">
|
|
|
|
|
<span style="color: #2196f3">{{scope.row.getScore || 0}}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="批阅状态" prop="teacherRating" align="center" width="120" sortable>
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<template v-if="scope.row.teacherRating == 0">
|
|
|
|
|
<span v-if="tableRadio.value==1" style="color: #2196f3">待批阅</span>
|
|
|
|
|
</template>
|
|
|
|
|
<!-- 1-优 2-优减 3-良 4-良减 5-差 -->
|
|
|
|
|
<template v-if="scope.row.teacherRating == 1"
|
|
|
|
|
><el-tag type="danger">完美</el-tag></template
|
|
|
|
|
>
|
|
|
|
|
<template v-if="scope.row.teacherRating == 2"
|
|
|
|
|
><el-tag type="danger">优秀</el-tag></template
|
|
|
|
|
>
|
|
|
|
|
<template v-if="scope.row.teacherRating == 3"
|
|
|
|
|
><el-tag type="warning">良好</el-tag></template
|
|
|
|
|
>
|
|
|
|
|
<template v-if="scope.row.teacherRating == 4"
|
|
|
|
|
><el-tag type="info">及格</el-tag></template
|
|
|
|
|
>
|
|
|
|
|
<template v-if="scope.row.teacherRating == 5"
|
|
|
|
|
><el-tag type="info">不及格</el-tag></template
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="view_teachrting">
|
|
|
|
|
<div class="classwork-score">
|
|
|
|
|
<div v-if="classWorkAnalysis.activeStudentQuizlist.length == 0">
|
|
|
|
|
<el-empty
|
|
|
|
|
description="点击左侧表格学生信息可查看批阅详情"
|
|
|
|
|
style="width: 100%; height: 500px"
|
|
|
|
|
></el-empty>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<div v-if="isopen_dtwk_table">
|
|
|
|
|
<div v-show="classWorkAnalysis.activeStudentQuizlist.length > 0">
|
|
|
|
|
<item-dialog-score
|
|
|
|
|
ref="classWorkAnalysisScoreDialogRef"
|
|
|
|
|
@class_work_score_submit="onClassWorkScoreSubmit"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-else>
|
|
|
|
|
<el-empty
|
|
|
|
|
description="点击左侧表格学生信息可查看批阅详情"
|
|
|
|
|
style="width: 100%; height: 500px"
|
|
|
|
|
></el-empty>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 逐题讲评 -->
|
|
|
|
|
<div v-else-if="classWorkAnalysis.view == 'quizStats'">
|
|
|
|
|
<quiz-stats :active-data="classWorkActiveData" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 训练报告-->
|
|
|
|
|
<div v-else-if="classWorkAnalysis.view == 'report'" style="overflow-y: scroll">
|
|
|
|
|
<!-- <ClassOverview :table-list="overviewData" :eval-id="courseObj.evalid"></ClassOverview> -->
|
|
|
|
|
<ClassOverview :active-data="classWorkActiveData" :table-list="overviewData"></ClassOverview>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- <template #footer>
|
|
|
|
|
<div class="dialog-footer">
|
|
|
|
|
<el-button type="primary" @click="classWorkAnalysis.open=false">关 闭</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template> -->
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</template>
|
|
|
|
|
<script setup name="itemDialogRef">
|
|
|
|
|
import { ref, defineExpose, onMounted, reactive, computed, watch, onUnmounted, nextTick, getCurrentInstance } from 'vue'
|
|
|
|
|
import { addSmartClassReserv, updateSmartClassReserv, listClassmain } from '@/api/classManage'
|
|
|
|
|
import { listClassworkdata, listEntpcoursework, listClassworkeval } from '@/api/classTask'
|
|
|
|
|
import useUserStore from '@/store/modules/user'
|
|
|
|
|
import { ElMessage } from 'element-plus'
|
|
|
|
|
import { getCurrentTime, getAfterMinutes } from '@/utils/date'
|
|
|
|
|
import { processList } from '@/hooks/useProcessList'
|
|
|
|
|
import ItemDialogScore from '@/views/classTask/container/classTask/item-dialog-score.vue'
|
|
|
|
|
// zdg: 组件导入
|
|
|
|
|
import quizStats from '@/views/classTask/container/quizStats.vue'
|
|
|
|
|
import ClassOverview from '@/views/classTask/container/classOverview.vue'
|
|
|
|
|
|
|
|
|
|
const { proxy } = getCurrentInstance()
|
|
|
|
|
const emit = defineEmits(['cle-click'])
|
|
|
|
|
const props = defineProps({
|
|
|
|
|
bookId: {
|
|
|
|
|
type: Number,
|
|
|
|
|
default: 0
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
const mainHeight = ref(document.documentElement.clientHeight - 110)
|
|
|
|
|
const classWorkAnalysis = reactive({
|
|
|
|
|
open: false
|
|
|
|
|
})
|
|
|
|
|
const tableRadio = reactive({
|
|
|
|
|
value: '1', // 已交
|
|
|
|
|
list: [], // 已交list
|
|
|
|
|
num1: 0, // 已交人数
|
|
|
|
|
num0: 0 // 未交人数
|
|
|
|
|
}) // 批阅 是否已交
|
|
|
|
|
const loading_dt_table = ref(false)
|
|
|
|
|
const isopen_dtwk_table = ref(false)
|
|
|
|
|
|
|
|
|
|
// zdg: 逐题讲评
|
|
|
|
|
const classWorkActiveData = reactive({
|
|
|
|
|
quizlist: [], // 当前习题列表
|
|
|
|
|
studentList: [], // 当前课程-所有学生
|
|
|
|
|
workFeedList: [], // 当前课程-所有学生反馈数据
|
|
|
|
|
timerId: 0 // 定时器id
|
|
|
|
|
})
|
|
|
|
|
//所选学生题目- 答题题目分析与评价
|
|
|
|
|
const classWorkAnalysisScore = reactive({
|
|
|
|
|
studentObj: {}, // 当前学生的作业题型等信息
|
|
|
|
|
studentQuizAllList: [], // 选择学生的回答list
|
|
|
|
|
quizlist: [] // 选择学生的题目list
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
//查看学生概况数据
|
|
|
|
|
const overviewData = ref([])
|
|
|
|
|
|
|
|
|
|
// watch(
|
|
|
|
|
// // () => props.currentNode,
|
|
|
|
|
// (newValue, oldValue) => {
|
|
|
|
|
// form.name = newValue.label
|
|
|
|
|
// }
|
|
|
|
|
// )
|
|
|
|
|
const openDialog = (data) => {
|
|
|
|
|
console.log(data, '点击的item完成情况')
|
|
|
|
|
|
|
|
|
|
classWorkAnalysis.title = data.uniquekey ? data.uniquekey + '--' : ''
|
|
|
|
|
classWorkAnalysis.worktype = data.worktype
|
|
|
|
|
classWorkAnalysis.workclass = data.workclass
|
|
|
|
|
// 重置学生列表
|
|
|
|
|
tableRadio.list = []
|
|
|
|
|
tableRadio.value = '1'
|
|
|
|
|
tableRadio.num0 = 0
|
|
|
|
|
tableRadio.num1 = 0
|
|
|
|
|
|
|
|
|
|
classWorkAnalysis.open = true
|
|
|
|
|
// 默认显示是学生作业反馈
|
|
|
|
|
classWorkAnalysis.view = 'studentview'
|
|
|
|
|
// 当前学习任务所包含的试题ID
|
|
|
|
|
classWorkAnalysis.entpcourseworklistarray = data.entpcourseworklistarray
|
|
|
|
|
// 默认选中的学生
|
|
|
|
|
classWorkAnalysis.activeStudentQuizlist = []
|
|
|
|
|
// 默认选中的试题
|
|
|
|
|
classWorkAnalysis.activeQuizAnalysisData = []
|
|
|
|
|
|
|
|
|
|
classWorkAnalysis.row = data
|
|
|
|
|
// window.test = this
|
|
|
|
|
// zdg: 学生列表
|
|
|
|
|
const studentArr = data.classworkdatastudentids
|
|
|
|
|
? JSON.parse(`[${data.classworkdatastudentids}]`)
|
|
|
|
|
: []
|
|
|
|
|
classWorkActiveData.studentList = studentArr
|
|
|
|
|
/** 学生完成情况分析--获取作业学生list数据 */
|
|
|
|
|
getClassWorkStudentList(data.id)
|
|
|
|
|
|
|
|
|
|
// 课程列表idlist
|
|
|
|
|
var ids = []
|
|
|
|
|
for (var i = 0; i < data.entpcourseworklistarray.length; i++) {
|
|
|
|
|
ids.push(data.entpcourseworklistarray[i].id)
|
|
|
|
|
}
|
|
|
|
|
// 课程作业列表
|
|
|
|
|
listEntpcoursework({ ids: ids.join(','), pageSize: 500 }).then((idres) => {
|
|
|
|
|
for (var i = 0; i < idres.rows.length; i++) {
|
|
|
|
|
// //新增了 复合题、主观题（背景+小题目） 题目标题优化一下 .replace(/!@#\$%/g,'')
|
|
|
|
|
idres.rows[i].titletext = idres.rows[i].title.replace(/!@#\$%/g, '')
|
|
|
|
|
}
|
|
|
|
|
classWorkAnalysis.quizlist = idres.rows
|
|
|
|
|
classWorkActiveData.quizlist = idres.rows // zdg: 作业概览组件使用
|
|
|
|
|
processList(classWorkActiveData.quizlist);
|
|
|
|
|
|
|
|
|
|
// 统计每个题目的正误率
|
|
|
|
|
// 这个学习任务所有题目+所有学生的答题数据 , pageSize: 100
|
|
|
|
|
listClassworkeval({ workid: data.id, pageSize: 1000 }).then((wevalres) => {
|
|
|
|
|
for (var i = 0; i < classWorkAnalysis.quizlist.length; i++) {
|
|
|
|
|
// 分析每一道题目
|
|
|
|
|
var scoingCount = 0
|
|
|
|
|
var feedcount = 0
|
|
|
|
|
// 全部人数
|
|
|
|
|
var evalCount = 0
|
|
|
|
|
for (var w = 0; w < wevalres.rows.length; w++) {
|
|
|
|
|
if (wevalres.rows[w].entpcourseworkid == classWorkAnalysis.quizlist[i].id) {
|
|
|
|
|
evalCount++
|
|
|
|
|
|
|
|
|
|
// 只统计有回答的题目
|
|
|
|
|
if (wevalres.rows[w].feedcontent != '') {
|
|
|
|
|
// 已经作答的人数
|
|
|
|
|
feedcount++
|
|
|
|
|
// 简单判断正误
|
|
|
|
|
if (wevalres.rows[w].feedcontent == wevalres.rows[w].rightanswer) {
|
|
|
|
|
wevalres.rows[w].scoingStatus = true
|
|
|
|
|
scoingCount++
|
|
|
|
|
// 学生回答与参考答案一样，则：得分=分值
|
|
|
|
|
wevalres.rows[w].teacherRating = wevalres.rows[w].score
|
|
|
|
|
} else {
|
|
|
|
|
wevalres.rows[w].scoingStatus = false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
classWorkAnalysis.quizlist[i].evalCount = evalCount
|
|
|
|
|
// 作答人数
|
|
|
|
|
classWorkAnalysis.quizlist[i].feedcount = feedcount
|
|
|
|
|
// 得分率 这里优化一下（没回答会是NaN%） scoingRate
|
|
|
|
|
if (scoingCount == 0 && feedcount == 0) {
|
|
|
|
|
classWorkAnalysis.quizlist[i].scoingRate = '0%'
|
|
|
|
|
} else {
|
|
|
|
|
classWorkAnalysis.quizlist[i].scoingRate =
|
|
|
|
|
((scoingCount / feedcount) * 100).toFixed(0) + '%'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// zdg: 所有反馈数据
|
|
|
|
|
const getStudentid = (workdataid) => {
|
|
|
|
|
// 获取学生id
|
|
|
|
|
const classworkdata = (classWorkAnalysis.classworkdata || []).find(
|
|
|
|
|
(o) => o.id === workdataid
|
|
|
|
|
)
|
|
|
|
|
return classworkdata ? classworkdata.studentid : ''
|
|
|
|
|
}
|
|
|
|
|
wevalres.rows.forEach((o) => {
|
|
|
|
|
o.studentid = getStudentid(o.workdataid)
|
|
|
|
|
})
|
|
|
|
|
classWorkActiveData.workFeedList = wevalres.rows
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
console.log(classWorkAnalysis, '点击进度后获得的数据')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//#region 学生完成情况分析
|
|
|
|
|
/** 1、获取作业学生列表 */
|
|
|
|
|
const getClassWorkStudentList = (rowId) => {
|
|
|
|
|
// 本地保存这个rowid，老师批改后续中使用
|
|
|
|
|
localStorage.setItem('activeClassWorkRowId', rowId)
|
|
|
|
|
// 先清空表格中的数据
|
|
|
|
|
classWorkAnalysis.classworkdata = []
|
|
|
|
|
// 加载中_
|
|
|
|
|
loading_dt_table.value = true
|
|
|
|
|
// 找当前学习任务的classworkdata数据
|
|
|
|
|
listClassworkdata({ classworkid: rowId, pageSize: 100 })
|
|
|
|
|
.then((response) => {
|
|
|
|
|
for (var i = 0; i < response.rows.length; i++) {
|
|
|
|
|
if (response.rows[i].entpcourseworklist != '') {
|
|
|
|
|
response.rows[i].entpcourseworkarray = JSON.parse(
|
|
|
|
|
'[' + response.rows[i].entpcourseworklist + ']'
|
|
|
|
|
)
|
|
|
|
|
} else {
|
|
|
|
|
response.rows[i].entpcourseworkarray = []
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 老师批阅状态 默认0 未批改
|
|
|
|
|
response.rows[i].teacherRating = 0
|
|
|
|
|
|
|
|
|
|
// 计算每个学生的得分率
|
|
|
|
|
if (
|
|
|
|
|
response.rows[i].classworkevallist != '' &&
|
|
|
|
|
response.rows[i].classworkevallist != null &&
|
|
|
|
|
response.rows[i].classworkevallist != 'null'
|
|
|
|
|
) {
|
|
|
|
|
// 将标签中双引号改为转义, 测试数据: "{\"id\":172910, \"feedcontent\":\"毛泽东，<bdo class=\"mathjye-underpoint2\">浮想联翩</bdo>。\", \"score\":4, \"rightanswer\":\"毛泽东重，<bdo class=\"mathjye-underpoint2\">浮想联翩</bdo>。\"},{\"id\":172911, \"rating\":0, \"teacherRating\":0, \"entpcourseworkid\":363100, \"feedcontent\":\"毛泽东重游橘子洲，面对如画的秋色和大好的革命形势，回忆过去战斗的岁月，不禁心潮起伏，<bdo class=\"mathjye-underpoint2\">浮想联翩</bdo>。\", \"score\":4, \"rightanswer\":\"毛泽东重游橘子洲，面对如画的秋色和大好的革命形势，回忆过去战斗的岁月，不禁心潮起伏，<bdo class=\"mathjye-underpoint2\">浮想联翩</bdo>。\"}"
|
|
|
|
|
// 常规作业（去除【】前后引号）.replace(/"(\[.*\])"/g, '$1'); ：eg: "feedcontent\":\"[{\"name\":\"Bliss.jpg\",\"url\":\"https://wzyzoss.3b8daa474.jpg\"}]\",
|
|
|
|
|
// json转换会报错； .replace(/""/g, '"') eg: ""宇宙环境安全""
|
|
|
|
|
response.rows[i].classworkevallist = escapeHtmlQuotes(response.rows[i].classworkevallist)
|
|
|
|
|
//console.log('学生完成情况分析classworkevallist', response.rows[i].classworkevallist)
|
|
|
|
|
const evalarray = JSON.parse('[' + response.rows[i].classworkevallist + ']')
|
|
|
|
|
var scoingCount = 0
|
|
|
|
|
var feedcount = 0
|
|
|
|
|
let score = 0
|
|
|
|
|
for (var e = 0; e < evalarray.length; e++) {
|
|
|
|
|
if (evalarray[e].feedcontent != '') {
|
|
|
|
|
feedcount++
|
|
|
|
|
// 与答案对比正误。注意注意，这里仅限单选题
|
|
|
|
|
if (evalarray[e].feedcontent == evalarray[e].rightanswer) {
|
|
|
|
|
scoingCount++
|
|
|
|
|
score += evalarray[e].score;
|
|
|
|
|
evalarray[e].teacherRating = evalarray[e].score
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const allScore = evalarray.reduce((acc, cur) => acc + cur.score, 0)
|
|
|
|
|
//console.log(evalarray, 'evalarray------------------------------------')
|
|
|
|
|
if (feedcount > 0) {
|
|
|
|
|
// 多个题目的总得分率: 正确题数/（题目数*100）
|
|
|
|
|
response.rows[i].scoingRate = ((score / allScore) * 100).toFixed(0) + '%'
|
|
|
|
|
response.rows[i].getScore = score
|
|
|
|
|
} else {
|
|
|
|
|
response.rows[i].scoingRate = '0%'
|
|
|
|
|
response.rows[i].getScore = 0
|
|
|
|
|
}
|
|
|
|
|
// 批阅状态 优良类 :注意：这里题目中的评价都是一样的，所以取第一个
|
|
|
|
|
if (evalarray[0].rating != '') {
|
|
|
|
|
response.rows[i].teacherRating = evalarray[0].rating
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
response.rows[i].scoingRate = '0%'
|
|
|
|
|
response.rows[i].getScore = 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
classWorkAnalysis.classworkdata = response.rows
|
|
|
|
|
loading_dt_table.value = false
|
|
|
|
|
|
|
|
|
|
// 默认获取已交的学生列表
|
|
|
|
|
tableRadio.list =
|
|
|
|
|
classWorkAnalysis.classworkdata &&
|
|
|
|
|
classWorkAnalysis.classworkdata.filter((item) => item.finishtimelength != '0')
|
|
|
|
|
tableRadio.value = '1'
|
|
|
|
|
tableRadio.num0 = classWorkAnalysis.classworkdata.length - tableRadio.list.length
|
|
|
|
|
tableRadio.num1 = tableRadio.list.length
|
|
|
|
|
tableRadio.list = tableRadio.list.map((item) => {
|
|
|
|
|
return {
|
|
|
|
|
...item,
|
|
|
|
|
teacherRating : checkWorkType(item)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
.catch(() => {
|
|
|
|
|
loading_dt_table.value = false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
const checkWorkType = (item) => {
|
|
|
|
|
//这里判断题目类型
|
|
|
|
|
const subType = classWorkActiveData.quizlist.map(item => item.worktype)
|
|
|
|
|
const objectiveQuestion = ['单选题','多选题','判断题']
|
|
|
|
|
let rating = 0
|
|
|
|
|
//判断题目是不是客观题
|
|
|
|
|
if(subType.every(item => objectiveQuestion.includes(item))){
|
|
|
|
|
// 获取学生答题列表
|
|
|
|
|
const score = extractedNumber(item.scoingRate)
|
|
|
|
|
if(0<=score && score<=59){
|
|
|
|
|
rating = 5
|
|
|
|
|
}else if(60<=score && score<=69){
|
|
|
|
|
rating = 4
|
|
|
|
|
}else if(70<=score && score<=79){
|
|
|
|
|
rating = 3
|
|
|
|
|
}else if(80<=score && score<=99){
|
|
|
|
|
rating = 2
|
|
|
|
|
}else{
|
|
|
|
|
rating = 1
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return rating
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
// 获取百分比的数字
|
|
|
|
|
const extractedNumber = (score) => {
|
|
|
|
|
const match = score.match(/\d+/);
|
|
|
|
|
return match ? parseInt(match[0], 10) : null;
|
|
|
|
|
}
|
|
|
|
|
/** 2、查看某一个学生的学习任务完成详情*/
|
|
|
|
|
const getStudentClassWorkDataDetail = (row) => {
|
|
|
|
|
// 这里取出的是学生完成情况
|
|
|
|
|
// 具体的题目数据在this.classWorkAnalysis.quizlist里
|
|
|
|
|
console.log(row, '点击了左侧学生')
|
|
|
|
|
//更新到待批改的学生信息中
|
|
|
|
|
classWorkAnalysisScore.studentObj = row
|
|
|
|
|
listClassworkeval({ workdataid: row.id, pageSize: 100 })
|
|
|
|
|
.then((wevalres) => {
|
|
|
|
|
for (var i = 0; i < classWorkAnalysis.quizlist.length; i++) {
|
|
|
|
|
// 分析每一道题目
|
|
|
|
|
for (var w = 0; w < wevalres.rows.length; w++) {
|
|
|
|
|
if (wevalres.rows[w].entpcourseworkid == classWorkAnalysis.quizlist[i].id) {
|
|
|
|
|
wevalres.rows[w].quiztitle = classWorkAnalysis.quizlist[i].title
|
|
|
|
|
wevalres.rows[w].quiztitletext = classWorkAnalysis.quizlist[i].title.replace(
|
|
|
|
|
/<[^>]*>/g,
|
|
|
|
|
''
|
|
|
|
|
)
|
|
|
|
|
wevalres.rows[w].score = wevalres.rows[w].score ? wevalres.rows[w].score : 0
|
|
|
|
|
|
|
|
|
|
// 参考答案 去除下html标签
|
|
|
|
|
// wevalres.rows[w].rightanswer =
|
|
|
|
|
// wevalres.rows[w].rightanswer != '' && wevalres.rows[w].rightanswer != null
|
|
|
|
|
// ? wevalres.rows[w].rightanswer.replace(/<[^>]+>/g, '')
|
|
|
|
|
// : wevalres.rows[w].rightanswer
|
|
|
|
|
// // 学生回答 去除下html标签
|
|
|
|
|
// wevalres.rows[w].feedcontent =
|
|
|
|
|
// wevalres.rows[w].feedcontent != '' && wevalres.rows[w].feedcontent != null
|
|
|
|
|
// ? wevalres.rows[w].feedcontent.replace(/<[^>]+>/g, '')
|
|
|
|
|
// : wevalres.rows[w].feedcontent
|
|
|
|
|
|
|
|
|
|
if (classWorkAnalysis.row.worktype == '常规作业') {
|
|
|
|
|
wevalres.rows[w].feedcontent = JSON.parse(wevalres.rows[w].feedcontent)
|
|
|
|
|
}
|
|
|
|
|
if (wevalres.rows[w].feedcontent != '') {
|
|
|
|
|
if (wevalres.rows[w].feedcontent == wevalres.rows[w].rightanswer) {
|
|
|
|
|
wevalres.rows[w].scoingStatus = true
|
|
|
|
|
// 学生回答与参考答案一样，则：得分=分值
|
|
|
|
|
wevalres.rows[w].teacherRating = wevalres.rows[w].score
|
|
|
|
|
} else {
|
|
|
|
|
wevalres.rows[w].scoingStatus = false
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
wevalres.rows[w].scoingStatus = ''
|
|
|
|
|
}
|
|
|
|
|
// 计算得分
|
|
|
|
|
}
|
|
|
|
|
// "回答" prop="feedcontent" width="200" align="center"></el-table-column>
|
|
|
|
|
// <el-table-column label="参考答案" prop="rightanswer"
|
|
|
|
|
//新增了 复合题、主观题（背景+小题目） 题目标题优化一下
|
|
|
|
|
wevalres.rows[w].worktitle = wevalres.rows[w].worktitle.replace(/!@#\$%/g, '')
|
|
|
|
|
|
|
|
|
|
// 将feedcontent中的\r替换为<br />
|
|
|
|
|
wevalres.rows[w].feedcontent = wevalres.rows[w].feedcontent.replace(/(?<!\\)\n/g, '<br />'); //替换\n而不替换\\n 为 \\n
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
classWorkAnalysis.activeStudentQuizlist = wevalres.rows
|
|
|
|
|
// 加载右边表格
|
|
|
|
|
isopen_dtwk_table.value = true
|
|
|
|
|
// 加载右边评语区域
|
|
|
|
|
if (wevalres.rows.length > 0) {
|
|
|
|
|
handleClassWorkAnalysissScoreOpen(row)
|
|
|
|
|
} else {
|
|
|
|
|
ElMessage({
|
|
|
|
|
type: 'warning',
|
|
|
|
|
message: '未获取到答题信息，请稍后再看，或者联系管理员查看情况！'
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch(() => {
|
|
|
|
|
console.log('获取完成情况失败')
|
|
|
|
|
ElMessage({
|
|
|
|
|
type: 'warning',
|
|
|
|
|
message: '未获取到答题信息！'
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
/** 3、教师批改后返回的方法*/
|
|
|
|
|
const onClassWorkScoreSubmit = () => {
|
|
|
|
|
console.log('批改后返回的方法')
|
|
|
|
|
loading_dt_table.value = true
|
|
|
|
|
isopen_dtwk_table.value = false
|
|
|
|
|
// 1、清空完成情况的两个table数据，- 左侧学生列表：classWorkAnalysis.classworkdata；- 右侧学生回答题目列表：classWorkAnalysis.activeStudentQuizlist
|
|
|
|
|
// - 左侧学生列表
|
|
|
|
|
classWorkAnalysis.classworkdata = []
|
|
|
|
|
classWorkAnalysis.activeStudentQuizlist = []
|
|
|
|
|
// 2、刷新左侧学生列表数据，更新批改状态
|
|
|
|
|
const rowid = localStorage.getItem('activeClassWorkRowId')
|
|
|
|
|
getClassWorkStudentList(rowid)
|
|
|
|
|
}
|
|
|
|
|
// 查看并批改一个学生的题目作答(答题题目分析与评价)
|
|
|
|
|
const handleClassWorkAnalysissScoreOpen = (row) => {
|
|
|
|
|
console.log(row, '所选点击的信息')
|
|
|
|
|
|
|
|
|
|
// 当前学生的回答list
|
|
|
|
|
classWorkAnalysisScore.studentQuizAllList = classWorkAnalysis.activeStudentQuizlist
|
|
|
|
|
// 当前学生的所有题目list
|
|
|
|
|
classWorkAnalysisScore.quizlist = classWorkAnalysis.quizlist
|
|
|
|
|
// 格式化试题格式信息
|
|
|
|
|
processList(classWorkAnalysisScore.quizlist)
|
|
|
|
|
// 屏幕高度
|
|
|
|
|
classWorkAnalysisScore.maxheight = mainHeight.value - 100
|
|
|
|
|
|
|
|
|
|
// 防止组件未渲染完成 调用里面方法报错
|
|
|
|
|
nextTick(() => {
|
|
|
|
|
proxy.$refs.classWorkAnalysisScoreDialogRef.acceptParams(classWorkAnalysisScore)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
//#endregion
|
|
|
|
|
|
|
|
|
|
/** 批阅：已交未交事件 */
|
|
|
|
|
const tableRadioChange = (e) => {
|
|
|
|
|
// 关闭右侧批阅ui
|
|
|
|
|
isopen_dtwk_table.value = false;
|
|
|
|
|
console.log(e,'??????')
|
|
|
|
|
console.log("学生列表：", classWorkAnalysis.classworkdata)
|
|
|
|
|
if(e=='1'){
|
|
|
|
|
tableRadio.list = classWorkAnalysis.classworkdata.filter(item => item.finishtimelength != '0')
|
|
|
|
|
tableRadio.value = '1';
|
|
|
|
|
tableRadio.num0 = classWorkAnalysis.classworkdata.length - tableRadio.list.length;
|
|
|
|
|
tableRadio.num1 = tableRadio.list.length;
|
|
|
|
|
}else if(e=='0'){
|
|
|
|
|
tableRadio.list = classWorkAnalysis.classworkdata.filter(item => item.finishtimelength == '0')
|
|
|
|
|
tableRadio.value = '0';
|
|
|
|
|
tableRadio.num0 = tableRadio.list.length;
|
|
|
|
|
tableRadio.num1 = classWorkAnalysis.classworkdata.length - tableRadio.list.length;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 将标签中的双引号增加转义
|
|
|
|
|
const escapeHtmlQuotes = (str) => {
|
|
|
|
|
// 后端已replace双引号, 故前端不用在处理
|
|
|
|
|
const regex1 = /\\+/g; // 匹配多个反斜杠
|
|
|
|
|
let result = str.replace(regex1, '\\');
|
|
|
|
|
result = str.replace(/(?<!\\)\n/g, '<br />'); //替换\n而不替换\\n 为 \\n
|
|
|
|
|
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//#region 逐题讲评
|
|
|
|
|
// 查看学生-作业概览
|
|
|
|
|
const workHandle = (type) => {
|
|
|
|
|
// 关闭右侧批阅ui
|
|
|
|
|
isopen_dtwk_table.value = false;
|
|
|
|
|
classWorkAnalysis.view = type
|
|
|
|
|
const isClose = type != 'quizStats' && !! classWorkActiveData.timerId
|
|
|
|
|
const isOpen = type == 'quizStats' && !classWorkActiveData.timerId
|
|
|
|
|
// 每次进来都重新调用一次
|
|
|
|
|
if(type == 'quizStats') {
|
|
|
|
|
getWorkFeedList();
|
|
|
|
|
}
|
|
|
|
|
if (isClose) clearInterval(classWorkActiveData.timerId) // 关闭定时器
|
|
|
|
|
if (isOpen) {
|
|
|
|
|
// 轮询 更新学生作答数据
|
|
|
|
|
classWorkActiveData.timerId = setInterval(() => {
|
|
|
|
|
console.log('zdg: 定时执行')
|
|
|
|
|
getWorkFeedList()
|
|
|
|
|
}, 20 * 1000);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 获取学生答题回馈数据-更新
|
|
|
|
|
const getWorkFeedList = async() =>{
|
|
|
|
|
const workid = classWorkAnalysis.row.id
|
|
|
|
|
const res = await listClassworkeval({workid, isFinish: 1, pageSize: 1000})
|
|
|
|
|
const getStudentid = (workdataid) => { // 获取学生id
|
|
|
|
|
const classworkdata = (classWorkAnalysis.classworkdata||[]).find(o => o.id === workdataid)
|
|
|
|
|
return classworkdata ? classworkdata.studentid : ''
|
|
|
|
|
}
|
|
|
|
|
res.rows.forEach(o => { o.studentid = getStudentid(o.workdataid) })
|
|
|
|
|
classWorkActiveData.workFeedList = res.rows
|
|
|
|
|
}
|
|
|
|
|
//#endregion
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//#regin 训练报告
|
|
|
|
|
/*
|
|
|
|
|
author: yangws
|
|
|
|
|
time: 2024-8-06 16:35:33
|
|
|
|
|
function: 训练报告的处理
|
|
|
|
|
*/
|
|
|
|
|
const handleClassOverviewOpen = (type) =>{
|
|
|
|
|
// 关闭右侧批阅ui
|
|
|
|
|
isopen_dtwk_table.value = false;
|
|
|
|
|
classWorkAnalysis.view = type
|
|
|
|
|
const data = classWorkAnalysis.row
|
|
|
|
|
//获取所有学生列表
|
|
|
|
|
listClassworkdata({classworkid: data.id, pageSize: 100}).then((response) => {
|
|
|
|
|
if(response.code === 200){
|
|
|
|
|
response.rows.forEach(item => {
|
|
|
|
|
let rightAnswer = 0
|
|
|
|
|
let answers = 0
|
|
|
|
|
let score = 0
|
|
|
|
|
if(!item.classworkevallist) return
|
|
|
|
|
// 使用正则表达式替换字符串值中的双引号为单引号
|
|
|
|
|
let replacedString = item.classworkevallist.replace(/""/g, "\"");
|
|
|
|
|
// 将标签中双引号改为转义, 测试数据: "{\"id\":172907, \"rating\":0, \"teacherRating\":0, \"entpcourseworkid\":358520, \"feedcontent\":\"④①⑤③②\", \"score\":4, \"rightanswer\":\"④①⑤③②\"},{\"id\":172908, \"rating\":0, \"teacherRating\":0, \"entpcourseworkid\":358521, \"feedcontent\":\"气壮山威，鲲鹏展翅楚云飞\", \"score\":4, \"rightanswer\":\"志远天高，春风杨柳麓山青\"},{\"id\":172909, \"rating\":0, \"teacherRating\":0, \"entpcourseworkid\":363096, \"feedcontent\":\"《红烛》化用“蜡矩”这一古典意象，赋予它新的含义，赞美了红烛以“蜡炬成灰”来点亮世界的奉献精神。\", \"score\":4, \"rightanswer\":\"《立在地球边上放号》中，全诗采用间接抒情的方式，描绘了太平洋的浪潮，吟唱了一曲惊心动魄的力的颂歌，意在赞美摧毁旧世界、创造新生活的“五四”精神。\"},{\"id\":172910, \"rating\":0, \"teacherRating\":0, \"entpcourseworkid\":363098, \"feedcontent\":\"毛泽东重游橘子洲，面对如画的秋色和大好的革命形势，回忆过去战斗的岁月，不禁心潮起伏，<bdo class=\"mathjye-underpoint2\">浮想联翩</bdo>。\", \"score\":4, \"rightanswer\":\"毛泽东重游橘子洲，面对如画的秋色和大好的革命形势，回忆过去战斗的岁月，不禁心潮起伏，<bdo class=\"mathjye-underpoint2\">浮想联翩</bdo>。\"},{\"id\":172911, \"rating\":0, \"teacherRating\":0, \"entpcourseworkid\":363100, \"feedcontent\":\"毛泽东重游橘子洲，面对如画的秋色和大好的革命形势，回忆过去战斗的岁月，不禁心潮起伏，<bdo class=\"mathjye-underpoint2\">浮想联翩</bdo>。\", \"score\":4, \"rightanswer\":\"毛泽东重游橘子洲，面对如画的秋色和大好的革命形势，回忆过去战斗的岁月，不禁心潮起伏，<bdo class=\"mathjye-underpoint2\">浮想联翩</bdo>。\"}"
|
|
|
|
|
replacedString = escapeHtmlQuotes(item.classworkevallist);
|
|
|
|
|
let allTopic
|
|
|
|
|
try{
|
|
|
|
|
allTopic = JSON.parse(`[${item.classworkevallist}]`)
|
|
|
|
|
}catch{
|
|
|
|
|
allTopic = JSON.parse(`[${replacedString}]`)
|
|
|
|
|
}
|
|
|
|
|
if(item.classworkevallist != ''){
|
|
|
|
|
allTopic.forEach(itemTopic => {
|
|
|
|
|
if(itemTopic.feedcontent != ''){
|
|
|
|
|
answers ++
|
|
|
|
|
//正确答案，仅限单选题
|
|
|
|
|
if(itemTopic.feedcontent === itemTopic.rightanswer){
|
|
|
|
|
rightAnswer ++
|
|
|
|
|
score += itemTopic.score
|
|
|
|
|
itemTopic.teacherRating = itemTopic.score
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
const allScore = allTopic.reduce((acc, cur) => {
|
|
|
|
|
return acc + cur.score;
|
|
|
|
|
},0)
|
|
|
|
|
rightAnswer > 0?item.scoingRate = (score/allScore * 100).toFixed(0):item.scoingRate = ''
|
|
|
|
|
}else{
|
|
|
|
|
item.scoingRate = ''
|
|
|
|
|
item.getScore = 0
|
|
|
|
|
}
|
|
|
|
|
//获得总分
|
|
|
|
|
const point = allTopic.reduce((acc, cur) => {
|
|
|
|
|
if(cur.rating !== 0){
|
|
|
|
|
return acc + cur.teacherRating;
|
|
|
|
|
}
|
|
|
|
|
},0)
|
|
|
|
|
// item.chapter = this.courseObj.evalid
|
|
|
|
|
item.point = point || 0
|
|
|
|
|
item.rating = allTopic[0].rating
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
overviewData.value = [...response.rows]
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//#endregion
|
|
|
|
|
|
|
|
|
|
const onBeforeClose = () =>{
|
|
|
|
|
console.log('非正常关闭dialog?esc、dialog外部区域')
|
|
|
|
|
closeDialog()
|
|
|
|
|
}
|
|
|
|
|
const closeDialog = () => {
|
|
|
|
|
classWorkAnalysis.open = false
|
|
|
|
|
emit('cle-click')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
watch(classWorkAnalysis, (newVal, oldVal) => {
|
|
|
|
|
if(newVal.view != 'quizStats'){
|
|
|
|
|
console.log('关闭zdg: 定时执行')
|
|
|
|
|
clearInterval(classWorkActiveData.timerId) // 关闭定时器 逐题讲评的
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
onUnmounted(() => {
|
|
|
|
|
clearInterval(classWorkActiveData.timerId) // 关闭定时器 逐题讲评的
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
defineExpose({
|
|
|
|
|
openDialog,
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
/*:deep(.reserv-date-pick) {
|
|
|
|
|
width: 140px;
|
|
|
|
|
}
|
|
|
|
|
:deep(.reserv-time-pick) {
|
|
|
|
|
width: 240px;
|
|
|
|
|
}*/
|
|
|
|
|
.clwk_dialog {
|
|
|
|
|
.clwk_dialog_view {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.view_table {
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.view_teachrting {
|
|
|
|
|
flex: 1;
|
|
|
|
|
height: 100%;
|
|
|
|
|
/*overflow-y: auto; */
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.clwk_dialog {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .el-dialog {
|
|
|
|
|
margin: 0 auto !important;
|
|
|
|
|
height: 85%!important;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .el-dialog__header {
|
|
|
|
|
/* position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0; */
|
|
|
|
|
width: 100%!important;
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .el-dialog__body {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 15px;
|
|
|
|
|
bottom: 1px;
|
|
|
|
|
right:0;
|
|
|
|
|
padding:5px;
|
|
|
|
|
z-index:1;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
/* overflow:hidden;
|
|
|
|
|
overflow-y: auto; */
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .el-dialog__footer{
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 10px;
|
|
|
|
|
right: 10px;
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .classwork-score{
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.clwk_dialog {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .el-dialog {
|
|
|
|
|
margin: 0 auto !important;
|
|
|
|
|
height: 85%!important;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .el-dialog__header {
|
|
|
|
|
/* position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0; */
|
|
|
|
|
width: 100%!important;
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .el-dialog__body {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 15px;
|
|
|
|
|
bottom: 1px;
|
|
|
|
|
right:0;
|
|
|
|
|
padding:5px;
|
|
|
|
|
z-index:1;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
/* overflow:hidden;
|
|
|
|
|
overflow-y: auto; */
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .el-dialog__footer{
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 10px;
|
|
|
|
|
right: 10px;
|
|
|
|
|
}
|
|
|
|
|
.clwk_dialog .classwork-score{
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style src="@/assets/styles/JYStyle.css"></style>
|