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

Reviewed-on: #227
This commit is contained in:
baigl 2025-01-16 15:12:38 +08:00
commit ef7fbcfdbe
5 changed files with 417 additions and 179 deletions

View File

@ -90,6 +90,12 @@ export const constantRoutes = [
name: 'questionUpload',
meta: { title: '习题上传', showBread: true }
},
{
path: 'groupTestPaper',
component: () => import('@/views/classTask/groupTestPaper/index.vue'),
name: 'groupTestPaper',
meta: { title: '自动组卷', showBread: true }
},
{
path: 'aiKolors',
component: () => import('@/components/ai-kolors/index.vue'),

View File

@ -0,0 +1,195 @@
<template>
<div class="page-testpaper">
<div class="page-center">
<el-tabs v-model="activeAptTab" style="height: 100%;">
<el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
<SearchQuestion :bookobj="courseObj" @addQuizItem="handleClassWorkQuizItemAdd" />
</el-tab-pane>
<!-- <el-tab-pane label="校本题库" name="校本题库" class="prepare-center-xbtk">
<SchoolQuestion />
</el-tab-pane> -->
<el-tab-pane label="个人题库" name="个人题库" class="prepare-center-grst">
<MyQuestion :bookobj="courseObj" @addQuizItem="handleClassWorkQuizItemAdd"/>
</el-tab-pane>
</el-tabs>
</div>
<div class="page-right">
<p>{{ classWorkForm.quizlist.length }} <span>进入组卷中心</span></p>
<div v-for="(item, index) in classWorkForm.worktypeList" :key="index" class="page-right-item">
<span>{{ item.key }}: {{ item.value }}</span> <span @click="handleDeleteQuizItem(item)">删除</span>
</div>
</div>
</div>
</template>
<script setup>
import { onMounted, ref, watch, reactive, getCurrentInstance, nextTick, defineEmits } from 'vue'
import { ElMessage } from 'element-plus'
import { cloneDeep } from 'lodash'
import { processList } from '@/hooks/useProcessList'
import MyQuestion from '@/views/classTask/newClassTaskAssign/myQuestion/index.vue'
import SearchQuestion from '@/views/classTask/newClassTaskAssign/searchQuestion/index.vue'
import { useGetHomework } from '@/hooks/useGetHomework'
import { sessionStore } from '@/utils/store'
import { useRouter, useRoute } from 'vue-router'
import useUserStore from '@/store/modules/user'
import useClassTaskStore from '@/store/modules/classTask'
const userStore = useUserStore().user
const route = useRoute();
const router = useRouter()
const { proxy } = getCurrentInstance()
const emits = defineEmits(['getData'])
const props = defineProps({
currentCourse: Object,
})
const propsQueryCourseObj = route.query.courseObj;//
const courseObj = reactive({
// : id,id,id,
textbookId: '',
levelFirstId: '',
levelSecondId: '',
coursetitle:'',
node: null, //
//
})
const activeAptTab = ref("自主搜题");
let classWorkForm = reactive({
id: '',// ,
uniquekey: '',// , //
worktype: '',// '', //
worktypeList: [],// '', //
title: '',// //
quizlist: [],// //
}); //
onMounted(() => {
if(propsQueryCourseObj){
if(JSON.parse(propsQueryCourseObj)){
courseObj.textbookId = JSON.parse(propsQueryCourseObj).bookObj //
courseObj.levelFirstId = JSON.parse(propsQueryCourseObj).levelFirstId //
courseObj.levelSecondId = JSON.parse(propsQueryCourseObj).levelSecondId //
courseObj.coursetitle = JSON.parse(propsQueryCourseObj).coursetitle // (/)
courseObj.node = JSON.parse(propsQueryCourseObj).node; //
}
}
})
/**
* 添加作业
* @param entpcourseworkid
*/
const handleClassWorkQuizItemAdd = (row) => {
var exist = false;
for (var i=0; i< classWorkForm.quizlist.length; i++) {
if (classWorkForm.quizlist[i].id == row.id) {
exist = true;
break;
}
}
if (exist == false) {
// getEntpcoursework(entpcourseworkid).then(res => {
// //res.data.titletext = res.data.title.replace(/<[^>]+>/g, '');
// //
// if(res.data.score == null){
// res.data.score = 4;
// }
// classWorkForm.quizlist.push(res.data);
// //
// processList(classWorkForm.quizlist);
// })
// TODO
classWorkForm.quizlist.push(row);
//
processList(classWorkForm.quizlist);
console.log(classWorkForm.quizlist)
//
classWorkForm.quizlist && classWorkForm.quizlist.forEach(item => {
if(!classWorkForm.worktypeList.some(i => i.key.includes(item.worktype))){
const num = classWorkForm.quizlist.filter(_item => _item.key == item.worktype).length
const obj = {
key: item.worktype,
value: num
}
classWorkForm.worktypeList.push(obj)
}
})
console.log(classWorkForm.worktypeList)
} else {
ElMessage('试题已经存在')
}
}
/**
* 删除作业类型试题
* @param row
*/
const handleDeleteQuizItem = (row) => {
for (var i=0; i< classWorkForm.worktypeList.length; i++) {
if (classWorkForm.worktypeList[i].key == row.key) {
classWorkForm.worktypeList.splice(i, 1);
break;
}
}
for (var j=0; j< classWorkForm.quizlist.length; j++) {
if (classWorkForm.quizlist[j].worktype == row.key) {
classWorkForm.quizlist.splice(j, 1);
break;
}
}
}
watch(() => props.currentCourse, (newVal, oldVal) => {
},{deep:true})
</script>
<style scoped lang="scss">
.page-testpaper {
height: 100%;
display: flex;
flex-direction: row;
.page-center{
flex: 1;
//min-width: calc(100% - 675px);
height: 100%;
padding: 0 5px;
margin: 0 5px;
overflow: hidden;
border-radius: 10px;
background-color: white;
.prepare-center-zzst{
height: 100%;
display: flex;
flex-direction: column;
}
.prepare-center-xbtk{
height: 100%;
}
.prepare-center-grst{
height: 100%;
}
}
.page-right{
flex: 1;
}
}
</style>

View File

@ -38,6 +38,7 @@ const items = shallowRef([
// { title: 'AI', description: 'AI', icon: '#icon-jiqiren_o',type:'danger' },
{ title: '习题上传', description: '自己上传个人题库。', icon: '#icon-shangchuan',type:'danger' },
{ title: '科学实验', description: '学生完成虚拟仿真实验,并提交实验结果。', icon: '#icon-shangchuan',type:'primary' },
// { title: '', description: '', icon: '#icon-shangchuan',type:'primary' },
]);
const handleClick = (item) => {

View File

@ -1,27 +1,25 @@
<template>
<div class="page">
<div class="page">
<div class="page-top" v-if="!isShow">
<div class="page-top-left">
<div>
<el-button type="danger" :icon="Delete" @click="handleDelete">删除</el-button>
<el-button type="success" @click="handleTaskAssignToAllClass()">批量推送</el-button>
</div>
<div v-if="currentRow.id > 0" class="page-top-right">
<el-button type="primary" @click="handleNewAllClass" :icon="Plus">设计新作业</el-button>
<div style="margin-left: 20px;">
<div v-if="currentRow.id > 0">
<el-button type="primary" @click="handleNewAllClass"><i class="iconfont icon-fanhui"></i>返回 设计作业</el-button>
</div>
<div v-else>
<span style="font-size: 14px; color: red">温馨提示选择下列作业类型可进行作业设计</span>
</div>
</div>
</div>
<div class="page-resource">
<div class="page-left" v-if="!isShow">
<el-table
ref="taskTable"
v-loading="tasklist_loading"
:data="taskList"
:tree-props="{checkStrictly: true}"
row-key="id"
style="width: 100%;height: 100%; border: 1px solid #dcdfe6;border-radius: 3px;flex:1"
highlight-current-row
@current-change="handleCurrentChange"
>
<el-table-column type="selection" min-width="2%" align="center" :selectable="selectable"/>
<el-table ref="taskTable" v-loading="tasklist_loading" :data="taskList" :tree-props="{ checkStrictly: true }"
row-key="id" style="width: 100%;height: 100%; border: 1px solid #dcdfe6;border-radius: 3px;flex:1"
highlight-current-row @current-change="handleCurrentChange">
<el-table-column type="selection" min-width="2%" align="center" :selectable="selectable" />
<el-table-column label="作业布置" min-width="15%" align="center">
<template #default="scope">
<div style="height: 100px;cursor: pointer">
@ -31,11 +29,13 @@
<span>{{ scope.row.uniquekey }}</span>
</div>
<div class="pageleft-table-top" style="display: flex;justify-content: space-between">
<el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
<el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype
}}</el-tag>
<el-text size="small" style="color:#ccc;white-space:nowrap">{{ scope.row.timestamp }}</el-text>
</div>
<div class="pageleft-table-cont">
<div :title="scope.row.worktag || scope.row.title" class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</div>
<div :title="scope.row.worktag || scope.row.title" class="ellipsis "> {{ scope.row.worktype ==
"课堂展示" ? scope.row.worktag : scope.row.title }}</div>
</div>
</div>
<svg class="icon iconfont" aria-hidden="true">
@ -53,7 +53,8 @@
<Right @itemClick="handleItemClick" />
</div>
<div v-if="(currentRow.worktype == '习题训练' || classWorkForm.worktype == '习题训练') && currentRow.id>0" class="page-center">
<div v-if="(currentRow.worktype == '习题训练' || classWorkForm.worktype == '习题训练') && currentRow.id > 0"
class="page-center">
<el-tabs v-model="activeAptTab" style="height: 100%;">
<el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
<SearchQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd" />
@ -62,59 +63,65 @@
<SchoolQuestion />
</el-tab-pane> -->
<el-tab-pane label="个人题库" name="个人题库" class="prepare-center-grst">
<MyQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd"/>
<MyQuestion :bookobj="courseObj" @addQuiz="handleClassWorkQuizAdd" />
</el-tab-pane>
</el-tabs>
</div>
<div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id>0" class="page-center">
<div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id > 0"
class="page-center">
<div v-loading="boardLoading" class="board-wrap" style="height: 100%; flex: 1; overflow: hidden;">
<whiteboard ref="boardref" height="100%" width="100%" :isShowSave="false" :data="classWorkForm.whiteboardObj" />
<whiteboard ref="boardref" height="100%" width="100%" :isShowSave="false"
:data="classWorkForm.whiteboardObj" />
</div>
</div>
<div v-if="(currentRow.worktype == '常规作业' || classWorkForm.worktype == '常规作业')&& currentRow.id>0" class="page-center">
<div v-if="(currentRow.worktype == '常规作业' || classWorkForm.worktype == '常规作业') && currentRow.id > 0"
class="page-center">
<div v-loading="fileLoading" class="upload-homework">
<FileUpload v-model="classWorkForm.fileHomeworkList" :fileSize="800" :fileType="['mp3','mp4','doc','docx','xlsx','xls','pdf','ppt','pptx','jpg','jpeg','gif','png','txt']"/>
<FileUpload v-model="classWorkForm.fileHomeworkList" :fileSize="800"
:fileType="['mp3', 'mp4', 'doc', 'docx', 'xlsx', 'xls', 'pdf', 'ppt', 'pptx', 'jpg', 'jpeg', 'gif', 'png', 'txt']" />
</div>
</div>
<div v-if="(currentRow.worktype == '科学实验' || classWorkForm.worktype == '科学实验')&& currentRow.id>0" class="page-center">
<div v-if="(currentRow.worktype == '科学实验' || classWorkForm.worktype == '科学实验') && currentRow.id > 0"
class="page-center">
<div class="experiment-homework">
<ExperimentQuestion :expObj="classWorkForm.fileHomeworkList&&classWorkForm.fileHomeworkList[0]" @clickExpObj="getExpObj" />
</div>
</div>
<div v-if="currentRow.id>0 " class="page-right">
<div class="prepare-top" >
<el-button v-if="currentRow.id != 1 " type="success" @click="openSet(currentRow,'item')"> </el-button>
<div v-if="currentRow.id > 0" class="page-right">
<div class="prepare-top">
<span>作业详情说明</span>
<el-button v-if="currentRow.id != 1" type="success" @click="openSet(currentRow, 'item')"> </el-button>
<el-button type="primary" @click="handleClassWorkSave"> </el-button>
</div>
<div class="prepare-con" >
<el-form
ref="classWorkFormRef"
:model="classWorkForm"
label-width="90"
style=" height: 100%; overflow: hidden;display: flex;flex-direction: column;"
>
<div >
<div class="prepare-con">
<el-form ref="classWorkFormRef" :model="classWorkForm" label-width="90"
style=" height: 100%; overflow: hidden;display: flex;flex-direction: column;">
<div>
<el-form-item label="作业名称">
<el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称"/>
<el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称" />
</el-form-item>
<el-form-item label="作业说明" style="margin: 10px 0;">
<el-input v-if="classWorkForm.worktype != '课堂展示'" v-model="classWorkForm.title" style="width: 400px" placeholder="请输入作业说明"/>
<el-input v-if="classWorkForm.worktype != '课堂展示'" v-model="classWorkForm.title" style="width: 400px"
placeholder="请输入作业说明" />
<!-- 课堂展示 这里字段不一样 -->
<el-input v-if="classWorkForm.worktype == '课堂展示'" v-model="classWorkForm.question" type="textarea" placeholder="请输入作业说明" />
<el-input v-if="classWorkForm.worktype == '课堂展示'" v-model="classWorkForm.question" type="textarea"
placeholder="请输入作业说明" />
</el-form-item>
</div>
<div v-if="classWorkForm.worktype == '习题训练'" class="pageRight-list">
<div :style="{height: '100%', 'overflow': 'auto', 'border':'1px dotted blue','border-radius':'5px', 'background-color': '#f7f7f7'}">
<template v-for="(item,index) in classWorkForm.quizlist" :key="item.id">
<div
:style="{ height: '100%', 'overflow': 'auto', 'border': '1px dotted blue', 'border-radius': '5px', 'background-color': '#f7f7f7' }">
<template v-for="(item, index) in classWorkForm.quizlist" :key="item.id">
<div style="margin: 5px; background-color: white; text-align: left;">
<div v-html="item.titleFormat" style="padding: 15px 20px 5px 20px"></div>
<div style="display: flex;">
<el-form-item label="分值">
<el-input-number v-model="item.score" :min="1" :max="100" size="small"></el-input-number >
<el-input-number v-model="item.score" :min="1" :max="100" size="small"></el-input-number>
</el-form-item>
<div style="margin-left: auto; padding: 0px 20px"><el-button size="small" type="danger" @click="handleClassWorkFormQuizRemove(index)">删除</el-button></div>
<div style="margin-left: auto; padding: 0px 20px"><el-button size="small" type="danger"
@click="handleClassWorkFormQuizRemove(index)">删除</el-button></div>
</div>
</div>
</template>
@ -126,7 +133,8 @@
</div>
<!-- 推送作业的配置对话框 -->
<SetHomework v-model="setDialog" :entpcourseid="entpcourseid" :rows="rowsList" @on-close="closeHomework" @on-success="successHomework"/>
<SetHomework v-model="setDialog" :entpcourseid="entpcourseid" :rows="rowsList" @on-close="closeHomework"
@on-success="successHomework" />
</div>
</template>
<script setup>
@ -135,9 +143,9 @@ import { ElMessage } from 'element-plus'
import { cloneDeep } from 'lodash'
import { Plus, Delete } from '@element-plus/icons-vue'
import { delClasswork } from '@/api/teaching/classwork'
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
import { listEntpcoursework, listEntpcourseworkNew, getEntpcoursework } from '@/api/education/entpCourseWork'
import { addClassworkReturnId } from '@/api/teaching/classwork'
import { updateClasswork, listEvaluationclue, listClassworkeval,delClassworkeval,addClassworkeval,updateClassworkeval } from '@/api/classTask'
import { updateClasswork, listEvaluationclue, listClassworkeval, delClassworkeval, addClassworkeval, updateClassworkeval } from '@/api/classTask'
import { processList } from '@/hooks/useProcessList'
import { editListItem } from '@/hooks/useClassTask'
@ -180,12 +188,12 @@ const courseObj = reactive({
textbookId: '',
levelFirstId: '',
levelSecondId: '',
coursetitle:'',
coursetitle: '',
node: null, //
//
})
const taskTable = ref(null);
const activeAptTab = ref("自主搜题");
const activeAptTab = ref("自主搜题");
const taskList = ref([]); //
const tasklist_loading = ref(false); //
const classWorkFormRef = ref(null);
@ -195,7 +203,7 @@ const setDialog = ref(false); // 推送配置 弹窗
const rowsList = ref([]) //
const entpcourseid = ref('') // id
const currentRow = ref({id:0}); // --
const currentRow = ref({ id: 0 }); // --
// -------
const boardLoading = ref(false);
@ -205,16 +213,16 @@ const fileLoading = ref(false); // 常规作业loading
onMounted(() => {
//console.log("----onMounted-------");
currentRow.value.id = 0
if(propsQueryCourseObj){
if(JSON.parse(propsQueryCourseObj)){
if (propsQueryCourseObj) {
if (JSON.parse(propsQueryCourseObj)) {
courseObj.textbookId = JSON.parse(propsQueryCourseObj).bookObj //
courseObj.levelFirstId = JSON.parse(propsQueryCourseObj).levelFirstId //
courseObj.levelSecondId = JSON.parse(propsQueryCourseObj).levelSecondId //
courseObj.coursetitle = JSON.parse(propsQueryCourseObj).coursetitle // (/)
courseObj.node = JSON.parse(propsQueryCourseObj).node; //
}
}else{
if(props.currentCourse){
} else {
if (props.currentCourse) {
courseObj.textbookId = props.currentCourse.textbookId //
courseObj.levelFirstId = props.currentCourse.levelFirstId //
courseObj.levelSecondId = props.currentCourse.levelSecondId //
@ -222,11 +230,11 @@ onMounted(() => {
courseObj.node = props.currentCourse.node; //
classWorkForm.worktype = props.currentCourse.worktype
currentRow.value = {
id:props.currentCourse.id,
worktype:props.currentCourse.worktype
id: props.currentCourse.id,
worktype: props.currentCourse.worktype
}
isShow.value = true;
}else{
} else {
isShow.value = false;
}
}
@ -235,8 +243,8 @@ onMounted(() => {
})
//
const isInToMyQuestion = () => {
console.log('isOpenQuestUploadView',useClassTaskStores.isOpenQuestUploadView);
if(useClassTaskStores.isOpenQuestUploadView){
console.log('isOpenQuestUploadView', useClassTaskStores.isOpenQuestUploadView);
if (useClassTaskStores.isOpenQuestUploadView) {
useClassTaskStores.isOpenQuestUploadView = false;
currentRow.value.id = 1; //
@ -254,23 +262,23 @@ const isInToMyQuestion = () => {
}
}
watch(() => props.currentCourse, (newVal, oldVal) => {
if(newVal){
courseObj.textbookId = newVal.textbookId //
courseObj.levelFirstId = newVal.levelFirstId //
courseObj.levelSecondId = newVal.levelSecondId //
courseObj.coursetitle = newVal.coursetitle // (/)
courseObj.node = newVal.node; //
classWorkForm.worktype = newVal.worktype
currentRow.value = {
id:props.currentCourse.id,
worktype:props.currentCourse.worktype
}
if (newVal) {
courseObj.textbookId = newVal.textbookId //
courseObj.levelFirstId = newVal.levelFirstId //
courseObj.levelSecondId = newVal.levelSecondId //
courseObj.coursetitle = newVal.coursetitle // (/)
courseObj.node = newVal.node; //
classWorkForm.worktype = newVal.worktype
currentRow.value = {
id: props.currentCourse.id,
worktype: props.currentCourse.worktype
}
console.log(newVal,'newval');
},{deep:true})
}
console.log(newVal, 'newval');
}, { deep: true })
// ------------
const getExpObj = (obj)=>{
const getExpObj = (obj) => {
// obj:{
// fileurl: "https://phet.colorado.edu/sims/html/number-compare/latest/number-compare_zh_CN.html"
// label: ""
@ -281,10 +289,14 @@ const getExpObj = (obj)=>{
//------------
const handleItemClick = (itemName) => {
console.log('itemName', itemName);
if(itemName == '习题上传'){
if (itemName == '习题上传') {
router.push({ path: '/model/questionUpload', query: { courseObj: JSON.stringify(courseObj) } });
return;
}
if (itemName == '自主组卷') {
router.push({ path: '/model/groupTestPaper', query: { courseObj: JSON.stringify(courseObj) } });
return;
}
currentRow.value.id = 1; //
/**
@ -293,7 +305,7 @@ const handleItemClick = (itemName) => {
* 课堂展示
* 常规作业
*/
const typeName = itemName == "自主搜题" || itemName == "校本题库"|| itemName == "个人题库" ? "习题训练" : itemName;
const typeName = itemName == "自主搜题" || itemName == "校本题库" || itemName == "个人题库" ? "习题训练" : itemName;
activeAptTab.value = itemName;
//
classWorkForm.id = 0;
@ -310,13 +322,13 @@ const handleItemClick = (itemName) => {
//-----------------------
const selectable=(row, index)=>{
const selectable = (row, index) => {
return row.status == '10';
};
/**
* 获取 entpcourseid 获取作业列表
*/
const initHomeWork = async ()=> {
const initHomeWork = async () => {
tasklist_loading.value = true;
// const { res, chapterId } = await useGetHomework(courseObj.node);
const { res, chapterId } = await useGetHomework(sessionStore.get('subject.curNode'));
@ -326,9 +338,9 @@ const initHomeWork = async ()=> {
taskList.value = res;
// , id
const taskId = propsQueryTask?.id ?? 0;
if (!propsQueryTask.isInit && taskId!=0){
if (!propsQueryTask.isInit && taskId != 0) {
const activeRow = taskList.value.find(o => o.id == taskId);
if (activeRow){
if (activeRow) {
propsQueryTask.isInit = true; //
taskTable.value.setCurrentRow(activeRow);
handleCurrentChange(activeRow);
@ -355,10 +367,10 @@ const handleNewAllClass = () => {
/**
* 删除按钮操作
* */
const handleDelete =() => {
const handleDelete = () => {
let rows = proxy.$refs.taskTable.getSelectionRows();
if (rows.length > 0) {
proxy.$modal.confirm('是否确认选中的学习任务?').then(()=> {
proxy.$modal.confirm('是否确认选中的学习任务?').then(() => {
let ids = [];
for (let i = 0; i < rows.length; i++) {
ids.push(rows[i].id);
@ -374,8 +386,8 @@ const handleDelete =() => {
}, 1500);
proxy.$modal.msgSuccess("删除成功");
}).catch(() => {})
}else{
}).catch(() => { })
} else {
proxy.$modal.alertWarning("请选择删除项")
}
};
@ -386,12 +398,12 @@ const handleDelete =() => {
const handleTaskAssignToAllClass = () => {
let rows = proxy.$refs.taskTable.getSelectionRows();
if (rows.length > 0) {
proxy.$modal.confirm('是否确认推送选中的学习任务?').then(()=> {
proxy.$modal.confirm('是否确认推送选中的学习任务?').then(() => {
}).then(() => {
//
openSet(rows,'list');
}).catch(() => {})
}else{
openSet(rows, 'list');
}).catch(() => { })
} else {
return proxy.$modal.alertWarning("请选择需要推送的任务!");
}
}
@ -400,12 +412,12 @@ const handleTaskAssignToAllClass = () => {
* //list
*/
//
const openSet=(row, type)=> {
if(type == 'list'){
const openSet = (row, type) => {
if (type == 'list') {
// row rows
rowsList.value = row;
setDialog.value = true;
}else{
} else {
// row row,
rowsList.value = [row];
setDialog.value = true;
@ -414,7 +426,7 @@ const openSet=(row, type)=> {
/**
* 关闭布置作业窗口
*/
const closeHomework = () => {
const closeHomework = () => {
rowsList.value = [];
setDialog.value = false;
}
@ -430,7 +442,7 @@ const successHomework = () => {
})
}
// --------------------
let classWorkForm = reactive({
let classWorkForm = reactive({
id: '',// cloneDeep(props.propsformobj.id),
uniquekey: '',// props.propsformobj.uniquekey?cloneDeep(props.propsformobj.uniquekey):'', //
worktype: '',// props.propsformobj.worktype?cloneDeep(props.propsformobj.worktype): '', //
@ -457,12 +469,14 @@ let propsformobj = reactive({
*/
const handleCurrentChange = (val) => {
console.log(val,'???????????')
if(val && val.id >0 ) {
console.log(val, '选中的布置作业')
if (val && val.id > 0) {
currentRow.value.id = 1;
const typeName = val.worktype == "习题训练" ? "自主搜题" : "";
activeAptTab.value = typeName;
classWorkForm.worktype = val.worktype; //
editListItem(val, courseObj).then((obj) => {
if(obj){
if (obj) {
propsformobj = obj;
//
classWorkForm.id = obj.id;
@ -484,7 +498,7 @@ const handleCurrentChange = (val) => {
*/
const handleClassWorkQuizAdd = (entpcourseworkid) => {
var exist = false;
for (var i=0; i< classWorkForm.quizlist.length; i++) {
for (var i = 0; i < classWorkForm.quizlist.length; i++) {
if (classWorkForm.quizlist[i].id == entpcourseworkid) {
exist = true;
break;
@ -494,7 +508,7 @@ const handleClassWorkQuizAdd = (entpcourseworkid) => {
getEntpcoursework(entpcourseworkid).then(res => {
//res.data.titletext = res.data.title.replace(/<[^>]+>/g, '');
//
if(res.data.score == null){
if (res.data.score == null) {
res.data.score = 4;
}
classWorkForm.quizlist.push(res.data);
@ -506,14 +520,14 @@ const handleClassWorkQuizAdd = (entpcourseworkid) => {
}
}
/** 右侧资源删除按钮 习题list */
const handleClassWorkFormQuizRemove = (index) =>{
const handleClassWorkFormQuizRemove = (index) => {
classWorkForm.quizlist.splice(index, 1);
}
/**
* 作业设计-提交
*/
const handleClassWorkSave = async () => {
const handleClassWorkSave = async () => {
await nextTick(); // DOM
proxy.$refs["classWorkFormRef"].validate(async valid => {
if (valid) {
@ -544,11 +558,11 @@ const handleClassWorkFormQuizRemove = (index) =>{
entpcourseworklist: '', // list
};
if(cform.uniquekey.trim() == '') return ElMessage({ type: 'warning', message: '作业名称不能为空!'});
if (cform.uniquekey.trim() == '') return ElMessage({ type: 'warning', message: '作业名称不能为空!' });
// [] newWorkSpaceEdit true
if(isShow.value === false){
if(classWorkForm.id != '' ) {// id
if (isShow.value === false) {
if (classWorkForm.id != '') {// id
editWork(cform); //
return;
}
@ -562,11 +576,11 @@ const handleClassWorkFormQuizRemove = (index) =>{
//
cform.worktag = classWorkForm.question;
cform.title = classWorkForm.title;
cform.workcodes = JSON.stringify({json: canvasJson, base64: canvasBase64});
cform.entpcourseworklist = JSON.stringify([{'id':-1, 'score': '10'}]);
cform.workcodes = JSON.stringify({ json: canvasJson, base64: canvasBase64 });
cform.entpcourseworklist = JSON.stringify([{ 'id': -1, 'score': '10' }]);
try {
addClassworkReturnId(cform).then((res) => {
ElMessage({ type: 'success', message: '作业设计成功!'});
ElMessage({ type: 'success', message: '作业设计成功!' });
//
classWorkForm.worktype = "课堂展示";
classWorkForm.uniquekey = '';// classWorkForm.uniquekey, //
@ -574,67 +588,67 @@ const handleClassWorkFormQuizRemove = (index) =>{
classWorkForm.question = "";
classWorkForm.quizlist = [], //
//
classWorkForm.chooseWorkLists = []; // list
//
classWorkForm.chooseWorkLists = []; // list
classWorkForm.whiteboardObj = ''; // ? //
classWorkForm.id = res
emits('getData',classWorkForm)
emits('getData', classWorkForm)
boardLoading.value = false
})
} finally {
boardLoading.value = false
}
}
else if(classWorkForm.worktype === "常规作业"){
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!'});
else if (classWorkForm.worktype === "常规作业") {
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!' });
fileLoading.value = true
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
cform.entpcourseworklist = JSON.stringify([{'id':-2, 'score': '10'}]);
cform.entpcourseworklist = JSON.stringify([{ 'id': -2, 'score': '10' }]);
try {
addClassworkReturnId(cform).then((res) => {
ElMessage({ type: 'success', message: '作业设计成功!'});
ElMessage({ type: 'success', message: '作业设计成功!' });
//
classWorkForm.worktype = "常规作业";
classWorkForm.uniquekey = ''; // props.propsformobj.uniquekey, //
classWorkForm.title = "";
classWorkForm.quizlist = [], //
//
classWorkForm.chooseWorkLists = []; // list
//
classWorkForm.chooseWorkLists = []; // list
classWorkForm.whiteboardObj = ''; // ? //
classWorkForm.fileHomeworkList = []; // list
classWorkForm.id = res
emits('getData',classWorkForm)
emits('getData', classWorkForm)
fileLoading.value = false
})
} finally {
fileLoading.value = false
}
}
else if(classWorkForm.worktype === "科学实验"){
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验的课程!'});
else if (classWorkForm.worktype === "科学实验") {
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验的课程!' });
cform.worktag = useClassTaskStores.experimentObj.updateEduInfo; // , [-]
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList); //
cform.entpcourseworklist = JSON.stringify([{'id':-3, 'score': '10'}]);
cform.entpcourseworklist = JSON.stringify([{ 'id': -3, 'score': '10' }]);
try {
console.log(cform,'科学实验')
console.log(cform, '科学实验')
addClassworkReturnId(cform).then((res) => {
ElMessage({ type: 'success', message: '作业设计成功!'});
ElMessage({ type: 'success', message: '作业设计成功!' });
//
classWorkForm.worktype = "科学实验";
classWorkForm.uniquekey = ''; // props.propsformobj.uniquekey, //
classWorkForm.title = "";
classWorkForm.quizlist = [], //
//
classWorkForm.chooseWorkLists = []; // list
//
classWorkForm.chooseWorkLists = []; // list
classWorkForm.whiteboardObj = ''; // ? //
classWorkForm.fileHomeworkList = []; // list
classWorkForm.id = res
emits('getData',classWorkForm)
emits('getData', classWorkForm)
// TODO
})
} finally{
} finally {
//
}
}
@ -642,14 +656,14 @@ const handleClassWorkFormQuizRemove = (index) =>{
//
var ll = [];
if (classWorkForm.worktype === "习题训练") {
for (var i=0; i< classWorkForm.quizlist.length; i++) {
for (var i = 0; i < classWorkForm.quizlist.length; i++) {
//
ll.push({'id': classWorkForm.quizlist[i].id, 'score': classWorkForm.quizlist[i].score});
ll.push({ 'id': classWorkForm.quizlist[i].id, 'score': classWorkForm.quizlist[i].score });
}
}else if( classWorkForm.worktype === "框架梳理") {
} else if (classWorkForm.worktype === "框架梳理") {
classWorkForm.chooseWorkLists.filter((item) => {
if (item.worktype === classWorkForm.worktype) {
ll.push({'id':item.id, 'score': item.score});
ll.push({ 'id': item.id, 'score': item.score });
}
})
}
@ -659,22 +673,22 @@ const handleClassWorkFormQuizRemove = (index) =>{
} else {
cform.entpcourseworklist = '';
}
console.log(cform,'提交的数据');
if(cform.entpcourseworklist == '') return ElMessage({ type: 'warning', message: '请先添加作业资源!'});
console.log(cform, '提交的数据');
if (cform.entpcourseworklist == '') return ElMessage({ type: 'warning', message: '请先添加作业资源!' });
addClassworkReturnId(cform).then(res => {
ElMessage({ type: 'success', message: '作业设计成功!'});
ElMessage({ type: 'success', message: '作业设计成功!' });
//
classWorkForm.worktype = "习题训练";
classWorkForm.uniquekey = '',// props.propsformobj.uniquekey, //
classWorkForm.title = "";
classWorkForm.title = "";
classWorkForm.quizlist = [], //
//
classWorkForm.chooseWorkLists = [];
//
classWorkForm.chooseWorkLists = [];
classWorkForm.whiteboardObj = ''; // ? //
classWorkForm.id = res
emits('getData',classWorkForm)
emits('getData', classWorkForm)
// refresh the list
//
// this.getClassWorkAllList();
@ -683,9 +697,9 @@ const handleClassWorkFormQuizRemove = (index) =>{
}
console.log('该清空左侧列表数据了');
//
if(isShow.value){
if (isShow.value) {
currentRow.value.id = 1;
}else{
} else {
currentRow.value.id = 0;
}
initHomeWork();
@ -706,9 +720,9 @@ const handleClassWorkFormQuizRemove = (index) =>{
* 编辑作业内容
* @param cform 表单数据
*/
const editWork = async (cform) =>{
const editWork = async (cform) => {
//
cform.id= classWorkForm.id;
cform.id = classWorkForm.id;
// 0.
if (classWorkForm.worktype == '习题训练') {
@ -716,15 +730,15 @@ const editWork = async (cform) =>{
ElMessage.error('请先添加作业资源!');
return;
}
}else if (classWorkForm.worktype == '课堂展示' || classWorkForm.worktype == '常规作业') {
} else if (classWorkForm.worktype == '课堂展示' || classWorkForm.worktype == '常规作业') {
//
if(classWorkForm.worktype == '课堂展示'){
if (classWorkForm.worktype == '课堂展示') {
//
}else{
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!'});
} else {
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请上传常规作业附件!' });
}
}else if( classWorkForm.worktype == '科学实验') {
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验科目!'});
} else if (classWorkForm.worktype == '科学实验') {
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验科目!' });
}
else {
if (classWorkForm.chooseWorkLists.length == 0) {
@ -736,13 +750,13 @@ const editWork = async (cform) =>{
//
if (classWorkForm.worktype=='习题训练'){
if (classWorkForm.worktype == '习题训练') {
// 1.
let needUplEval = false;
if (classWorkForm.quizlist.length != propsformobj.quizlist.length) {
needUplEval = true;
}else {
} else {
//
needUplEval = classWorkForm.quizlist.some(cur =>
!propsformobj.quizlist.some(last =>
@ -756,7 +770,7 @@ const editWork = async (cform) =>{
// : , ,
// 2.1.workidid
let arrEvalids = [];
const wevalres = await listClassworkeval({'workid': classWorkForm.id});
const wevalres = await listClassworkeval({ 'workid': classWorkForm.id });
wevalres.rows.forEach(element => {
arrEvalids.push(element.id);
});
@ -766,21 +780,22 @@ const editWork = async (cform) =>{
const delRes = await delClassworkeval(ids);
// 2.3.
for(let i=0; i< classWorkForm.quizlist.length; i++){
for (let i = 0; i < classWorkForm.quizlist.length; i++) {
const addRes = await addClassworkeval({
'workid': classWorkForm.id,
'entpcourseworkid': classWorkForm.quizlist[i].id,
'workdataid': 0,
'score': classWorkForm.quizlist[i].score}
'score': classWorkForm.quizlist[i].score
}
);
}
}
// 3.-
}
else if (classWorkForm.worktype=='框架梳理') {
else if (classWorkForm.worktype == '框架梳理') {
// 1.workidid
const wevalres = await listClassworkeval({'workid': classWorkForm.id});
const wevalres = await listClassworkeval({ 'workid': classWorkForm.id });
if (wevalres.rows.length == 0) {
ElMessage.error('未找到原框架梳理任务,请或退出重试');
return;
@ -790,7 +805,7 @@ const editWork = async (cform) =>{
let needUplEval = false;
if (classWorkForm.chooseWorkLists.length !== propsformobj.chooseWorkLists.length) {
needUplEval = true;
}else {
} else {
//
needUplEval = classWorkForm.chooseWorkLists.some(cur =>
!propsformobj.chooseWorkLists.some(last =>
@ -808,17 +823,17 @@ const editWork = async (cform) =>{
let res = await updateClassworkeval(uplParams);
}
}
else if (classWorkForm.worktype=='课堂展示') {
else if (classWorkForm.worktype == '课堂展示') {
let canvasJson = proxy.$refs.boardref.getCanvasJson()
let canvasBase64 = await proxy.$refs.boardref.getCanvasBase64()
cform.workcodes = JSON.stringify({json: canvasJson, base64: canvasBase64});
cform.workcodes = JSON.stringify({ json: canvasJson, base64: canvasBase64 });
cform.worktag = classWorkForm.question;
}
else if (classWorkForm.worktype=='常规作业') {
else if (classWorkForm.worktype == '常规作业') {
// 1. (, )
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
}
else if (classWorkForm.worktype=='科学实验') { //TODO fileHomeworkList
else if (classWorkForm.worktype == '科学实验') { //TODO fileHomeworkList
// 1. (, )
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
cform.worktag = useClassTaskStores.experimentObj.updateEduInfo;
@ -830,9 +845,9 @@ const editWork = async (cform) =>{
ElMessage.success('更新成功');
taskList.value = [];
//
if(isShow.value){
if (isShow.value) {
currentRow.value.id = 1;
}else{
} else {
handleNewAllClass();
currentRow.value.id = 0;
}
@ -865,29 +880,33 @@ const handlePrint = () => {
<style scoped lang="scss">
.page {
height: 100%;
.page-top {
height: 50px;
margin-bottom: 5px;
padding: 0 10px;
display: flex;
justify-content: space-between;
flex-direction: row;
background-color: white;
border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
align-items: center;
}
.page-resource {
user-select: none;
height: calc(100% - 55px);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
:deep(.el-tabs__nav) {
.el-tabs__item{
.el-tabs__item {
font-weight: bold;
font-size: 18px;
}
}
.page-left {
width: 240px;
background-color: white;
@ -900,6 +919,7 @@ const handlePrint = () => {
justify-content: space-between;
align-items: center;
}
.pageleft-table-cont {
height: 35px;
// width: 100%;
@ -908,21 +928,30 @@ const handlePrint = () => {
// overflow: hidden;
// flex-direction: row;
// text-overflow: ellipsis;
width: 100%; /* 设置容器的宽度 */
overflow: hidden; /* 隐藏超出容器的部分 */
white-space: nowrap; /* 防止文本换行 */
text-overflow: ellipsis; /* 超出部分显示省略号 */
width: 100%;
/* 设置容器的宽度 */
overflow: hidden;
/* 隐藏超出容器的部分 */
white-space: nowrap;
/* 防止文本换行 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
.ellipsis {
width: 100%;
text-align: left;
overflow: hidden; /* 隐藏超出容器的部分 */
white-space: nowrap; /* 防止文本换行 */
text-overflow: ellipsis; /* 超出部分显示省略号 */
overflow: hidden;
/* 隐藏超出容器的部分 */
white-space: nowrap;
/* 防止文本换行 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
}
}
.page-center{
.page-center {
flex: 1;
//min-width: calc(100% - 675px);
height: 100%;
@ -932,31 +961,34 @@ const handlePrint = () => {
border-radius: 10px;
background-color: white;
.prepare-center-zzst{
.prepare-center-zzst {
height: 100%;
display: flex;
flex-direction: column;
}
.prepare-center-xbtk{
.prepare-center-xbtk {
height: 100%;
}
.prepare-center-grst{
.prepare-center-grst {
height: 100%;
}
.upload-homework{
.upload-homework {
padding: 20px;
box-sizing: border-box;
}
.experiment-homework{
.experiment-homework {
padding: 15px;
height: 100%;
}
}
.page-right {
overflow: hidden;
position: relative;
@ -968,15 +1000,17 @@ const handlePrint = () => {
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
display: flex;
flex-direction: column;
.prepare-top {
display: flex;
height: 40px;
margin: 0 10px;
border-bottom: 2px solid #e5e7eb;
align-items: center;
justify-content: flex-end;
justify-content: space-between;
}
.prepare-con{
.prepare-con {
height: 100%;
padding: 5px 10px;
overflow: hidden;

View File

@ -85,7 +85,7 @@
<el-table-column align="left" width="100">
<template #default="scope">
<el-button v-if="props.isHtml2canvas" type="primary" @click="captureScreenshot(scope.row.id)">选取该题</el-button>
<el-button v-else type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', scope.row.id)">添加</el-button>
<el-button v-else type="primary" @click="handleClassWorkQuizAdd(scope.row, scope.row.id)">添加</el-button>
</template>
</el-table-column>
</el-table>
@ -126,7 +126,7 @@ import useUserStore from '@/store/modules/user'
import useClassTaskStore from '@/store/modules/classTask'
// emit
let emit = defineEmits(['addQuiz', 'addQuizImgBs64'])
let emit = defineEmits(['addQuiz', 'addQuizImgBs64', "addQuizItem"])
const { proxy } = getCurrentInstance()
const userStore = useUserStore().user
const {
@ -420,11 +420,13 @@ const getPaginationList = async ( page, limit ) => {
/**
* 添加资源
* @param fromsrc - 试题来源
* @param rw - 试题itemINFO
* @param entpcourseworkid
*/
const handleClassWorkQuizAdd = (fromsrc, entpcourseworkid) => {
const handleClassWorkQuizAdd = (row, entpcourseworkid) => {
emit('addQuiz', entpcourseworkid);
emit('addQuizItem', row); // TODO 使---
// var exist = false;
// for (var i=0; i< classWorkForm.quizlist.length; i++) {
// if (classWorkForm.quizlist[i].id == entpcourseworkid) {