Merge pull request 'baigl' (#191) from baigl into main

Reviewed-on: #191
This commit is contained in:
baigl 2024-09-11 11:29:52 +08:00
commit d4b1e547de
5 changed files with 256 additions and 179 deletions

View File

@ -1,7 +1,22 @@
// 查询evaluation列表 // 查询evaluation列表
import request from '@/utils/request' import request from '@/utils/request'
// 查询反馈列表 // 查询作业列表
export function listByDeadDate(query) {
return request({
url: '/education/classwork/listByDeadDate',
method: 'get',
params: query
})
}
//多个班级学生作业数据
export function listClassworkdataByDeadDate(query) {
return request({
url: '/education/classworkdata/listByDeadDate',
method: 'get',
params: query
})
}
// 查询classworkdata列表 班级作业列表 // 查询classworkdata列表 班级作业列表
export function listClassworkdata(query) { export function listClassworkdata(query) {

View File

@ -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

View File

@ -134,3 +134,19 @@ export function getTimeDate() {
var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds() var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
} }
/**
* 获取明天日期
* @returns
*/
export function getTomorrow() {
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()+1 < 10 ? '0' + date.getDate()+1 : date.getDate()+1
// 获取明天的日期 .getDate() + 1
let tomorrow = `${year}-${month}-${day}`;
return tomorrow;
}

View File

@ -5,9 +5,27 @@
--> -->
<template> <template>
<el-container class="class-reserv-wrap"> <el-container class="class-reserv-wrap">
<div style="display: flex; justify-content: space-between;">
<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 class="demo-date-picker">
<div class="block">
<el-date-picker
v-model="EndDate"
type="date"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
placeholder="请选择截止日期"
size="large"
:disabled-date="disabledDate"
@change="changeEndDate"
/>
</div>
</div>
</div>
</div>
<div class="class-reserv-body"> <div class="class-reserv-body">
<task-item <task-item
v-for="(item, index) in activeDataList" v-for="(item, index) in activeDataList"
@ -34,34 +52,30 @@
<script setup> <script setup>
import { ref, onMounted, onUnmounted, computed, watch, reactive } from 'vue' import { ref, onMounted, onUnmounted, computed, watch, reactive } from 'vue'
import { getSelfReserv } from '@/api/classManage' import { listByDeadDate, listClassworkdataByDeadDate } from '@/api/classTask'
import { listClassmain } from '@/api/classManage/index'
import { listClassworkdata } from '@/api/classTask'
import { homeworklist } from '@/api/teaching/classwork'
import TaskItem from '@/views/classTask/container/task-item.vue' import TaskItem from '@/views/classTask/container/task-item.vue'
import ItemDialog from '@/views/classTask/container/item-dialog.vue' import ItemDialog from '@/views/classTask/container/item-dialog.vue'
import { useToolState } from '@/store/modules/tool' import { useToolState } from '@/store/modules/tool'
import { sessionStore } from '@/utils/tool' import { getCurrentTime, getTomorrow } from '@/utils/date'
import useUserStore from '@/store/modules/user' import useUserStore from '@/store/modules/user'
import useClassTaskStore from "@/store/modules/classTask";
const classTaskStore = useClassTaskStore()
const userStore = useUserStore().user const userStore = useUserStore().user
const itemDialogRef = ref(null) const itemDialogRef = ref(null)
const tabOptions = ref(['进行中', '已结束']) const tabOptions = ref(['进行中', '已结束'])
const tabActive = ref('进行中') const tabActive = ref('进行中')
const dataList = ref([]) const dataList = ref([])
const EndDate = ref(getCurrentTime('YYYY-MM-DD'))
//
const classList = ref([])
const classListIds = ref([])
// //
const classWorkList = ref([]) const classWorkList = ref([])
const total = ref(0) const total = ref(0)
const loading = ref(false) const loading = ref(false)
const activeDataList = computed(() => { const activeDataList = computed(() => {
// return classWorkList.value return classWorkList.value
// []
return classWorkList.value && classWorkList.value.filter((item) => getDateTime > item.deaddate)
}) })
const deleteReserv = (item) => { const deleteReserv = (item) => {
console.log('删除待开发', item) console.log('删除待开发', item)
@ -70,31 +84,49 @@ const deleteReserv = (item) => {
// }) // })
} }
const doneDataList = computed(() => { const doneDataList = computed(() => {
// return classWorkList.value return classWorkList.value
return classWorkList.value && classWorkList.value.filter((item) => getDateTime < item.deaddate)
}) })
//
const disabledDate = (time) => {
return time.getTime() > Date.now()
}
//
const changeEndDate = (val) => {
console.log('截止日期改变', val)
getData() //
}
// //
const getData = () => { const getData = () => {
// // 1
listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' }).then((res) => { getClassList()
var clslist = [] // 2
for (var i = 0; i < res.rows.length; i++) { getClassWorkList()
if (res.rows[i].classstudentlist != '') { // 3
var array = JSON.parse('[' + res.rows[i].classstudentlist + ']') getStudentClassWorkData()
res.rows[i].classstudents = array }
/**
* 1获取班级列表数据
* TODO 这里暂时取班级id的list后续需要在修改
*/
const getClassList = () => {
if(classTaskStore.classListIds.length==0){
// ids idlist
classTaskStore.listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' })
} }
classListIds.value.push(res.rows[i].id) }
clslist.push(res.rows[i]) /**
} * 2获取班级作业
classList.value = clslist */
const getClassWorkList = () => {
// if(classTaskStore.classListIds.length>0){
homeworklist({ // homeworklist
classidarray: classListIds.value.join(','), listByDeadDate({
//entpcourseid: '', // id classidarray: classTaskStore.classListIds.join(','),
edustage: userStore.edustage,// edustage: userStore.edustage,//
edusubject: userStore.edusubject,// edusubject: userStore.edusubject,//
deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,//
orderby: 'uniquekey DESC', orderby: 'uniquekey DESC',
pageSize: 100 pageSize: 100
}).then((response) => { }).then((response) => {
@ -147,145 +179,29 @@ const getData = () => {
// (workdatacount)>0 // (workdatacount)>0
if (response.rows && response.rows.length > 0) { if (response.rows && response.rows.length > 0) {
classWorkList.value = response.rows && response.rows.filter((item) => item.workdatacount > 0) classWorkList.value = response.rows && response.rows.filter((item) => item.workdatacount > 0)
// classWorkList.value = response.rows && response.rows.filter((item) => item.workdatacount > 0 && item.uniquekey == '-0808-1')
//TODO total //TODO total
total.value = response.total total.value = response.total
} }
loading.value = false loading.value = false
//
getStudentClassWorkData()
}) })
})
//--------------
// getSelfReserv().then((res) => {
// const list = res.data || []
// list.sort((a, b) => {
// if (a.status == '') return -1
// else return 0
// })
// dataList.value = list
// })
}
const toolStore = useToolState()
//
const escapeHtmlQuotes = (str) => {
// replace,
const regex1 = /\\+/g; //
let result = str.replace(regex1, '\\');
return result;
}
const pollingST = ref(null) //
onMounted(() => {
getData() //
//
getStudentClassWorkDataPolling()
})
//
const getStudentClassWorkDataPolling = () => {
//
getStudentVisible()
//
pollingST.value = setInterval(() => {
getStudentVisible()
}, 1000 * 10)
}
const closeDialog = () => {
console.log('关闭弹窗,开启作业进度轮询')
getStudentClassWorkDataPolling()
}
const onClickItem = (item) => {
console.log('开启弹窗,关闭作业进度轮询')
clearInterval(pollingST.value)
itemDialogRef.value.openDialog(item)
}
onUnmounted(() => {
clearInterval(pollingST.value)
})
const getDateTime = () => {
//
const now = new Date()
const year = now.getFullYear()
const month = String(now.getMonth() + 1).padStart(2, '0')
const day = String(now.getDate()).padStart(2, '0')
const hh = String(now.getHours()).padStart(2, '0')
const mm = String(now.getMinutes()).padStart(2, '0')
return `${year}-${month}-${day} ${hh}:${mm}`
}
// [] -
const getStudentVisible = async () => {
if (classListIds.value.length <= 0) {
return
} }
// }
const response = await homeworklist({
classidarray: classListIds.value.join(','),
//entpcourseid: '', // id
edustage: userStore.edustage,//
edusubject: userStore.edusubject,//
orderby: 'uniquekey DESC',
pageSize: 100
})
const curWorkList = response.rows
/** /**
* warn: 这里仅更新了finishpercent(进度条), 且当前作业布置推送新任务时, curWorkList中会查到新的任务与当前页面中this.classWorkList长度不一致, * 3获取多个班级学生作业数据
* 故这里需循环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 workdatacount0
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 = (classWorkList.value[t].feedtimelength / classWorkList.value[t].workdatafeedbackcount).toFixed(0)
} else {
classWorkList.value[t].averagetime = 0
}
//
classWorkList.value[t].teacherrationgcount = curWork.teacherrationgcount
} else {
classWorkList.value[t].finishpercent = 0
}
}
return 1
}
//
const getStudentClassWorkData = () => { const getStudentClassWorkData = () => {
// if(classTaskStore.classListIds.length>0){
listClassworkdata({ listClassworkdataByDeadDate({
classids: classListIds.value.join(','), classids: classTaskStore.classListIds.join(','),
//entpcourseid: '', // id
edustage: userStore.edustage,// edustage: userStore.edustage,//
edusubject: userStore.edusubject,// edusubject: userStore.edusubject,//
orderby: "deaddate DESC", deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,//
orderby: "uniquekey DESC",
pageSize: 1000 pageSize: 1000
}).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++) {
//if (res.rows[i].uniquekey == classWorkList.value[t].uniquekey) {
if (res.rows[i].classworkid == classWorkList.value[t].id && res.rows[i].resultcount > 0) { if (res.rows[i].classworkid == classWorkList.value[t].id && res.rows[i].resultcount > 0) {
console.log('==================') console.log('==================')
// / // /
@ -378,17 +294,118 @@ const getStudentClassWorkData = () => {
// //
} }
}) })
}
} }
const toolStore = useToolState()
//
const escapeHtmlQuotes = (str) => {
// replace,
const regex1 = /\\+/g; //
let result = str.replace(regex1, '\\');
return result;
}
const pollingST = ref(null) //
onMounted(() => {
getData() //
//
getStudentClassWorkDataPolling()
})
//
const getStudentClassWorkDataPolling = () => {
//
getStudentVisible()
//
pollingST.value = setInterval(() => {
getStudentVisible()
}, 1000 * 10)
}
const closeDialog = () => {
console.log('关闭弹窗,开启作业进度轮询')
getStudentClassWorkDataPolling()
}
const onClickItem = (item) => {
console.log('开启弹窗,关闭作业进度轮询')
clearInterval(pollingST.value)
itemDialogRef.value.openDialog(item)
}
onUnmounted(() => {
clearInterval(pollingST.value)
})
// [] -
const getStudentVisible = async () => {
if (classTaskStore.classListIds.length <= 0) {
return
}
//
const response = await listByDeadDate({
classidarray: classTaskStore.classListIds.join(','),
edustage: userStore.edustage,//
edusubject: userStore.edusubject,//
deaddate: tabActive.value === '进行中'? getTomorrow() : EndDate.value,//
orderby: 'uniquekey DESC',
pageSize: 100
})
const curWorkList = response.rows
/**
* 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 workdatacount0
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 = (classWorkList.value[t].feedtimelength / classWorkList.value[t].workdatafeedbackcount).toFixed(0)
} else {
classWorkList.value[t].averagetime = 0
}
//
classWorkList.value[t].teacherrationgcount = curWork.teacherrationgcount
} else {
classWorkList.value[t].finishpercent = 0
}
}
return 1
}
watch( watch(
() => [dataList, toolStore.isToolWin], () => [dataList, toolStore.isToolWin],
() => { () => {
console.log('====', toolStore) console.log('====', toolStore)
}
)
watch(tabActive, (newVal,oldVal)=>{
console.log('newVal',newVal);
setTimeout(() => { setTimeout(() => {
getData() // getData() //
}, 300) }, 300)
} })
)
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

View File

@ -325,13 +325,14 @@
<div style="display: flex; margin: 10px auto"> <div style="display: flex; margin: 10px auto">
<span style="display: flex; align-items: center"> <span style="display: flex; align-items: center">
<span v-if="dialogProps.studentObj.worktype == '习题训练'"> <span v-if="dialogProps.studentObj.worktype == '习题训练'">
得分<span style="margin: 0; color: red">{{ <span>得分 </span>
<span style="margin: 0; color: red">{{
classWorkFormScore.teacherRating.reduce((a, b) => a + b.score, 0).toFixed(2) classWorkFormScore.teacherRating.reduce((a, b) => a + b.score, 0).toFixed(2)
}}</span }}</span>
> <span></span>
</span> </span>
<span v-else> <span v-else>
得分 <span>得分 </span>
<span v-if="classWorkFormScore.teacherRating.length > 0"> <span v-if="classWorkFormScore.teacherRating.length > 0">
<el-input-number <el-input-number
v-model="classWorkFormScore.teacherRating[0].score" v-model="classWorkFormScore.teacherRating[0].score"
@ -344,7 +345,7 @@
@change="handleChange" @change="handleChange"
></el-input-number> ></el-input-number>
</span> </span>
<span></span>
</span> </span>
</span> </span>
<div class="score-container"> <div class="score-container">