zhuhao
/
AIx_Smarttalk_WS
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 9 Wiki Activity

baigl #227

Merged
baigl merged 4 commits from baigl into main 2025-01-16 15:12:40 +08:00
Conversation 0 Commits 4 Files Changed 5 +417 -179
5 changed files with 417 additions and 179 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/src/router/index.js
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'),

195
src/renderer/src/views/classTask/groupTestPaper/index.vue Normal file
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>

1
src/renderer/src/views/classTask/newClassTaskAssign/Right/index.vue
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) => {

120
src/renderer/src/views/classTask/newClassTaskAssign/index.vue
View File

@ -1,26 +1,24 @@
<template>
<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 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">
@ -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" />
@ -66,17 +67,22 @@
</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>
@ -84,29 +90,29 @@
<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;"
>
<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-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'}">
<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>
@ -114,7 +120,8 @@
<el-form-item label="分值">
<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>
@ -285,6 +293,10 @@ const handleItemClick = (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; // 作业设计
/**
@ -457,9 +469,11 @@ let propsformobj = reactive({
*/
const handleCurrentChange = (val) => {
console.log(val,'???????????')
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) {
@ -771,7 +785,8 @@ const editWork = async (cform) =>{
'workid': classWorkForm.id,
'entpcourseworkid': classWorkForm.quizlist[i].id,
'workdataid': 0,
'score': classWorkForm.quizlist[i].score}
'score': classWorkForm.quizlist[i].score
}
);
}
}
@ -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 {
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,20 +928,29 @@ 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 {
flex: 1;
//min-width: calc(100% - 675px);
@ -939,9 +968,11 @@ const handlePrint = () => {
}
.prepare-center-xbtk {
height: 100%;
}
.prepare-center-grst {
height: 100%;
}
@ -957,6 +988,7 @@ const handlePrint = () => {
height: 100%;
}
}
.page-right {
overflow: hidden;
position: relative;
@ -968,14 +1000,16 @@ 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 {
height: 100%;
padding: 5px 10px;

10
src/renderer/src/views/classTask/newClassTaskAssign/searchQuestion/index.vue
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) {