Compare commits
No commits in common. "main" and "zhuhao_dev" have entirely different histories.
main
...
zhuhao_dev
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "aix-win",
|
"name": "aix-win",
|
||||||
"version": "2.1.28",
|
"version": "2.1.19",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "./out/main/index.js",
|
"main": "./out/main/index.js",
|
||||||
"author": "上海交大重庆人工智能研究院",
|
"author": "上海交大重庆人工智能研究院",
|
||||||
|
|
|
@ -175,7 +175,6 @@ async function createLinkWin(data) {
|
||||||
data.fullPath += '?urlSource=smarttalk&t' + Date.now()
|
data.fullPath += '?urlSource=smarttalk&t' + Date.now()
|
||||||
}
|
}
|
||||||
linkWin[data.key].loadURL(data.fullPath)
|
linkWin[data.key].loadURL(data.fullPath)
|
||||||
if (import.meta.env.VITE_SHOW_DEV_TOOLS === 'true') linkWin[data.key].webContents.openDevTools()
|
|
||||||
|
|
||||||
linkWin[data.key].once('ready-to-show', () => {
|
linkWin[data.key].once('ready-to-show', () => {
|
||||||
linkWin[data.key].show()
|
linkWin[data.key].show()
|
||||||
|
|
|
@ -23,9 +23,7 @@ const defaultData = {
|
||||||
curNode: null, // 当前选中的节点
|
curNode: null, // 当前选中的节点
|
||||||
defaultExpandedKeys: [], //展开的节点
|
defaultExpandedKeys: [], //展开的节点
|
||||||
subjectTree: [] // "树结构" 章节
|
subjectTree: [] // "树结构" 章节
|
||||||
},
|
}
|
||||||
env: {}, // 不走同步 Pinia - 变量
|
|
||||||
curr: {} // 不走同步 Pinia - 当前信息
|
|
||||||
},
|
},
|
||||||
local: { // 本地(永久localStorage)
|
local: { // 本地(永久localStorage)
|
||||||
},
|
},
|
||||||
|
|
|
@ -71,16 +71,6 @@ export function updateClassworkeval(data) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 修改classworkeval
|
|
||||||
export function updateClassworkevalList(data) {
|
|
||||||
return request({
|
|
||||||
url: '/education/classworkeval/updateList',
|
|
||||||
method: 'put',
|
|
||||||
data: data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改classworkdata
|
// 修改classworkdata
|
||||||
export function updateClassworkdata(data) {
|
export function updateClassworkdata(data) {
|
||||||
return request({
|
return request({
|
||||||
|
@ -89,13 +79,6 @@ export function updateClassworkdata(data) {
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
export function updateClassWorkDataAutoFinish(data) {
|
|
||||||
return request({
|
|
||||||
url: '/education/classworkdata/updAutoFinish',
|
|
||||||
method: 'put',
|
|
||||||
data: data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改classwork
|
// 修改classwork
|
||||||
export function updateClasswork(data) {
|
export function updateClasswork(data) {
|
||||||
|
|
|
@ -213,7 +213,7 @@ const delStudent = (index) => {
|
||||||
const onSubmit = (formEl) => {
|
const onSubmit = (formEl) => {
|
||||||
if (!formEl) return
|
if (!formEl) return
|
||||||
// 课堂id
|
// 课堂id
|
||||||
const classRoomId = sessionStore.get('curr.curClassRoom.id')
|
const classRoomId = sessionStore.get('curClassRoom.id')
|
||||||
formEl.validate((valid) => {
|
formEl.validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
/**
|
/**
|
||||||
|
@ -244,8 +244,7 @@ const onSubmit = (formEl) => {
|
||||||
entpcourseworklist: '[' + props.rows[i].entpcourseworklist + ']',
|
entpcourseworklist: '[' + props.rows[i].entpcourseworklist + ']',
|
||||||
needMsgNotifine: 'false',
|
needMsgNotifine: 'false',
|
||||||
msgkey: 'newclasswork',
|
msgkey: 'newclasswork',
|
||||||
//title: '作业任务',
|
title: '作业任务',
|
||||||
title: props.rows[i].title,
|
|
||||||
msgcontent: '',
|
msgcontent: '',
|
||||||
teachername: userInfo.nickName,
|
teachername: userInfo.nickName,
|
||||||
unixstamp: new Date().getTime(),
|
unixstamp: new Date().getTime(),
|
||||||
|
@ -255,7 +254,6 @@ const onSubmit = (formEl) => {
|
||||||
ary.push(obj)
|
ary.push(obj)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
console.log('ary->', ary)
|
|
||||||
setLoading.value = true
|
setLoading.value = true
|
||||||
saveByClassWorkArray({
|
saveByClassWorkArray({
|
||||||
classworkarray: JSON.stringify(ary)
|
classworkarray: JSON.stringify(ary)
|
||||||
|
|
|
@ -29,11 +29,7 @@
|
||||||
<div class="avatar-container">
|
<div class="avatar-container">
|
||||||
<div class="avatar-wrapper flex">
|
<div class="avatar-wrapper flex">
|
||||||
<el-dropdown class="right-menu-item hover-effect" @command="handleCommand">
|
<el-dropdown class="right-menu-item hover-effect" @command="handleCommand">
|
||||||
<el-image :src="dev_api + userStore.user.avatar" class="user-avatar" style="float: left">
|
<img :src="dev_api + userStore.user.avatar" class="user-avatar" style="float: left" />
|
||||||
<template #error>
|
|
||||||
<el-image :src="defaultUserImg" class="user-avatar" style="float: left" />
|
|
||||||
</template>
|
|
||||||
</el-image>
|
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
<el-dropdown-item @click="changePage('/profile')">个人中心</el-dropdown-item>
|
<el-dropdown-item @click="changePage('/profile')">个人中心</el-dropdown-item>
|
||||||
|
@ -84,7 +80,6 @@ import { updateUserInfo } from '@/api/system/user'
|
||||||
import logoIco from '@/assets/images/logo.png'
|
import logoIco from '@/assets/images/logo.png'
|
||||||
import { listEvaluation } from '@/api/classManage/index'
|
import { listEvaluation } from '@/api/classManage/index'
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
import defaultUserImg from '@/assets/images/img-avatar.png'
|
|
||||||
// import Chat from '@/utils/chat' // im 登录初始化
|
// import Chat from '@/utils/chat' // im 登录初始化
|
||||||
// if (!Chat.imChat) Chat.init()
|
// if (!Chat.imChat) Chat.init()
|
||||||
|
|
||||||
|
|
|
@ -10,7 +10,7 @@ import _ from 'lodash'
|
||||||
// import { diff } from 'jsondiffpatch'
|
// import { diff } from 'jsondiffpatch'
|
||||||
// const Remote = isNode?require('@electron/remote'):{} // 远程模块
|
// const Remote = isNode?require('@electron/remote'):{} // 远程模块
|
||||||
|
|
||||||
const exArrs = ['subject','env','curr'] // 不需要同步key-排除
|
const exArrs = ['subject'] // 不需要同步key-排除
|
||||||
|
|
||||||
export function shareStorePlugin({store}) {
|
export function shareStorePlugin({store}) {
|
||||||
store.$subscribe((mutation, state) => { // 自动同步
|
store.$subscribe((mutation, state) => { // 自动同步
|
||||||
|
@ -60,7 +60,7 @@ function stateSyncWatch(storeName, newState) {
|
||||||
const diffData = findDifferences(oldState, newState)
|
const diffData = findDifferences(oldState, newState)
|
||||||
if(!_.keys(diffData).length) return // 没有变化就终止执行
|
if(!_.keys(diffData).length) return // 没有变化就终止执行
|
||||||
// 数据处理: 找出差异
|
// 数据处理: 找出差异
|
||||||
// console.log('state-change-diffData', diffData, newState)
|
// console.log('state-change-diffData', diffData)
|
||||||
try {
|
try {
|
||||||
let pinaValue = {} // store pina状态管理需要的数据格式
|
let pinaValue = {} // store pina状态管理需要的数据格式
|
||||||
// 数据转换处理
|
// 数据转换处理
|
||||||
|
@ -83,7 +83,7 @@ function stateSyncWatch(storeName, newState) {
|
||||||
// 没变化也终止执行
|
// 没变化也终止执行
|
||||||
if (_.isEqual(oldValAll, newValAll)) return
|
if (_.isEqual(oldValAll, newValAll)) return
|
||||||
// 更新本地数据-session
|
// 更新本地数据-session
|
||||||
sessionStore.set(key, newValAll || null)
|
sessionStore.set(key, newValAll)
|
||||||
|
|
||||||
// 数据处理: pina-store
|
// 数据处理: pina-store
|
||||||
const jsonStr = JSON.stringify(pinaValue) // 从新组装-json数据
|
const jsonStr = JSON.stringify(pinaValue) // 从新组装-json数据
|
||||||
|
|
|
@ -0,0 +1,28 @@
|
||||||
|
import { defineStore } from 'pinia'
|
||||||
|
import { } from '@/api/classTask/index.js'
|
||||||
|
import { listClassmain } from '@/api/classManage/index'
|
||||||
|
|
||||||
|
const useClassTaskStore = defineStore('classTask',{
|
||||||
|
state: () => ({
|
||||||
|
classListIds: [],
|
||||||
|
}),
|
||||||
|
actions: {
|
||||||
|
listClassmain(params) {
|
||||||
|
// 获取班级列表
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
listClassmain(params)
|
||||||
|
.then((res) => {
|
||||||
|
this.classListIds = res.rows&&res.rows.map((item) => item.id)
|
||||||
|
resolve(res)
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
reject(error)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
persist: true
|
||||||
|
})
|
||||||
|
export default useClassTaskStore
|
||||||
|
|
||||||
|
|
|
@ -6,7 +6,7 @@ import { sessionStore } from '@/utils/store'
|
||||||
|
|
||||||
// 默认数据
|
// 默认数据
|
||||||
const defData = sessionStore.store || {}
|
const defData = sessionStore.store || {}
|
||||||
const exArrs = ['subject','env','curr']
|
const exArrs = ['subject']
|
||||||
exArrs.forEach(k => Object.keys(defData).includes(k) && (delete defData[k]))
|
exArrs.forEach(k => Object.keys(defData).includes(k) && (delete defData[k]))
|
||||||
|
|
||||||
// 延时
|
// 延时
|
||||||
|
|
|
@ -167,61 +167,3 @@ export function getTomorrow() {
|
||||||
|
|
||||||
return tomorrow;
|
return tomorrow;
|
||||||
}
|
}
|
||||||
/**
|
|
||||||
* 当前日期的 前几天
|
|
||||||
* @param {*} index 天数
|
|
||||||
* @param {*} format true 返回中国标准时间:Wed Oct 02 2024 08:00:00 GMT+0800 (中国标准时间) 格式; false 返回标准时间格式 YYYY-MM-DD
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export function getTheOtherDay(index, format=true) {
|
|
||||||
let date = new Date();
|
|
||||||
var year = date.getFullYear()
|
|
||||||
var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
|
|
||||||
var day = date.getDate()- index < 10 ? '0' + (date.getDate()- index) : date.getDate()- index
|
|
||||||
|
|
||||||
// 前 index 天的时间
|
|
||||||
if(format){
|
|
||||||
let tomorrow = `${year}-${month}-${day}`;
|
|
||||||
return new Date(tomorrow);
|
|
||||||
}else{
|
|
||||||
let tomorrow = `${year}-${month}-${day}`;
|
|
||||||
return tomorrow;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 当前日期的 后几天
|
|
||||||
* @param {*} index 天数
|
|
||||||
* @param {*} format true 返回中国标准时间:Wed Oct 02 2024 08:00:00 GMT+0800 (中国标准时间) 格式; false 返回标准时间格式 YYYY-MM-DD
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export function getTheOtheNextDay(index, format=true) {
|
|
||||||
const date = new Date();
|
|
||||||
var year = date.getFullYear()
|
|
||||||
var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
|
|
||||||
var day = date.getDate()+ index < 10 ? '0' + (date.getDate()+ index) : date.getDate()+ index
|
|
||||||
|
|
||||||
// 前 index 天的时间
|
|
||||||
if(format){
|
|
||||||
const tomorrow = `${year}-${month}-${day}`;
|
|
||||||
return new Date(tomorrow);
|
|
||||||
}else{
|
|
||||||
const tomorrow = `${year}-${month}-${day}`;
|
|
||||||
return tomorrow;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Wed Oct 02 2024 08:00:00 GMT+0800 (中国标准时间) 转为日期格式: YYYY-MM-DD
|
|
||||||
*
|
|
||||||
* @param {*} format
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const getDateFormatDate = (newDate)=> {
|
|
||||||
const now = newDate; // new Date();
|
|
||||||
const year = now.getFullYear();
|
|
||||||
const month = (now.getMonth() + 1).toString().padStart(2, '0');
|
|
||||||
const day = now.getDate().toString().padStart(2, '0');
|
|
||||||
|
|
||||||
return `${year}-${month}-${day}`;
|
|
||||||
}
|
|
||||||
|
|
|
@ -200,25 +200,6 @@ export const createWindow = async (type, data) => {
|
||||||
eventHandles(type, winChild) // 事件监听处理
|
eventHandles(type, winChild) // 事件监听处理
|
||||||
return winChild
|
return winChild
|
||||||
}
|
}
|
||||||
case 'open-win': { // 创建-新窗口
|
|
||||||
const option = data.option||{}
|
|
||||||
const defOption = {
|
|
||||||
show: false,
|
|
||||||
frame: true, // 无边框
|
|
||||||
autoHideMenuBar: true,
|
|
||||||
maximizable: false,
|
|
||||||
}
|
|
||||||
data.isConsole = true // 是否开启控制台
|
|
||||||
data.option = {...defOption, ...option}
|
|
||||||
const win = await toolWindow(type, data)
|
|
||||||
win.type = type // 唯一标识
|
|
||||||
win.show()
|
|
||||||
win.maximize();
|
|
||||||
// win.setFullScreen(true) // 设置窗口为全屏
|
|
||||||
if (import.meta.env.VITE_SHOW_DEV_TOOLS === 'true') win.webContents.openDevTools() // 打开调试工具
|
|
||||||
eventHandles(type, win) // 事件监听处理
|
|
||||||
break
|
|
||||||
}
|
|
||||||
default:
|
default:
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
@ -379,18 +360,6 @@ const eventHandles = (type, win) => {
|
||||||
publicMethods(on) // 加载公共方法
|
publicMethods(on) // 加载公共方法
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
case 'open-win': { // 打开新窗口
|
|
||||||
// 监听窗口关闭事件
|
|
||||||
win.on('closed', function () {
|
|
||||||
win&&win.destroy()
|
|
||||||
});
|
|
||||||
const on = {
|
|
||||||
onClosed: () => {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
publicMethods(on) // 加载公共方法
|
|
||||||
break
|
|
||||||
}
|
|
||||||
default:
|
default:
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,26 +4,30 @@
|
||||||
<div class="class-reserv-tabs">
|
<div class="class-reserv-tabs">
|
||||||
<el-segmented v-model="tabActive" block :options="tabOptions" size="large" />
|
<el-segmented v-model="tabActive" block :options="tabOptions" size="large" />
|
||||||
</div>
|
</div>
|
||||||
<div v-if="tabActive === '已批改'">
|
<div v-if="tabActive === '已结束'">
|
||||||
<div class="demo-date-picker">
|
<div class="demo-date-picker">
|
||||||
|
<div class="block">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="startEndDate"
|
v-model="EndDate"
|
||||||
type="daterange"
|
type="date"
|
||||||
start-placeholder="Start Date"
|
format="YYYY-MM-DD"
|
||||||
end-placeholder="End Date"
|
value-format="YYYY-MM-DD"
|
||||||
:default-time="defaultTime"
|
placeholder="请选择截止日期"
|
||||||
@change="changeStartEndDate"
|
size="large"
|
||||||
|
:disabled-date="disabledDate"
|
||||||
|
@change="changeEndDate"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="class-reserv-body">
|
<div class="class-reserv-body">
|
||||||
<!-- loading <el-skeleton :rows="5" animated />-->
|
<!-- loading <el-skeleton :rows="5" animated />-->
|
||||||
<el-skeleton :rows="5" :loading="loading" animated />
|
<el-skeleton :rows="5" :loading="loading" animated />
|
||||||
<div v-if="classWorkList.length > 0">
|
<div v-if="classWorkList.length > 0">
|
||||||
<task-item
|
<task-item
|
||||||
v-for="(item, index) in activeDataList"
|
v-for="(item, index) in activeDataList"
|
||||||
v-show="tabActive === '待批改'"
|
v-show="tabActive === '进行中'"
|
||||||
:key="index"
|
:key="index"
|
||||||
:item="item"
|
:item="item"
|
||||||
:tabactive="tabActive"
|
:tabactive="tabActive"
|
||||||
|
@ -32,7 +36,7 @@
|
||||||
></task-item>
|
></task-item>
|
||||||
<task-item
|
<task-item
|
||||||
v-for="(item, index) in doneDataList"
|
v-for="(item, index) in doneDataList"
|
||||||
v-show="tabActive === '已批改'"
|
v-show="tabActive === '已结束'"
|
||||||
:key="index"
|
:key="index"
|
||||||
:item="item"
|
:item="item"
|
||||||
:tabactive="tabActive"
|
:tabactive="tabActive"
|
||||||
|
@ -48,6 +52,7 @@
|
||||||
></el-empty>
|
></el-empty>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- <item-dialog ref="itemDialogRef" @cle-click="closeDialog"></item-dialog> -->
|
||||||
</el-container>
|
</el-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -56,29 +61,25 @@ import { ref, onMounted, onUnmounted, computed, watch } from 'vue'
|
||||||
import { listByDeadDate, listClassworkdata } from '@/api/classTask'
|
import { listByDeadDate, listClassworkdata } from '@/api/classTask'
|
||||||
|
|
||||||
import TaskItem from '@/views/classTask/container/classTask/task-item.vue'
|
import TaskItem from '@/views/classTask/container/classTask/task-item.vue'
|
||||||
|
// import ItemDialog from '@/views/classTask/container/item-dialog.vue'
|
||||||
import { useToolState } from '@/store/modules/tool'
|
import { useToolState } from '@/store/modules/tool'
|
||||||
import { getDateFormatDate, getTheOtherDay, getTheOtheNextDay } from '@/utils/date'
|
import { getCurrentTime } from '@/utils/date'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
|
import useClassTaskStore from "@/store/modules/classTask";
|
||||||
import {createWindow} from '@/utils/tool'
|
import {createWindow} from '@/utils/tool'
|
||||||
|
import {sessionStore} from '@/utils/store'
|
||||||
import {debounce } from '@/utils/comm'
|
import {debounce } from '@/utils/comm'
|
||||||
|
|
||||||
|
|
||||||
const toolState = useToolState();
|
const toolState = useToolState();
|
||||||
|
|
||||||
|
const classTaskStore = useClassTaskStore()
|
||||||
const userStore = useUserStore().user
|
const userStore = useUserStore().user
|
||||||
|
// const itemDialogRef = ref(null)
|
||||||
const tabOptions = ref(['待批改', '已批改'])
|
const tabOptions = ref(['进行中', '已结束'])
|
||||||
const tabActive = ref('待批改')
|
const tabActive = ref('进行中')
|
||||||
const dataList = ref([])
|
const dataList = ref([])
|
||||||
// 默认起止时间:当前日期前2天后3天;默认查询一周的数据
|
const EndDate = ref(getCurrentTime('YYYY-MM-DD'))
|
||||||
const startEndDate = ref([
|
|
||||||
getTheOtherDay(3),
|
|
||||||
getTheOtheNextDay(3),
|
|
||||||
])
|
|
||||||
const defaultTime = ref<[Date, Date]>([
|
|
||||||
getTheOtherDay(3),
|
|
||||||
getTheOtheNextDay(3),
|
|
||||||
])
|
|
||||||
|
|
||||||
|
|
||||||
// 所有班级作业列表
|
// 所有班级作业列表
|
||||||
const classWorkList = ref([])
|
const classWorkList = ref([])
|
||||||
|
@ -90,18 +91,23 @@ const loading = ref(false)
|
||||||
const activeDataList = computed(() => {
|
const activeDataList = computed(() => {
|
||||||
return classWorkList.value
|
return classWorkList.value
|
||||||
})
|
})
|
||||||
const doneDataList = computed(() => {
|
|
||||||
return classWorkList.value
|
|
||||||
})
|
|
||||||
const deleteReserv = (item) => {
|
const deleteReserv = (item) => {
|
||||||
console.log('删除待开发', item)
|
console.log('删除待开发', item)
|
||||||
// dataList.value = dataList.value.filter((is) => {
|
// dataList.value = dataList.value.filter((is) => {
|
||||||
// return is.id !== item.id
|
// return is.id !== item.id
|
||||||
// })
|
// })
|
||||||
}
|
}
|
||||||
|
const doneDataList = computed(() => {
|
||||||
|
return classWorkList.value
|
||||||
|
})
|
||||||
|
|
||||||
const changeStartEndDate = (val) => {
|
// 当日之后的日期禁用
|
||||||
console.log('起止日期改变', val)
|
const disabledDate = (time) => {
|
||||||
|
return time.getTime() > Date.now()
|
||||||
|
}
|
||||||
|
// 截止日期改变
|
||||||
|
const changeEndDate = (val) => {
|
||||||
|
console.log('截止日期改变', val)
|
||||||
getData() // 加载数据
|
getData() // 加载数据
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -109,35 +115,63 @@ const changeStartEndDate = (val) => {
|
||||||
const getData = async () => {
|
const getData = async () => {
|
||||||
classWorkList.value = []
|
classWorkList.value = []
|
||||||
loading.value = true
|
loading.value = true
|
||||||
// 1、班级作业
|
// 1、班级列表
|
||||||
|
// getClassList()
|
||||||
|
// 2、班级作业
|
||||||
await getClassWorkList()
|
await getClassWorkList()
|
||||||
// 2、班级学生作业 包含多个班级
|
// 3、班级学生作业 包含多个班级
|
||||||
getStudentClassWorkData()
|
getStudentClassWorkData()
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1、获取班级作业
|
* 1、获取班级列表数据
|
||||||
|
* TODO 这里暂时取班级id的list,后续需要在修改
|
||||||
|
*/
|
||||||
|
const getClassList = () => {
|
||||||
|
if(classTaskStore.classListIds.length==0){
|
||||||
|
// 获取 班级列表ids 这里暂时取班级id的list,后续需要在修改
|
||||||
|
classTaskStore.listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 2、获取班级作业
|
||||||
*/
|
*/
|
||||||
const getClassWorkList = async () => {
|
const getClassWorkList = async () => {
|
||||||
|
//if(classTaskStore.classListIds.length>0){
|
||||||
|
{
|
||||||
// 班级作业数据,包含多个班级 homeworklist
|
// 班级作业数据,包含多个班级 homeworklist
|
||||||
const response = await listByDeadDate({
|
const response = await listByDeadDate({
|
||||||
edituserid: userStore.userId, // 老师的id
|
edituserid: userStore.userId, // 老师的id
|
||||||
edustage: userStore.edustage, // 学段
|
edustage: userStore.edustage, // 学段
|
||||||
edusubject: userStore.edusubject,//学科
|
edusubject: userStore.edusubject,//学科
|
||||||
startdate: tabActive.value === '待批改'? '' : getDateFormatDate(startEndDate.value[0]),
|
// deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,// 进行中:明天,已结束:选择的日期 弃用
|
||||||
deaddate: tabActive.value === '待批改'? '' : getDateFormatDate(startEndDate.value[1]),// 待批改:明天,已批改:选择的日期
|
deaddate: EndDate.value,// 进行中:明天,已结束:选择的日期
|
||||||
status: tabActive.value === '待批改'? '1' : '2', // 作业状态:1-已发布
|
status: '1', // 作业状态:1-已发布
|
||||||
orderby: 'deaddate DESC',
|
orderby: 'deaddate DESC',
|
||||||
pageSize: 100,
|
pageSize: 100,
|
||||||
})
|
})
|
||||||
|
|
||||||
let list = response.rows || [];
|
/**
|
||||||
|
* 2024-10-17 由于 后面截止时间加了 时分,特加判断
|
||||||
|
* 1、进行中、以前是以明天判断。现改为传当天的日期,并根据当前日期的时分与截止日期进行判断,
|
||||||
|
* 2、已结束、以前默认是以明天判断。现依然以明天为判断,并根据当前日期时分大于截止日期时分判断。
|
||||||
|
*/
|
||||||
|
let list = [];
|
||||||
|
if(tabActive.value === '进行中'){
|
||||||
|
// 进行中 当前日期时间 小于 截止 日期时间
|
||||||
|
list = response.rows&&response.rows.filter(item => item.deaddate && getCurrentTime('YYYY-MM-DD HH:mm') < item.deaddate); // 进行中
|
||||||
|
}else{
|
||||||
|
list = response.rows&&response.rows.filter(item => item.deaddate && getCurrentTime('YYYY-MM-DD HH:mm') > item.deaddate); // 已结束
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
for (var i = 0; i < list.length; i++) {
|
for (var i = 0; i < list.length; i++) {
|
||||||
// 初始化部分新增字段值
|
// 初始化部分新增字段值
|
||||||
list[i].workdatalist = [] // 当前任务中有多少个学生的数据集合
|
list[i].workdatalist = []
|
||||||
|
list[i].workdatacount = 0 // 人数
|
||||||
list[i].workdatalistVisible = false
|
list[i].workdatalistVisible = false
|
||||||
list[i].feedtimelength = 0 // 已交的学生人中,汇总计算用时
|
list[i].workdatafeedbackcount = 0 // 已交人数
|
||||||
|
list[i].feedtimelength = 0
|
||||||
list[i].rightAnswerCount = 0
|
list[i].rightAnswerCount = 0
|
||||||
list[i].scoingRate = 0 + '%' // 得分率
|
list[i].scoingRate = 0 + '%' // 得分率
|
||||||
list[i].averagetime = 0 // 平均用时
|
list[i].averagetime = 0 // 平均用时
|
||||||
|
@ -166,11 +200,19 @@ const getClassWorkList = async () => {
|
||||||
} else {
|
} else {
|
||||||
list[i].entpcourseworklistarray = []
|
list[i].entpcourseworklistarray = []
|
||||||
}
|
}
|
||||||
|
// 根据 classworkdatastudentids 初始化判断分配的人数
|
||||||
|
if (
|
||||||
|
list[i].classworkdatastudentids != '' &&
|
||||||
|
list[i].classworkdatastudentids != null &&
|
||||||
|
list[i].classworkdatastudentids != 'null'
|
||||||
|
) {
|
||||||
|
const stuList = JSON.parse('[' + list[i].classworkdatastudentids + ']')
|
||||||
|
list[i].workdatacount = stuList.length
|
||||||
}
|
}
|
||||||
|
}
|
||||||
// 显示分配人数(workdataresultsum)>0 的
|
// 显示分配人数(workdatacount)>0 的
|
||||||
if (list && list.length > 0) {
|
if (list && list.length > 0) {
|
||||||
classWorkList.value = list && list.filter((item) => item.workdataresultsum > 0)
|
classWorkList.value = list && list.filter((item) => item.workdatacount > 0)
|
||||||
//TODO: 这里没分页,貌似这个 total 不重要,后续看
|
//TODO: 这里没分页,貌似这个 total 不重要,后续看
|
||||||
total.value = 0
|
total.value = 0
|
||||||
}else{
|
}else{
|
||||||
|
@ -179,24 +221,37 @@ const getClassWorkList = async () => {
|
||||||
}
|
}
|
||||||
loading.value = false
|
loading.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 2、获取多个班级学生作业数据
|
|
||||||
* 查询已交的列表
|
|
||||||
* @param workList :需要更新的作业list
|
|
||||||
* @param Refresh :true 不用刷新,false 需要刷新
|
|
||||||
*/
|
|
||||||
const getStudentClassWorkData = async(workList = [], Refresh = true) => {
|
|
||||||
// 获取 已交的 列表数据(workdataresultcount 已交的学生数)
|
|
||||||
let SubmitClWorkList = [];
|
|
||||||
if(Refresh){
|
|
||||||
SubmitClWorkList = classWorkList.value.filter((item) => item.workdataresultcount > 0) ;
|
|
||||||
}else{
|
|
||||||
SubmitClWorkList = workList;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log('有提交的作业', SubmitClWorkList)
|
/**
|
||||||
const ids = SubmitClWorkList&&SubmitClWorkList.map((item) => item.id).join(',');
|
* 3、获取多个班级学生作业数据
|
||||||
|
*/
|
||||||
|
const getStudentClassWorkData = async() => {
|
||||||
|
// const { chapterId } = await useGetHomework(props.bookobj.node)
|
||||||
|
// this.entpcourseid = chapterId
|
||||||
|
//if(classTaskStore.classListIds.length>0){
|
||||||
|
// listClassworkdataByDeadDate({
|
||||||
|
// edituserid: userStore.userId, // 老师的id
|
||||||
|
// classids: classTaskStore.classListIds.join(','),
|
||||||
|
// edusubject: userStore.edusubject,//学科
|
||||||
|
// deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,// 进行中:明天,已结束:选择的日期
|
||||||
|
// deaddate: EndDate.value,// 进行中:明天,已结束:选择的日期
|
||||||
|
// //status: '1', // 作业状态:1-已发布
|
||||||
|
// orderby: "deaddate DESC",//
|
||||||
|
// pageSize: 1000,
|
||||||
|
// })
|
||||||
|
|
||||||
|
// listClassworkdataNew({
|
||||||
|
// classworkids: ids, // 作业id
|
||||||
|
// edituserid: userStore.userId, // 老师的id
|
||||||
|
// edusubject: userStore.edusubject,//学科
|
||||||
|
// evalStatus: 1,
|
||||||
|
// pageSize: 1000,
|
||||||
|
// })
|
||||||
|
|
||||||
|
|
||||||
|
{
|
||||||
|
const ids = classWorkList.value.map((item) => item.id).join(',');
|
||||||
if (ids == '') {
|
if (ids == '') {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
@ -206,14 +261,13 @@ const getStudentClassWorkData = async(workList = [], Refresh = true) => {
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
for (var t = 0; t < classWorkList.value.length; t++) {
|
for (var t = 0; t < classWorkList.value.length; t++) {
|
||||||
for (var i = 0; i < res.rows.length; i++) {
|
for (var i = 0; i < res.rows.length; i++) {
|
||||||
// finishtimelength != '0' 已交
|
|
||||||
if (res.rows[i].classworkid == classWorkList.value[t].id && res.rows[i].finishtimelength != '0') {
|
if (res.rows[i].classworkid == classWorkList.value[t].id && res.rows[i].finishtimelength != '0') {
|
||||||
console.log('==================')
|
console.log('==================')
|
||||||
// 有几个学生完成/正在完成学习任务
|
// 有几个学生完成/正在完成学习任务
|
||||||
// 至少resultcount不是0
|
// 至少resultcount不是0
|
||||||
//classWorkList.value[t].workdataresultcount++
|
classWorkList.value[t].workdatafeedbackcount++
|
||||||
|
|
||||||
// 已交的学生人中,汇总计算用时
|
// 在参与学习任务的人中,汇总计算用时
|
||||||
classWorkList.value[t].feedtimelength += parseInt(res.rows[i].finishtimelength)
|
classWorkList.value[t].feedtimelength += parseInt(res.rows[i].finishtimelength)
|
||||||
|
|
||||||
// 计算得分率
|
// 计算得分率
|
||||||
|
@ -251,43 +305,36 @@ const getStudentClassWorkData = async(workList = [], Refresh = true) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 当前这个学习任务,共推送给了几个学生,workdataresultsum
|
// 当前这个学习任务,共推送给了几个学生,workdatacount
|
||||||
if (res.rows[i].classworkid == classWorkList.value[t].id) {
|
if (res.rows[i].classworkid == classWorkList.value[t].id) {
|
||||||
classWorkList.value[t].workdatalist.push(res.rows[i])
|
classWorkList.value[t].workdatalist.push(res.rows[i])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// 计算完成进度 workdatacount人数要大于0
|
||||||
|
if (
|
||||||
// 计算完成进度: workdataresultcount 学生提交了的个数; workdataresultsum 人数要大于0;
|
classWorkList.value[t].workdataresultcount > 0 &&
|
||||||
if (classWorkList.value[t].workdataresultcount > 0 && classWorkList.value[t].workdataresultsum > 0 ) {
|
classWorkList.value[t].workdatacount > 0
|
||||||
|
) {
|
||||||
classWorkList.value[t].finishpercent = parseInt(
|
classWorkList.value[t].finishpercent = parseInt(
|
||||||
(classWorkList.value[t].workdataresultcount / classWorkList.value[t].workdataresultsum) * 100
|
(classWorkList.value[t].workdataresultcount / classWorkList.value[t].workdatacount) * 100
|
||||||
)
|
)
|
||||||
} else {
|
} else {
|
||||||
classWorkList.value[t].finishpercent = 0
|
classWorkList.value[t].finishpercent = 0
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 计算 已批阅进度 */
|
|
||||||
// workdataresultsum 人数 teacherrationgcount 已批阅人数
|
|
||||||
// 已批阅百分比: (人数-已批阅数) / 人数 * 100
|
|
||||||
if (classWorkList.value[t].workdataresultsum > 0) {
|
|
||||||
classWorkList.value[t].teacherCorrectionProgress = parseInt(
|
|
||||||
((classWorkList.value[t].teacherrationgcount) / classWorkList.value[t].workdataresultsum) * 100
|
|
||||||
)
|
|
||||||
} else {
|
|
||||||
classWorkList.value[t].teacherCorrectionProgress = 0
|
|
||||||
}
|
|
||||||
|
|
||||||
// 以下四个参数,都要计算
|
// 以下四个参数,都要计算
|
||||||
// 2024-04-12,酉阳,by jackyshen
|
// 2024-04-12,酉阳,by jackyshen
|
||||||
|
|
||||||
// 计算参与学习任务的平均用时:学生总用时/ 提交学生数
|
// 计算参与学习任务的平均用时
|
||||||
if (classWorkList.value[t].workdataresultcount > 0) {
|
if (classWorkList.value[t].workdatafeedbackcount > 0) {
|
||||||
classWorkList.value[t].averagetime = Math.ceil(classWorkList.value[t].feedtimelength / classWorkList.value[t].workdataresultcount / 60).toFixed(0)
|
classWorkList.value[t].averagetime = Math.ceil(classWorkList.value[t].feedtimelength / classWorkList.value[t].workdatafeedbackcount / 60).toFixed(0)
|
||||||
} else {
|
} else {
|
||||||
classWorkList.value[t].averagetime = 0
|
classWorkList.value[t].averagetime = 0
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 计算批阅异常,需要获取每个题目的类型,找出主观题
|
||||||
|
// 暂缓
|
||||||
|
|
||||||
// 计算平均得分率: 正确题数/(题目总数*学生人数)*100
|
// 计算平均得分率: 正确题数/(题目总数*学生人数)*100
|
||||||
if (
|
if (
|
||||||
classWorkList.value[t].entpcourseworklistarray &&
|
classWorkList.value[t].entpcourseworklistarray &&
|
||||||
|
@ -296,15 +343,17 @@ const getStudentClassWorkData = async(workList = [], Refresh = true) => {
|
||||||
var dd =
|
var dd =
|
||||||
(classWorkList.value[t].rightAnswerCount /
|
(classWorkList.value[t].rightAnswerCount /
|
||||||
(classWorkList.value[t].entpcourseworklistarray.length *
|
(classWorkList.value[t].entpcourseworklistarray.length *
|
||||||
classWorkList.value[t].workdataresultsum)) *
|
classWorkList.value[t].workdatacount)) *
|
||||||
100
|
100
|
||||||
classWorkList.value[t].scoingRate = dd.toFixed(0) + '%'
|
classWorkList.value[t].scoingRate = dd.toFixed(0) + '%'
|
||||||
} else {
|
} else {
|
||||||
classWorkList.value[t].scoingRate = '0%'
|
classWorkList.value[t].scoingRate = '0%'
|
||||||
}
|
}
|
||||||
|
// 设定典型作答,需要获取每个题目的类型,找出主观题
|
||||||
|
// 暂缓
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -330,7 +379,6 @@ const getStudentClassWorkDataPolling = () => {
|
||||||
getStudentVisible()
|
getStudentVisible()
|
||||||
// 在轮询
|
// 在轮询
|
||||||
pollingST.value = setInterval(() => {
|
pollingST.value = setInterval(() => {
|
||||||
console.log('轮询查询学生作业进度')
|
|
||||||
getStudentVisible()
|
getStudentVisible()
|
||||||
}, 1000 * 10)
|
}, 1000 * 10)
|
||||||
}
|
}
|
||||||
|
@ -365,56 +413,75 @@ onUnmounted(() => {
|
||||||
|
|
||||||
// [作业反馈] - 实际查询逻辑
|
// [作业反馈] - 实际查询逻辑
|
||||||
const getStudentVisible = async () => {
|
const getStudentVisible = async () => {
|
||||||
if(!classWorkList.value.length>0){
|
if (classTaskStore.classListIds.length <= 0) {
|
||||||
return;
|
return
|
||||||
}
|
}
|
||||||
|
// 班级作业数据,多个班级
|
||||||
const response = await listByDeadDate({
|
const response = await listByDeadDate({
|
||||||
|
classidarray: classTaskStore.classListIds.join(','),
|
||||||
edituserid: userStore.userId, // 老师的id
|
edituserid: userStore.userId, // 老师的id
|
||||||
edustage: userStore.edustage,// 学段
|
edustage: userStore.edustage,// 学段
|
||||||
edusubject: userStore.edusubject,//学科
|
edusubject: userStore.edusubject,//学科
|
||||||
startdate: tabActive.value === '待批改'? '' : getDateFormatDate(startEndDate.value[0]),
|
// deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,// 进行中:明天,已结束:选择的日期
|
||||||
deaddate: tabActive.value === '待批改'? '' : getDateFormatDate(startEndDate.value[1]),// 待批改:明天,已批改:选择的日期
|
deaddate: EndDate.value,// 进行中:明天,已结束:选择的日期
|
||||||
status: tabActive.value === '待批改'? '1' : '2', // 作业状态:1-已发布
|
status: '1', // 作业状态:1-已发布
|
||||||
|
// orderby: 'concat(deaddate,uniquekey) DESC',
|
||||||
orderby: 'deaddate DESC',
|
orderby: 'deaddate DESC',
|
||||||
pageSize: 100,
|
pageSize: 100
|
||||||
})
|
})
|
||||||
|
|
||||||
let list = response.rows || [];
|
/**
|
||||||
|
* 2024-10-17 由于 后面截止时间加了 时分,特加判断
|
||||||
let newList = [];
|
* 1、进行中、以前是以明天判断。现改为传当天的日期,并根据当前日期的时分与截止日期进行判断,
|
||||||
for(let i = 0; i < classWorkList.value.length; i++){
|
* 2、已结束、以前默认是以明天判断。现依然以明天为判断,并根据当前日期时分大于截止日期时分判断。
|
||||||
// 父list的id与子list的id相等,在进行对比;若是不等? 有可能是老师批阅完了这个list数据,变成了已批改状态中,则父list数据需要删除
|
*/
|
||||||
const isList = list.filter((item) => item.id === classWorkList.value[i].id);
|
let list = [];
|
||||||
if(isList.length === 0){
|
if(tabActive.value === '进行中'){
|
||||||
// 父list的id与子list的id不相等,则删除父list数据
|
// 进行中 当前日期时间 小于 截止 日期时间
|
||||||
classWorkList.value.splice(i,1);
|
list = response.rows&&response.rows.filter(item => item.deaddate && getCurrentTime('YYYY-MM-DD HH:mm') < item.deaddate); // 进行中
|
||||||
}
|
|
||||||
for(let j = 0; j < list.length; j++){
|
|
||||||
// workdataresultcount 学生提交了的个数;
|
|
||||||
if(classWorkList.value[i].id === list[j].id && classWorkList.value[i].workdataresultcount != list[j].workdataresultcount){
|
|
||||||
// 学生提交数 != 学生提交数?
|
|
||||||
newList.push(list[j]);
|
|
||||||
}
|
|
||||||
// teacherrationgcount 已批阅人数
|
|
||||||
if(classWorkList.value[i].id === list[j].id && classWorkList.value[i].teacherrationgcount != list[j].teacherrationgcount){
|
|
||||||
// 更新批阅进度条
|
|
||||||
if (classWorkList.value[i].workdataresultsum > 0) {
|
|
||||||
// 更新批阅数、 进度条
|
|
||||||
classWorkList.value[i].teacherrationgcount = list[j].teacherrationgcount;
|
|
||||||
classWorkList.value[i].teacherCorrectionProgress = parseInt(
|
|
||||||
((list[j].teacherrationgcount) / list[j].workdataresultsum) * 100
|
|
||||||
)
|
|
||||||
}else{
|
}else{
|
||||||
classWorkList.value[i].teacherCorrectionProgress = 0
|
list = response.rows&&response.rows.filter(item => item.deaddate && getCurrentTime('YYYY-MM-DD HH:mm') > item.deaddate); // 已结束
|
||||||
|
}
|
||||||
|
|
||||||
|
const curWorkList = list
|
||||||
|
|
||||||
|
/**
|
||||||
|
* warn: 这里仅更新了finishpercent(进度条), 且当前作业布置推送新任务时, curWorkList中会查到新的任务与当前页面中this.classWorkList长度不一致,
|
||||||
|
* 故这里需循环this.classWorkList且只更新当前页面中的存在的任务进度
|
||||||
|
*/
|
||||||
|
for (let t = 0; t < classWorkList.value.length; t++) {
|
||||||
|
// 当前时间超过[作业任务]截止时间的跳过
|
||||||
|
// if( getDateTime > classWorkList.value[t].deaddate ){
|
||||||
|
// continue;
|
||||||
|
// }
|
||||||
|
// 确保当前拿到的任务与页面中存在的任务能一对一(避免因删除其他操作而删除作业任务导致两个数组的index不统一而越界)
|
||||||
|
let curWork = curWorkList.find((work) => work.id === classWorkList.value[t].id)
|
||||||
|
// workdataresultcount 完成人数 workdatacount人数要大于0
|
||||||
|
if (curWork && curWork.workdataresultcount > 0 && classWorkList.value[t].workdatacount > 0) {
|
||||||
|
classWorkList.value[t].workdataresultcount = curWork.workdataresultcount
|
||||||
|
// 桌面端貌似不需要进度条了?
|
||||||
|
classWorkList.value[t].finishpercent = parseInt(
|
||||||
|
(classWorkList.value[t].workdataresultcount / classWorkList.value[t].workdatacount) * 100
|
||||||
|
)
|
||||||
|
// 计算参与学习任务的平均用时
|
||||||
|
if (classWorkList.value[t].workdatafeedbackcount > 0) {
|
||||||
|
classWorkList.value[t].averagetime = Math.ceil(classWorkList.value[t].feedtimelength / classWorkList.value[t].workdatafeedbackcount / 60).toFixed(0)
|
||||||
|
} else {
|
||||||
|
classWorkList.value[t].averagetime = 0
|
||||||
|
}
|
||||||
|
// 更新批阅数
|
||||||
|
classWorkList.value[t].teacherrationgcount = curWork.teacherrationgcount
|
||||||
|
} else {
|
||||||
|
// 学生未完成,但是老师批改了?
|
||||||
|
if(curWork && curWork.workdataresultcount == 0){
|
||||||
|
// 更新批改数
|
||||||
|
classWorkList.value[t].teacherrationgcount = curWork.teacherrationgcount
|
||||||
|
}
|
||||||
|
classWorkList.value[t].finishpercent = 0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
return 1
|
||||||
if(newList.length>0){
|
|
||||||
// 更新学生提交后的数据? 作业进度条、平均用时、得分率
|
|
||||||
const list = newList&&newList.filter((item) => item.workdataresultcount > 0) ;
|
|
||||||
getStudentClassWorkData(list,false);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -422,27 +489,16 @@ const getStudentVisible = async () => {
|
||||||
watch(
|
watch(
|
||||||
() => [dataList, toolState.isTaskWin],
|
() => [dataList, toolState.isTaskWin],
|
||||||
() => {
|
() => {
|
||||||
console.log('监听--批改窗口是否打开===', toolState.isTaskWin)
|
console.log('=监听到批改窗口打开了===', toolState.isTaskWin)
|
||||||
if(!toolState.isTaskWin){
|
if(!toolState.isTaskWin){
|
||||||
if(tabActive.value === '待批改'){
|
|
||||||
closeDialog();// 开启轮询
|
closeDialog();// 开启轮询
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
)
|
)
|
||||||
|
|
||||||
watch(tabActive, (newVal,oldVal)=>{
|
watch(tabActive, (newVal,oldVal)=>{
|
||||||
console.log('newVal',newVal);
|
console.log('newVal',newVal);
|
||||||
getData() // 加载数据
|
getData() // 加载数据
|
||||||
if(newVal === '待批改'){
|
|
||||||
// 轮询查询
|
|
||||||
console.log('监听---开启轮询')
|
|
||||||
closeDialog();
|
|
||||||
}else{
|
|
||||||
// 关闭轮询
|
|
||||||
console.log('监听---关闭轮询')
|
|
||||||
clearInterval(pollingST.value);
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
@ -75,12 +75,12 @@ let studentList = ref([]) // 学生数据
|
||||||
|
|
||||||
// 初始-数据处理
|
// 初始-数据处理
|
||||||
const initData = () => {
|
const initData = () => {
|
||||||
|
console.log('xxx', props)
|
||||||
// window.test = activeCourse
|
// window.test = activeCourse
|
||||||
studentList.value = props.activeData.studentList || []
|
studentList.value = props.activeData.studentList || []
|
||||||
const activeWorkFeedList = props.activeData.workFeedList || []
|
const activeWorkFeedList = props.activeData.workFeedList || []
|
||||||
const quizlist = props.activeData.quizlist || []
|
const quizlist = props.activeData.quizlist || []
|
||||||
console.log(quizlist,'quizlist');
|
const timeArr = groupByField(props.activeData.workFeedList,'entpcourseworkid')
|
||||||
|
|
||||||
// 习题特殊处理
|
// 习题特殊处理
|
||||||
let data = quizlist.map(o => {
|
let data = quizlist.map(o => {
|
||||||
// 解析题选项
|
// 解析题选项
|
||||||
|
@ -90,9 +90,14 @@ const initData = () => {
|
||||||
let rightIds = [] // 正确学生
|
let rightIds = [] // 正确学生
|
||||||
let hasAnswers= [] // 答过题的学生
|
let hasAnswers= [] // 答过题的学生
|
||||||
let timeAnalyse = [] // 平均时长和编号
|
let timeAnalyse = [] // 平均时长和编号
|
||||||
// let subjectCourese = [] // 题目编号
|
|
||||||
const quizFeedList = activeWorkFeedList.filter(f => f.entpcourseworkid == o.id) // 做该题的列表
|
const quizFeedList = activeWorkFeedList.filter(f => f.entpcourseworkid == o.id) // 做该题的列表
|
||||||
|
// 获取所有的做题时间
|
||||||
|
timeArr.forEach((item,index) => {
|
||||||
|
const arr = item.reduce((acc, cur) => {
|
||||||
|
return acc + (cur.timelength ? Number(cur.timelength) : 0);
|
||||||
|
},0)
|
||||||
|
timeAnalyse.push(arr)
|
||||||
|
})
|
||||||
let children = []
|
let children = []
|
||||||
const allStudents = [];
|
const allStudents = [];
|
||||||
if (o.worktype == '单选题') { // '单选题','多选题'
|
if (o.worktype == '单选题') { // '单选题','多选题'
|
||||||
|
@ -103,11 +108,6 @@ const initData = () => {
|
||||||
// 改选项的学生id
|
// 改选项的学生id
|
||||||
const studentIds = quizFeedList.filter(f => f.feedcontent==v&&f.finishtimelength!='0').map(f => f.studentid)||[];
|
const studentIds = quizFeedList.filter(f => f.feedcontent==v&&f.finishtimelength!='0').map(f => f.studentid)||[];
|
||||||
accSum += studentIds.length;
|
accSum += studentIds.length;
|
||||||
// 该到题的用时时间
|
|
||||||
timeAnalyse = quizFeedList.reduce((acc, cur) => {
|
|
||||||
return acc + (cur.timelength ? Number(cur.timelength) : 0);
|
|
||||||
},0)
|
|
||||||
|
|
||||||
if (isOk) {
|
if (isOk) {
|
||||||
activeIds.push(...studentIds)
|
activeIds.push(...studentIds)
|
||||||
}
|
}
|
||||||
|
@ -135,10 +135,6 @@ const initData = () => {
|
||||||
if (studentIds.length>0) {
|
if (studentIds.length>0) {
|
||||||
allStudents.push(...studentIds);
|
allStudents.push(...studentIds);
|
||||||
}
|
}
|
||||||
// 该到题的用时时间
|
|
||||||
timeAnalyse = quizFeedList.reduce((acc, cur) => {
|
|
||||||
return acc + (cur.timelength ? Number(cur.timelength) : 0);
|
|
||||||
},0)
|
|
||||||
if(isOk) {
|
if(isOk) {
|
||||||
activeIds=[...new Set(activeIds.concat(studentIds))] // 多选去重
|
activeIds=[...new Set(activeIds.concat(studentIds))] // 多选去重
|
||||||
}
|
}
|
||||||
|
@ -147,12 +143,8 @@ const initData = () => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
else if (o.worktype == '填空题') { // 填空题
|
else if (o.worktype == '填空题') { // 填空题
|
||||||
let title = o.title.replace(/_{3,}/g, '_____'); //将3-10的下划线统一格式为5个
|
const regex = /<!--BA-->(.*?)<!--EA-->/g // 定义正则表达式,匹配 <!--BA-->xxx<!--EA--> 格式的内容
|
||||||
let regex = /<!--BA-->(.*?)<!--EA-->/g // 定义正则表达式,匹配 <!--BA-->xxx<!--EA--> 格式的内容
|
children = (o.title||'').match(regex).map((v,i) => {
|
||||||
if (title.indexOf('_____') != -1) {
|
|
||||||
regex = /_{5}/g // 定义正则表达式,匹配 <!--BA-->xxx<!--EA--> 格式的内容
|
|
||||||
}
|
|
||||||
children = (title||'').match(regex).map((v,i) => {
|
|
||||||
const def = `填空项 ${i+1}`
|
const def = `填空项 ${i+1}`
|
||||||
//const code = '( )'
|
//const code = '( )'
|
||||||
const code = '(略)', txt=v
|
const code = '(略)', txt=v
|
||||||
|
@ -161,10 +153,6 @@ const initData = () => {
|
||||||
activeIds=[...new Set(activeIds.concat(studentIds))] // 多选去重
|
activeIds=[...new Set(activeIds.concat(studentIds))] // 多选去重
|
||||||
hasAnswers=[...new Set(hasAnswers.concat(studentIds))]
|
hasAnswers=[...new Set(hasAnswers.concat(studentIds))]
|
||||||
accSum = activeIds.length
|
accSum = activeIds.length
|
||||||
// 该到题的用时时间
|
|
||||||
timeAnalyse = quizFeedList.reduce((acc, cur) => {
|
|
||||||
return acc + (cur.timelength ? Number(cur.timelength) : 0);
|
|
||||||
},0)
|
|
||||||
return { def, code, txt, isOk:true, studentIds }
|
return { def, code, txt, isOk:true, studentIds }
|
||||||
})
|
})
|
||||||
} else if (o.worktype == '判断题') { // 判断题
|
} else if (o.worktype == '判断题') { // 判断题
|
||||||
|
@ -206,10 +194,6 @@ const initData = () => {
|
||||||
accSum += studentIds.length;
|
accSum += studentIds.length;
|
||||||
if(isOk) activeIds.push(...studentIds)
|
if(isOk) activeIds.push(...studentIds)
|
||||||
hasAnswers.push(...studentIds)
|
hasAnswers.push(...studentIds)
|
||||||
// 该到题的用时时间
|
|
||||||
timeAnalyse = quizFeedList.reduce((acc, cur) => {
|
|
||||||
return acc + (cur.timelength ? Number(cur.timelength) : 0);
|
|
||||||
},0)
|
|
||||||
return { def: v, code: v, isOk, studentIds }
|
return { def: v, code: v, isOk, studentIds }
|
||||||
})
|
})
|
||||||
} else { // 论述题
|
} else { // 论述题
|
||||||
|
@ -219,10 +203,6 @@ const initData = () => {
|
||||||
activeIds=[...new Set(activeIds.concat(studentIds))] // 多选去重
|
activeIds=[...new Set(activeIds.concat(studentIds))] // 多选去重
|
||||||
hasAnswers=[...new Set(hasAnswers.concat(studentIds))]
|
hasAnswers=[...new Set(hasAnswers.concat(studentIds))]
|
||||||
accSum = activeIds.length
|
accSum = activeIds.length
|
||||||
// 该到题的用时时间
|
|
||||||
timeAnalyse = quizFeedList.reduce((acc, cur) => {
|
|
||||||
return acc + (cur.timelength ? Number(cur.timelength) : 0);
|
|
||||||
},0)
|
|
||||||
children = [{ def, code, isOk:true, studentIds }]
|
children = [{ def, code, isOk:true, studentIds }]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -242,7 +222,7 @@ const initData = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
// def: 原始题数据 type 类型 active: 选中 points: 得分率, accSum 题解答人数
|
// def: 原始题数据 type 类型 active: 选中 points: 得分率, accSum 题解答人数
|
||||||
return { def: o, id: o.id, type: o.worktype, active: [], points, accSum, rightSum, children,hasAnswers,timeAnalyse,score:o.workScore }
|
return { def: o, id: o.id, type: o.worktype, active: [], points, accSum, rightSum, children,hasAnswers,timeAnalyse }
|
||||||
})
|
})
|
||||||
if (data.length === 0) return
|
if (data.length === 0) return
|
||||||
useOverview.getAllData([...data])
|
useOverview.getAllData([...data])
|
||||||
|
|
|
@ -24,7 +24,6 @@ const dataList = ref([
|
||||||
// 答过题的学生才进行统计
|
// 答过题的学生才进行统计
|
||||||
const hasStudents = ref([])
|
const hasStudents = ref([])
|
||||||
|
|
||||||
|
|
||||||
// 根据数据生成不同的颜色
|
// 根据数据生成不同的颜色
|
||||||
function getColor(name) {
|
function getColor(name) {
|
||||||
const colorMap = {
|
const colorMap = {
|
||||||
|
@ -105,18 +104,7 @@ const showEcharts = () => {
|
||||||
}
|
}
|
||||||
//执行
|
//执行
|
||||||
watch(() => useOverview.tableList, () => {
|
watch(() => useOverview.tableList, () => {
|
||||||
// 判断是不是客观题
|
|
||||||
const subType = useOverview.allData.map(item => item.type)
|
|
||||||
const objectiveQuestion = ['单选题','多选题','判断题']
|
|
||||||
if( !subType.every(item => objectiveQuestion.includes(item)) ){
|
|
||||||
hasStudents.value = useOverview.tableList.filter(item => {
|
|
||||||
if(item.rating > 0 && useOverview.allData[0].hasAnswers.includes(item.studentid)){
|
|
||||||
return item
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
hasStudents.value = useOverview.tableList.filter(item => useOverview.allData[0].hasAnswers.includes(item.studentid)).map(item => item);
|
hasStudents.value = useOverview.tableList.filter(item => useOverview.allData[0].hasAnswers.includes(item.studentid)).map(item => item);
|
||||||
}
|
|
||||||
showEcharts();
|
showEcharts();
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
initChart();
|
initChart();
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<el-tab-pane :label="item.label" style="text-align:left" stretch="true">
|
<el-tab-pane :label="item.label" style="text-align:left" stretch="true">
|
||||||
<template v-if="item.stuList.length > 0">
|
<template v-if="item.stuList.length > 0">
|
||||||
<template v-for="(stuItem,stuIndex) in item.stuList" :key="stuIndex">
|
<template v-for="(stuItem,stuIndex) in item.stuList" :key="stuIndex">
|
||||||
<el-tag style="margin:5px 10px 0 0" type="primary">{{ stuItem.studentname }}:{{ stuItem.getScore }}分</el-tag>
|
<el-tag style="margin:5px 10px 0 0" type="primary">{{stuItem.studentname}}</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
|
@ -81,18 +81,7 @@ const showStudents = (index) => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
watch(() => useOverview.tableList, () => {
|
watch(() => useOverview.tableList, () => {
|
||||||
// 判断是不是客观题
|
|
||||||
const subType = useOverview.allData.map(item => item.type)
|
|
||||||
const objectiveQuestion = ['单选题','多选题','判断题']
|
|
||||||
if( !subType.every(item => objectiveQuestion.includes(item)) ){
|
|
||||||
hasStudents.value = useOverview.tableList.filter(item => {
|
|
||||||
if(item.rating > 0 && useOverview.allData[0].hasAnswers.includes(item.studentid)){
|
|
||||||
return item
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
hasStudents.value = useOverview.tableList.filter(item => useOverview.allData[0].hasAnswers.includes(item.studentid)).map(item => item);
|
hasStudents.value = useOverview.tableList.filter(item => useOverview.allData[0].hasAnswers.includes(item.studentid)).map(item => item);
|
||||||
}
|
|
||||||
showStudents(0)
|
showStudents(0)
|
||||||
},{deep: true})
|
},{deep: true})
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -20,71 +20,82 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import {ref, watch} from 'vue'
|
import {ref, watch} from 'vue'
|
||||||
import overviewStore from '@/store/modules/overview'
|
import overviewStore from '@/store/modules/overview'
|
||||||
|
import {listEntpcoursework} from '@/api/education/entpCourseWork'
|
||||||
|
|
||||||
const useOverview = overviewStore()
|
const useOverview = overviewStore()
|
||||||
const tableData = ref([])
|
const tableData = ref([])
|
||||||
|
//获取题目id
|
||||||
|
const ids = ref('')
|
||||||
|
//总分
|
||||||
|
const allScore = ref(0)
|
||||||
//用来获取所有知识点
|
//用来获取所有知识点
|
||||||
const konwledge = ref([])
|
const konwledge = ref([])
|
||||||
const hasStudents = ref([])
|
|
||||||
// 获取的所有得分
|
|
||||||
const allScore = ref(0)
|
|
||||||
// 平均分
|
|
||||||
const avatarScore = ref()
|
|
||||||
//所有题目的知识点
|
//所有题目的知识点
|
||||||
const getKonwledge = () => {
|
const getKonwledge = () => {
|
||||||
const getScoreRate = []
|
useOverview.tableList.forEach(item => {
|
||||||
// 获取知识点的种数
|
|
||||||
const ledges = []
|
|
||||||
hasStudents.value.forEach((item,index) => {
|
|
||||||
//判断是否存在知识点
|
|
||||||
if(item.knowledgePoint){
|
if(item.knowledgePoint){
|
||||||
const title = JSON.parse(item.knowledgePoint)
|
konwledge.value.push({...JSON.parse(item.knowledgePoint),...{scoingRate:Number(item.scoingRate),point:item.point,allPoint:allScore.value}})
|
||||||
//判断知识点是否重复
|
|
||||||
if(!ledges.includes(title.id)){
|
|
||||||
ledges.push(title.id)
|
|
||||||
// 假如分数是0 或者 得分率为空
|
|
||||||
konwledge.value.push({title:title.title,allPoint:allScore.value,id:title.id,point:avatarScore.value})
|
|
||||||
}
|
|
||||||
// 判断学生是否答过题
|
|
||||||
if(useOverview.allData[0].hasAnswers.includes(item.studentid))
|
|
||||||
getScoreRate.push({rate:item.scoingRate,id:title.id})
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
tableData.value = getTableList(konwledge.value)
|
||||||
// 看看有几个知识点
|
tableData.value = tableData.value.map(item => {
|
||||||
konwledge.value.forEach(item => {
|
return{
|
||||||
tableData.value.push({
|
|
||||||
scoingRate:(item.point / item.allPoint * 100).toFixed(2),
|
|
||||||
...item,
|
...item,
|
||||||
|
allPoint: allScore.value
|
||||||
|
}
|
||||||
})
|
})
|
||||||
})
|
console.log(tableData.value,'tableData.value')
|
||||||
|
}
|
||||||
|
//获取总分
|
||||||
|
const getScore = async () => {
|
||||||
|
const scoreId = useOverview.tableList[0].entpcourseworklist
|
||||||
|
const fixedJsonString = `[${scoreId}]`;
|
||||||
|
const objects = JSON.parse(fixedJsonString);
|
||||||
|
const id = objects.map(obj => obj.id);
|
||||||
|
ids.value = id.join(',')
|
||||||
|
const res = await listEntpcoursework({ids: ids.value, pageSize: 500})
|
||||||
|
if(res.code === 200){
|
||||||
|
allScore.value = res.rows.reduce((acc, cur) => acc + cur.workScore, 0);
|
||||||
|
getKonwledge()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
//组装tableList表格
|
//组装tableList表格
|
||||||
|
const getTableList = (data) => {
|
||||||
watch(() => useOverview.tableList,() => {
|
const result = [];
|
||||||
// 判断是不是客观题
|
data.forEach(item => {
|
||||||
const subType = useOverview.allData.map(item => item.type)
|
const existingItem = result.find(i => i.id === item.id);
|
||||||
const objectiveQuestion = ['单选题','多选题','判断题']
|
if (existingItem) {
|
||||||
if( !subType.every(item => objectiveQuestion.includes(item)) ){
|
// 累加point和scoingRate
|
||||||
hasStudents.value = useOverview.tableList.filter(item => {
|
existingItem.pointTotal += parseInt(item.point);
|
||||||
if(item.rating > 0 && useOverview.allData[0].hasAnswers.includes(item.studentid)){
|
existingItem.scoingRateTotal += parseFloat(item.scoingRate);
|
||||||
return item
|
existingItem.count++;
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
} else {
|
||||||
hasStudents.value = useOverview.tableList.filter(item => useOverview.allData[0].hasAnswers.includes(item.studentid)).map(item => item);
|
// 新的对象
|
||||||
|
result.push({
|
||||||
|
id: item.id,
|
||||||
|
title: item.title,
|
||||||
|
pointTotal: item.point,
|
||||||
|
scoingRateTotal: parseFloat(item.scoingRate),
|
||||||
|
count: 1
|
||||||
|
});
|
||||||
}
|
}
|
||||||
// 这里获取所有知识点的总分
|
});
|
||||||
allScore.value = useOverview.allData.reduce((acc, cur) => {
|
|
||||||
return acc + Number(cur.score)
|
|
||||||
},0)
|
|
||||||
// 平均分
|
|
||||||
avatarScore.value = hasStudents.value.reduce((acc, cur) => {
|
|
||||||
return acc + Number(cur.getScore)
|
|
||||||
},0) / hasStudents.value.length
|
|
||||||
|
|
||||||
// 计算得分率
|
// 计算平均值
|
||||||
getKonwledge()
|
result.forEach(item => {
|
||||||
|
item.point = Math.round(item.pointTotal / item.count);
|
||||||
|
// item.scoingRate = Math.round((item.scoingRateTotal / item.count) * 100) / 100;
|
||||||
|
item.scoingRate = Math.round((item.point / allScore.value) * 100);
|
||||||
|
delete item.pointTotal;
|
||||||
|
delete item.scoingRateTotal;
|
||||||
|
delete item.count;
|
||||||
|
});
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
watch(() => useOverview.tableList,() => {
|
||||||
|
console.log(useOverview.tableList,'useOverview.tableList')
|
||||||
|
getScore()
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
@ -9,17 +9,14 @@ import * as echarts from 'echarts';
|
||||||
import {ref, nextTick, watch} from 'vue'
|
import {ref, nextTick, watch} from 'vue'
|
||||||
import overviewStore from '@/store/modules/overview'
|
import overviewStore from '@/store/modules/overview'
|
||||||
|
|
||||||
const useOverview = overviewStore();
|
const useOverview = overviewStore()
|
||||||
|
|
||||||
// 获取图表容器的引用
|
// 获取图表容器的引用
|
||||||
const chartRef = ref(null);
|
const chartRef = ref(null);
|
||||||
// 预计用时
|
|
||||||
const expectedDuration = ref([]);
|
|
||||||
|
|
||||||
// 初始化图表
|
// 初始化图表
|
||||||
function initChart() {
|
function initChart() {
|
||||||
const myChart = echarts.init(chartRef.value);
|
const myChart = echarts.init(chartRef.value);
|
||||||
|
|
||||||
// 指定图表的配置项和数据
|
// 指定图表的配置项和数据
|
||||||
let option = {
|
let option = {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
|
@ -28,16 +25,15 @@ function initChart() {
|
||||||
type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
|
type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
|
||||||
},
|
},
|
||||||
formatter: function(parms) {
|
formatter: function(parms) {
|
||||||
let str = "";
|
let str =
|
||||||
parms.forEach(param => {
|
parms[0].axisValue +
|
||||||
if (param.seriesType === 'bar') {
|
"</br>" +
|
||||||
str += param.axisValue + "</br>" + param.marker + "平均用时:" + param.value + 's' + "</br>";
|
parms[0].marker +
|
||||||
} else if (param.seriesType === 'line') {
|
"平均用时:" +
|
||||||
str += param.marker + "预计用时:" + param.value + 's';
|
parms[0].value + 's'
|
||||||
}
|
|
||||||
});
|
|
||||||
return str;
|
return str;
|
||||||
},
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: "#333",
|
color: "#333",
|
||||||
|
@ -88,8 +84,7 @@ function initChart() {
|
||||||
},
|
},
|
||||||
axisLabel: {},
|
axisLabel: {},
|
||||||
},
|
},
|
||||||
series: [
|
series: [{
|
||||||
{
|
|
||||||
data: getYValue(),
|
data: getYValue(),
|
||||||
stack: "zs",
|
stack: "zs",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
|
@ -103,61 +98,45 @@ function initChart() {
|
||||||
y2: 1,
|
y2: 1,
|
||||||
type: "linear",
|
type: "linear",
|
||||||
global: false,
|
global: false,
|
||||||
colorStops: [
|
colorStops: [{
|
||||||
{ offset: 0, color: "#5EA1FF" },
|
offset: 0,
|
||||||
{ offset: 1, color: "#90BEFF" },
|
color: "#5EA1FF",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
offset: 1,
|
||||||
|
color: "#90BEFF",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
label: {
|
|
||||||
show: true,
|
|
||||||
position: 'top',
|
|
||||||
formatter: '{c}s',
|
|
||||||
color: '#333',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
//折线的加入
|
|
||||||
{
|
|
||||||
data: expectedDuration.value,
|
|
||||||
type: "line",
|
|
||||||
smooth: true,
|
|
||||||
symbol: 'circle',
|
|
||||||
symbolSize: 8,
|
|
||||||
lineStyle: {
|
|
||||||
color: '#FF7F50',
|
|
||||||
width: 2,
|
|
||||||
},
|
|
||||||
itemStyle: {
|
|
||||||
color: '#FF7F50',
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
|
|
||||||
myChart.setOption(option);
|
myChart.setOption(option);
|
||||||
}
|
}
|
||||||
|
|
||||||
//获取平均时长纵坐标
|
//获取平均时长纵坐标
|
||||||
const getYValue = () => {
|
const getYValue = () => {
|
||||||
const arr = useOverview.allData.map(item => item.timeAnalyse)
|
const arr = [...useOverview.allData[0].timeAnalyse]
|
||||||
const num = useOverview.allData[0].hasAnswers.length;
|
const num = useOverview.allData[0].hasAnswers.length
|
||||||
if (arr.length === 0) return [];
|
|
||||||
return arr.map(item => (item ? (item / num).toFixed(2) : 0));
|
|
||||||
};
|
|
||||||
|
|
||||||
|
return arr.map(item => {
|
||||||
|
return item ? (item / num).toFixed(2) : 0
|
||||||
|
})
|
||||||
|
}
|
||||||
// 获取横纵轴坐标数据
|
// 获取横纵轴坐标数据
|
||||||
const getXValue = () => {
|
const getXValue = () => {
|
||||||
return useOverview.allData.map((item, index) => `第${index + 1}题`);
|
return useOverview.allData.map(item => item.id)
|
||||||
};
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
watch(() => useOverview.tableList,() => {
|
watch(() => useOverview.tableList,() => {
|
||||||
expectedDuration.value = useOverview.tableList.map(item => (Number(item.timelength) * 60 / useOverview.allData.length).toFixed(2));
|
|
||||||
|
|
||||||
//获取横纵坐标
|
//获取横纵坐标
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
initChart();
|
initChart();
|
||||||
});
|
})
|
||||||
});
|
})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
|
@ -90,7 +90,7 @@
|
||||||
<span>学生答案:
|
<span>学生答案:
|
||||||
<span
|
<span
|
||||||
v-if="stuItem.feedcontent !=''"
|
v-if="stuItem.feedcontent !=''"
|
||||||
:style="{backgroundColor: `${formatWorkAnswer(quItem) == formatFeedContent(stuItem, quItem)? '#0ed116' : 'red'}`,color: 'white', padding: '0 5px', borderRadius: '5px'}"
|
style="background-color: red; color: white; padding: 0 5px; border-radius: 5px;"
|
||||||
v-html="formatFeedContent(stuItem, quItem)"
|
v-html="formatFeedContent(stuItem, quItem)"
|
||||||
>
|
>
|
||||||
</span>
|
</span>
|
||||||
|
@ -427,7 +427,7 @@ import useUserStore from '@/store/modules/user'
|
||||||
import { ref, reactive } from 'vue'
|
import { ref, reactive } from 'vue'
|
||||||
// import { Plus } from '@element-plus/icons-vue'
|
// import { Plus } from '@element-plus/icons-vue'
|
||||||
import { ElMessageBox, ElMessage } from 'element-plus'
|
import { ElMessageBox, ElMessage } from 'element-plus'
|
||||||
import { updateClassworkeval,updateClasswork, updateClassWorkDataAutoFinish, getClassworkdata, updateClassworkevalList } from '@/api/classTask'
|
import { updateClassworkeval, updateClassworkdata, getClassworkdata } from '@/api/classTask'
|
||||||
import { getTimeDate } from '@/utils/date'
|
import { getTimeDate } from '@/utils/date'
|
||||||
import ReFilePreview from '@/components/refile-preview/index.vue'
|
import ReFilePreview from '@/components/refile-preview/index.vue'
|
||||||
import { quizStrToList } from '@/utils/comm';
|
import { quizStrToList } from '@/utils/comm';
|
||||||
|
@ -871,13 +871,6 @@ const onSubmit = () => {
|
||||||
})
|
})
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
/** 1、 更新当前作业是否已经批阅完成 */
|
|
||||||
// TODO updateClasswork
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/** 2、 更新每个学生的批阅 */
|
|
||||||
|
|
||||||
var formd = {
|
var formd = {
|
||||||
id: dialogProps.value.studentObj.id, // this.activeClassWork.id;
|
id: dialogProps.value.studentObj.id, // this.activeClassWork.id;
|
||||||
|
@ -885,7 +878,7 @@ const onSubmit = () => {
|
||||||
updatedate: getTimeDate(),// = year+'-'+month+'-'+day+' '+hh+':'+mm;
|
updatedate: getTimeDate(),// = year+'-'+month+'-'+day+' '+hh+':'+mm;
|
||||||
};
|
};
|
||||||
// 更新作业批改状态
|
// 更新作业批改状态
|
||||||
updateClassWorkDataAutoFinish(formd).then(res => {
|
updateClassworkdata(formd).then(res => {
|
||||||
})
|
})
|
||||||
|
|
||||||
// 更新题目批改
|
// 更新题目批改
|
||||||
|
@ -905,21 +898,6 @@ const onSubmit = () => {
|
||||||
// }
|
// }
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
// let queryList = [];
|
|
||||||
// classWorkFormScore.teacherRating && classWorkFormScore.teacherRating.map((item, index) => {
|
|
||||||
// const queryParams = {
|
|
||||||
// id: item.id,
|
|
||||||
// teacherRating: item.score, // 教师评分
|
|
||||||
// rating: classWorkFormScore.rating, // 评价
|
|
||||||
// teacherremark: classWorkFormScore.teacherremark, //评分说明
|
|
||||||
// timestamp: getTimeDate() // 时间
|
|
||||||
// }
|
|
||||||
// //console.log(queryParams);
|
|
||||||
// queryList.push(queryParams);
|
|
||||||
// })
|
|
||||||
// //console.log(queryList);
|
|
||||||
// updateClassworkevalList(queryList).then((res) => {
|
|
||||||
// })
|
|
||||||
ElMessage({
|
ElMessage({
|
||||||
type: 'success',
|
type: 'success',
|
||||||
message: '提交成功!'
|
message: '提交成功!'
|
||||||
|
|
|
@ -14,40 +14,31 @@
|
||||||
| 截止时间:{{ item.deaddate }} | {{ tabactive }}
|
| 截止时间:{{ item.deaddate }} | {{ tabactive }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="class-reserv-item-tool">
|
||||||
<div v-if=" tabactive == '待批改' " class="class-reserv-item-progress">
|
|
||||||
<el-progress :text-inside="true" :stroke-width="26" :percentage="item.finishpercent" :color="'#000fff'" style="cursor: pointer"></el-progress>
|
|
||||||
<span>
|
|
||||||
已交(
|
|
||||||
<span>
|
<span>
|
||||||
<span v-if="item.workdataresultcount!=0" style="color:#000fff; font-weight: 900; font-size: 15px">{{ item.workdataresultcount }}</span>
|
<span v-if="item.workdataresultcount!=0" style="color:#000fff; font-weight: 900; font-size: 15px">{{ item.workdataresultcount }}</span>
|
||||||
<span v-if="item.workdataresultcount==0">{{ item.workdataresultcount }}</span>
|
<span v-if="item.workdataresultcount==0">{{ item.workdataresultcount }}</span>
|
||||||
/{{ item.workdataresultsum }}
|
/{{ item.workdatacount }}</span>
|
||||||
</span>
|
<span>已交</span>
|
||||||
)
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="class-reserv-item-tool">
|
||||||
<div v-if=" tabactive == '待批改' " class="class-reserv-item-progress">
|
<!-- 总人数-已批阅人数 -->
|
||||||
<el-progress :text-inside="true" :stroke-width="26" :percentage="item.teacherCorrectionProgress" :color="'#ff7f00'" style="cursor: pointer"></el-progress>
|
<span style="color: #ff7f00; font-weight: 900; font-size: 15px">{{ item.teacherrationgcount?item.workdatacount - item.teacherrationgcount:item.workdatacount }}</span>
|
||||||
<span>
|
<span>待批阅</span>
|
||||||
已批阅(<span style="color: #ff7f00; font-weight: 900; font-size: 15px">{{ item.teacherrationgcount}}</span>)
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- TODO 练习次数、引用次数 这里随便的假数据-->
|
|
||||||
<div v-if=" tabactive == '已批改' " class="class-reserv-item-tool">
|
|
||||||
<span style="color:#000fff; font-weight: 900; font-size: 15px">{{ item.workdataresultsum }}</span>
|
|
||||||
<span>练习次数</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if=" tabactive == '已批改' " class="class-reserv-item-tool">
|
|
||||||
<span style="color: #ff7f00; font-weight: 900; font-size: 15px">{{ item.teacherrationgcount?item.workdataresultsum - item.teacherrationgcount:item.workdataresultsum }}</span>
|
|
||||||
<span>引用次数</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="class-reserv-item-tool">
|
<div class="class-reserv-item-tool">
|
||||||
<span>
|
<span>
|
||||||
|
<!-- {{ item.averagetime?item.averagetime:0 }} -->
|
||||||
|
<!-- <span v-if=" item.averagetime<60 ">
|
||||||
|
<span style="color: #007fff; font-weight: 900; font-size: 15px">{{ item.averagetime }}</span>分钟
|
||||||
|
</span>
|
||||||
|
<span v-if=" item.averagetime==60 ">
|
||||||
|
<span style="color: #007fff; font-weight: 900; font-size: 15px">1</span>小时
|
||||||
|
</span>
|
||||||
|
<span v-if=" item.averagetime>60 ">
|
||||||
|
<span style="color: #007fff; font-weight: 900; font-size: 15px">{{ Math.floor(item.averagetime / 60)}}</span>小时
|
||||||
|
<span style="color: #007fff; font-weight: 900; font-size: 15px">{{ Math.floor(item.averagetime % 60)}}</span>分钟
|
||||||
|
</span> -->
|
||||||
<span style="color: #007fff; font-weight: 900; font-size: 15px">{{ item.averagetime }}</span>分钟
|
<span style="color: #007fff; font-weight: 900; font-size: 15px">{{ item.averagetime }}</span>分钟
|
||||||
</span>
|
</span>
|
||||||
<span>平均用时</span>
|
<span>平均用时</span>
|
||||||
|
@ -106,11 +97,6 @@ const props = defineProps({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.class-reserv-item-progress {
|
|
||||||
width: 200px;
|
|
||||||
padding: 0 10px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.class-reserv-item-tool {
|
.class-reserv-item-tool {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -0,0 +1,802 @@
|
||||||
|
<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="批阅状态" 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
|
||||||
|
for (var e = 0; e < evalarray.length; e++) {
|
||||||
|
if (evalarray[e].feedcontent != '') {
|
||||||
|
feedcount++
|
||||||
|
// 与答案对比正误。注意注意,这里仅限单选题
|
||||||
|
if (evalarray[e].feedcontent == evalarray[e].rightanswer) {
|
||||||
|
scoingCount++
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//console.log(evalarray, 'evalarray------------------------------------')
|
||||||
|
if (feedcount > 0) {
|
||||||
|
// 多个题目的总得分率: 正确题数/(题目数*100)
|
||||||
|
response.rows[i].scoingRate = ((scoingCount / feedcount) * 100).toFixed(0) + '%'
|
||||||
|
} else {
|
||||||
|
response.rows[i].scoingRate = '0%'
|
||||||
|
}
|
||||||
|
// 批阅状态 优良类 :注意:这里题目中的评价都是一样的,所以取第一个
|
||||||
|
if (evalarray[0].rating != '') {
|
||||||
|
response.rows[i].teacherRating = evalarray[0].rating
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
response.rows[i].scoingRate = '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
|
||||||
|
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 ++
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
rightAnswer > 0?item.scoingRate = (rightAnswer/answers * 100).toFixed(0):item.scoingRate = ''
|
||||||
|
}else{
|
||||||
|
item.scoingRate = ''
|
||||||
|
}
|
||||||
|
//获得总分
|
||||||
|
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>
|
|
@ -89,8 +89,8 @@
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<!-- 习题表格 -->
|
<!-- 习题表格 -->
|
||||||
<div class="infinite-list-wrapper" >
|
<div class="middle" >
|
||||||
<!-- <el-table :data="workResource.entpCourseWorkList" style="width: 100%; height: 100%;">
|
<el-table :data="workResource.entpCourseWorkList" style="width: 100%; height: 100%;">
|
||||||
<el-table-column type="index" width="60" />
|
<el-table-column type="index" width="60" />
|
||||||
<el-table-column align="left" >
|
<el-table-column align="left" >
|
||||||
<template #header>
|
<template #header>
|
||||||
|
@ -114,48 +114,7 @@
|
||||||
<el-button type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', scope.row.id)">添加</el-button>
|
<el-button type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', scope.row.id)">添加</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table> -->
|
</el-table>
|
||||||
<ul
|
|
||||||
v-infinite-scroll="pageLoad"
|
|
||||||
class="infinite-list"
|
|
||||||
infinite-scroll-immediate="false"
|
|
||||||
infinite-scroll-distance='1'
|
|
||||||
infinite-scroll-delay="1000"
|
|
||||||
:infinite-scroll-disabled="pageDisabled"
|
|
||||||
>
|
|
||||||
<li v-for="(item,index) in workResource.entpCourseWorkList" :key="item" class="infinite-list-item">
|
|
||||||
<div align="left" style="width: 100%;" >
|
|
||||||
<!-- <template #header>
|
|
||||||
<div style="display: flex">
|
|
||||||
<div style="align-items: center;">题目内容</div>
|
|
||||||
</div>
|
|
||||||
</template> -->
|
|
||||||
<div @click="showExamAnalyseDrawer(item)">
|
|
||||||
<div>
|
|
||||||
<span style="width: 20px;">{{ index +1 }}. </span>
|
|
||||||
<span style="overflow: hidden; text-overflow: ellipsis" v-html="item.titleFormat"></span>
|
|
||||||
</div>
|
|
||||||
<div style="overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; margin-top: 6px;" v-html="item.workdescFormat"></div>
|
|
||||||
<el-col :span="24" style="display: flex">
|
|
||||||
<div style="font-size: 1em; color: silver; padding-top: 5px">{{ item.entpname }} {{ item.editusername }}</div>
|
|
||||||
<div style="margin-left: 30px; font-size: 1em; color: silver; padding-top: 5px">{{ item.worktag }}</div>
|
|
||||||
</el-col>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div align="right" style="width: 72px;">
|
|
||||||
<el-button type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', item.id)">添加</el-button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<p class="infinite-list-loading" v-if="pageParams.loading">加载中...</p>
|
|
||||||
<p class="infinite-list-noMove" v-if="pageNoMore">无更多试题...</p>
|
|
||||||
<div v-if="workResource.entpCourseWorkList.length == 0 && !pageParams.loading">
|
|
||||||
<el-empty
|
|
||||||
description="未找到相关试题"
|
|
||||||
style="width: 100%; height: 200px; margin-top: 20px;"
|
|
||||||
></el-empty>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 分页 这里不用-->
|
<!-- 分页 这里不用-->
|
||||||
<!-- <div style="height: 55px;">
|
<!-- <div style="height: 55px;">
|
||||||
|
@ -272,14 +231,14 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { onMounted, ref, nextTick, watch, reactive, getCurrentInstance, computed } from 'vue'
|
import { onMounted, ref, nextTick, watch, reactive, getCurrentInstance } from 'vue'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { cloneDeep } from 'lodash'
|
import { cloneDeep } from 'lodash'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
|
||||||
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
||||||
import { addClassworkReturnId } from '@/api/teaching/classwork'
|
import { addClassworkReturnId } from '@/api/teaching/classwork'
|
||||||
import { updateClasswork, listEvaluationclue, listClassworkeval,delClassworkeval,addClassworkeval,updateClassworkeval } from '@/api/classTask'
|
import { updateClasswork, listEvaluationclue,readFile, listClassworkeval,delClassworkeval,addClassworkeval,updateClassworkeval } from '@/api/classTask'
|
||||||
import { listEvaluation } from '@/api/subject'
|
import { listEvaluation } from '@/api/subject'
|
||||||
import { listEntpcoursefile } from '@/api/education/entpcoursefile'
|
import { listEntpcoursefile } from '@/api/education/entpcoursefile'
|
||||||
import { listKnowledgePoint } from "@/api/knowledge/knowledgePoint";
|
import { listKnowledgePoint } from "@/api/knowledge/knowledgePoint";
|
||||||
|
@ -291,9 +250,7 @@ import FileUpload from "@/components/FileUpload/index.vue";
|
||||||
import whiteboard from '@/components/whiteboard/whiteboard.vue'
|
import whiteboard from '@/components/whiteboard/whiteboard.vue'
|
||||||
import prevReadMsgDialog from '@/views/classTask/container/newTask/prevReadMsg-Dialog.vue'
|
import prevReadMsgDialog from '@/views/classTask/container/newTask/prevReadMsg-Dialog.vue'
|
||||||
import examDetailsDrawer from '@/components/exam-question/examDetailsDrawer.vue'
|
import examDetailsDrawer from '@/components/exam-question/examDetailsDrawer.vue'
|
||||||
import { JYApiListCT, JYApiListOriginYear, JYApiListSO} from "@/utils/examQuestion/jyeoo"
|
|
||||||
|
|
||||||
import {throttle,debounce } from '@/utils/comm'
|
|
||||||
import { useToolState } from '@/store/modules/tool'
|
import { useToolState } from '@/store/modules/tool'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
const userStore = useUserStore().user
|
const userStore = useUserStore().user
|
||||||
|
@ -407,24 +364,6 @@ const boardLoading = ref(false);
|
||||||
//常规作业----------
|
//常规作业----------
|
||||||
const fileLoading = ref(false); // 常规作业loading
|
const fileLoading = ref(false); // 常规作业loading
|
||||||
|
|
||||||
// 下拉滚动参数
|
|
||||||
|
|
||||||
const BASE_LIMIT_COUT = 50; // 总加载额外试题数
|
|
||||||
const pageNoMore = computed( () => {
|
|
||||||
if (pageParams.value.total < 1) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
let count = BASE_LIMIT_COUT >= pageParams.value.total ? pageParams.value.total : pageParams.value.originCount+BASE_LIMIT_COUT;
|
|
||||||
return workResource.entpCourseWorkList.length >= count;
|
|
||||||
});
|
|
||||||
const pageDisabled = computed(() => pageParams.value.loading || pageNoMore.value);
|
|
||||||
const pageParams = ref({
|
|
||||||
loading: false, // 是否正在加载中
|
|
||||||
originCount: 0, // 初始条目数量
|
|
||||||
isFirst: true, // 是否是第一次加载
|
|
||||||
total: 0,
|
|
||||||
})
|
|
||||||
|
|
||||||
/***
|
/***
|
||||||
* 作业类型切换
|
* 作业类型切换
|
||||||
*/
|
*/
|
||||||
|
@ -442,33 +381,9 @@ const changeFormType = (val) => {
|
||||||
const handleQueryParamFromEntpCourseWork = (queryType) => {
|
const handleQueryParamFromEntpCourseWork = (queryType) => {
|
||||||
// 确保更改了搜索参数后从第一页开始查询
|
// 确保更改了搜索参数后从第一页开始查询
|
||||||
// this.paginationParams = {pageNum: 1,pageSize: 10}; 分页这里展示弃用了
|
// this.paginationParams = {pageNum: 1,pageSize: 10}; 分页这里展示弃用了
|
||||||
// 清空作业列表
|
|
||||||
initPageParams();
|
|
||||||
handleQueryFromEntpCourseWork(queryType);
|
handleQueryFromEntpCourseWork(queryType);
|
||||||
};
|
};
|
||||||
|
|
||||||
let obj = {};
|
|
||||||
|
|
||||||
function Apis(key) {
|
|
||||||
obj[key] = [];
|
|
||||||
return function(task) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
obj[key].push(task);
|
|
||||||
Promise.all([...obj[key]]).then(res => {
|
|
||||||
const i = obj[key].findIndex(item => {
|
|
||||||
return item == task;
|
|
||||||
});
|
|
||||||
resolve(obj[key][i]);
|
|
||||||
//arr.splice(i, 1);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
const client = new Apis('/paht');
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @desc: 1、习题训练 - 新查询试题
|
* @desc: 1、习题训练 - 新查询试题
|
||||||
* @return: {*}
|
* @return: {*}
|
||||||
|
@ -477,12 +392,11 @@ function Apis(key) {
|
||||||
* 1 - 按条件查询
|
* 1 - 按条件查询
|
||||||
* 2 - 按关键词查询
|
* 2 - 按关键词查询
|
||||||
*/
|
*/
|
||||||
const t = function(name, time) {
|
const handleQueryFromEntpCourseWork= (queryType) => {
|
||||||
return new Promise(resolve => {
|
//queryForm.pageNum = this.paginationParams.pageNum;
|
||||||
|
//queryForm.pageSize = this.paginationParams.pageSize;
|
||||||
|
|
||||||
const queryForm = {
|
const queryForm = {
|
||||||
// 分页参数
|
|
||||||
currentPage: paginationParams.pageNum,
|
|
||||||
pageSize: paginationParams.pageSize,
|
|
||||||
// 课程相关参数
|
// 课程相关参数
|
||||||
eid: props.bookobj.levelSecondId,
|
eid: props.bookobj.levelSecondId,
|
||||||
sectionName: props.bookobj.coursetitle,
|
sectionName: props.bookobj.coursetitle,
|
||||||
|
@ -502,15 +416,10 @@ function Apis(key) {
|
||||||
keyword: entpCourseWorkQueryParams.keyWord && entpCourseWorkQueryParams.keyWord !== '' ? entpCourseWorkQueryParams.keyWord:'',
|
keyword: entpCourseWorkQueryParams.keyWord && entpCourseWorkQueryParams.keyWord !== '' ? entpCourseWorkQueryParams.keyWord:'',
|
||||||
|
|
||||||
}
|
}
|
||||||
const entpcourseworkres = listEntpcourseworkNew(queryForm);
|
|
||||||
|
|
||||||
resolve(entpcourseworkres);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
const handleQueryFromEntpCourseWork= async (queryType) => {
|
|
||||||
|
|
||||||
pageParams.value.loading = true;
|
|
||||||
|
|
||||||
|
// 分页参数
|
||||||
|
// pageNum: paginationParams.pageNum,
|
||||||
|
// pageSize: paginationParams.pageSize,
|
||||||
|
|
||||||
// 初中政治特殊处理( warn: 需确认是否修改 )
|
// 初中政治特殊处理( warn: 需确认是否修改 )
|
||||||
// if (this.courseObj.edusubject=='政治' && this.courseObj.edustage=='初中') {
|
// if (this.courseObj.edusubject=='政治' && this.courseObj.edustage=='初中') {
|
||||||
|
@ -518,46 +427,35 @@ const handleQueryFromEntpCourseWork= async (queryType) => {
|
||||||
// queryForm.edusubject = '道德与法治';
|
// queryForm.edusubject = '道德与法治';
|
||||||
// }
|
// }
|
||||||
|
|
||||||
client(t('任务1', 1500)).then(res => {
|
listEntpcourseworkNew(queryForm).then(entpcourseworkres => {
|
||||||
console.log("请求返回",res);
|
// if (queryType == 1 && this.entpCourseWorkQueryParams.worktype == '主观题') {
|
||||||
if(paginationParams.pageNum == 1){
|
// // 因菁优网题型因学科而不固定, 故非常规题重定义定为【主观题】
|
||||||
workResource.entpCourseWorkList = [];
|
// const allowedWorkTypes = ['单选题', '填空题', '多选题', '判断题', '复合题'];
|
||||||
workResource.entpCourseWorkTotal = 0;
|
// workResource.entpCourseWorkList = entpcourseworkres.rows.filter(item => {
|
||||||
|
// return !allowedWorkTypes.includes(item.worktype);
|
||||||
|
// });
|
||||||
|
// } else {
|
||||||
|
// workResource.entpCourseWorkList = entpcourseworkres.rows;
|
||||||
|
// }
|
||||||
|
|
||||||
// 初始化下拉滚动条参数
|
if(entpcourseworkres.data&&entpcourseworkres.data.length>0){
|
||||||
// pageParams.value.loading = false;
|
workResource.entpCourseWorkList = entpcourseworkres.data;
|
||||||
// pageParams.value.isFirst = true;
|
workResource.entpCourseWorkTotal = entpcourseworkres.data.length;
|
||||||
// pageParams.value.originCount = 0;
|
|
||||||
}
|
|
||||||
const data = res.data || [];
|
|
||||||
if(data && data.length>0){
|
|
||||||
// workResource.entpCourseWorkList = entpcourseworkres.data;
|
|
||||||
// workResource.entpCourseWorkTotal = entpcourseworkres.data.length;
|
|
||||||
|
|
||||||
data.forEach(item=> {
|
workResource.entpCourseWorkList.forEach(item=> {
|
||||||
if (item.worktype == '选择题') {
|
if (item.worktype == '选择题') {
|
||||||
item.worktype = '单选题'
|
item.worktype = '单选题'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
//格式化试题信息
|
//格式化试题信息
|
||||||
processList(data);
|
processList(workResource.entpCourseWorkList);
|
||||||
workResource.entpCourseWorkList.push(...data);
|
}else{
|
||||||
|
workResource.entpCourseWorkList = [];
|
||||||
// 初次加载时更新当前试题数量
|
workResource.entpCourseWorkTotal = 0
|
||||||
if (pageParams.value.isFirst) {
|
|
||||||
pageParams.value.isFirst = false;
|
|
||||||
pageParams.value.originCount = workResource.entpCourseWorkList.length;
|
|
||||||
pageParams.value.total = parseInt(res.msg);
|
|
||||||
}
|
}
|
||||||
}
|
})
|
||||||
pageParams.value.loading = false;
|
|
||||||
});
|
|
||||||
|
|
||||||
//const entpcourseworkres = await listEntpcourseworkNew(queryForm);
|
|
||||||
|
|
||||||
// const data = entpcourseworkres.data;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 教学资源,从课标分析、教材分析里来
|
// 教学资源,从课标分析、教材分析里来
|
||||||
|
@ -978,85 +876,25 @@ const showExamAnalyseDrawer = (row) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const pageLoad = async() => {
|
|
||||||
console.log("加载中...")
|
|
||||||
paginationParams.pageNum ++ ,
|
|
||||||
//paginationParams.pageSize = 2,
|
|
||||||
await handleQueryFromEntpCourseWork(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
const initPageParams = () => {
|
|
||||||
// 初始化作业习题列表
|
|
||||||
workResource.entpCourseWorkList = [];
|
|
||||||
workResource.entpCourseWorkTotal = 0
|
|
||||||
|
|
||||||
// 初始化下拉滚动条参数
|
|
||||||
pageParams.value.loading = false;
|
|
||||||
pageParams.value.isFirst = true;
|
|
||||||
pageParams.value.originCount = 0;
|
|
||||||
pageParams.value.total = 0;
|
|
||||||
|
|
||||||
// 初始化分页参数
|
|
||||||
paginationParams.pageNum = 1;
|
|
||||||
paginationParams.pageSize = 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
onMounted(async() => {
|
|
||||||
// 获取当前学科下的试题题型
|
|
||||||
const name = userStore.edustage + userStore.edusubject;
|
|
||||||
const jyCT = await JYApiListCT(proxy, name);
|
|
||||||
if (jyCT.length == 0) {
|
|
||||||
ElMessage.error('获取题型失败!');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
entpCourseWorkTypeList.value = jyCT;
|
|
||||||
// 获取当前学科下的试题年份
|
|
||||||
entpCourseWorkYearList.value = JYApiListOriginYear();
|
|
||||||
entpCourseWorkGroupList.value = await JYApiListSO(proxy, name);
|
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
})
|
})
|
||||||
|
|
||||||
// const refreshData = () => {
|
|
||||||
// console.log("刷新数据")
|
|
||||||
// // 初始化滚动加载参数
|
|
||||||
// initPageParams();
|
|
||||||
// // 习题资源
|
|
||||||
// handleQueryFromEntpCourseWork(0);
|
|
||||||
// // 框架梳理
|
|
||||||
// getQueryFromEvaluationclue();
|
|
||||||
// // 知识点
|
|
||||||
// getEntpCourseWorkPointList();
|
|
||||||
// }
|
|
||||||
// // 结合防抖和节流
|
|
||||||
// const debounceQueryData = debounce(throttle(refreshData, 1000), 1000);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 防抖
|
|
||||||
const debounceQueryData = debounce(() => {
|
|
||||||
console.log("防抖 加载数据中...")
|
|
||||||
// 初始化滚动加载参数
|
|
||||||
initPageParams();
|
|
||||||
// 习题资源
|
|
||||||
handleQueryFromEntpCourseWork(0);
|
|
||||||
// 框架梳理
|
|
||||||
getQueryFromEvaluationclue();
|
|
||||||
// 知识点
|
|
||||||
getEntpCourseWorkPointList();
|
|
||||||
}, 1000);
|
|
||||||
|
|
||||||
watch(() => props.propsformobj.uniquekey, (newVal) => {
|
watch(() => props.propsformobj.uniquekey, (newVal) => {
|
||||||
console.log(props.propsformobj,'propsformobj')
|
console.log(props.propsformobj,'propsformobj')
|
||||||
if(props.propsformobj.uniquekey){
|
if(props.propsformobj.uniquekey){
|
||||||
classWorkForm.uniquekey = props.propsformobj.uniquekey?cloneDeep(props.propsformobj.uniquekey):''; // 作业唯一标识 作业名称
|
classWorkForm.uniquekey = props.propsformobj.uniquekey?cloneDeep(props.propsformobj.uniquekey):''; // 作业唯一标识 作业名称
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
watch(() => props.bookobj.levelSecondId, (newVal) => {
|
||||||
console.log(props.bookobj,'课程选择')
|
console.log(props.bookobj,'课程选择')
|
||||||
debounceQueryData();
|
// 习题资源
|
||||||
|
handleQueryFromEntpCourseWork(0);
|
||||||
|
// 框架梳理
|
||||||
|
getQueryFromEvaluationclue();
|
||||||
|
// 知识点
|
||||||
|
getEntpCourseWorkPointList();
|
||||||
})
|
})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@ -1144,46 +982,6 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: rgb(231, 231, 231)
|
background-color: rgb(231, 231, 231)
|
||||||
}
|
}
|
||||||
.infinite-list-wrapper{
|
|
||||||
height: 100%;
|
|
||||||
text-align: center;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
.infinite-list {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
list-style: none;
|
|
||||||
|
|
||||||
.infinite-list-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
//justify-content: center;
|
|
||||||
//height: 50px;
|
|
||||||
//background: var(--el-color-primary-light-9);
|
|
||||||
padding: 10px;
|
|
||||||
border-top: 1px solid #eee;
|
|
||||||
//color: var(--el-color-primary);
|
|
||||||
}
|
|
||||||
.infinite-list-item:hover {
|
|
||||||
background-color: #F3F5F8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.infinite-list-item + .list-item {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.infinite-list-loading{
|
|
||||||
padding: 10px 0;
|
|
||||||
border-top: 1px solid #eee;
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
.infinite-list-noMove{
|
|
||||||
padding: 10px 0;
|
|
||||||
border-top: 1px solid #eee;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -224,13 +224,8 @@ const initData = () => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
else if (o.worktype == '填空题') { // 填空题
|
else if (o.worktype == '填空题') { // 填空题
|
||||||
//console.log('填空题->', o.title);
|
const regex = /<!--BA-->(.*?)<!--EA-->/g // 定义正则表达式,匹配 <!--BA-->xxx<!--EA--> 格式的内容
|
||||||
let title = o.title.replace(/_{3,}/g, '_____'); //将3-10的下划线统一格式为5个
|
children = (o.title||'').match(regex).map((v,i) => {
|
||||||
let regex = /<!--BA-->(.*?)<!--EA-->/g // 定义正则表达式,匹配 <!--BA-->xxx<!--EA--> 格式的内容
|
|
||||||
if (title.indexOf('_____') != -1) {
|
|
||||||
regex = /_{5}/g // 定义正则表达式,匹配 <!--BA-->xxx<!--EA--> 格式的内容
|
|
||||||
}
|
|
||||||
children = (title||'').match(regex).map((v,i) => {
|
|
||||||
const def = `填空项 ${i+1}`
|
const def = `填空项 ${i+1}`
|
||||||
//const code = '( )'
|
//const code = '( )'
|
||||||
const code = '(略)', txt=v
|
const code = '(略)', txt=v
|
||||||
|
|
|
@ -77,30 +77,25 @@
|
||||||
<span v-if="tableRadio.value==1">{{ scope.row.updatedate }}</span>
|
<span v-if="tableRadio.value==1">{{ scope.row.updatedate }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="tableRadio.value==0?'':'得分'" prop="score" width="80" align="center" >
|
<el-table-column label="批阅状态" prop="teacherRating" align="center" width="120" sortable>
|
||||||
<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="rating" align="center" width="120" sortable>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<template v-if="scope.row.rating == 0">
|
<template v-if="scope.row.teacherRating == 0">
|
||||||
<span v-if="tableRadio.value==1" style="color: #2196f3">待批阅</span>
|
<span v-if="tableRadio.value==1" style="color: #2196f3">待批阅</span>
|
||||||
</template>
|
</template>
|
||||||
<!-- 1-优 2-优减 3-良 4-良减 5-差 -->
|
<!-- 1-优 2-优减 3-良 4-良减 5-差 -->
|
||||||
<template v-if="scope.row.rating == 1"
|
<template v-if="scope.row.teacherRating == 1"
|
||||||
><el-tag type="danger">完美</el-tag></template
|
><el-tag type="danger">完美</el-tag></template
|
||||||
>
|
>
|
||||||
<template v-if="scope.row.rating == 2"
|
<template v-if="scope.row.teacherRating == 2"
|
||||||
><el-tag type="danger">优秀</el-tag></template
|
><el-tag type="danger">优秀</el-tag></template
|
||||||
>
|
>
|
||||||
<template v-if="scope.row.rating == 3"
|
<template v-if="scope.row.teacherRating == 3"
|
||||||
><el-tag type="warning">良好</el-tag></template
|
><el-tag type="warning">良好</el-tag></template
|
||||||
>
|
>
|
||||||
<template v-if="scope.row.rating == 4"
|
<template v-if="scope.row.teacherRating == 4"
|
||||||
><el-tag type="info">及格</el-tag></template
|
><el-tag type="info">及格</el-tag></template
|
||||||
>
|
>
|
||||||
<template v-if="scope.row.rating == 5"
|
<template v-if="scope.row.teacherRating == 5"
|
||||||
><el-tag type="info">不及格</el-tag></template
|
><el-tag type="info">不及格</el-tag></template
|
||||||
>
|
>
|
||||||
</template>
|
</template>
|
||||||
|
@ -345,7 +340,7 @@ const getClassWorkStudentList = (rowId) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
// 老师批阅状态 默认0 未批改
|
// 老师批阅状态 默认0 未批改
|
||||||
response.rows[i].rating = 0
|
response.rows[i].teacherRating = 0
|
||||||
|
|
||||||
// 计算每个学生的得分率
|
// 计算每个学生的得分率
|
||||||
if (
|
if (
|
||||||
|
@ -361,37 +356,28 @@ const getClassWorkStudentList = (rowId) => {
|
||||||
const evalarray = JSON.parse('[' + response.rows[i].classworkevallist + ']')
|
const evalarray = JSON.parse('[' + response.rows[i].classworkevallist + ']')
|
||||||
var scoingCount = 0
|
var scoingCount = 0
|
||||||
var feedcount = 0
|
var feedcount = 0
|
||||||
let score = 0
|
|
||||||
for (var e = 0; e < evalarray.length; e++) {
|
for (var e = 0; e < evalarray.length; e++) {
|
||||||
if (evalarray[e].feedcontent != '') {
|
if (evalarray[e].feedcontent != '') {
|
||||||
feedcount++
|
feedcount++
|
||||||
// 与答案对比正误。注意注意,这里仅限单选题
|
// 与答案对比正误。注意注意,这里仅限单选题
|
||||||
if (evalarray[e].feedcontent == evalarray[e].rightanswer) {
|
if (evalarray[e].feedcontent == evalarray[e].rightanswer) {
|
||||||
scoingCount++
|
scoingCount++
|
||||||
score += evalarray[e].score;
|
|
||||||
evalarray[e].teacherRating = evalarray[e].score
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
const allTeacherRating = evalarray.reduce((acc, cur) => acc + cur.teacherRating, 0) // 老师评分
|
|
||||||
//console.log(evalarray, 'evalarray------------------------------------')
|
//console.log(evalarray, 'evalarray------------------------------------')
|
||||||
if (feedcount > 0) {
|
if (feedcount > 0) {
|
||||||
// 多个题目的总得分率: 正确题数/(题目数*100)
|
// 多个题目的总得分率: 正确题数/(题目数*100)
|
||||||
response.rows[i].scoingRate = ((score / allTeacherRating) * 100).toFixed(0) + '%'
|
response.rows[i].scoingRate = ((scoingCount / feedcount) * 100).toFixed(0) + '%'
|
||||||
response.rows[i].getScore = allTeacherRating
|
|
||||||
} else {
|
} else {
|
||||||
response.rows[i].scoingRate = '0%'
|
response.rows[i].scoingRate = '0%'
|
||||||
response.rows[i].getScore = 0
|
|
||||||
}
|
}
|
||||||
// 批阅状态 优良类 :注意:这里题目中的评价都是一样的,所以取第一个
|
// 批阅状态 优良类 :注意:这里题目中的评价都是一样的,所以取第一个
|
||||||
if (evalarray[0].rating != '') {
|
if (evalarray[0].rating != '') {
|
||||||
response.rows[i].rating = evalarray[0].rating
|
response.rows[i].teacherRating = evalarray[0].rating
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
response.rows[i].scoingRate = '0%'
|
response.rows[i].scoingRate = '0%'
|
||||||
response.rows[i].getScore = 0
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
classWorkAnalysis.classworkdata = response.rows
|
classWorkAnalysis.classworkdata = response.rows
|
||||||
|
@ -404,29 +390,17 @@ const getClassWorkStudentList = (rowId) => {
|
||||||
tableRadio.value = '1'
|
tableRadio.value = '1'
|
||||||
tableRadio.num0 = classWorkAnalysis.classworkdata.length - tableRadio.list.length
|
tableRadio.num0 = classWorkAnalysis.classworkdata.length - tableRadio.list.length
|
||||||
tableRadio.num1 = tableRadio.list.length
|
tableRadio.num1 = tableRadio.list.length
|
||||||
// 自动批阅判断
|
tableRadio.list = tableRadio.list.map((item) => {
|
||||||
teacherCriticism();
|
return {
|
||||||
|
...item,
|
||||||
|
teacherRating : checkWorkType(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
loading_dt_table.value = false
|
loading_dt_table.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
/**
|
|
||||||
* 自动批阅判断:
|
|
||||||
* 已交 并 作业类型为习题训练
|
|
||||||
*/
|
|
||||||
const teacherCriticism = ()=>{
|
|
||||||
// 已交的list才自动批阅判断
|
|
||||||
if(tableRadio.value == '1'&& classWorkAnalysis.worktype == '习题训练'){
|
|
||||||
// 只有习题训练才会自动批阅
|
|
||||||
tableRadio.list = tableRadio.list.map((item) => {
|
|
||||||
return {
|
|
||||||
...item,
|
|
||||||
rating : item.rating || checkWorkType(item)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const checkWorkType = (item) => {
|
const checkWorkType = (item) => {
|
||||||
//这里判断题目类型
|
//这里判断题目类型
|
||||||
const subType = classWorkActiveData.quizlist.map(item => item.worktype)
|
const subType = classWorkActiveData.quizlist.map(item => item.worktype)
|
||||||
|
@ -434,7 +408,7 @@ const checkWorkType = (item) => {
|
||||||
let rating = 0
|
let rating = 0
|
||||||
//判断题目是不是客观题
|
//判断题目是不是客观题
|
||||||
if(subType.every(item => objectiveQuestion.includes(item))){
|
if(subType.every(item => objectiveQuestion.includes(item))){
|
||||||
// 获取学生答题列表 scoingRate 得分率
|
// 获取学生答题列表
|
||||||
const score = extractedNumber(item.scoingRate)
|
const score = extractedNumber(item.scoingRate)
|
||||||
if(0<=score && score<=59){
|
if(0<=score && score<=59){
|
||||||
rating = 5
|
rating = 5
|
||||||
|
@ -577,8 +551,6 @@ const tableRadioChange = (e) => {
|
||||||
tableRadio.value = '1';
|
tableRadio.value = '1';
|
||||||
tableRadio.num0 = classWorkAnalysis.classworkdata.length - tableRadio.list.length;
|
tableRadio.num0 = classWorkAnalysis.classworkdata.length - tableRadio.list.length;
|
||||||
tableRadio.num1 = tableRadio.list.length;
|
tableRadio.num1 = tableRadio.list.length;
|
||||||
// 自动批阅判断
|
|
||||||
teacherCriticism();
|
|
||||||
}else if(e=='0'){
|
}else if(e=='0'){
|
||||||
tableRadio.list = classWorkAnalysis.classworkdata.filter(item => item.finishtimelength == '0')
|
tableRadio.list = classWorkAnalysis.classworkdata.filter(item => item.finishtimelength == '0')
|
||||||
tableRadio.value = '0';
|
tableRadio.value = '0';
|
||||||
|
@ -653,7 +625,6 @@ const handleClassOverviewOpen = (type) =>{
|
||||||
response.rows.forEach(item => {
|
response.rows.forEach(item => {
|
||||||
let rightAnswer = 0
|
let rightAnswer = 0
|
||||||
let answers = 0
|
let answers = 0
|
||||||
let score = 0
|
|
||||||
if(!item.classworkevallist) return
|
if(!item.classworkevallist) return
|
||||||
// 使用正则表达式替换字符串值中的双引号为单引号
|
// 使用正则表达式替换字符串值中的双引号为单引号
|
||||||
let replacedString = item.classworkevallist.replace(/""/g, "\"");
|
let replacedString = item.classworkevallist.replace(/""/g, "\"");
|
||||||
|
@ -672,18 +643,12 @@ const handleClassOverviewOpen = (type) =>{
|
||||||
//正确答案,仅限单选题
|
//正确答案,仅限单选题
|
||||||
if(itemTopic.feedcontent === itemTopic.rightanswer){
|
if(itemTopic.feedcontent === itemTopic.rightanswer){
|
||||||
rightAnswer ++
|
rightAnswer ++
|
||||||
score += itemTopic.score
|
|
||||||
itemTopic.teacherRating = itemTopic.score
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
const allTeacherRating = allTopic.reduce((acc, cur) => acc + cur.teacherRating, 0)
|
rightAnswer > 0?item.scoingRate = (rightAnswer/answers * 100).toFixed(0):item.scoingRate = ''
|
||||||
|
|
||||||
rightAnswer > 0?item.scoingRate = (score/allTeacherRating * 100).toFixed(0):item.scoingRate = ''
|
|
||||||
item.getScore = score
|
|
||||||
}else{
|
}else{
|
||||||
item.scoingRate = ''
|
item.scoingRate = ''
|
||||||
item.getScore = 0
|
|
||||||
}
|
}
|
||||||
//获得总分
|
//获得总分
|
||||||
const point = allTopic.reduce((acc, cur) => {
|
const point = allTopic.reduce((acc, cur) => {
|
||||||
|
|
|
@ -14,15 +14,14 @@
|
||||||
<div class="class-left flex">
|
<div class="class-left flex">
|
||||||
<div class="class-name flex">
|
<div class="class-name flex">
|
||||||
<span class="name">{{ item.uniquekey }}</span>
|
<span class="name">{{ item.uniquekey }}</span>
|
||||||
<!-- <el-tag class="tag" round :type="tagType(item.deaddate)" effect="dark" size="small">{{
|
<el-tag class="tag" round :type="tagType(item.deaddate)" effect="dark" size="small">{{
|
||||||
getCurrentTime('YYYY-MM-DD HH:mm') > item.deaddate ? '已批改' : '待批改' }}</el-tag> -->
|
getCurrentTime('YYYY-MM-DD HH:mm') > item.deaddate ? '已结束' : '进行中' }}</el-tag>
|
||||||
<el-tag class="tag" round :type="tagType(item.deaddate)" effect="dark" size="small">待批改</el-tag>
|
|
||||||
<el-tag :type="item.workclass" size="large">{{ item.worktype }}</el-tag>
|
<el-tag :type="item.workclass" size="large">{{ item.worktype }}</el-tag>
|
||||||
</div>
|
</div>
|
||||||
<div class="class-time">{{ item.classcaption }} | 截止时间:{{ item.deaddate }} </div>
|
<div class="class-time">{{ item.classcaption }} | 截止时间:{{ item.deaddate }} </div>
|
||||||
</div>
|
</div>
|
||||||
<div class="class-right">
|
<div class="class-right">
|
||||||
<div><span class="num">{{ item.workdataresultcount }}</span> / {{ item.workdataresultsum }}</div>
|
<div><span class="num">{{ item.workdataresultcount }}</span> / {{ item.workdatacount }}</div>
|
||||||
<div>已交</div>
|
<div>已交</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
@ -53,10 +52,9 @@ const getHomework = async () => {
|
||||||
const { edustage, edusubject } = user
|
const { edustage, edusubject } = user
|
||||||
try {
|
try {
|
||||||
const { rows } = await homeworklist({ edituserid: user.userId, edustage, edusubject, deaddate: getTomorrow(), status: '1', orderby: 'deaddate DESC', pageSize: 500 })
|
const { rows } = await homeworklist({ edituserid: user.userId, edustage, edusubject, deaddate: getTomorrow(), status: '1', orderby: 'deaddate DESC', pageSize: 500 })
|
||||||
// 只展示待批改的
|
// 只展示进行中的
|
||||||
//homeworkList.value = rows.filter(item => item.deaddate && item.uniquekey && getCurrentTime('YYYY-MM-DD HH:mm') < item.deaddate) // 当前日期的时分与截止日期进行判断
|
homeworkList.value = rows.filter(item => item.deaddate && item.uniquekey && getCurrentTime('YYYY-MM-DD HH:mm') < item.deaddate) // 当前日期的时分与截止日期进行判断
|
||||||
// homeworkList.value = rows.filter(item => item.deaddate && item.uniquekey && getTomorrow() <= item.deaddate) //大于今天的才算待批改 弃用
|
// homeworkList.value = rows.filter(item => item.deaddate && item.uniquekey && getTomorrow() <= item.deaddate) //大于今天的才算进行中 弃用
|
||||||
homeworkList.value = rows || [];
|
|
||||||
homeworkList.value.forEach((item) => {
|
homeworkList.value.forEach((item) => {
|
||||||
// 处理任务类型的UI
|
// 处理任务类型的UI
|
||||||
if (item.worktype == '学习目标定位') {
|
if (item.worktype == '学习目标定位') {
|
||||||
|
@ -74,6 +72,7 @@ const getHomework = async () => {
|
||||||
item.workclass = ''
|
item.workclass = ''
|
||||||
}
|
}
|
||||||
|
|
||||||
|
item.workdatacount = JSON.parse('[' + item.classworkdatastudentids + ']').length
|
||||||
// 如果是习题训练任务,则检查一共有多少道
|
// 如果是习题训练任务,则检查一共有多少道
|
||||||
if (item.entpcourseworklist != '') {
|
if (item.entpcourseworklist != '') {
|
||||||
item.entpcourseworklistarray = JSON.parse(
|
item.entpcourseworklistarray = JSON.parse(
|
||||||
|
@ -103,8 +102,7 @@ const onClickItem = (item) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
const tagType = (time) => {
|
const tagType = (time) => {
|
||||||
return 'warning';
|
return getCurrentTime('YYYY-MM-DD HH:mm') > time ? 'info' : 'warning'
|
||||||
//return getCurrentTime('YYYY-MM-DD HH:mm') > time ? 'info' : 'warning'
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -161,7 +161,7 @@ const getData = async (data) => {
|
||||||
const params = {
|
const params = {
|
||||||
eid: curNode.value.id,
|
eid: curNode.value.id,
|
||||||
workgroup: '1',
|
workgroup: '1',
|
||||||
worktype: '999', // 这里需要传自定义不存在的字段,以使本地查询不到数据从而触发查询第三方
|
worktype: '不限',
|
||||||
workTypeId: '0',
|
workTypeId: '0',
|
||||||
edusubject: curNode.value.edusubject,
|
edusubject: curNode.value.edusubject,
|
||||||
edustage: curNode.value.edustage,
|
edustage: curNode.value.edustage,
|
||||||
|
|
|
@ -18,10 +18,7 @@ const loadPdfAnimation = (path) => {
|
||||||
},2000)
|
},2000)
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
const pdfUrl1 = localStorage.getItem('PDF-TOOL-PATH')
|
const bookpath = localStorage.getItem('PDF-LOCAL-PATH')
|
||||||
const pdfUrl2 = localStorage.getItem('PDF-LOCAL-PATH')
|
|
||||||
console.log('tool-pdf 地址: ',pdfUrl1, pdfUrl2)
|
|
||||||
const bookpath = pdfUrl1 || pdfUrl2
|
|
||||||
// const filepath = import.meta.env.VITE_APP_RES_FILE_PATH + bookpath
|
// const filepath = import.meta.env.VITE_APP_RES_FILE_PATH + bookpath
|
||||||
// const isDev = process.env.NODE_ENV == 'development'
|
// const isDev = process.env.NODE_ENV == 'development'
|
||||||
// if (isDev)
|
// if (isDev)
|
||||||
|
@ -31,7 +28,7 @@ onMounted(() => {
|
||||||
// const newpath = getStaticUrl(bookpath, 'user', 'selfFile', true)
|
// const newpath = getStaticUrl(bookpath, 'user', 'selfFile', true)
|
||||||
loadPdfAnimation(bookpath)
|
loadPdfAnimation(bookpath)
|
||||||
// pdfUrl.value = filepath
|
// pdfUrl.value = filepath
|
||||||
// console.log('课件路径',bookpath);
|
// console.log('课件路径',newpath);
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
|
|
|
@ -636,10 +636,6 @@ export default {
|
||||||
const path = await this.getBookPathFromServer(data.textBook.curBookPath)
|
const path = await this.getBookPathFromServer(data.textBook.curBookPath)
|
||||||
const localpath = getAppInstallUrl('pdfjs-dist/web/viewer.html', 'user', '\\out\\renderer', true) + "?file="
|
const localpath = getAppInstallUrl('pdfjs-dist/web/viewer.html', 'user', '\\out\\renderer', true) + "?file="
|
||||||
localStorage.setItem('PDF-LOCAL-PATH',localpath + encodeURIComponent(import.meta.env.VITE_APP_RES_FILE_PATH + path))
|
localStorage.setItem('PDF-LOCAL-PATH',localpath + encodeURIComponent(import.meta.env.VITE_APP_RES_FILE_PATH + path))
|
||||||
// 相关数据存储session中
|
|
||||||
sessionStore.set('curr.textBook', data.textBook)
|
|
||||||
sessionStore.set('env.pdfBasePath', localpath)
|
|
||||||
sessionStore.set('env.fileBasePath', import.meta.env.VITE_APP_RES_FILE_PATH)
|
|
||||||
this.checkFileList = []
|
this.checkFileList = []
|
||||||
this.currentWorkList = []
|
this.currentWorkList = []
|
||||||
let cata = parseCataByNode(data.node)
|
let cata = parseCataByNode(data.node)
|
||||||
|
|
|
@ -129,7 +129,7 @@ const sendHomework = (row,type) => {
|
||||||
}
|
}
|
||||||
//
|
//
|
||||||
const closeHomework = async() => {
|
const closeHomework = async() => {
|
||||||
// ipcMsgSend('tool-sphere:set:ignore', true)
|
ipcMsgSend('tool-sphere:set:ignore', true)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -26,23 +26,6 @@
|
||||||
<div class="content" v-if="isVisible">
|
<div class="content" v-if="isVisible">
|
||||||
<slot name="content">
|
<slot name="content">
|
||||||
<homework v-if="activeObj?.prop === 'resource'" :curNode="curNode" @closeActive="closeActive" />
|
<homework v-if="activeObj?.prop === 'resource'" :curNode="curNode" @closeActive="closeActive" />
|
||||||
<template v-else-if="activeObj?.prop === 'book'">
|
|
||||||
<div class="item">
|
|
||||||
<div class="item-title">
|
|
||||||
<h3>{{ curNode.label }}</h3>
|
|
||||||
<span class="sub">{{ curNode.edusubject }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="item-content" v-loading="loading">
|
|
||||||
<el-scrollbar height="300px">
|
|
||||||
<div class="item-content-item" v-for="item in cData">
|
|
||||||
<el-tag effect="dark">{{ item.tag }}</el-tag>
|
|
||||||
<span>{{ item.name }}</span>
|
|
||||||
<el-button :color="item.color||'#349d44'" size="small" @click="openFile(item)">打开</el-button>
|
|
||||||
</div>
|
|
||||||
</el-scrollbar>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<span v-else style="color:red;">{{activeObj}}</span>
|
<span v-else style="color:red;">{{activeObj}}</span>
|
||||||
</slot>
|
</slot>
|
||||||
</div>
|
</div>
|
||||||
|
@ -54,8 +37,6 @@
|
||||||
import { computed, defineProps, ref, reactive, watchEffect, onMounted } from 'vue'
|
import { computed, defineProps, ref, reactive, watchEffect, onMounted } from 'vue'
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
import homework from './homework.vue';
|
import homework from './homework.vue';
|
||||||
import { ElMessage } from 'element-plus';
|
|
||||||
import { toRoter, createWindow } from '@/utils/tool' // 相关工具
|
|
||||||
|
|
||||||
// 功能说明:侧边-工具栏
|
// 功能说明:侧边-工具栏
|
||||||
const colors = ['#409EFF','#00f389', '#ff7f00', '#ffff00', '#00baff', '#13b189', '#F56C6C']
|
const colors = ['#409EFF','#00f389', '#ff7f00', '#ffff00', '#00baff', '#13b189', '#F56C6C']
|
||||||
|
@ -68,7 +49,7 @@ const props = defineProps({
|
||||||
data: { // 数据
|
data: { // 数据
|
||||||
type: Array,
|
type: Array,
|
||||||
default: () => [
|
default: () => [
|
||||||
{ label: '资源', prop: 'book', icon: 'icon--kejian' },
|
{ label: '课件', prop: 'book', isExtra: true, icon: 'icon--kejian' },
|
||||||
{ label: '活动', prop: 'resource', icon: 'icon-kechengziyuan1' },
|
{ label: '活动', prop: 'resource', icon: 'icon-kechengziyuan1' },
|
||||||
// { label: '互动', prop: 'interact', icon: 'icon-hudong' },
|
// { label: '互动', prop: 'interact', icon: 'icon-hudong' },
|
||||||
// { label: '窗口', prop: 'win', icon: 'icon-tubiaozhizuomobanyihuifu-' },
|
// { label: '窗口', prop: 'win', icon: 'icon-tubiaozhizuomobanyihuifu-' },
|
||||||
|
@ -82,9 +63,8 @@ const btnRef = ref(null) // 按钮元素-ref
|
||||||
const topPos = ref(30) // 顶部距离-内容的距离
|
const topPos = ref(30) // 顶部距离-内容的距离
|
||||||
const hPost = ref(0) // 顶部距离-内容的距离
|
const hPost = ref(0) // 顶部距离-内容的距离
|
||||||
const isFold = ref(false) // 是否折叠
|
const isFold = ref(false) // 是否折叠
|
||||||
const cData = ref(null) // 内容数据
|
|
||||||
const loading = ref(false) // 加载中
|
|
||||||
let posBtnAll = {} // 存储位置
|
let posBtnAll = {} // 存储位置
|
||||||
|
|
||||||
let curNode = null // 当前节点(作业需要)
|
let curNode = null // 当前节点(作业需要)
|
||||||
// === 计算属性 ===
|
// === 计算属性 ===
|
||||||
const list = computed(() => props.data.map((o,i) => {
|
const list = computed(() => props.data.map((o,i) => {
|
||||||
|
@ -93,9 +73,9 @@ const list = computed(() => props.data.map((o,i) => {
|
||||||
}))
|
}))
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
posBtnAll = btnRef.value.getBoundingClientRect()
|
posBtnAll = btnRef.value.getBoundingClientRect()
|
||||||
hPost.value = Math.round(posBtnAll.height)
|
hPost.value = posBtnAll.height
|
||||||
// btnRef.value.style.marginTop = -hPost.value / 2 + 'px'
|
|
||||||
curNode = sessionStore?.get?.('subject.curNode')
|
curNode = sessionStore.get('subject.curNode')
|
||||||
})
|
})
|
||||||
// === 方法 ===
|
// === 方法 ===
|
||||||
// 获取颜色索引
|
// 获取颜色索引
|
||||||
|
@ -109,16 +89,7 @@ const getStyle = (style,index) => {
|
||||||
return `${style}${style.endsWith(';')?'':';'}color:${color};`
|
return `${style}${style.endsWith(';')?'':';'}color:${color};`
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 获取内容数据
|
// 事件
|
||||||
const getContent = o => {
|
|
||||||
loading.value = true
|
|
||||||
const { roottitle, edustage, edusubject } = curNode
|
|
||||||
const textbook = { type: 'book', tag: '教材', name: roottitle }
|
|
||||||
const course = { type: 'course', tag: '课标', name: `${edustage}-${edusubject}-课标` }
|
|
||||||
cData.value = [textbook, course]
|
|
||||||
loading.value = false
|
|
||||||
}
|
|
||||||
// 回调: 菜单点击
|
|
||||||
const clickHandel = (o, e) => {
|
const clickHandel = (o, e) => {
|
||||||
if (!o.isExtra) { // 忽略其他操作: 打开内容窗口,指示器指向当前
|
if (!o.isExtra) { // 忽略其他操作: 打开内容窗口,指示器指向当前
|
||||||
const node = e.target.parentNode.getBoundingClientRect()
|
const node = e.target.parentNode.getBoundingClientRect()
|
||||||
|
@ -126,44 +97,14 @@ const clickHandel = (o, e) => {
|
||||||
isVisible.value = !isColse // 相同的按钮且打开状态,点击关闭
|
isVisible.value = !isColse // 相同的按钮且打开状态,点击关闭
|
||||||
activeObj.value = o
|
activeObj.value = o
|
||||||
const nodeH = parseInt(node.height / 2) // 高度的一半
|
const nodeH = parseInt(node.height / 2) // 高度的一半
|
||||||
topPos.value = Math.round(parseInt(node.top) - posBtnAll.top + nodeH)
|
topPos.value = parseInt(node.top) - posBtnAll.top + nodeH
|
||||||
|
|
||||||
// 获取内容数据
|
|
||||||
if (['book'].includes(o.prop)) getContent(o)
|
|
||||||
}
|
}
|
||||||
emit('change', o)
|
emit('change', o)
|
||||||
}
|
}
|
||||||
// 回调: 打开文件
|
|
||||||
const openFile = item => {
|
|
||||||
if (['book', 'course'].includes(item.type)) {
|
|
||||||
const isBool = sessionStore.has('curr.textBook')
|
|
||||||
if (!isBool) return ElMessage.error('打开失败,请重试!')
|
|
||||||
const textBook = sessionStore.get('curr.textBook')
|
|
||||||
const pdfBasePath = sessionStore.get('env.pdfBasePath')
|
|
||||||
const fileBasePath = sessionStore.get('env.fileBasePath')
|
|
||||||
let path = ''
|
|
||||||
if (item.type == 'book') path = (textBook.curBookPath||'').replace('.txt', '.pdf')
|
|
||||||
else path = textBook.curBookPath.replace(/([^-]*)$/, '课标.pdf')
|
|
||||||
const url = pdfBasePath + encodeURIComponent(`${fileBasePath}${path}`)
|
|
||||||
console.log(url)
|
|
||||||
localStorage.setItem('PDF-TOOL-PATH', url)
|
|
||||||
// 打开新窗口
|
|
||||||
// toRoter(`${process.env['ELECTRON_RENDERER_URL']}/#/fullscreenpdf`)
|
|
||||||
console.log('pdf_old:' + localStorage.getItem('PDF-LOCAL-PATH'))
|
|
||||||
console.log('pdf_new:' + localStorage.getItem('PDF-TOOL-PATH'))
|
|
||||||
// emit('change', { prop: 'bookOpen' })
|
|
||||||
createWindow('open-win', {url: '/fullscreenpdf'})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 回调: 关闭事件
|
|
||||||
const closeActive = () =>{
|
|
||||||
if (isVisible.value) { // 打开状态,关闭
|
|
||||||
isVisible.value = false
|
|
||||||
emit('change', { prop: 'close' })
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
defineExpose({closeActive})
|
const closeActive = () =>{
|
||||||
|
isVisible.value = false
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.warp{
|
.warp{
|
||||||
|
@ -171,17 +112,11 @@ defineExpose({closeActive})
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
z-index: 1;
|
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
//min-height: 40vh;
|
||||||
min-width: 4em;
|
min-width: 4em;
|
||||||
border-radius: 4em;
|
border-radius: 4em;
|
||||||
background-color: rgba(18,18,18,0.3);
|
background-color: #121212;
|
||||||
border-color: rgba(1, 1, 1, 0.1);
|
|
||||||
&:hover{
|
|
||||||
opacity: 1;
|
|
||||||
background-color: rgba(18,18,18,1);
|
|
||||||
border-color: rgba(1, 1, 1, 1);
|
|
||||||
}
|
|
||||||
.el-space{margin: 20px 0 0;}
|
.el-space{margin: 20px 0 0;}
|
||||||
.c-btn{
|
.c-btn{
|
||||||
color: #d9dce3;
|
color: #d9dce3;
|
||||||
|
@ -214,8 +149,8 @@ defineExpose({closeActive})
|
||||||
--top: 30px;
|
--top: 30px;
|
||||||
--height: 40vh;
|
--height: 40vh;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0 75px auto auto;
|
inset: 50% 75px auto auto;
|
||||||
// transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
background-color: #121212;
|
background-color: #121212;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
@ -233,33 +168,5 @@ defineExpose({closeActive})
|
||||||
top: var(--top);
|
top: var(--top);
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
}
|
}
|
||||||
.content{
|
|
||||||
// 每个菜单
|
|
||||||
.item{
|
|
||||||
margin: 0 15px;
|
|
||||||
&-title{
|
|
||||||
margin-bottom: 20px;
|
|
||||||
h3{
|
|
||||||
font-size: 20px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.sub{
|
|
||||||
color: #cecece;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&-content-item{
|
|
||||||
display: flex;
|
|
||||||
background-color: #384342;
|
|
||||||
padding: 15px 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div v-if="props.test">
|
<div v-if="props.test">
|
||||||
<el-button type="primary" @click="trigger(1)" v-tap:trigger="[1,'']">点赞</el-button>
|
<el-button type="primary" @click="trigger" v-tap:trigger="">点赞</el-button>
|
||||||
<el-button type="primary" @click="trigger(2, '学生A')" v-tap:trigger="[2,'学生A']">疑惑</el-button>
|
<el-button type="primary" @click="trigger(2, '学生A')" v-tap:trigger="[2,'学生A']">疑惑</el-button>
|
||||||
</div>
|
</div>
|
||||||
<!-- 温度计-模式 -->
|
<!-- 温度计-模式 -->
|
||||||
|
@ -257,12 +257,12 @@ defineExpose({ trigger })
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
min-width: 15px;
|
min-width: 15px;
|
||||||
// height: 500px;
|
// height: 500px;
|
||||||
&.like{ // 点赞
|
&.like{
|
||||||
background-image: linear-gradient(to top, #d2f0cb, #2f9e44);
|
background-image: linear-gradient(to top, #fef0f0, #f56c6c);
|
||||||
// animation: striped-flow 5s linear infinite;
|
// animation: striped-flow 5s linear infinite;
|
||||||
}
|
}
|
||||||
&.doubt{ // 疑惑
|
&.doubt{
|
||||||
background-image: linear-gradient(to top, #ebc6c6, #ff0000);
|
background-image: linear-gradient(to top, #fdf6ec, #e6a23c);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -43,15 +43,6 @@ export const createHomework = ({ uniquekey, evalid, data, entpcourseid }) => {
|
||||||
|
|
||||||
let classWorkList = []
|
let classWorkList = []
|
||||||
|
|
||||||
// 将标签中的双引号增加转义
|
|
||||||
let escapeHtmlQuotes = (str) => {
|
|
||||||
// 后端已replace双引号, 故前端不用在处理
|
|
||||||
const regex1 = /\\+/g; // 匹配多个反斜杠
|
|
||||||
let result = str.replace(regex1, '\\');
|
|
||||||
result = str.replace(/(?<!\\)\n/g, '<br />'); //替换\n而不替换\\n 为 \\n
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获取班级作业
|
* 获取班级作业
|
||||||
*/
|
*/
|
||||||
|
@ -61,8 +52,8 @@ export const getClassWorkList = async (id) => {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 2024-10-17 由于 后面截止时间加了 时分,特加判断
|
* 2024-10-17 由于 后面截止时间加了 时分,特加判断
|
||||||
* 1、待批改、以前是以明天判断。现改为传当天的日期,并根据当前日期的时分与截止日期进行判断,
|
* 1、进行中、以前是以明天判断。现改为传当天的日期,并根据当前日期的时分与截止日期进行判断,
|
||||||
* 2、已批改、以前默认是以明天判断。现依然以明天为判断,并根据当前日期时分大于截止日期时分判断。
|
* 2、已结束、以前默认是以明天判断。现依然以明天为判断,并根据当前日期时分大于截止日期时分判断。
|
||||||
*/
|
*/
|
||||||
|
|
||||||
let list = response.rows
|
let list = response.rows
|
||||||
|
@ -70,6 +61,7 @@ export const getClassWorkList = async (id) => {
|
||||||
for (var i = 0; i < list.length; i++) {
|
for (var i = 0; i < list.length; i++) {
|
||||||
// 初始化部分新增字段值
|
// 初始化部分新增字段值
|
||||||
list[i].workdatalist = []
|
list[i].workdatalist = []
|
||||||
|
list[i].workdatacount = 0 // 人数
|
||||||
list[i].workdatalistVisible = false
|
list[i].workdatalistVisible = false
|
||||||
list[i].workdatafeedbackcount = 0 // 已交人数
|
list[i].workdatafeedbackcount = 0 // 已交人数
|
||||||
list[i].feedtimelength = 0
|
list[i].feedtimelength = 0
|
||||||
|
@ -99,10 +91,19 @@ export const getClassWorkList = async (id) => {
|
||||||
} else {
|
} else {
|
||||||
list[i].entpcourseworklistarray = []
|
list[i].entpcourseworklistarray = []
|
||||||
}
|
}
|
||||||
|
// 根据 classworkdatastudentids 初始化判断分配的人数
|
||||||
|
if (
|
||||||
|
list[i].classworkdatastudentids != '' &&
|
||||||
|
list[i].classworkdatastudentids != null &&
|
||||||
|
list[i].classworkdatastudentids != 'null'
|
||||||
|
) {
|
||||||
|
const stuList = JSON.parse('[' + list[i].classworkdatastudentids + ']')
|
||||||
|
list[i].workdatacount = stuList.length
|
||||||
}
|
}
|
||||||
// 显示分配人数(workdataresultsum)>0 的
|
}
|
||||||
|
// 显示分配人数(workdatacount)>0 的
|
||||||
if (list && list.length > 0) {
|
if (list && list.length > 0) {
|
||||||
classWorkList = list && list.filter((item) => item.workdataresultsum > 0)
|
classWorkList = list && list.filter((item) => item.workdatacount > 0)
|
||||||
//TODO: 这里没分页,貌似这个 total 不重要,后续看
|
//TODO: 这里没分页,貌似这个 total 不重要,后续看
|
||||||
} else {
|
} else {
|
||||||
classWorkList = []
|
classWorkList = []
|
||||||
|
@ -170,18 +171,18 @@ export const getStudentClassWorkData = async () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 当前这个学习任务,共推送给了几个学生,workdataresultsum
|
// 当前这个学习任务,共推送给了几个学生,workdatacount
|
||||||
if (res.rows[i].classworkid == classWorkList[t].id) {
|
if (res.rows[i].classworkid == classWorkList[t].id) {
|
||||||
classWorkList[t].workdatalist.push(res.rows[i])
|
classWorkList[t].workdatalist.push(res.rows[i])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 计算完成进度 workdataresultsum 人数要大于0
|
// 计算完成进度 workdatacount人数要大于0
|
||||||
if (
|
if (
|
||||||
classWorkList[t].workdataresultcount > 0 &&
|
classWorkList[t].workdataresultcount > 0 &&
|
||||||
classWorkList[t].workdataresultsum > 0
|
classWorkList[t].workdatacount > 0
|
||||||
) {
|
) {
|
||||||
classWorkList[t].finishpercent = parseInt(
|
classWorkList[t].finishpercent = parseInt(
|
||||||
(classWorkList[t].workdataresultcount / classWorkList[t].workdataresultsum) * 100
|
(classWorkList[t].workdataresultcount / classWorkList[t].workdatacount) * 100
|
||||||
)
|
)
|
||||||
} else {
|
} else {
|
||||||
classWorkList[t].finishpercent = 0
|
classWorkList[t].finishpercent = 0
|
||||||
|
@ -210,7 +211,7 @@ export const getStudentClassWorkData = async () => {
|
||||||
var dd =
|
var dd =
|
||||||
(classWorkList[t].rightAnswerCount /
|
(classWorkList[t].rightAnswerCount /
|
||||||
(classWorkList[t].entpcourseworklistarray.length *
|
(classWorkList[t].entpcourseworklistarray.length *
|
||||||
classWorkList[t].workdataresultsum)) *
|
classWorkList[t].workdatacount)) *
|
||||||
100
|
100
|
||||||
classWorkList[t].scoingRate = dd.toFixed(0) + '%'
|
classWorkList[t].scoingRate = dd.toFixed(0) + '%'
|
||||||
} else {
|
} else {
|
||||||
|
|
|
@ -1,12 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="warp-all">
|
<div class="warp-all">
|
||||||
<!-- 遮罩层 -->
|
|
||||||
<div class="mask" v-show="isMask" @click="maskChange(true)"></div>
|
|
||||||
<!-- 画板 -->
|
<!-- 画板 -->
|
||||||
<board-vue v-model="tabActive" v-show="isShow" ref="boardVueRef"></board-vue>
|
<board-vue v-model="tabActive" v-show="isShow" ref="boardVueRef"></board-vue>
|
||||||
|
|
||||||
<!-- 侧边工具栏 -->
|
<!-- 侧边工具栏 -->
|
||||||
<side-vue ref="sideVueRef" v-ignore @ignore-mounted="sideMouse" @change="sideChange"></side-vue>
|
<side-vue v-ignore @ignore-mounted="sideMouse" @change="sideChange"></side-vue>
|
||||||
|
|
||||||
<!-- 点赞组件 -->
|
<!-- 点赞组件 -->
|
||||||
<upvote-vue ref="upvoteRef" type="2"></upvote-vue>
|
<upvote-vue ref="upvoteRef" type="2"></upvote-vue>
|
||||||
|
@ -15,7 +13,7 @@
|
||||||
<im-chat ref="imChatRef" @change="chatChange" group />
|
<im-chat ref="imChatRef" @change="chatChange" group />
|
||||||
|
|
||||||
<!-- 底部工具栏 -->
|
<!-- 底部工具栏 -->
|
||||||
<!-- <div class="tool-bottom-all"
|
<div class="tool-bottom-all"
|
||||||
@mouseenter="mouseChange(0)" @mouseleave="mouseChange(1)">
|
@mouseenter="mouseChange(0)" @mouseleave="mouseChange(1)">
|
||||||
<div v-drag="{handle:'.tool-bottom-all', dragtime}"
|
<div v-drag="{handle:'.tool-bottom-all', dragtime}"
|
||||||
@v-drag-start="dragtime = Date.now()">
|
@v-drag-start="dragtime = Date.now()">
|
||||||
|
@ -36,7 +34,7 @@
|
||||||
</el-segmented>
|
</el-segmented>
|
||||||
</div>
|
</div>
|
||||||
</transition>
|
</transition>
|
||||||
</div> -->
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -64,13 +62,11 @@ const isDrag = ref(false) // 开始拖拽
|
||||||
const dragtime = ref(0) // 拖拽时间-计算点击还是拖动
|
const dragtime = ref(0) // 拖拽时间-计算点击还是拖动
|
||||||
const isShow = ref(false) // 是否显示-画板
|
const isShow = ref(false) // 是否显示-画板
|
||||||
const isOver = ref(false) // 是否下课
|
const isOver = ref(false) // 是否下课
|
||||||
const isOpenBook = ref(false) // 是否打开pdf课本
|
const isOpenBook = ref(false)
|
||||||
const isMask = ref(false) // 是否显示遮罩层
|
|
||||||
const toolStore = useToolState() // 状态管理
|
const toolStore = useToolState() // 状态管理
|
||||||
const boardVueRef=ref(null) // 画板ref
|
const boardVueRef=ref(null) // 画板ref
|
||||||
const upvoteRef = ref(null) // 点赞 ref
|
const upvoteRef = ref(null) // 点赞 ref
|
||||||
const imChatRef = ref(null) // im-chat ref
|
const imChatRef = ref(null) // im-chat ref
|
||||||
const sideVueRef = ref(null) // 侧边栏 ref
|
|
||||||
const classObj = reactive({ // 课程相关
|
const classObj = reactive({ // 课程相关
|
||||||
id: route.query.reservId, // 课程id
|
id: route.query.reservId, // 课程id
|
||||||
data: {} // 课程信息
|
data: {} // 课程信息
|
||||||
|
@ -87,8 +83,6 @@ const btnList = [ // 工具栏按钮列表
|
||||||
// { label: '聚焦', value: 'focus', icon: 'icon-jujiao' },
|
// { label: '聚焦', value: 'focus', icon: 'icon-jujiao' },
|
||||||
// { label: '更多', value: 'more', icon: 'icon-xiazai9' },
|
// { label: '更多', value: 'more', icon: 'icon-xiazai9' },
|
||||||
]
|
]
|
||||||
let timingSide = null // 计时器-侧边栏
|
|
||||||
|
|
||||||
// === 页面加载完毕 ===
|
// === 页面加载完毕 ===
|
||||||
onMounted(async() => {
|
onMounted(async() => {
|
||||||
if (!electron) return // 浏览器端
|
if (!electron) return // 浏览器端
|
||||||
|
@ -96,6 +90,7 @@ onMounted(async() => {
|
||||||
// window.test1 = toolStore
|
// window.test1 = toolStore
|
||||||
getClassInfo() // 获取课堂详情 ex3
|
getClassInfo() // 获取课堂详情 ex3
|
||||||
resetStatus() // 开启重置状态-监听
|
resetStatus() // 开启重置状态-监听
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
// ==== 方法 ===
|
// ==== 方法 ===
|
||||||
|
@ -103,7 +98,7 @@ onMounted(async() => {
|
||||||
const getClassInfo = async () => {
|
const getClassInfo = async () => {
|
||||||
const { data } = await classManageApi.getClassInfo(classObj.id)
|
const { data } = await classManageApi.getClassInfo(classObj.id)
|
||||||
classObj.data = data
|
classObj.data = data
|
||||||
sessionStore.set('curr.curClassRoom', classObj) // 课堂信息-缓存
|
sessionStore.set('curClassRoom', classObj) // 课堂信息-缓存
|
||||||
// 群id
|
// 群id
|
||||||
let timGroupId = data?.ex3 || ''
|
let timGroupId = data?.ex3 || ''
|
||||||
console.log('获取群ID:', timGroupId)
|
console.log('获取群ID:', timGroupId)
|
||||||
|
@ -145,8 +140,7 @@ const logoHandle = (e,t) => {
|
||||||
// 底部工具栏:移入移出-是否穿透
|
// 底部工具栏:移入移出-是否穿透
|
||||||
const mouseChange = (bool) => {
|
const mouseChange = (bool) => {
|
||||||
let resBool = false
|
let resBool = false
|
||||||
// console.log('mouseChange:', bool, resBool)
|
if (bool == 0) return setIgnore(resBool) // 移入不穿透
|
||||||
if (!bool) return setIgnore(resBool) // 移入不穿透
|
|
||||||
if (tabActive.value == 'select') resBool = !!bool
|
if (tabActive.value == 'select') resBool = !!bool
|
||||||
else {
|
else {
|
||||||
if (!isShow.value) resBool = !!bool
|
if (!isShow.value) resBool = !!bool
|
||||||
|
@ -154,10 +148,12 @@ const mouseChange = (bool) => {
|
||||||
const isPdf = !resBool && toolStore.isPdfWin
|
const isPdf = !resBool && toolStore.isPdfWin
|
||||||
if (isPdf) resBool = true
|
if (isPdf) resBool = true
|
||||||
}
|
}
|
||||||
// console.log('mouseChange:', bool, resBool)
|
console.log('mouseChange:', bool, resBool)
|
||||||
setIgnore(resBool)
|
setIgnore(resBool)
|
||||||
}
|
}
|
||||||
|
const touchChange = (e) => {
|
||||||
|
console.log(e)
|
||||||
|
}
|
||||||
// im-chat: 聊天事件 {type, data}
|
// im-chat: 聊天事件 {type, data}
|
||||||
const chatChange = (type, data, ...args) => {
|
const chatChange = (type, data, ...args) => {
|
||||||
if (type == 'createGroup') { // 创建群-监听
|
if (type == 'createGroup') { // 创建群-监听
|
||||||
|
@ -189,6 +185,14 @@ const setIgnore = (bool) => {ipcMsgSend('tool-sphere:set:ignore', bool)}
|
||||||
// 重置状态: 鼠标|画板
|
// 重置状态: 鼠标|画板
|
||||||
const resetStatus = () => {
|
const resetStatus = () => {
|
||||||
if (toolStore.isToolWin) return // 已经打开过-忽略
|
if (toolStore.isToolWin) return // 已经打开过-忽略
|
||||||
|
// 以下代码废弃-暂时无用
|
||||||
|
// ipcMain?.removeHandler('tool-sphere:reset') // 避免已绑定,先移除在绑定
|
||||||
|
// ipcMain?.handle?.('tool-sphere:reset', () => {
|
||||||
|
// setTimeout(() => {
|
||||||
|
// boardVueRef.value.handleMode(tabActive.value)
|
||||||
|
// mouseChange(1)
|
||||||
|
// }, 500)
|
||||||
|
// })
|
||||||
toolStore.isToolWin = true // 标记状态
|
toolStore.isToolWin = true // 标记状态
|
||||||
}
|
}
|
||||||
// 侧边工具栏: 移入移出
|
// 侧边工具栏: 移入移出
|
||||||
|
@ -198,16 +202,13 @@ const sideMouse = e => {
|
||||||
setIgnore(false) // 关闭窗口鼠标-穿透
|
setIgnore(false) // 关闭窗口鼠标-穿透
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
// 打开内容且触发移出事件时
|
mouseChange(type == 'mouseleave')
|
||||||
const bool = isMask.value && type =='mouseleave'
|
|
||||||
if (bool) mouseChange(false) // 不穿透
|
|
||||||
else mouseChange(type == 'mouseleave')
|
|
||||||
}
|
}
|
||||||
// 侧边工具栏: 操作变化
|
// 侧边工具栏: 操作变化
|
||||||
const sideChange = async o => {
|
const sideChange = async o => {
|
||||||
// console.log(o)
|
// console.log(o)
|
||||||
switch(o.prop) {
|
switch(o.prop) {
|
||||||
case 'bookOpen':
|
case 'book':
|
||||||
if(isOpenBook.value) {
|
if(isOpenBook.value) {
|
||||||
isOpenBook.value = false
|
isOpenBook.value = false
|
||||||
ElMessage.info('已经打开课本了哦')
|
ElMessage.info('已经打开课本了哦')
|
||||||
|
@ -217,14 +218,7 @@ const sideChange = async o => {
|
||||||
isOpenBook.value = true
|
isOpenBook.value = true
|
||||||
}
|
}
|
||||||
break
|
break
|
||||||
case 'book':
|
|
||||||
isMask.value = !isMask.value
|
|
||||||
break
|
|
||||||
case 'close': // 关闭
|
|
||||||
maskChange(false)
|
|
||||||
break
|
|
||||||
case 'resource': // 资源
|
case 'resource': // 资源
|
||||||
isMask.value = !isMask.value
|
|
||||||
break
|
break
|
||||||
case 'interact': // 互动
|
case 'interact': // 互动
|
||||||
break
|
break
|
||||||
|
@ -261,13 +255,6 @@ const sideChange = async o => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 遮罩层-触发事件
|
|
||||||
const maskChange = (bool) => {
|
|
||||||
isMask.value = false
|
|
||||||
bool && sideVueRef.value.closeActive() // 关闭侧边栏内容窗口
|
|
||||||
mouseChange(true) // 允许穿透
|
|
||||||
}
|
|
||||||
|
|
||||||
// === 监听器 ===
|
// === 监听器 ===
|
||||||
watchEffect(() => {
|
watchEffect(() => {
|
||||||
if (isOver.value) return // 下课, 不往下执行
|
if (isOver.value) return // 下课, 不往下执行
|
||||||
|
@ -287,12 +274,6 @@ watchEffect(() => {
|
||||||
.warp-all{
|
.warp-all{
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
// 遮罩层
|
|
||||||
.mask{
|
|
||||||
position: fixed;
|
|
||||||
inset: 0;
|
|
||||||
background: rgba(1, 1, 1, 0.3);
|
|
||||||
}
|
|
||||||
// 底部工具栏
|
// 底部工具栏
|
||||||
.tool-bottom-all{
|
.tool-bottom-all{
|
||||||
// width: 45vw;
|
// width: 45vw;
|
||||||
|
@ -335,7 +316,6 @@ watchEffect(() => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 底部动画
|
|
||||||
.a-fade-leave-active,.a-fade-enter-active{
|
.a-fade-leave-active,.a-fade-enter-active{
|
||||||
transition: all .3s;
|
transition: all .3s;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue