冲突-file-preview
This commit is contained in:
commit
e2017c3553
|
@ -10,6 +10,7 @@ module.exports = {
|
||||||
],
|
],
|
||||||
rules: {
|
rules: {
|
||||||
'vue/require-default-prop': 'off',
|
'vue/require-default-prop': 'off',
|
||||||
'vue/multi-word-component-names': 'off'
|
'vue/multi-word-component-names': 'off',
|
||||||
|
'prettier/prettier': 'off'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -25,6 +25,7 @@ export default defineConfig({
|
||||||
proxy: {
|
proxy: {
|
||||||
'/dev-api': {
|
'/dev-api': {
|
||||||
target: 'http://27.128.240.72:7865',
|
target: 'http://27.128.240.72:7865',
|
||||||
|
// target: 'http://36.134.181.164:7863',
|
||||||
// target: 'http://192.168.2.52:7863',
|
// target: 'http://192.168.2.52:7863',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
rewrite: (p) => p.replace(/^\/dev-api/, '')
|
rewrite: (p) => p.replace(/^\/dev-api/, '')
|
||||||
|
|
|
@ -25,6 +25,9 @@
|
||||||
"@electron/remote": "^2.1.2",
|
"@electron/remote": "^2.1.2",
|
||||||
"@element-plus/icons-vue": "^2.3.1",
|
"@element-plus/icons-vue": "^2.3.1",
|
||||||
"@vitejs/plugin-vue-jsx": "^4.0.0",
|
"@vitejs/plugin-vue-jsx": "^4.0.0",
|
||||||
|
"@vue-office/docx": "^1.6.2",
|
||||||
|
"@vue-office/excel": "^1.7.11",
|
||||||
|
"@vue-office/pdf": "^2.0.2",
|
||||||
"@vueuse/core": "^10.11.0",
|
"@vueuse/core": "^10.11.0",
|
||||||
"cropperjs": "^1.6.2",
|
"cropperjs": "^1.6.2",
|
||||||
"crypto-js": "^4.2.0",
|
"crypto-js": "^4.2.0",
|
||||||
|
@ -33,6 +36,7 @@
|
||||||
"electron-log": "^5.1.7",
|
"electron-log": "^5.1.7",
|
||||||
"electron-store": "8.0.0",
|
"electron-store": "8.0.0",
|
||||||
"electron-updater": "^6.1.7",
|
"electron-updater": "^6.1.7",
|
||||||
|
"element-china-area-data": "^6.1.0",
|
||||||
"element-plus": "^2.7.6",
|
"element-plus": "^2.7.6",
|
||||||
"fabric": "^5.3.0",
|
"fabric": "^5.3.0",
|
||||||
"im_electron_sdk": "^8.0.5904",
|
"im_electron_sdk": "^8.0.5904",
|
||||||
|
@ -65,5 +69,6 @@
|
||||||
"vite-plugin-windicss": "^1.9.3",
|
"vite-plugin-windicss": "^1.9.3",
|
||||||
"vue": "^3.4.30",
|
"vue": "^3.4.30",
|
||||||
"windicss": "^3.5.6"
|
"windicss": "^3.5.6"
|
||||||
}
|
},
|
||||||
|
"packageManager": "pnpm@9.9.0+sha512.60c18acd138bff695d339be6ad13f7e936eea6745660d4cc4a776d5247c540d0edee1a563695c183a66eb917ef88f2b4feb1fc25f32a7adcadc7aaf3438e99c1"
|
||||||
}
|
}
|
||||||
|
|
|
@ -187,3 +187,14 @@ export function getClassInfo(id) {
|
||||||
params: {id}
|
params: {id}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
//加入班级
|
||||||
|
export function addClasses(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smarttalk/audit/applyAddClass',
|
||||||
|
method: 'post',
|
||||||
|
data: data,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/x-www-form-urlencoded'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,49 @@
|
||||||
|
// 查询evaluation列表
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询反馈列表
|
||||||
|
|
||||||
|
// 查询classworkdata列表 班级作业列表
|
||||||
|
export function listClassworkdata(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/classworkdata/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询entpcoursework列表 课程作业列表
|
||||||
|
export function listEntpcoursework(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursework/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询classworkeval列表 课堂作业列表
|
||||||
|
export function listClassworkeval(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/classworkeval/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改classworkeval
|
||||||
|
export function updateClassworkeval(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/classworkeval',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改classworkdata
|
||||||
|
export function updateClassworkdata(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/classworkdata',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,111 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询entpcoursework列表
|
||||||
|
export function listEntpcoursework(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursework/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询entpcoursework详细
|
||||||
|
export function getEntpcoursework(id) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursework/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增entpcoursework
|
||||||
|
export function addEntpcoursework(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursework',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改entpcoursework
|
||||||
|
export function updateEntpcoursework(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursework',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除entpcoursework
|
||||||
|
export function delEntpcoursework(id) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursework/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// xuekubaoapi
|
||||||
|
export function xuekubaoAPI(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursework/xuekubaoapi',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// PPT文件上传
|
||||||
|
export function uploadEntpcourseworkFile(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursework/uploadWord',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 查询entpcoursework列表
|
||||||
|
export function listEntpcourseworkNew(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursework/new/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @desc: 学科网接口api
|
||||||
|
* @return: {*}
|
||||||
|
* @param {*} path 请求路径 /xopqbm/questions(无需全拼, 后端学科网sdk自动处理)
|
||||||
|
* @param {*} method 请求方式 post/get
|
||||||
|
* @param {*} params 请求参数 {key: value,}
|
||||||
|
*/
|
||||||
|
export function xkwAPI(path, method, isPostBody, params) {
|
||||||
|
return request({
|
||||||
|
url: '/xkw/post',
|
||||||
|
method: 'post',
|
||||||
|
data: {
|
||||||
|
path: path,
|
||||||
|
method: method,
|
||||||
|
isPostBody: isPostBody,
|
||||||
|
params: params,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @desc: 图文识别接口 python_OCR_api
|
||||||
|
* @return: {*}
|
||||||
|
* @param {*} path 请求路径 /ocrApi/data
|
||||||
|
* @param {*} method 请求方式 post
|
||||||
|
* @param {*} params 请求参数 {key: value,}
|
||||||
|
*/
|
||||||
|
export function pyOCRAPI(path) {
|
||||||
|
return request({
|
||||||
|
url: '/ocrApi/data',
|
||||||
|
method: 'post',
|
||||||
|
data: {
|
||||||
|
imageBas64: path,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,162 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询entpcoursefile列表
|
||||||
|
export function listEntpcoursefile(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// zdg:查询entpcoursefile列表-新
|
||||||
|
export function listEntpcoursefileNew(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/new/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 查询entpcoursefile详细
|
||||||
|
export function getEntpcoursefile(id) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增entpcoursefile
|
||||||
|
export function addEntpcoursefile(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增entpcoursefile
|
||||||
|
export function addEntpcoursefileReturnId(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/addReturnId',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// addFromId
|
||||||
|
export function addFromId(fromid, toid, entpid, entpcourseid, edituserid) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/addFromId/'+fromid+'/'+toid+'/'+entpid+'/'+entpcourseid+'/'+edituserid,
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改entpcoursefile
|
||||||
|
export function updateEntpcoursefile(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增 修改接口
|
||||||
|
export function updateEntpcoursefileNew(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/newUpdateFile',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// updateFileByIds
|
||||||
|
export function updateFileByIds(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/updateFileByIds',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// updateFileByArray
|
||||||
|
export function updateFileByArray(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/updateFileByArray',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改entpcoursefile
|
||||||
|
export function updateFile2Redis(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/updateFile2Redis',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除entpcoursefile
|
||||||
|
export function delEntpcoursefile(id) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 保存base64图片,返回url
|
||||||
|
export function saveEntpCourseBase64File(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/saveBase64File',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 文件上传
|
||||||
|
export function saveEntpCourseBase64File2(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/saveBase64File2',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 保存PPT页面预览base64图片,返回url
|
||||||
|
export function savePPTPreviewBase64File(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/savePreviewBase64',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// PPT文件上传
|
||||||
|
export function saveEntpCoursePPT(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/importPPT',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// PPT文件解析
|
||||||
|
export function parsePPT(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/parsePPT',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 修改ppt.slide.index
|
||||||
|
export function updateSlideIndex(data) {
|
||||||
|
return request({
|
||||||
|
url: '/education/entpcoursefile/saveSlideOrder',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
@ -9,6 +9,14 @@ export const getSmarttalkPage = (params) => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export const creatAPT = (params) => {
|
||||||
|
return request({
|
||||||
|
url: '/smarttalk/file/createApt',
|
||||||
|
method: 'post',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
export const getPrepareById = (id) => {
|
export const getPrepareById = (id) => {
|
||||||
return request({
|
return request({
|
||||||
url: '/smarttalk/file/' + id,
|
url: '/smarttalk/file/' + id,
|
||||||
|
|
|
@ -57,3 +57,67 @@ export function getCodeImg() {
|
||||||
timeout: 20000
|
timeout: 20000
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 注册模块-生成人机验证
|
||||||
|
export function captchaImg(data) {
|
||||||
|
return request({
|
||||||
|
url: '/captchaImg',
|
||||||
|
headers: {
|
||||||
|
isToken: false
|
||||||
|
},
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//注册模块-发送验证码
|
||||||
|
export function sendCode(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smarttalk/register/authSendCode',
|
||||||
|
method: 'post',
|
||||||
|
data:data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//注册模块-申请注册
|
||||||
|
export function signIn(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smarttalk/register/authSignIn',
|
||||||
|
method: 'post',
|
||||||
|
data:data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//注册模块-获取学校
|
||||||
|
export function deptTree(data) {
|
||||||
|
return request({
|
||||||
|
url: '/smarttalk/register/authDeptTree',
|
||||||
|
method: 'get',
|
||||||
|
params:data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 查询部门详细
|
||||||
|
export function getDept(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/dept/detail',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询classmain列表
|
||||||
|
export function listClassmain(query) {
|
||||||
|
return request({
|
||||||
|
url: '/education/classmain/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 查询evaluation列表
|
||||||
|
export function listEvaluation(query) {
|
||||||
|
return request({
|
||||||
|
url: '/smarttalk/register/authEvaluationList',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,99 @@
|
||||||
|
body{font-family: "微软雅黑", Arial,"宋体"; color: #333;}
|
||||||
|
a{ text-decoration: none; color: #2489f6;}
|
||||||
|
dl, ul, ol, ul { list-style: none; padding: 0; margin: 0; }
|
||||||
|
.wrapper{ width: 1200px; margin: 0 auto; }
|
||||||
|
.ques-detail{}
|
||||||
|
.ques-detail ul li{margin-bottom: 20px;border: 1px solid #dadada;background: #fff;border-radius: 10px;}
|
||||||
|
.ques-detail ul li:last-child{ margin-bottom: 0; }
|
||||||
|
|
||||||
|
table.edittable{ border-collapse: collapse; text-align: center; margin: 2px; }
|
||||||
|
table.edittable th, table.edittable td{ line-height: 30px; padding: 5px; white-space: normal; word-break: break-all; border: 1px solid #000; vertical-align: middle; }
|
||||||
|
table.composition{ border-collapse: collapse; text-align: left; margin: 2px; width: 98%; }
|
||||||
|
table.composition th, table.composition td{ line-height: 30px; white-space: normal; word-break: break-all; border-width: 0px; vertical-align: middle; }
|
||||||
|
table.composition2{ border-collapse: collapse;width:auto }
|
||||||
|
table.composition2 th, table.composition2 td{text-align:left;line-height:30px; white-space:normal;word-break:break-all;border:none;border-width: 0px;vertical-align: middle; }
|
||||||
|
.MathJye{ border: 0 none; direction: ltr; line-height: normal; display: inline-block; float: none; font-family: 'Times New Roman','宋体'; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: normal; margin: 0; padding: 0; text-align: left; text-indent: 0; text-transform: none; white-space: nowrap; word-spacing: normal; word-wrap: normal; -webkit-text-size-adjust: none; }
|
||||||
|
.MathJye div, .MathJye span{ border: 0 none; margin: 0; padding: 0; line-height: normal; text-align: left; height: auto; _height: auto; white-space: normal; }
|
||||||
|
.MathJye table{ border-collapse: collapse; margin: 0; padding: 0; text-align: center; vertical-align: middle; line-height: normal; font-size: inherit; *font-size: 100%; _font-size: 100%; font-style: normal; font-weight: normal; border: 0; float: none; display: inline-block; *display: inline; zoom: 0; }
|
||||||
|
.MathJye table td{ padding: 0; font-size: inherit; line-height: normal; white-space: nowrap; border: 0 none; width: auto; _height: auto; }
|
||||||
|
.MathJye_mi{ font-style: italic; }
|
||||||
|
.flipv{-ms-transform: scaleX(-1);-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-o-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;}
|
||||||
|
.fliph{-ms-transform: scaleY(-1);-moz-transform: scaleY(-1);-webkit-transform: scaleY(-1);-o-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;}
|
||||||
|
.mathjye-bold{font-weight:800}
|
||||||
|
.mathjye-del{text-decoration:line-through}
|
||||||
|
.mathjye-underline{border-bottom:1px solid #000;padding-bottom:2px;}
|
||||||
|
@-moz-document url-prefix() {.mathjye-underline{padding-bottom:0px;}}
|
||||||
|
.mathjye-underpline{border-bottom:2px dotted #000; padding-bottom:3px;}
|
||||||
|
@-moz-document url-prefix() {.mathjye-underpline {padding-bottom:1px;}}
|
||||||
|
.mathjye-underpoint{background: url(http://img.jyeoo.net/images/formula/point.png) no-repeat center bottom; padding-bottom:4px;}
|
||||||
|
.mathjye-underpoint2{border-bottom:2px dotted #000; padding-bottom:3px;}
|
||||||
|
@-moz-document url-prefix() {.mathjye-underpoint{padding-bottom:1px;}}
|
||||||
|
.mathjye-underwave{background: url(http://img.jyeoo.net/images/formula/wave.png) bottom repeat-x; padding-bottom:4px;}
|
||||||
|
@-moz-document url-prefix() {.mathjye-underwave {padding-bottom:1px;}}
|
||||||
|
.mathjye-alignleft{display:block;text-align:left;}
|
||||||
|
.mathjye-aligncenter{display:block;text-align:center;}
|
||||||
|
.mathjye-alignright{display:block;text-align:right;}
|
||||||
|
|
||||||
|
|
||||||
|
/*试题*/
|
||||||
|
.artpreview fieldset { padding-top: 10px; font-size: 14px; clear: both; overflow: hidden; zoom: 1; line-height: 24px; font-family: 'Times New Roman',宋体,sans-serif; position: relative; }
|
||||||
|
.artpreview fieldset legend { padding: 5px 0; display: block; margin: 5px; background: #f1f1f1; color: #000; overflow: hidden; zoom: 1; }
|
||||||
|
.queserror { border: 1px dotted #f00; padding: 2px; }
|
||||||
|
fieldset.quesborder {display: block;padding: 0;line-height: 25px;letter-spacing: 1px;word-break: break-all;margin: 0;}
|
||||||
|
fieldset.queserror { border: 1px solid #f00; font-size: 12px; padding: 2px; margin-bottom: 1px; }
|
||||||
|
fieldset.quesborder td, fieldset.queserror td { line-height: 16px; }
|
||||||
|
fieldset.quesborder em, fieldset.queserror em { font-style: normal; font-weight: bold; position: absolute; left: 20px; }
|
||||||
|
fieldset.thiserror1 { border: 1px solid #f00; }
|
||||||
|
fieldset.thiserror1 legend { border: 4px solid #f00; }
|
||||||
|
fieldset.thiserror2 { border: 1px solid #ADCD3C; }
|
||||||
|
fieldset.thiserror2 legend { border: 4px solid #ADCD3C; }
|
||||||
|
fieldset.thisques { border: 1px solid blue; }
|
||||||
|
fieldset.thison { border: 1px solid #A9C9E2; }
|
||||||
|
fieldset.thison div.border { border: 1px solid #ADCD3C; background-color: #F2FDDB; }
|
||||||
|
fieldset, img { border: 0 none; }
|
||||||
|
table.thison { border: 1px solid #00F; }
|
||||||
|
table.thiserr { border: 1px solid #F00; }
|
||||||
|
fieldset.thisvip1 { border: 1px solid #00F; }
|
||||||
|
fieldset.thisvip1 legend { border: 4px solid #00F; }
|
||||||
|
fieldset.status17 { border: 1px solid #ff00ff; }
|
||||||
|
fieldset.status17 legend { border: 4px solid #ff00ff; }
|
||||||
|
.selectoption { vertical-align: middle; font-size: 14px; padding: 2px; }
|
||||||
|
.selectoption:hover { color: #EA8511; }
|
||||||
|
.selectoption label { padding: 4px; line-height: 24px; }
|
||||||
|
fieldset.quesbordere { border: 2px dotted #f00; }
|
||||||
|
.answer { border: 1px dotted #ffffff; }
|
||||||
|
ol.answer li, ul.answer li { padding: 1px; font-size: 14px; }
|
||||||
|
ol.answer li:hover { background: #f2f2f2; }
|
||||||
|
.collapseContainerPanel { border: 0; }
|
||||||
|
.collapsePanelHeader { height: 30px; font-weight: bold; padding: 6px 0 0 0; }
|
||||||
|
.collapseHeaderContent { float: left; padding-left: 5px; }
|
||||||
|
.collapseContent { margin: 0; padding: 0; border: 1px solid #ccc; border-top: 0; }
|
||||||
|
.pt0 { padding: 2px 0 5px 0; font-size: 14px; font-family: "黑体",sans-serif; font-weight: 700; }
|
||||||
|
.pt1 {overflow: hidden;zoom: 1;clear: both;line-height: 25px;font-size: 14px;padding: 20px;position: relative;word-break: break-word;}
|
||||||
|
fieldset.quesborder .pt1 em { position: static; }
|
||||||
|
.pt1 img { position: relative; }
|
||||||
|
.pt2 {padding: 20px;padding-top: 0;}
|
||||||
|
.pt3, .pt4, .pt5, .pt6, .pt7 { clear: both; zoom: 1; position: relative; padding: 0px 20px 20px 80px; }
|
||||||
|
.pt8 a:link, .pt8 a:visited { margin-right: 10px; padding: 2px 5px; }
|
||||||
|
.pt8 a:hover { background: #fc0; }
|
||||||
|
.pt9 { padding: 20px; border: 0 none; color: #999999; font-size: 12px; }
|
||||||
|
.fieldtip {height: 36px;line-height: 36px;background-color: #f4f4f4;border-top: 1px solid #dadada;padding: 0 20px;color: #666666;position: relative;font-size: 12px;border-radius: 0 0 10px 10px;}
|
||||||
|
.newFieldtip .pt1, .newFieldtip .pt2, .newFieldtip .pt3, .newFieldtip .pt4, .newFieldtip .pt5, .newFieldtip .pt6, .newFieldtip .pt7, .newFieldtip .pt8, .newFieldtip.pt9, .newFieldtip + .fieldtip { padding: 0; }
|
||||||
|
fieldset img { max-width: 100%; }
|
||||||
|
|
||||||
|
.fieldtip-left {float: left;}
|
||||||
|
.fieldtip-left >* {margin-right: 20px;}
|
||||||
|
.fieldtip-right { float: right; }
|
||||||
|
.fieldtip-right>* { margin-left: 20px; display: inline-block; color: #666666; }
|
||||||
|
.fieldtip .btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 14px;border-radius: 4px;color: #ffffff;background-color: #ff8a00;line-height: 18px;min-width: 28px;padding: 0 5px;}
|
||||||
|
.fieldtip .btn:hover, .fieldtip .btn:active, .fieldtip .btn:active:hover, .fieldtip .btn:hover { color: #ffffff; background-color: #faad4a; }
|
||||||
|
|
||||||
|
/*填空题*/
|
||||||
|
div.quizPutTag { display: inline-block; *display: inline; padding: 3px 10px 1px 10px; margin: 0 3px; font-size: 14px; min-width: 1em; min-height: 16px; line-height: 18px; height: auto; border-bottom: 1px solid #0033FF; text-decoration: none; zoom: 1; color: #127176; word-break: break-all; }
|
||||||
|
div.quizPutTag:hover { color: #f60; }
|
||||||
|
div.quizPutTag img { cursor: pointer; width: 200px; margin-left: 10px; }
|
||||||
|
.sanwser { padding: 4px 10px; margin: 0px; border: 1px solid #ADCD3C; background-color: #F2FDDB; color: #000; display: none; }
|
||||||
|
/*答案*/
|
||||||
|
.selectoption label.s, div.s { border: 1px solid #91cbed; background-color: #deeeff; display: inline-block; }
|
||||||
|
.selectoption label.s.sh, div.s.sh { margin: 1px; border: none; background: none; }
|
||||||
|
del { text-decoration: none; color: #f00; font-style: normal; font-weight: normal; }
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<el-drawer v-model="model" class="preview-drawer" title="title" :modal="false" :with-header="false" append-to-body
|
<el-drawer v-model="model" class="preview-drawer" title="title" :modal="true" :destroy-on-close="true" :with-header="false" :append-to-body="true"
|
||||||
size="50%">
|
size="50%">
|
||||||
<div class="flex drawer-header">
|
<div class="flex drawer-header">
|
||||||
<div>
|
<div>
|
||||||
|
@ -16,18 +16,23 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="drawer-content">
|
<div class="drawer-content">
|
||||||
<!-- <iframe src="./aaa.pdf" width="600px" height="600px"></iframe> -->
|
<!-- <iframe src="./aaa.pdf" width="600px" height="600px"></iframe> -->
|
||||||
<!-- <div ref="playerRef" class="video-box"></div> -->
|
<!--<div ref="playerRef" class="video-box"></div> -->
|
||||||
<el-image style="width: 100%;" src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" />
|
<video v-if="showPrev(row) === 'video'" :src="row.fileFullPath" controls autoplay></video>
|
||||||
|
<el-image v-if="showPrev(row) === 'img'" style="width: 100%;" :src="row.fileFullPath" />
|
||||||
|
<template v-if="showPrev(row) === 'office'">
|
||||||
|
<template v-for="item in row.prevImgList">
|
||||||
|
<el-image :key="item.targetFileId" v-if="item.targetFileType === '预览图'" style="width: 100%;" :src="item.targetFilePath" />
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { watch, ref, nextTick } from 'vue'
|
import { watch, ref, nextTick, onMounted } from 'vue'
|
||||||
import Player from 'xgplayer'
|
import Player from 'xgplayer'
|
||||||
import 'xgplayer/dist/index.min.css'
|
import 'xgplayer/dist/index.min.css'
|
||||||
import FileImage from '@/components/file-image/index.vue'
|
import FileImage from '@/components/file-image/index.vue'
|
||||||
|
|
||||||
|
|
||||||
const model = defineModel()
|
const model = defineModel()
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
row: {
|
row: {
|
||||||
|
@ -41,11 +46,26 @@ const playerRef = ref();
|
||||||
const handleClose = () => {
|
const handleClose = () => {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
onMounted(()=>{
|
||||||
|
})
|
||||||
// 关闭
|
// 关闭
|
||||||
const onClose = () => {
|
const onClose = () => {
|
||||||
model.value = false
|
model.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const showPrev = (row)=>{
|
||||||
|
if(row.fileSuffix === 'mp4' || row.fileSuffix === 'mp3'){
|
||||||
|
return 'video'
|
||||||
|
}else if(row.fileType.indexOf('image') !== -1){
|
||||||
|
return 'img'
|
||||||
|
}else if(row.fileSuffix === 'doc' || row.fileSuffix === 'docx'|| row.fileSuffix === 'ppt'|| row.fileSuffix === 'pptx'|| row.fileSuffix === 'xls'|| row.fileSuffix === 'xlsx'){
|
||||||
|
return 'office'
|
||||||
|
}else {
|
||||||
|
return 'other'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const init = () => {
|
const init = () => {
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
// 播放器 基础用法
|
// 播放器 基础用法
|
||||||
|
|
|
@ -0,0 +1,118 @@
|
||||||
|
<script setup name="ReFilePreview">
|
||||||
|
import "@vue-office/docx/lib/index.css";
|
||||||
|
import "@vue-office/excel/lib/index.css";
|
||||||
|
import { defineAsyncComponent, defineProps, onMounted } from "vue";
|
||||||
|
// import type { FileProps } from "@/components/RefilePreview/types";
|
||||||
|
import { useHooks } from "@/components/refile-preview/useReadFile";
|
||||||
|
|
||||||
|
|
||||||
|
import VueOfficeDocx from '@vue-office/docx'
|
||||||
|
import VueOfficeExcel from '@vue-office/excel'
|
||||||
|
import VueOfficePdf from '@vue-office/pdf'
|
||||||
|
|
||||||
|
// const VueOfficeDocx = defineAsyncComponent(() => import("@vue-office/docx"));
|
||||||
|
// const VueOfficeExcel = defineAsyncComponent(() => import("@vue-office/excel"));
|
||||||
|
// const VueOfficePdf = defineAsyncComponent(() => import("@vue-office/pdf"));
|
||||||
|
// const RePlayer = defineAsyncComponent(
|
||||||
|
// () => import("@/components/RePlayer/index.vue")
|
||||||
|
// );
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
name: {
|
||||||
|
type: String,
|
||||||
|
default: ""
|
||||||
|
},
|
||||||
|
type: {
|
||||||
|
type: String,
|
||||||
|
default: ""
|
||||||
|
},
|
||||||
|
fileType: {
|
||||||
|
type: String,
|
||||||
|
default: ""
|
||||||
|
},
|
||||||
|
raw: () => new File([], ""),
|
||||||
|
filePath: {
|
||||||
|
type: String,
|
||||||
|
default: ""
|
||||||
|
},
|
||||||
|
textContent:{
|
||||||
|
type: String,
|
||||||
|
default: ""
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const {
|
||||||
|
excelOptions,
|
||||||
|
src,
|
||||||
|
filePreviewRef,
|
||||||
|
renderedHandler,
|
||||||
|
errorHandler,
|
||||||
|
renderTheFile,
|
||||||
|
isImage,
|
||||||
|
isVideo,
|
||||||
|
isText,
|
||||||
|
isAudio
|
||||||
|
} = useHooks(props);
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
renderTheFile(); // 渲染文件
|
||||||
|
});
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
filePreviewRef
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div ref="filePreviewRef" class="file-preview">
|
||||||
|
<vue-office-docx
|
||||||
|
v-if="props.fileType === 'docx' || props.fileType === 'doc'"
|
||||||
|
:src="props.filePath"
|
||||||
|
@rendered="renderedHandler"
|
||||||
|
@error="errorHandler"
|
||||||
|
/>
|
||||||
|
<vue-office-excel
|
||||||
|
v-if="props.fileType === 'xlsx' || props.fileType === 'xls'"
|
||||||
|
:src="props.filePath"
|
||||||
|
width="100%"
|
||||||
|
height="100%"
|
||||||
|
:auto-resize="true"
|
||||||
|
:enable-scrollbars="true"
|
||||||
|
:options="excelOptions"
|
||||||
|
@rendered="renderedHandler"
|
||||||
|
@error="errorHandler"
|
||||||
|
/>
|
||||||
|
<vue-office-pdf
|
||||||
|
v-if="props.fileType === 'pdf'"
|
||||||
|
:src="props.filePath"
|
||||||
|
@rendered="renderedHandler"
|
||||||
|
@error="errorHandler"
|
||||||
|
/>
|
||||||
|
<el-image
|
||||||
|
v-if="isImage(props.fileType)"
|
||||||
|
:preview-teleported="true"
|
||||||
|
fit="cover"
|
||||||
|
class="w-[200px] align-left"
|
||||||
|
:src="props.filePath"
|
||||||
|
title="点击查看大图"
|
||||||
|
:preview-src-list="[src]"
|
||||||
|
/>
|
||||||
|
<video v-if="isVideo(props.fileType)" :src="props.filePath" style="width: 400px; height: 400px;" controls/>
|
||||||
|
<div v-if="isText(props.fileType)">
|
||||||
|
<pre v-html="props.textContent" />
|
||||||
|
</div>
|
||||||
|
<audio v-if="isAudio(props.fileType)" :src="props.filePath" controls />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.file-preview {
|
||||||
|
width: 90%;
|
||||||
|
height: 60vh;
|
||||||
|
overflow: auto;
|
||||||
|
text-align: left;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -0,0 +1,7 @@
|
||||||
|
export interface FileProps {
|
||||||
|
id?: number;
|
||||||
|
type?: string;
|
||||||
|
fileType?: string;
|
||||||
|
raw?: File;
|
||||||
|
filePath?: string;
|
||||||
|
}
|
|
@ -0,0 +1,261 @@
|
||||||
|
import type { FileProps } from "@/components/refile-preview/types";
|
||||||
|
import { onUnmounted, ref } from "vue";
|
||||||
|
import axios from "axios";
|
||||||
|
|
||||||
|
export function useHooks(props: FileProps) {
|
||||||
|
const excelOptions = {
|
||||||
|
xls: props.fileType !== "xlsx", //预览xlsx文件设为false;预览xls文件设为true
|
||||||
|
minColLength: 0, // excel最少渲染多少列,如果想实现xlsx文件内容有几列,就渲染几列,可以将此值设置为0.
|
||||||
|
minRowLength: 0, // excel最少渲染多少行,如果想实现根据xlsx实际函数渲染,可以将此值设置为0.
|
||||||
|
widthOffset: 10, //如果渲染出来的结果感觉单元格宽度不够,可以在默认渲染的列表宽度上再加 Npx宽
|
||||||
|
heightOffset: 10, //在默认渲染的列表高度上再加 Npx高
|
||||||
|
beforeTransformData: workbookData => {
|
||||||
|
return workbookData;
|
||||||
|
}, //底层通过exceljs获取excel文件内容,通过该钩子函数,可以对获取的excel文件内容进行修改,比如某个单元格的数据显示不正确,可以在此自行修改每个单元格的value值。
|
||||||
|
transformData: workbookData => {
|
||||||
|
return workbookData;
|
||||||
|
} //将获取到的excel数据进行处理之后且渲染到页面之前,可通过transformData对即将渲染的数据及样式进行修改,此时每个单元格的text值就是即将渲染到页面上的内容
|
||||||
|
};
|
||||||
|
const src = ref();
|
||||||
|
const filePreviewRef = ref();
|
||||||
|
/**
|
||||||
|
* 渲染完成
|
||||||
|
*/
|
||||||
|
const renderedHandler = () => {
|
||||||
|
console.log("渲染完成");
|
||||||
|
};
|
||||||
|
/**
|
||||||
|
* 渲染失败
|
||||||
|
* @param e
|
||||||
|
*/
|
||||||
|
const errorHandler = e => {
|
||||||
|
console.log("渲染失败", e);
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 渲染文件
|
||||||
|
*/
|
||||||
|
async function renderTheFile() {
|
||||||
|
if (props.type === "local") {
|
||||||
|
console.log("本地文件" + props.fileType);
|
||||||
|
isImage(props.fileType) && localImagePreview(props.raw);
|
||||||
|
isDoc(props.fileType) && localOfficePreview(props.raw);
|
||||||
|
isText(props.fileType) && localTextPreview(props.raw);
|
||||||
|
isVideo(props.fileType) && localVideoPreview(props.raw);
|
||||||
|
isAudio(props.fileType) && localAudioPreview(props.raw);
|
||||||
|
} else {
|
||||||
|
if (isVideo(props.fileType)) {
|
||||||
|
src.value =
|
||||||
|
import.meta.env.VITE_APP_BASE_URL +
|
||||||
|
"/upload/attachments/getTeamOfVideo?id=" +
|
||||||
|
props.id;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (isText(props.fileType)) {
|
||||||
|
const response = await axios.get(
|
||||||
|
import.meta.env.VITE_STATIC_URL + props.filePath,
|
||||||
|
{
|
||||||
|
responseType: "text"
|
||||||
|
}
|
||||||
|
);
|
||||||
|
src.value = response.data;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
src.value = import.meta.env.VITE_STATIC_URL + props.filePath;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 校验图片类型
|
||||||
|
* @param type
|
||||||
|
*/
|
||||||
|
function isImage(type: string) {
|
||||||
|
const types = [
|
||||||
|
"jpg",
|
||||||
|
"png",
|
||||||
|
"gif",
|
||||||
|
"jpeg",
|
||||||
|
"bmp",
|
||||||
|
"webp",
|
||||||
|
"svg",
|
||||||
|
"tiff",
|
||||||
|
"tif",
|
||||||
|
"jpeg",
|
||||||
|
"jfif",
|
||||||
|
"pjpeg",
|
||||||
|
"pjp"
|
||||||
|
];
|
||||||
|
return types.includes(type);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 校验文档类型
|
||||||
|
* @param type
|
||||||
|
*/
|
||||||
|
function isDoc(type: string) {
|
||||||
|
const types = ["docx", "doc", "xlsx", "xls", "pdf"];
|
||||||
|
return types.includes(type);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 校验文本类型
|
||||||
|
* @param type
|
||||||
|
*/
|
||||||
|
function isText(type: string) {
|
||||||
|
const types = [
|
||||||
|
"txt",
|
||||||
|
"md",
|
||||||
|
"log",
|
||||||
|
"json",
|
||||||
|
"xml",
|
||||||
|
"html",
|
||||||
|
"css",
|
||||||
|
"js",
|
||||||
|
"java",
|
||||||
|
"c",
|
||||||
|
"cpp",
|
||||||
|
"h",
|
||||||
|
"hpp",
|
||||||
|
"py",
|
||||||
|
"rb",
|
||||||
|
"go",
|
||||||
|
"sh",
|
||||||
|
"bat",
|
||||||
|
"ps1",
|
||||||
|
"psm1",
|
||||||
|
"ps1xml",
|
||||||
|
"psc1",
|
||||||
|
"psd1",
|
||||||
|
"psm1",
|
||||||
|
"ps1xml",
|
||||||
|
"psc1",
|
||||||
|
"psd1",
|
||||||
|
"ps1xml",
|
||||||
|
"psc1",
|
||||||
|
"ps1xml",
|
||||||
|
"psc1",
|
||||||
|
"psd1"
|
||||||
|
];
|
||||||
|
return types.includes(type);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 检验视频格式
|
||||||
|
function isVideo(type: string) {
|
||||||
|
const types = [
|
||||||
|
"mp4",
|
||||||
|
"avi",
|
||||||
|
"rmvb",
|
||||||
|
"mkv",
|
||||||
|
"flv",
|
||||||
|
"wmv",
|
||||||
|
"mov",
|
||||||
|
"webm",
|
||||||
|
"m4v",
|
||||||
|
"mpg",
|
||||||
|
"mpeg",
|
||||||
|
"3gp",
|
||||||
|
"3g2",
|
||||||
|
"vob",
|
||||||
|
"ogv",
|
||||||
|
"ogg",
|
||||||
|
"mts",
|
||||||
|
"m2ts",
|
||||||
|
"ts",
|
||||||
|
"m2v",
|
||||||
|
"mpe",
|
||||||
|
"mpv",
|
||||||
|
"m4p",
|
||||||
|
"m4v",
|
||||||
|
"mpv2",
|
||||||
|
"m4v",
|
||||||
|
"m4p",
|
||||||
|
"m4v",
|
||||||
|
"m4p"
|
||||||
|
];
|
||||||
|
return types.includes(type);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 检验音频文件
|
||||||
|
function isAudio(type: string) {
|
||||||
|
const types = ["mp3", "wav", "ogg", "flac", "aac", "wma", "m4a", "wma"];
|
||||||
|
return types.includes(type);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 预览本地Office文件
|
||||||
|
* @param file
|
||||||
|
*/
|
||||||
|
function localOfficePreview(file: File) {
|
||||||
|
const reader = new FileReader();
|
||||||
|
reader.readAsArrayBuffer(file);
|
||||||
|
reader.onload = loadEvent => {
|
||||||
|
const arrayBuffer = loadEvent.target.result;
|
||||||
|
const blob = new Blob([arrayBuffer], {
|
||||||
|
type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
|
||||||
|
});
|
||||||
|
src.value = URL.createObjectURL(blob);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 预览本地图片
|
||||||
|
* @param file
|
||||||
|
*/
|
||||||
|
function localImagePreview(file: File) {
|
||||||
|
const reader = new FileReader();
|
||||||
|
reader.onload = e => {
|
||||||
|
src.value = e.target.result;
|
||||||
|
};
|
||||||
|
reader.readAsDataURL(file);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 预览本地文本
|
||||||
|
* @param file
|
||||||
|
*/
|
||||||
|
function localTextPreview(file: File) {
|
||||||
|
const reader = new FileReader();
|
||||||
|
reader.onload = e => {
|
||||||
|
src.value = e.target.result;
|
||||||
|
};
|
||||||
|
reader.readAsText(file);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 预览本地视频
|
||||||
|
* @param file
|
||||||
|
*/
|
||||||
|
function localVideoPreview(file: File) {
|
||||||
|
src.value = URL.createObjectURL(file);
|
||||||
|
}
|
||||||
|
|
||||||
|
function localAudioPreview(file: File) {
|
||||||
|
const reader = new FileReader();
|
||||||
|
reader.onloadend = () => {
|
||||||
|
const blob = new Blob([reader.result], { type: "audio/mpeg" });
|
||||||
|
src.value = URL.createObjectURL(blob);
|
||||||
|
};
|
||||||
|
reader.readAsArrayBuffer(file);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 清理工作:当组件卸载时释放URL对象
|
||||||
|
onUnmounted(() => {
|
||||||
|
if (src.value) {
|
||||||
|
isVideo(props.fileType) && URL.revokeObjectURL(src.value);
|
||||||
|
isAudio(props.fileType) && URL.revokeObjectURL(src.value);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return {
|
||||||
|
excelOptions,
|
||||||
|
src,
|
||||||
|
filePreviewRef,
|
||||||
|
isImage,
|
||||||
|
renderedHandler,
|
||||||
|
errorHandler,
|
||||||
|
renderTheFile,
|
||||||
|
isVideo,
|
||||||
|
isText,
|
||||||
|
isAudio
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,514 @@
|
||||||
|
export const isJson = (str) => {
|
||||||
|
if (typeof str == 'string') {
|
||||||
|
try {
|
||||||
|
let obj = JSON.parse(str)
|
||||||
|
if (typeof obj == 'object' && obj) {
|
||||||
|
return true
|
||||||
|
} else {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description processList 格式化试题
|
||||||
|
* @param {*} row
|
||||||
|
*/
|
||||||
|
export const processList = (row) => {
|
||||||
|
for (var i = 0; i < row.length; i++) {
|
||||||
|
if (isJson(row[i].workanalysis)) {
|
||||||
|
//1、先默认格式化 格式化各项内容(待优化, 后续界面显示的为format的值)
|
||||||
|
row[i].titleFormat = row[i].title // 题目
|
||||||
|
row[i].examdateFormat = row[i].examdate // ?考试日期 eg: 2024-07-11 14:39:27"
|
||||||
|
row[i].workdescFormat = row[i].workdesc // 题目选项
|
||||||
|
row[i].workanswerFormat = row[i].workanswer // 题目正确答案
|
||||||
|
if (row[i].workanswerFormat == null || row[i].workanswerFormat == '') {
|
||||||
|
row[i].workanswerFormat = '见试题解答内容'
|
||||||
|
}
|
||||||
|
|
||||||
|
// workanalysis 解析内容(analyse:解答; method:分析; discuss:点评; )
|
||||||
|
var jjj = JSON.parse(row[i].workanalysis)
|
||||||
|
row[i].analyse = jjj.analyse
|
||||||
|
row[i].method = jjj.method
|
||||||
|
row[i].discuss = jjj.discuss
|
||||||
|
//row[i].discusscollapse = false;
|
||||||
|
if (row[i].examdate !== null && row[i].examdate !== undefined) {
|
||||||
|
row[i].examdate = row[i].examdate.substring(0, 10)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 具体题型数据结构处理
|
||||||
|
if (row[i].worktype == '复合题') {
|
||||||
|
// 旧类型
|
||||||
|
if (row[i].title.indexOf('!@#$%') !== -1) {
|
||||||
|
// 1.选项解析替换
|
||||||
|
const options = JSON.parse(row[i].workdesc)
|
||||||
|
// 题目(背景材料+复合题目)
|
||||||
|
const bjTitle = row[i].title.split('!@#$%')[0]
|
||||||
|
const tmTitles = row[i].title.split('!@#$%').filter((it, ix) => ix > 0)
|
||||||
|
// console.log(bjTitle,'背景标题');
|
||||||
|
// console.log(tmTitles,'复合题目');
|
||||||
|
let titls = []
|
||||||
|
options.forEach((element, index1) => {
|
||||||
|
const workDescArr = element.split('#&')
|
||||||
|
let tmp = ''
|
||||||
|
let j = 0
|
||||||
|
for (; j < workDescArr.length; j++) {
|
||||||
|
if (j % 2 == 0) {
|
||||||
|
tmp += `<div style='width:80%;display:flex;'>`
|
||||||
|
}
|
||||||
|
const char = String.fromCharCode(65 + j)
|
||||||
|
tmp += `<div style='display:flex;margin-left:2%;width:35%;overflow:hidden;text-overflow:ellipsis;font-size:0.9em;'>${char}.${workDescArr[j]}</div>`
|
||||||
|
if (j % 2 == 1) {
|
||||||
|
tmp += '</div>'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// j此刻已自增1, 故当选项为单数时, 需要补充结束标签
|
||||||
|
if (j % 2 == 1) {
|
||||||
|
tmp += '</div>'
|
||||||
|
}
|
||||||
|
|
||||||
|
// workDescArr为 [''] 表示为 判断题或者填空题,这里不需要选项
|
||||||
|
if (workDescArr[0] != '') {
|
||||||
|
titls.splice(index1, 1, tmp)
|
||||||
|
} else {
|
||||||
|
titls.splice(index1, 1, '')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const s = []
|
||||||
|
tmTitles.map((it, ix) => {
|
||||||
|
s.push(it)
|
||||||
|
titls.map((it2, ix2) => {
|
||||||
|
if (ix == ix2) {
|
||||||
|
s.push(it2)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
// console.log(s,'?????????????????')
|
||||||
|
|
||||||
|
row[i].titleFormat = bjTitle + s.join('')
|
||||||
|
row[i].workdescFormat = ''
|
||||||
|
|
||||||
|
//2.答案 - 数字转为ABCD
|
||||||
|
const answerArr = JSON.parse(row[i].workanswer)
|
||||||
|
let indexLabel = 1
|
||||||
|
let arr = []
|
||||||
|
answerArr.forEach((item) => {
|
||||||
|
const arrTmp = item.answer.split('#&')
|
||||||
|
let value = `(${indexLabel})`
|
||||||
|
arrTmp.forEach((element, i) => {
|
||||||
|
if (item.type == '单选题' || item.type == '多选题') {
|
||||||
|
value += `${String.fromCharCode(65 + Number(element))}`
|
||||||
|
}
|
||||||
|
if (item.type == '判断题' || item.type == '填空题') {
|
||||||
|
// 去除下 html标签
|
||||||
|
value += `${element.replace(/<[^>]+>/g, '')}` + (i == arrTmp.length - 1 ? '' : '、')
|
||||||
|
}
|
||||||
|
if (item.type == '主观题') {
|
||||||
|
if (element) {
|
||||||
|
console.log(element, 'element')
|
||||||
|
value += item.answer
|
||||||
|
} else {
|
||||||
|
value += '答案不唯一,请参考分析解答点评!'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
arr.push(value)
|
||||||
|
indexLabel++
|
||||||
|
})
|
||||||
|
const answer = arr.join('<br />')
|
||||||
|
|
||||||
|
row[i].workanswerFormat = answer
|
||||||
|
} else {
|
||||||
|
// 处理[题干显示] - 不再需要处理
|
||||||
|
// row[i].titleFormat = row[i].title; // 仅占位提示
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 处理[选项显示] - 特殊结构
|
||||||
|
* [
|
||||||
|
* {type: '单选题', title: '题目1', options: ['ABC123','ABC123']},
|
||||||
|
* {type: '多选题', title: '题目1', options: ['ABC123','ABC123']},
|
||||||
|
* {type: '填空题', title: '题目1', options: []},
|
||||||
|
* {type: '判断题', title: '题目1', options: []},
|
||||||
|
* {type: '主观题', title: '题目1', options: []},
|
||||||
|
* ]
|
||||||
|
*/
|
||||||
|
let workDescArr = JSON.parse(row[i].workdesc)
|
||||||
|
let workDescHtml = `<div style='width:80%;display:flex;>`
|
||||||
|
workDescArr.map((item, index) => {
|
||||||
|
if (item.type == '单选题' || item.type == '多选题') {
|
||||||
|
workDescHtml += `<div style='width:80%;display:flex;'>${index + 1}. ${item.title}</div>`
|
||||||
|
let tmp = ''
|
||||||
|
let j = 0
|
||||||
|
let optionsArr = item.options
|
||||||
|
for (; j < optionsArr.length; j++) {
|
||||||
|
if (j % 2 == 0) {
|
||||||
|
tmp += `<div style='width:80%;display:flex;'>`
|
||||||
|
}
|
||||||
|
const char = String.fromCharCode(65 + j)
|
||||||
|
tmp += `<div style='display:flex;margin-left: 2%; width: 36%'>${char}.${optionsArr[j]}</div>`
|
||||||
|
if (j % 2 == 1) {
|
||||||
|
tmp += '</div>'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// j此刻已自增1, 故当选项为单数时, 需要补充结束标签
|
||||||
|
if (j % 2 == 1) {
|
||||||
|
tmp += '</div>'
|
||||||
|
}
|
||||||
|
|
||||||
|
workDescHtml += tmp
|
||||||
|
} else if (item.type == '填空题' || item.type == '判断题' || item.type == '主观题') {
|
||||||
|
workDescHtml += `<div style='width:80%;display:flex;'>${index + 1}. ${item.title}</div>`
|
||||||
|
}
|
||||||
|
})
|
||||||
|
workDescHtml += '</div>'
|
||||||
|
row[i].workdescFormat = workDescHtml
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 处理[答案显示] - 特殊结构
|
||||||
|
* [
|
||||||
|
* {type: '单选题', answer: ['0']},
|
||||||
|
* {type: '多选题', answer: ['0','1']},
|
||||||
|
* {type: '填空题', answer: ['填空1','填空2']},
|
||||||
|
* {type: '判断题', answer: ['0'/'1']},
|
||||||
|
* {type: '主观题', answer: [xxxx]},
|
||||||
|
* ]
|
||||||
|
*/
|
||||||
|
let workAnswerArr = JSON.parse(row[i].workanswer)
|
||||||
|
let workAnswerHtml = ``
|
||||||
|
workAnswerArr.map((item, index) => {
|
||||||
|
const answerArr = item.answer //JSON.parse(item.answer);
|
||||||
|
if (item.type == '单选题' || item.type == '多选题') {
|
||||||
|
const answer = answerArr
|
||||||
|
.map((item) => {
|
||||||
|
return String.fromCharCode(65 + Number(item))
|
||||||
|
})
|
||||||
|
.join('')
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index + 1}. ${answer}</div>`
|
||||||
|
} else if (item.type == '填空题') {
|
||||||
|
const answer = answerArr.join('、')
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index + 1}. ${answer}</div>`
|
||||||
|
} else if (item.type == '判断题') {
|
||||||
|
const answer = answerArr
|
||||||
|
.map((item) => {
|
||||||
|
return item === '1' ? '正确' : '错误'
|
||||||
|
})
|
||||||
|
.join('、')
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index + 1}. ${answer}</div>`
|
||||||
|
} else if (item.type == '主观题') {
|
||||||
|
// 复合题里面的主观题只有一个答案,或没填
|
||||||
|
const answer = answerArr.join('、')
|
||||||
|
if (answerArr[0]) {
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index + 1}. ${answer}</div>`
|
||||||
|
} else {
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index + 1}. ${answer}答案不唯一,请参考分析解答点评!</div>`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
row[i].workanswerFormat = workAnswerHtml
|
||||||
|
}
|
||||||
|
} else if (
|
||||||
|
row[i].worktype == '主观题' ||
|
||||||
|
(row[i].worktype !== '单选题' &&
|
||||||
|
row[i].worktype !== '多选题' &&
|
||||||
|
row[i].worktype !== '填空题' &&
|
||||||
|
row[i].worktype !== '判断题')
|
||||||
|
) {
|
||||||
|
// 处理[选项显示] - 主观题中无选项, 故置空
|
||||||
|
row[i].workdescFormat = ''
|
||||||
|
row[i].workanswerFormat = ''
|
||||||
|
// 答案处理- eg: "\"不唯一的答案,参考\""
|
||||||
|
if (row[i].workanswer && row[i].workanswer != '') {
|
||||||
|
row[i].workanswerFormat = JSON.parse(row[i].workanswer)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// 单选题|多选题|填空题|判断题|主观题?(待确认是否归在这里)
|
||||||
|
// 通用选项结构 ['ABC123','ABC123'] | ['ABC123','ABC123'] | [](填空题无选项) | [](判断题无选项)
|
||||||
|
let workDescArr = []
|
||||||
|
if (
|
||||||
|
row[i].workdesc.charAt(0) === '[' &&
|
||||||
|
row[i].workdesc.charAt(row[i].workdesc.length - 1) === ']'
|
||||||
|
) {
|
||||||
|
//123会直接被转换, 且不是数组对象, 故手动判断是否有[和]两个字符
|
||||||
|
workDescArr = JSON.parse(row[i].workdesc)
|
||||||
|
} else if (row[i].workdesc.indexOf('#&') !== -1) {
|
||||||
|
workDescArr = row[i].workdesc.split('#&')
|
||||||
|
} else if (row[i].workdesc.indexOf(',') !== -1) {
|
||||||
|
workDescArr = row[i].workdesc.split(',')
|
||||||
|
} else {
|
||||||
|
// 单字符串直接添加至空数组(待考虑确认)
|
||||||
|
workDescArr.push(row[i].workdesc)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 单选题|多选题|填空题|判断题|主观题?(待确认是否归在这里)
|
||||||
|
// 通用答案结构 ['0'] | ['0','1'] | ['填空1','填空2'] | ['0'/'1']
|
||||||
|
let workAnswerArr = []
|
||||||
|
if (
|
||||||
|
row[i].workanswer.charAt(0) === '[' &&
|
||||||
|
row[i].workanswer.charAt(row[i].workanswer.length - 1) === ']'
|
||||||
|
) {
|
||||||
|
// 123会直接被转换, 且不是数组对象, 故手动判断是否有[和]两个字符
|
||||||
|
workAnswerArr = JSON.parse(row[i].workanswer)
|
||||||
|
} else if (row[i].workanswer.indexOf('#&') !== -1) {
|
||||||
|
workAnswerArr = row[i].workanswer.split('#&')
|
||||||
|
} else if (row[i].workanswer.indexOf(',') !== -1) {
|
||||||
|
workAnswerArr = row[i].workanswer.split(',')
|
||||||
|
} else {
|
||||||
|
// 单字符串直接添加至空数组(待考虑确认)
|
||||||
|
workAnswerArr.push(row[i].workanswer)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 具体题型处理
|
||||||
|
if (row[i].worktype == '单选题' || row[i].worktype == '多选题') {
|
||||||
|
// 处理[选项显示] - 拼接ABCD首序号
|
||||||
|
let tmp = ''
|
||||||
|
let j = 0
|
||||||
|
for (; j < workDescArr.length; j++) {
|
||||||
|
if (j % 2 == 0) {
|
||||||
|
tmp += `<div style='width:80%;display:flex;'>`
|
||||||
|
}
|
||||||
|
const char = String.fromCharCode(65 + j)
|
||||||
|
tmp += `<div style='display:flex;margin-left: 2%; width: 36%'>${char}.${workDescArr[j]}</div>`
|
||||||
|
if (j % 2 == 1) {
|
||||||
|
tmp += '</div>'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (j % 2 == 0) {
|
||||||
|
tmp += '</div>'
|
||||||
|
}
|
||||||
|
row[i].workdescFormat = tmp
|
||||||
|
|
||||||
|
// 处理[答案显示] - 转换ABCD
|
||||||
|
let arr2Char = workAnswerArr
|
||||||
|
.map((item) => {
|
||||||
|
return String.fromCharCode(65 + Number(item))
|
||||||
|
})
|
||||||
|
.join('')
|
||||||
|
row[i].workanswerFormat = arr2Char
|
||||||
|
} else if (row[i].worktype == '填空题') {
|
||||||
|
// 处理[选项显示] - 填空题中无选项, 故置空
|
||||||
|
row[i].workdescFormat = ''
|
||||||
|
|
||||||
|
// 处理[答案显示] - 逗号连接
|
||||||
|
row[i].workanswerFormat = workAnswerArr.join('、')
|
||||||
|
} else if (row[i].worktype == '判断题') {
|
||||||
|
// 处理[选项显示] - 判断题中无选项, 故置空
|
||||||
|
row[i].workdescFormat = ''
|
||||||
|
|
||||||
|
// 处理[答案显示] - 1-正常 0-错误
|
||||||
|
const answer = workAnswerArr
|
||||||
|
.map((item) => {
|
||||||
|
return item === '1' ? '正确' : '错误'
|
||||||
|
})
|
||||||
|
.join('、')
|
||||||
|
row[i].workanswerFormat = answer
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
//2、处理单选题
|
||||||
|
if(row[i].worktype == '单选题' || row[i].worktype == '多选题' ){
|
||||||
|
//1.选项前增加ABCD workdesc: "①②#&①③#&②④#&③④" || "<div>为了活着</div>#&<div>为了填报肚子</div>#&<div>为了吃饭而吃饭</div>"
|
||||||
|
let workDescArr = [];
|
||||||
|
if(row[i].workdesc.indexOf('[')!==-1 && row[i].workdesc.indexOf(']')!==-1) {
|
||||||
|
//123会直接被转换, 且不是数组对象, 故手动判断是否有[和]两个字符
|
||||||
|
workDescArr = JSON.parse(row[i].workdesc);
|
||||||
|
}
|
||||||
|
else if(row[i].workdesc.indexOf('#&')) {
|
||||||
|
workDescArr = row[i].workdesc.split('#&');
|
||||||
|
}
|
||||||
|
else if(row[i].workdesc.indexOf(',')){
|
||||||
|
workDescArr = row[i].workdesc.split(',');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// 待考虑
|
||||||
|
workDescArr.push(item.workdesc)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//2.答案 - 数字转为ABCD
|
||||||
|
if(row[i].worktype == '单选题') {
|
||||||
|
const str2Char = String.fromCharCode(65+Number(row[i].workanswer));
|
||||||
|
row[i].workanswerFormat = str2Char;
|
||||||
|
} else if (row[i].worktype == '多选题') {
|
||||||
|
const answerArr = row[i].workanswer.split('#&');
|
||||||
|
let arr2Char = '';
|
||||||
|
for(let k=0; k<answerArr.length; k++){
|
||||||
|
arr2Char += String.fromCharCode(65+Number(answerArr[k]));
|
||||||
|
}
|
||||||
|
row[i].workanswerFormat = arr2Char;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if(row[i].worktype == '填空题') {
|
||||||
|
// console.log(row[i].workanswer.replace(/<[^>]*>/g, "").split('#&'),'????')
|
||||||
|
// 填空题答案
|
||||||
|
row[i].workanswerFormat = row[i].workanswer.replace(/#&/g,", ");
|
||||||
|
// 填空选项不需要展示,
|
||||||
|
row[i].workdescFormat = '';
|
||||||
|
}
|
||||||
|
else if(row[i].worktype == '判断题'){
|
||||||
|
// console.log(row[i].workanswer.replace(/<[^>]*>/g, "").split('#&'),'????')
|
||||||
|
// 判断题答案
|
||||||
|
row[i].workanswerFormat = row[i].workanswer.replace(/#&/g,", ");
|
||||||
|
// 判断选项不需要展示,
|
||||||
|
row[i].workdescFormat = '';
|
||||||
|
}
|
||||||
|
else if(row[i].worktype == '复合题') {
|
||||||
|
// 1.选项解析替换
|
||||||
|
const options = JSON.parse(row[i].workdesc);
|
||||||
|
// 题目(背景材料+复合题目)
|
||||||
|
const bjTitle = row[i].title.split('!@#$%')[0];
|
||||||
|
const tmTitles = row[i].title.split('!@#$%').filter((it,ix)=>ix>0);
|
||||||
|
// console.log(bjTitle,'背景标题');
|
||||||
|
// console.log(tmTitles,'复合题目');
|
||||||
|
let titls = [];
|
||||||
|
options.forEach((element,index1) => {
|
||||||
|
const workDescArr = element.split('#&');
|
||||||
|
let tmp = '';
|
||||||
|
let j=0;
|
||||||
|
for(; j<jsonArr.length; j++){
|
||||||
|
if(j%2 == 0){
|
||||||
|
tmp += `<div style='width:80%;display:flex;'>`;
|
||||||
|
}
|
||||||
|
const char = String.fromCharCode(65+j);
|
||||||
|
tmp += `<div style='display:flex;margin-left: 2%; width: 36%'>${char}.${jsonArr[j]}</div>`;
|
||||||
|
if(j%2 == 1){
|
||||||
|
tmp += '</div>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if(j%2== 0){
|
||||||
|
tmp += '</div>';
|
||||||
|
}
|
||||||
|
workdesc = tmp;
|
||||||
|
}
|
||||||
|
|
||||||
|
row[i].workdescFormat = workdesc; // 题目选项
|
||||||
|
|
||||||
|
|
||||||
|
// 答案处理
|
||||||
|
let workanswer = '';
|
||||||
|
if(row[i].workanswer && row[i].workanswer != '') {
|
||||||
|
// 因答案内容存在多种格式: 1.["123","1234"] 2.123#&1234 3.123
|
||||||
|
if(row[i].workanswer.indexOf('[')!==-1 && row[i].workanswer.indexOf(']')!==-1) {
|
||||||
|
//123会直接被转换, 且不是数组对象, 故手动判断是否有[和]两个字符
|
||||||
|
let json = JSON.parse(row[i].workanswer);
|
||||||
|
// 单选、多选 需要 数字转为ABCD
|
||||||
|
if(row[i].worktype == '单选题') {
|
||||||
|
const str2Char = String.fromCharCode(65+Number(json[0]));
|
||||||
|
workanswer = str2Char;
|
||||||
|
} else if (row[i].worktype == '多选题') {
|
||||||
|
// const answerArr = row[i].workanswer.split('#&');
|
||||||
|
let arr2Char = '';
|
||||||
|
for(let k=0; k<json.length; k++){
|
||||||
|
arr2Char += String.fromCharCode(65+Number(json[k]));
|
||||||
|
}
|
||||||
|
workanswer = arr2Char;
|
||||||
|
} else if(row[i].worktype == '主观题' ) {
|
||||||
|
let arr2Char = '';
|
||||||
|
for(let k=0; k<json.length; k++){
|
||||||
|
const itemArr = json[k];
|
||||||
|
arr2Char += '('+ (parseInt(k) + 1) +')'+ itemArr.join('、')+ '<br />';
|
||||||
|
}
|
||||||
|
workanswer = arr2Char;
|
||||||
|
row[i].titleFormat = row[i].titleFormat.replace(/!@#\$%/g, '');
|
||||||
|
} else {
|
||||||
|
workanswer = json.join('、');
|
||||||
|
}
|
||||||
|
} else if(row[i].workanswer.indexOf('#&')) {
|
||||||
|
// 意味着多个答案或者填空内容
|
||||||
|
let workanswerList = row[i].workanswer.split('#&');
|
||||||
|
if(row[i].worktype == '多选题') {
|
||||||
|
// 数字转为ABCD
|
||||||
|
let arr2Char = '';
|
||||||
|
for(let k=0; k<workanswerList.length; k++){
|
||||||
|
arr2Char += String.fromCharCode(65+Number(workanswerList[k]));
|
||||||
|
}
|
||||||
|
workanswer = arr2Char;
|
||||||
|
}else{
|
||||||
|
workanswer = workanswerList.join('、');
|
||||||
|
}
|
||||||
|
} else if(row[i].workanswer.indexOf(',')){
|
||||||
|
// 意味这同样多个答案或者填空内容
|
||||||
|
let workanswerList = row[i].workanswer.split(',');
|
||||||
|
if(row[i].worktype == '多选题') {
|
||||||
|
// 数字转为ABCD
|
||||||
|
let arr2Char = '';
|
||||||
|
for(let k=0; k<workanswerList.length; k++){
|
||||||
|
arr2Char += String.fromCharCode(65+Number(workanswerList[k]));
|
||||||
|
}
|
||||||
|
workanswer = arr2Char;
|
||||||
|
}else{
|
||||||
|
workanswer = workanswerList.join('、');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// 待考虑
|
||||||
|
workanswer = row[i].workanswer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
row[i].workanswerFormat = workanswer; // 题目正确答案
|
||||||
|
|
||||||
|
|
||||||
|
//2.答案 - 数字转为ABCD
|
||||||
|
const answerArr = JSON.parse(row[i].workanswer);
|
||||||
|
let indexLabel = 1;
|
||||||
|
let arr = [];
|
||||||
|
answerArr.forEach(item => {
|
||||||
|
const arrTmp = item.answer.split('#&');
|
||||||
|
let value = `(${indexLabel})`;
|
||||||
|
arrTmp.forEach((element,i) => {
|
||||||
|
if(item.type == '单选题' || item.type == '多选题'){
|
||||||
|
value += `${String.fromCharCode(65+Number(element))}`;
|
||||||
|
}
|
||||||
|
if(item.type == '判断题' || item.type == '填空题'){
|
||||||
|
// 去除下 html标签
|
||||||
|
value += `${element.replace(/<[^>]+>/g, '')}`+ (i==arrTmp.length-1?'':'、');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
arr.push(value);
|
||||||
|
indexLabel++;
|
||||||
|
})
|
||||||
|
const answer = arr.join('<br />');
|
||||||
|
|
||||||
|
row[i].workanswerFormat = answer;
|
||||||
|
}
|
||||||
|
else if(row[i].worktype == '主观题') {
|
||||||
|
// 1.选项解析替换---主观题没选项
|
||||||
|
// 题目(背景材料+主观题目)
|
||||||
|
const bjTitle = row[i].title.split('!@#$%')[0];
|
||||||
|
const tmTitles = row[i].title.split('!@#$%').filter((it,ix)=>ix>0);
|
||||||
|
// console.log(bjTitle,'背景标题');
|
||||||
|
// console.log(tmTitles,'主观题目');
|
||||||
|
let titls = [];
|
||||||
|
const s = [];
|
||||||
|
tmTitles.map((it,ix)=>{
|
||||||
|
s.push(it);
|
||||||
|
})
|
||||||
|
// console.log(s,'?????????????????')
|
||||||
|
|
||||||
|
row[i].titleFormat = bjTitle + s.join('');
|
||||||
|
// 填空选项不需要展示,
|
||||||
|
row[i].workdescFormat = '';
|
||||||
|
|
||||||
|
//2.答案
|
||||||
|
// 填空题答案
|
||||||
|
const workanswerList = JSON.parse(row[i].workanswer);
|
||||||
|
let tmp='';
|
||||||
|
workanswerList&&workanswerList.map((item,index)=>{
|
||||||
|
tmp += '<div>'+(index+1)+'.'+item.replace(/#&/g, ',')+'</div>';
|
||||||
|
})
|
||||||
|
row[i].workanswerFormat = tmp;
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
//处理答案
|
||||||
|
row[i].workanswerFormat = '见试题解答内容';
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -72,8 +72,9 @@ const title = reactive([
|
||||||
child1: []
|
child1: []
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '高考研究',
|
name: '考试分析',
|
||||||
url: '/education/colentrance',
|
url: '/examReport',
|
||||||
|
type: 'hash',
|
||||||
img: 'iconfont icon-icon_kaoshifenxi',
|
img: 'iconfont icon-icon_kaoshifenxi',
|
||||||
child1: []
|
child1: []
|
||||||
}
|
}
|
||||||
|
|
|
@ -87,7 +87,7 @@ const handleOutLink = (path, type, name) => {
|
||||||
fullPath = fullPath.replaceAll('//', '/')
|
fullPath = fullPath.replaceAll('//', '/')
|
||||||
const { levelFirstId, levelSecondId } = JSON.parse(localStorage.getItem('unitId'))
|
const { levelFirstId, levelSecondId } = JSON.parse(localStorage.getItem('unitId'))
|
||||||
let unitId = levelSecondId ? levelSecondId :levelFirstId
|
let unitId = levelSecondId ? levelSecondId :levelFirstId
|
||||||
if(name == '教材分析' || name == '高考研究'){
|
if(name == '教材分析' || name == '考试分析'){
|
||||||
fullPath += `?unitId=${unitId}`
|
fullPath += `?unitId=${unitId}`
|
||||||
}
|
}
|
||||||
// 通知主进程
|
// 通知主进程
|
||||||
|
|
|
@ -8,6 +8,7 @@ import 'element-plus/dist/index.css'
|
||||||
import './assets/iconfont/iconfont.css'
|
import './assets/iconfont/iconfont.css'
|
||||||
import './assets/iconfont/iconfont'
|
import './assets/iconfont/iconfont'
|
||||||
import 'virtual:windi.css'
|
import 'virtual:windi.css'
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
import { store } from '@/store'
|
import { store } from '@/store'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
|
@ -20,6 +21,20 @@ if(process.env.NODE_ENV != 'development') { // 非开发环境,将日志打印
|
||||||
|
|
||||||
const app = createApp(App)
|
const app = createApp(App)
|
||||||
|
|
||||||
|
|
||||||
|
//专为菁优网配置的请求转发
|
||||||
|
app.config.globalProperties.$requestGetJYW = (url,config)=>{
|
||||||
|
config.params = config.params?config.params:{}
|
||||||
|
config.params["getjypath"] = url;
|
||||||
|
return request({
|
||||||
|
url: "/jy/proxy",
|
||||||
|
method: config.method||"get",
|
||||||
|
params: config.params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
app.use(router)
|
app.use(router)
|
||||||
.use(store)
|
.use(store)
|
||||||
.use(ElementPlus, { locale: zhLocale }).mount('#app')
|
.use(ElementPlus, { locale: zhLocale }).mount('#app')
|
|
@ -1,3 +1,8 @@
|
||||||
|
/*
|
||||||
|
* @Author: 苦逼程序猿
|
||||||
|
* @Date: 2024-09-06 16:15:32
|
||||||
|
* @Warning: 千行代码,Bug露锋芒。
|
||||||
|
*/
|
||||||
import { createRouter, createWebHashHistory } from 'vue-router'
|
import { createRouter, createWebHashHistory } from 'vue-router'
|
||||||
|
|
||||||
import Layout from '../layout/index.vue'
|
import Layout from '../layout/index.vue'
|
||||||
|
@ -63,6 +68,18 @@ export const constantRoutes = [
|
||||||
name: 'class',
|
name: 'class',
|
||||||
meta: {title: '班级中心'},
|
meta: {title: '班级中心'},
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/classTask',
|
||||||
|
component: () => import('@/views/classTask/classTask.vue'),
|
||||||
|
name: 'class',
|
||||||
|
meta: {title: '作业批改'},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/examReport',
|
||||||
|
component: () => import('@/views/examReport/index.vue'),
|
||||||
|
name: 'examReport',
|
||||||
|
meta: {title: '考试分析'}
|
||||||
|
},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
...toolRouters
|
...toolRouters
|
||||||
|
|
|
@ -0,0 +1,18 @@
|
||||||
|
import { defineStore } from 'pinia'
|
||||||
|
const overviewStore = defineStore(
|
||||||
|
'overview',
|
||||||
|
{
|
||||||
|
state: () => {
|
||||||
|
return {
|
||||||
|
tableList:[]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
getTableList(data){
|
||||||
|
this.tableList = [...data]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
export default overviewStore
|
||||||
|
|
||||||
|
|
|
@ -109,3 +109,28 @@ export const getAfterMinutes = (m) => {
|
||||||
minutes = minutes < 10 ? ('0' + minutes) : minutes
|
minutes = minutes < 10 ? ('0' + minutes) : minutes
|
||||||
return `${hours}:${minutes}`;
|
return `${hours}:${minutes}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 表格时间格式化
|
||||||
|
*/
|
||||||
|
export function formatDate(cellValue) {
|
||||||
|
if (cellValue == null || cellValue == "") return "";
|
||||||
|
var date = new Date(cellValue)
|
||||||
|
var year = date.getFullYear()
|
||||||
|
var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
|
||||||
|
var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
|
||||||
|
var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours()
|
||||||
|
var minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
|
||||||
|
var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
|
||||||
|
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
|
||||||
|
}
|
||||||
|
export function getTimeDate() {
|
||||||
|
var date = new Date()
|
||||||
|
var year = date.getFullYear()
|
||||||
|
var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
|
||||||
|
var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
|
||||||
|
var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours()
|
||||||
|
var minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
|
||||||
|
var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
|
||||||
|
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds
|
||||||
|
}
|
|
@ -0,0 +1,262 @@
|
||||||
|
const JY_TOKEN = 'CA82641DA86072DEFD39E287335E035FDA6AEEC0549B58F54F4408734C8683FFAF0585CFA3B25091E588A03A65C66A80F5FF613F539D600954007A35DFFBFDC3C7BB982771C5E13F0918642CFD7596CE3718F06E5579238D92EC809AC6F4C82A9FE4B0E232A67DD3594D4DAC1C219CCBC4A7A093344446107EB11DC317526D0594249DEBBD82B740C794CF5A7065E1982B7779AF16AD25D7';
|
||||||
|
const JY_SUBJECT = [
|
||||||
|
{id: 10, subject: 'math3', name: '小学数学'},
|
||||||
|
{id: 11, subject: 'chinese3', name: '小学语文'},
|
||||||
|
{id: 12, subject: 'english3', name: '小学英语'},
|
||||||
|
{id: 14, subject: 'science3', name: '小学科学'},
|
||||||
|
{id: 15, subject: 'politics3', name: '小学道德与法治'},
|
||||||
|
{id: 20, subject: 'math', name: '初中数学'},
|
||||||
|
{id: 21, subject: 'physics', name: '初中物理'},
|
||||||
|
{id: 22, subject: 'chemistry', name: '初中化学'},
|
||||||
|
{id: 23, subject: 'bio', name: '初中生物'},
|
||||||
|
{id: 24, subject: 'science', name: '初中科学'},
|
||||||
|
{id: 25, subject: 'geography', name: '初中地理'},
|
||||||
|
{id: 26, subject: 'chinese', name: '初中语文'},
|
||||||
|
{id: 27, subject: 'english', name: '初中英语'},
|
||||||
|
{id: 28, subject: 'politics', name: '初中道德与法治'},
|
||||||
|
{id: 29, subject: 'history', name: '初中历史'},
|
||||||
|
{id: 30, subject: 'math2', name: '高中数学'},
|
||||||
|
{id: 31, subject: 'physics2', name: '高中物理'},
|
||||||
|
{id: 32, subject: 'chemistry2', name: '高中化学'},
|
||||||
|
{id: 33, subject: 'bio2', name: '高中生物'},
|
||||||
|
{id: 35, subject: 'geography2', name: '高中地理'},
|
||||||
|
{id: 36, subject: 'chinese2', name: '高中语文'},
|
||||||
|
{id: 37, subject: 'english2', name: '高中英语'},
|
||||||
|
{id: 38, subject: 'politics2', name: '高中政治'},
|
||||||
|
{id: 39, subject: 'history2', name: '高中历史'},
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
export const JYApiListCT = async (_this, name = '高中历史') => {
|
||||||
|
if (name === '初中政治') {
|
||||||
|
name = '初中道德与法治';
|
||||||
|
}
|
||||||
|
const obj = JY_SUBJECT.filter(item => item.name == name);
|
||||||
|
if(obj.length < 1) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
const res = await _this.$requestGetJYW(`/${obj[0].subject}/common`, {
|
||||||
|
headers: {
|
||||||
|
authorization: `Token ${JY_TOKEN}`
|
||||||
|
},
|
||||||
|
params: {
|
||||||
|
tp: 1,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if (res.code !== 200) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
let arrCT = [{
|
||||||
|
label: "不限",
|
||||||
|
value: 0
|
||||||
|
}]
|
||||||
|
res.data.forEach(item=> {
|
||||||
|
if (item.Value === '选择题') {
|
||||||
|
item.Value = '单选题';
|
||||||
|
}
|
||||||
|
const tmp = {
|
||||||
|
label: item.Value,
|
||||||
|
value: item.Key,
|
||||||
|
}
|
||||||
|
arrCT.push(tmp);
|
||||||
|
})
|
||||||
|
return arrCT;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const JYApiListOriginYear = () => {
|
||||||
|
const arrYear = [{label: '不限', value: '-1'}];
|
||||||
|
let i = 0;
|
||||||
|
for( ; i < 10; i++) {
|
||||||
|
const year = new Date().getFullYear();
|
||||||
|
const s ={
|
||||||
|
label: `${year - i}`,
|
||||||
|
value: `${year - i}`,
|
||||||
|
}
|
||||||
|
arrYear.push(s);
|
||||||
|
};
|
||||||
|
//arrYear.push({label: '更早', value: '0'})
|
||||||
|
return arrYear;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const JYApiListSO = async (_this, name = '高中历史') => {
|
||||||
|
if (name === '初中政治') {
|
||||||
|
name = '初中道德与法治';
|
||||||
|
}
|
||||||
|
|
||||||
|
const obj = JY_SUBJECT.filter(item => item.name == name);
|
||||||
|
if(obj.length < 1) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
const res = await _this.$requestGetJYW(`/${obj[0].subject}/common`, {
|
||||||
|
headers: {
|
||||||
|
authorization: `Token ${JY_TOKEN}`
|
||||||
|
},
|
||||||
|
params: {
|
||||||
|
tp: 2,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if (res.code !== 200) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
const arrSO = [{"Value": "不限", "Key": 0}, ...res.data];
|
||||||
|
return arrSO;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export const JYApiListPoint = async (_this, name = '高中历史') => {
|
||||||
|
if (name === '初中政治') {
|
||||||
|
name = '初中道德与法治';
|
||||||
|
}
|
||||||
|
|
||||||
|
const obj = JY_SUBJECT.filter(item => item.name == name);
|
||||||
|
if(obj.length < 1) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
const res = await _this.$requestGetJYW(`/${obj[0].subject}/point`, {
|
||||||
|
headers: {
|
||||||
|
authorization: `Token ${JY_TOKEN}`
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if (res.code !== 200) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
return res.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @desc: 获取菁优网的版本内容
|
||||||
|
* @return: {*}
|
||||||
|
*/
|
||||||
|
export const JYApiListVersion = async (_this, query, hasPoints=true) => {
|
||||||
|
const listVersion = {
|
||||||
|
status: 0,
|
||||||
|
msg: '',
|
||||||
|
data: [],
|
||||||
|
};
|
||||||
|
if (query.stage === '' || query.subject === '') {
|
||||||
|
listVersion.msg = '未选中学段或学科!';
|
||||||
|
return listVersion;
|
||||||
|
}
|
||||||
|
let name = `${query.stage}${query.subject}`;
|
||||||
|
if (name === '初中政治') {
|
||||||
|
name = '初中道德与法治';
|
||||||
|
}
|
||||||
|
const result = JY_SUBJECT.filter( item => item.name===name);
|
||||||
|
if (result.length === 0) {
|
||||||
|
listVersion.msg = `[${name}]未找到对应菁优网教材版本, 请检查学段或学科是否匹配!`;
|
||||||
|
return listVersion;
|
||||||
|
}
|
||||||
|
const JYBook = await _this.$requestGetJYW(`/${result[0].subject}/book2`, {
|
||||||
|
headers: {
|
||||||
|
// JYToken仅占位, 实际后续已未使用该token
|
||||||
|
authorization: `Token ${JY_TOKEN}`
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if (JYBook.code !== 200) {
|
||||||
|
listVersion.msg = `[${name}]获取菁优网教材版本失败!`;
|
||||||
|
return listVersion;
|
||||||
|
}
|
||||||
|
query.list.forEach(ele => {
|
||||||
|
if (ele.thirdkey == null) {
|
||||||
|
listVersion.msg = `[${name}-${ele.itemtitle}]菁优网教材字段标识未设置!`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let nPos = ele.thirdkey.indexOf('-');
|
||||||
|
if (nPos === -1) {
|
||||||
|
listVersion.msg = `[${name}-${ele.itemtitle}-${ele.thirdkey}]菁优网教材字段标识设置有误!`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let editionName = ele.thirdkey.substring(0, nPos);
|
||||||
|
let typeName = ele.thirdkey.substring(nPos+1);
|
||||||
|
const resVersion = JYBook.data.filter( item => {
|
||||||
|
// 高中以typeName为标识, 而小学/初中以Name为标识
|
||||||
|
const JYTypeName = query.stage=='高中' ? item.TypeName : item.Name;
|
||||||
|
if (item.EditionName.trim() === editionName.trim() && JYTypeName.trim() === typeName.trim()) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
if (resVersion.length === 0) {
|
||||||
|
listVersion.msg = `[${name}-${ele.thirdkey}]菁优网教材字段标识查询不存在!`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (resVersion[0].Children.length === 0) {
|
||||||
|
listVersion.msg = `[${name}]菁优网教材字段标识查询单元内容为空!`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const children = JYApiListLession(resVersion[0], hasPoints);
|
||||||
|
// 高中以typeName为标识, 而小学/初中以Name为标识
|
||||||
|
let JYTypeName = query.stage=='高中' ? resVersion[0].TypeName : resVersion[0].Name;
|
||||||
|
JYTypeName = JYTypeName.trim();
|
||||||
|
const reset = {
|
||||||
|
id: resVersion[0].ID,
|
||||||
|
label: resVersion[0].Name.trim(),
|
||||||
|
nodeType: 'version',
|
||||||
|
children: children,
|
||||||
|
editionName: resVersion[0].EditionName.trim(),
|
||||||
|
typeName: JYTypeName,
|
||||||
|
}
|
||||||
|
listVersion.data.push(reset);
|
||||||
|
})
|
||||||
|
|
||||||
|
if(listVersion.data.length > 0){
|
||||||
|
listVersion.status = 1;
|
||||||
|
}
|
||||||
|
return listVersion;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const JYApiListLession = (item, hasPoints) => {
|
||||||
|
const list = [];
|
||||||
|
item.Children.forEach(element => {
|
||||||
|
const tempList = formatCurJYLession(element, hasPoints);
|
||||||
|
list.push(tempList);
|
||||||
|
});
|
||||||
|
return list;
|
||||||
|
}
|
||||||
|
|
||||||
|
const formatCurJYLession = (item, hasPoints) => {
|
||||||
|
const obj = {
|
||||||
|
id: item.ID,
|
||||||
|
label: item.Name.trim(),
|
||||||
|
nodeType: 'unit',
|
||||||
|
children: [],
|
||||||
|
}
|
||||||
|
if(hasPoints) {
|
||||||
|
if (item.Children.length === 0 && !item.hasOwnProperty('Points')) {
|
||||||
|
obj.nodeType = 'points';
|
||||||
|
obj.id = item.No;
|
||||||
|
return obj;
|
||||||
|
}
|
||||||
|
else if (item.Children.length > 0 ){
|
||||||
|
for(let i=0; i<item.Children.length; i++){
|
||||||
|
const child = formatCurJYLession(item.Children[i], hasPoints);
|
||||||
|
obj.children.push(child);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if (item.Children.length === 0 && item.Points.length > 0){
|
||||||
|
obj.nodeType = 'lession';
|
||||||
|
for(let i=0; i<item.Points.length; i++){
|
||||||
|
const child = formatCurJYLession(item.Points[i], hasPoints);
|
||||||
|
obj.children.push(child);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
if (item.Children.length === 0) {
|
||||||
|
obj.nodeType = 'lession';
|
||||||
|
obj.id = item.ID;
|
||||||
|
return obj;
|
||||||
|
}
|
||||||
|
else if (item.Children.length > 0 ){
|
||||||
|
for(let i=0; i<item.Children.length; i++){
|
||||||
|
const child = formatCurJYLession(item.Children[i], hasPoints);
|
||||||
|
obj.children.push(child);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return obj;
|
||||||
|
}
|
|
@ -0,0 +1,310 @@
|
||||||
|
export const isJson = (str) =>{
|
||||||
|
if (typeof str == 'string') {
|
||||||
|
try {
|
||||||
|
let obj=JSON.parse(str);
|
||||||
|
if(typeof obj == 'object' && obj ){
|
||||||
|
return true;
|
||||||
|
}else{
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
} catch(e) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description processExamQuestion 格式化试题
|
||||||
|
* @param {*} row
|
||||||
|
*/
|
||||||
|
export const processExamQuestion = (row) => {
|
||||||
|
for (var i=0; i<row.length; i++) {
|
||||||
|
if (isJson(row[i].workanalysis)) {
|
||||||
|
//1、先默认格式化 格式化各项内容(待优化, 后续界面显示的为format的值)
|
||||||
|
row[i].titleFormat = row[i].title; // 题目
|
||||||
|
row[i].examdateFormat = row[i].examdate; // ?考试日期 eg: 2024-07-11 14:39:27"
|
||||||
|
row[i].workdescFormat = row[i].workdesc; // 题目选项
|
||||||
|
row[i].workanswerFormat = row[i].workanswer; // 题目正确答案
|
||||||
|
if (row[i].workanswerFormat == null || row[i].workanswerFormat == '') {
|
||||||
|
row[i].workanswerFormat = '见试题解答内容';
|
||||||
|
}
|
||||||
|
|
||||||
|
// workanalysis 解析内容(analyse:解答; method:分析; discuss:点评; )
|
||||||
|
var jjj = JSON.parse(row[i].workanalysis);
|
||||||
|
row[i].analyse = jjj.analyse;
|
||||||
|
row[i].method = jjj.method;
|
||||||
|
row[i].discuss = jjj.discuss;
|
||||||
|
//row[i].discusscollapse = false;
|
||||||
|
if(row[i].examdate !== null && row[i].examdate !== undefined ){
|
||||||
|
row[i].examdate = row[i].examdate.substring(0, 10);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 具体题型数据结构处理
|
||||||
|
if (row[i].worktype == '复合题') {
|
||||||
|
// 旧类型
|
||||||
|
if(row[i].title.indexOf('!@#$%') !== -1) {
|
||||||
|
// 1.选项解析替换
|
||||||
|
const options = JSON.parse(row[i].workdesc);
|
||||||
|
// 题目(背景材料+复合题目)
|
||||||
|
const bjTitle = row[i].title.split('!@#$%')[0];
|
||||||
|
const tmTitles = row[i].title.split('!@#$%').filter((it,ix)=>ix>0);
|
||||||
|
// console.log(bjTitle,'背景标题');
|
||||||
|
// console.log(tmTitles,'复合题目');
|
||||||
|
let titls = [];
|
||||||
|
options.forEach((element,index1) => {
|
||||||
|
const workDescArr = element.split('#&');
|
||||||
|
let tmp = '';
|
||||||
|
let j=0;
|
||||||
|
for(; j<workDescArr.length; j++){
|
||||||
|
if(j%2 == 0){
|
||||||
|
tmp += `<div style='width:80%;display:flex;'>`;
|
||||||
|
}
|
||||||
|
const char = String.fromCharCode(65+j);
|
||||||
|
tmp += `<div style='display:flex;margin-left:2%;width:35%;overflow:hidden;text-overflow:ellipsis;font-size:0.9em;'>${char}.${workDescArr[j]}</div>`;
|
||||||
|
if(j%2 == 1){
|
||||||
|
tmp += '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
// j此刻已自增1, 故当选项为单数时, 需要补充结束标签
|
||||||
|
if(j%2 == 1){
|
||||||
|
tmp += '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// workDescArr为 [''] 表示为 判断题或者填空题,这里不需要选项
|
||||||
|
if(workDescArr[0] != ''){
|
||||||
|
titls.splice(index1, 1, tmp);
|
||||||
|
}else{
|
||||||
|
titls.splice(index1, 1, '');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const s = [];
|
||||||
|
tmTitles.map((it,ix)=>{
|
||||||
|
s.push(it);
|
||||||
|
titls.map((it2,ix2)=>{
|
||||||
|
if(ix == ix2){
|
||||||
|
s.push(it2);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
// console.log(s,'?????????????????')
|
||||||
|
|
||||||
|
row[i].titleFormat = bjTitle + s.join('');
|
||||||
|
row[i].workdescFormat = '';
|
||||||
|
|
||||||
|
|
||||||
|
//2.答案 - 数字转为ABCD
|
||||||
|
const answerArr = JSON.parse(row[i].workanswer);
|
||||||
|
let indexLabel = 1;
|
||||||
|
let arr = [];
|
||||||
|
answerArr.forEach(item => {
|
||||||
|
const arrTmp = item.answer.split('#&');
|
||||||
|
let value = `(${indexLabel})`;
|
||||||
|
arrTmp.forEach((element,i) => {
|
||||||
|
if(item.type == '单选题' || item.type == '多选题'){
|
||||||
|
value += `${String.fromCharCode(65+Number(element))}`;
|
||||||
|
}
|
||||||
|
if(item.type == '判断题' || item.type == '填空题'){
|
||||||
|
// 去除下 html标签
|
||||||
|
value += `${element.replace(/<[^>]+>/g, '')}`+ (i==arrTmp.length-1?'':'、');
|
||||||
|
}
|
||||||
|
if(item.type == '主观题') {
|
||||||
|
if(element){
|
||||||
|
console.log(element,'element')
|
||||||
|
value += item.answer;
|
||||||
|
}else{
|
||||||
|
value += '答案不唯一,请参考分析解答点评!';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
arr.push(value);
|
||||||
|
indexLabel++;
|
||||||
|
})
|
||||||
|
const answer = arr.join('<br />');
|
||||||
|
|
||||||
|
row[i].workanswerFormat = answer;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// 处理[题干显示] - 不再需要处理
|
||||||
|
// row[i].titleFormat = row[i].title; // 仅占位提示
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 处理[选项显示] - 特殊结构
|
||||||
|
* [
|
||||||
|
* {type: '单选题', title: '题目1', options: ['ABC123','ABC123']},
|
||||||
|
* {type: '多选题', title: '题目1', options: ['ABC123','ABC123']},
|
||||||
|
* {type: '填空题', title: '题目1', options: []},
|
||||||
|
* {type: '判断题', title: '题目1', options: []},
|
||||||
|
* {type: '主观题', title: '题目1', options: []},
|
||||||
|
* ]
|
||||||
|
*/
|
||||||
|
let workDescArr = JSON.parse(row[i].workdesc);
|
||||||
|
let workDescHtml = `<div style='width:80%;display:flex;>`;
|
||||||
|
workDescArr.map( (item, index) => {
|
||||||
|
if(item.type == '单选题' || item.type == '多选题'){
|
||||||
|
workDescHtml += `<div style='width:80%;display:flex;'>${index+1}. ${item.title}</div>`;
|
||||||
|
let tmp = '';
|
||||||
|
let j=0;
|
||||||
|
let optionsArr = item.options;
|
||||||
|
for(; j<optionsArr.length; j++){
|
||||||
|
if(j%2 == 0){
|
||||||
|
tmp += `<div style='width:80%;display:flex;'>`;
|
||||||
|
}
|
||||||
|
const char = String.fromCharCode(65+j);
|
||||||
|
tmp += `<div style='display:flex;margin-left: 2%; width: 36%'>${char}.${optionsArr[j]}</div>`;
|
||||||
|
if(j%2 == 1){
|
||||||
|
tmp += '</div>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// j此刻已自增1, 故当选项为单数时, 需要补充结束标签
|
||||||
|
if(j%2 == 1){
|
||||||
|
tmp += '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
workDescHtml += tmp;
|
||||||
|
}
|
||||||
|
else if(item.type == '填空题' || item.type == '判断题' || item.type == '主观题'){
|
||||||
|
workDescHtml += `<div style='width:80%;display:flex;'>${index+1}. ${item.title}</div>`;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
workDescHtml += '</div>';
|
||||||
|
row[i].workdescFormat = workDescHtml;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 处理[答案显示] - 特殊结构
|
||||||
|
* [
|
||||||
|
* {type: '单选题', answer: ['0']},
|
||||||
|
* {type: '多选题', answer: ['0','1']},
|
||||||
|
* {type: '填空题', answer: ['填空1','填空2']},
|
||||||
|
* {type: '判断题', answer: ['0'/'1']},
|
||||||
|
* {type: '主观题', answer: [xxxx]},
|
||||||
|
* ]
|
||||||
|
*/
|
||||||
|
let workAnswerArr = JSON.parse(row[i].workanswer);
|
||||||
|
let workAnswerHtml = ``;
|
||||||
|
workAnswerArr.map( (item, index) => {
|
||||||
|
const answerArr = item.answer; //JSON.parse(item.answer);
|
||||||
|
if(item.type == '单选题' || item.type == '多选题'){
|
||||||
|
const answer = answerArr.map( (item) => {
|
||||||
|
return String.fromCharCode(65+Number(item))
|
||||||
|
}).join('');
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index+1}. ${answer}</div>`;
|
||||||
|
}
|
||||||
|
else if(item.type == '填空题' ){
|
||||||
|
const answer = answerArr.join('、');
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index+1}. ${answer}</div>`;
|
||||||
|
}
|
||||||
|
else if(item.type == '判断题' ){
|
||||||
|
const answer = answerArr.map( (item) => {
|
||||||
|
return item === '1' ? '正确' : '错误'
|
||||||
|
}).join('、');
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index+1}. ${answer}</div>`;
|
||||||
|
}
|
||||||
|
else if(item.type == '主观题' ){
|
||||||
|
// 复合题里面的主观题只有一个答案,或没填
|
||||||
|
const answer = answerArr.join('、');
|
||||||
|
if(answerArr[0]){
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index+1}. ${answer}</div>`;
|
||||||
|
}else{
|
||||||
|
workAnswerHtml += `<div style='display:flex;'>${index+1}. ${answer}答案不唯一,请参考分析解答点评!</div>`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
row[i].workanswerFormat = workAnswerHtml;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
else if(row[i].worktype == '主观题' || (row[i].worktype!=='单选题' && row[i].worktype!=='多选题' && row[i].worktype!=='填空题' && row[i].worktype!=='判断题')) {
|
||||||
|
// 处理[选项显示] - 主观题中无选项, 故置空
|
||||||
|
row[i].workdescFormat = '';
|
||||||
|
row[i].workanswerFormat = '';
|
||||||
|
// 答案处理- eg: "\"不唯一的答案,参考\""
|
||||||
|
if (row[i].workanswer && row[i].workanswer != '') {
|
||||||
|
row[i].workanswerFormat = JSON.parse(row[i].workanswer);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// 单选题|多选题|填空题|判断题|主观题?(待确认是否归在这里)
|
||||||
|
// 通用选项结构 ['ABC123','ABC123'] | ['ABC123','ABC123'] | [](填空题无选项) | [](判断题无选项)
|
||||||
|
let workDescArr = [];
|
||||||
|
if (row[i].workdesc.charAt(0) === '[' && row[i].workdesc.charAt(row[i].workdesc.length - 1) === ']') {
|
||||||
|
//123会直接被转换, 且不是数组对象, 故手动判断是否有[和]两个字符
|
||||||
|
workDescArr = JSON.parse(row[i].workdesc);
|
||||||
|
}
|
||||||
|
else if(row[i].workdesc.indexOf('#&') !== -1) {
|
||||||
|
workDescArr = row[i].workdesc.split('#&');
|
||||||
|
}
|
||||||
|
else if(row[i].workdesc.indexOf(',') !== -1){
|
||||||
|
workDescArr = row[i].workdesc.split(',');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// 单字符串直接添加至空数组(待考虑确认)
|
||||||
|
workDescArr.push(row[i].workdesc);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 单选题|多选题|填空题|判断题|主观题?(待确认是否归在这里)
|
||||||
|
// 通用答案结构 ['0'] | ['0','1'] | ['填空1','填空2'] | ['0'/'1']
|
||||||
|
let workAnswerArr = [];
|
||||||
|
if (row[i].workanswer.charAt(0) === '[' && row[i].workanswer.charAt(row[i].workanswer.length - 1) === ']') {
|
||||||
|
// 123会直接被转换, 且不是数组对象, 故手动判断是否有[和]两个字符
|
||||||
|
workAnswerArr = JSON.parse(row[i].workanswer);
|
||||||
|
}
|
||||||
|
else if(row[i].workanswer.indexOf('#&') !== -1) {
|
||||||
|
workAnswerArr = row[i].workanswer.split('#&');
|
||||||
|
}
|
||||||
|
else if(row[i].workanswer.indexOf(',') !== -1){
|
||||||
|
workAnswerArr = row[i].workanswer.split(',');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
// 单字符串直接添加至空数组(待考虑确认)
|
||||||
|
workAnswerArr.push(row[i].workanswer);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 具体题型处理
|
||||||
|
if(row[i].worktype == '单选题' || row[i].worktype == '多选题' ){
|
||||||
|
// 处理[选项显示] - 拼接ABCD首序号
|
||||||
|
let tmp = '';
|
||||||
|
let j=0;
|
||||||
|
for(; j<workDescArr.length; j++){
|
||||||
|
if(j%2 == 0){
|
||||||
|
tmp += `<div style='width:80%;display:flex;'>`;
|
||||||
|
}
|
||||||
|
const char = String.fromCharCode(65+j);
|
||||||
|
tmp += `<div style='display:flex;margin-left: 2%; width: 36%'>${char}.${workDescArr[j]}</div>`;
|
||||||
|
if(j%2 == 1){
|
||||||
|
tmp += '</div>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if(j%2== 0){
|
||||||
|
tmp += '</div>';
|
||||||
|
}
|
||||||
|
row[i].workdescFormat = tmp;
|
||||||
|
|
||||||
|
// 处理[答案显示] - 转换ABCD
|
||||||
|
let arr2Char = workAnswerArr.map( (item) => {
|
||||||
|
return String.fromCharCode(65+Number(item))
|
||||||
|
}).join('');
|
||||||
|
row[i].workanswerFormat = arr2Char;
|
||||||
|
}
|
||||||
|
else if(row[i].worktype == '填空题'){
|
||||||
|
// 处理[选项显示] - 填空题中无选项, 故置空
|
||||||
|
row[i].workdescFormat = '';
|
||||||
|
|
||||||
|
// 处理[答案显示] - 逗号连接
|
||||||
|
row[i].workanswerFormat = workAnswerArr.join('、');
|
||||||
|
}
|
||||||
|
else if(row[i].worktype == '判断题'){
|
||||||
|
// 处理[选项显示] - 判断题中无选项, 故置空
|
||||||
|
row[i].workdescFormat = '';
|
||||||
|
|
||||||
|
// 处理[答案显示] - 1-正常 0-错误
|
||||||
|
const answer = workAnswerArr.map( (item) => {
|
||||||
|
return item === '1' ? '正确' : '错误'
|
||||||
|
}).join('、');
|
||||||
|
row[i].workanswerFormat = answer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -104,6 +104,9 @@ const switchPageMode = () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
|
window.addEventListener('focus', () => {
|
||||||
|
console.log(11111111111111)
|
||||||
|
})
|
||||||
const isDev = process.env.NODE_ENV == 'development'
|
const isDev = process.env.NODE_ENV == 'development'
|
||||||
// toolState.showBoardAll = false // 隐藏画板
|
// toolState.showBoardAll = false // 隐藏画板
|
||||||
toolState.isPdfWin=true //设置打开pdf窗口
|
toolState.isPdfWin=true //设置打开pdf窗口
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
<template v-for="(item,index) in classList" :key="index">
|
<template v-for="(item,index) in classList" :key="index">
|
||||||
<el-sub-menu :index="`${index}`">
|
<el-sub-menu :index="`${index}`">
|
||||||
<template #title>
|
<template #title>
|
||||||
<span style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{item.caption}}</span>
|
<span style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" @click="menuClick(item,index)">{{item.caption}}</span>
|
||||||
</template>
|
</template>
|
||||||
<el-menu-item-group>
|
<el-menu-item-group>
|
||||||
<el-menu-item v-for="(items,routerIndex) in menuItems" :key="`${routerIndex}`" :index="`${items.index}-${item.id}`">{{items.title}}</el-menu-item>
|
<el-menu-item v-for="(items,routerIndex) in menuItems" :key="`${routerIndex}`" :index="`${items.index}-${item.id}`">{{items.title}}</el-menu-item>
|
||||||
|
@ -33,6 +33,7 @@ const emits = defineEmits(['handleSelect'])
|
||||||
|
|
||||||
//点击跳转路由
|
//点击跳转路由
|
||||||
const handleSelect = (itemDom,pathKey) => {
|
const handleSelect = (itemDom,pathKey) => {
|
||||||
|
console.log(itemDom,pathKey)
|
||||||
const parts = pathKey[1].split("-")
|
const parts = pathKey[1].split("-")
|
||||||
const result = parts.slice(0, 2).join("-")
|
const result = parts.slice(0, 2).join("-")
|
||||||
const index = props.menuItems.findIndex(item=>item.index===result)
|
const index = props.menuItems.findIndex(item=>item.index===result)
|
||||||
|
@ -43,6 +44,18 @@ const handleSelect = (itemDom,pathKey) => {
|
||||||
// })
|
// })
|
||||||
emits('handleSelect',{index,id})
|
emits('handleSelect',{index,id})
|
||||||
}
|
}
|
||||||
|
const menuClick = (item,index) => {
|
||||||
|
// 获取当前点击的 el-sub-menu 元素
|
||||||
|
const currentSubMenu = document.getElementsByClassName('el-sub-menu');
|
||||||
|
|
||||||
|
// 检查是否有 is-open 类
|
||||||
|
if (!currentSubMenu[index].classList.contains('is-opened')) {
|
||||||
|
//点击以及菜单初始化跳转当前班级
|
||||||
|
const str = `1-1-${item.id}`
|
||||||
|
const arr = [String(index),str]
|
||||||
|
handleSelect(str,arr)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
@ -12,6 +12,11 @@
|
||||||
<!-- <el-button @click="addClass" type="primary" :icon="Plus" >新增班级</el-button>-->
|
<!-- <el-button @click="addClass" type="primary" :icon="Plus" >新增班级</el-button>-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<!-- </template>-->
|
<!-- </template>-->
|
||||||
|
<template #footer>
|
||||||
|
<div>
|
||||||
|
<el-button @click="addClass" type="primary" :icon="Plus" >加入班级</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-aside>
|
</el-aside>
|
||||||
<el-main :style="{'min-height': (viewportHeight - 160) + 'px'}">
|
<el-main :style="{'min-height': (viewportHeight - 160) + 'px'}">
|
||||||
|
@ -28,7 +33,7 @@
|
||||||
</el-main>
|
</el-main>
|
||||||
</el-container>
|
</el-container>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog v-model="dialogVisible" title="新增班级" width="50%">
|
<el-dialog v-model="dialogVisible" title="新增班级" width="50%" append-to-body>
|
||||||
<el-form
|
<el-form
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
label-width="auto"
|
label-width="auto"
|
||||||
|
@ -36,30 +41,45 @@
|
||||||
:rules="rules"
|
:rules="rules"
|
||||||
ref="myForm"
|
ref="myForm"
|
||||||
>
|
>
|
||||||
<el-form-item label="班级名称" style="margin-right: 10px;width: 50%" prop="caption">
|
<!-- <el-form-item label="班级名称" style="margin-right: 10px;width: 50%" prop="caption">-->
|
||||||
<el-input v-model="classForm.caption" placeholder="请输入班级名称"></el-input>
|
<!-- <el-input v-model="classForm.caption" placeholder="请输入班级名称"></el-input>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- <el-form-item label="任选学科" style="margin-right: 10px;">-->
|
||||||
|
<!-- <el-radio-group v-model="classForm.edusubject" class="ml-4">-->
|
||||||
|
<!-- <template v-for="(item, index) in courseList" :key="index">-->
|
||||||
|
<!-- <el-radio v-if="item.edustage == userStore.edustage" :value="item.itemtitle">{{ item.itemtitle }}</el-radio>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
<!-- </el-radio-group>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- <el-form-item label="年级" style="margin-right: 10px;" prop="agekey">-->
|
||||||
|
<!-- <el-radio-group v-model="classForm.edudegree">-->
|
||||||
|
<!-- <template v-for="(item,index) in gradeList" :key="index">-->
|
||||||
|
<!-- <el-radio v-if="item.edustage == userStore.edustage" :value="item.value">{{ item.label }}</el-radio>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
<!-- </el-radio-group>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- <el-form-item label="老师" prop="teacherid">-->
|
||||||
|
<!-- {{ userStore.nickName }}-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- <el-form-item label="简要说明" style="margin-right: 10px;" prop="classdesc">-->
|
||||||
|
<!-- <el-input v-model="classForm.classdesc" placeholder="请输入简要说明"></el-input>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<el-form-item label="老师" style="margin-right: 10px;width: 50%">
|
||||||
|
<el-text>
|
||||||
|
{{userStore.nickName}}
|
||||||
|
</el-text>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="任选学科" style="margin-right: 10px;">
|
<el-form-item label="班级">
|
||||||
<el-radio-group v-model="classForm.edusubject" class="ml-4">
|
<el-tree-select
|
||||||
<template v-for="(item, index) in courseList" :key="index">
|
v-model="classids"
|
||||||
<el-radio v-if="item.edustage == userStore.edustage" :value="item.itemtitle">{{ item.itemtitle }}</el-radio>
|
:data="gradeTree"
|
||||||
</template>
|
multiple
|
||||||
</el-radio-group>
|
:render-after-expand="false"
|
||||||
</el-form-item>
|
style="width: 240px"
|
||||||
<el-form-item label="年级" style="margin-right: 10px;" prop="agekey">
|
/>
|
||||||
<el-radio-group v-model="classForm.edudegree">
|
|
||||||
<template v-for="(item,index) in gradeList" :key="index">
|
|
||||||
<el-radio v-if="item.edustage == userStore.edustage" :value="item.value">{{ item.label }}</el-radio>
|
|
||||||
</template>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="老师" prop="teacherid">
|
|
||||||
{{ userStore.nickName }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="简要说明" style="margin-right: 10px;" prop="classdesc">
|
|
||||||
<el-input v-model="classForm.classdesc" placeholder="请输入简要说明"></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
<el-button type="primary" @click="btnSave">确 定</el-button>
|
<el-button type="primary" @click="btnSave">确 定</el-button>
|
||||||
|
@ -69,7 +89,7 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {ref, onMounted, reactive,watch,nextTick} from 'vue'
|
import {ref, onMounted, reactive,watch,nextTick} from 'vue'
|
||||||
import {listClassmain, addClassmain, listEvaluation} from '@/api/classManage/index'
|
import {listClassmain, addClassmain, listEvaluation,addClasses} from '@/api/classManage/index'
|
||||||
import { Plus } from '@element-plus/icons-vue'
|
import { Plus } from '@element-plus/icons-vue'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import {ElMessage} from "element-plus";
|
import {ElMessage} from "element-plus";
|
||||||
|
@ -134,6 +154,8 @@
|
||||||
])
|
])
|
||||||
//打开班级
|
//打开班级
|
||||||
const dialogVisible = ref(false)
|
const dialogVisible = ref(false)
|
||||||
|
//班级列表
|
||||||
|
const gradeTree = ref([])
|
||||||
//校验表单
|
//校验表单
|
||||||
const myForm = ref(null)
|
const myForm = ref(null)
|
||||||
const rules = reactive({
|
const rules = reactive({
|
||||||
|
@ -142,78 +164,147 @@
|
||||||
{ min: 1, max: 10, message: '班级名称必须是 1-10 位 的字符', trigger: 'blur' }
|
{ min: 1, max: 10, message: '班级名称必须是 1-10 位 的字符', trigger: 'blur' }
|
||||||
],
|
],
|
||||||
})
|
})
|
||||||
|
const newGradeList = reactive([
|
||||||
|
[
|
||||||
|
{ label: '一年级', agekey: 1, checked: false, current: 1 },
|
||||||
|
{ label: '二年级', agekey: 2, checked: false, current: 1 },
|
||||||
|
{ label: '三年级', agekey: 3, checked: false, current: 1 },
|
||||||
|
{ label: '四年级', agekey: 4, checked: false, current: 1 },
|
||||||
|
{ label: '五年级', agekey: 5, checked: false, current: 1 },
|
||||||
|
{ label: '六年级', agekey: 6, checked: false, current: 1 },
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{ label: '初一', agekey: 7, checked: false, current: 2 },
|
||||||
|
{ label: '初二', agekey: 8, checked: false, current: 2 },
|
||||||
|
{ label: '初三', agekey: 9, checked: false, current: 2 },
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{ label: '高一', agekey: 10, checked: false, current: 3 },
|
||||||
|
{ label: '高二', agekey: 11, checked: false, current: 3 },
|
||||||
|
{ label: '高三', agekey: 12, checked: false, current: 3 },
|
||||||
|
],
|
||||||
|
])
|
||||||
|
//选择的班级
|
||||||
|
const classids = ref('')
|
||||||
|
|
||||||
// 获取班级信息
|
// 获取班级信息
|
||||||
const getClassInfo = () => {
|
const getClassInfo = () => {
|
||||||
classList.value = []
|
classList.value = []
|
||||||
listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' }).then(response => {
|
listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' }).then(response => {
|
||||||
// response.rows.forEach(item => {
|
|
||||||
// if(item.teacherid && Number(item.teacherid) === userStore.userId){
|
|
||||||
// classList.value.push(item)
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
classList.value = [...response.rows]
|
classList.value = [...response.rows]
|
||||||
|
//这里获取组装所有班级
|
||||||
|
gradeTree.value = groupByCondition(response.rows, item => item.agekey);
|
||||||
if(classList.value.length > 0){
|
if(classList.value.length > 0){
|
||||||
classId.value = classList.value[0].id
|
classId.value = classList.value[0].id
|
||||||
currentIndex.value = 0
|
currentIndex.value = 0
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
//获取所有学科
|
//将所有班级筛选成二级的数组
|
||||||
const getCourseList = () => {
|
function groupByCondition(arr, condition) {
|
||||||
// 获取基础的学科
|
// 分组结果存储为对象
|
||||||
listEvaluation({ itemkey: "subject", pageSize: 500 }).then((res) => {
|
const groups = arr.reduce((groups, item) => {
|
||||||
courseList.value = [...res.rows];
|
const groupKey = condition(item);
|
||||||
});
|
item.label = item.caption
|
||||||
|
item.value = item.id
|
||||||
|
groups[groupKey] = groups[groupKey] || [];
|
||||||
|
groups[groupKey].push(item);
|
||||||
|
return groups;
|
||||||
|
}, {});
|
||||||
|
// 构建新的数据结构
|
||||||
|
const formattedGroups = Object.keys(groups).map(key => ({
|
||||||
|
label: gradeName(key),
|
||||||
|
value:key,
|
||||||
|
children: groups[key]
|
||||||
|
}));
|
||||||
|
return formattedGroups;
|
||||||
}
|
}
|
||||||
|
//key对应学段年级
|
||||||
|
function gradeName(key){
|
||||||
|
//先把二级数组转化为一级数组,用于筛选
|
||||||
|
const flatGradeDataList = newGradeList.flat();
|
||||||
|
const currentIndex = flatGradeDataList.findIndex(item => item.agekey === Number(key));
|
||||||
|
if(currentIndex !== -1){
|
||||||
|
return flatGradeDataList[currentIndex].label;
|
||||||
|
}else{
|
||||||
|
//社团的处理
|
||||||
|
const defaultLabel = '社团';
|
||||||
|
flatGradeDataList[currentIndex] = { ...flatGradeDataList[currentIndex], label: defaultLabel };
|
||||||
|
return defaultLabel;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//获取所有学科
|
||||||
|
// const getCourseList = () => {
|
||||||
|
// // 获取基础的学科
|
||||||
|
// listEvaluation({ itemkey: "subject", pageSize: 500 }).then((res) => {
|
||||||
|
// courseList.value = [...res.rows];
|
||||||
|
// });
|
||||||
|
// }
|
||||||
// 新增班级
|
// 新增班级
|
||||||
const addClass = () => {
|
const addClass = () => {
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
getCourseList()
|
// getCourseList()
|
||||||
}
|
}
|
||||||
|
// const btnSave = () => {
|
||||||
|
// myForm.value.validate((valid) => {
|
||||||
|
// if (valid) {
|
||||||
|
// //查看班级是否重名
|
||||||
|
// listClassmain({ entpid: userStore.deptId, status: 'open', pageSize: 500 }).then(response => {
|
||||||
|
// const data = [...response.rows]
|
||||||
|
// const existList = [];
|
||||||
|
// data.forEach(item => {
|
||||||
|
// if (parseInt(textSimilar(item.caption, classForm.caption, 2)) > 80) {
|
||||||
|
// existList.push(item);
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
//
|
||||||
|
// if (existList.length == 0) {
|
||||||
|
// const age = classForm.edudegree;
|
||||||
|
// const index = gradeList.value.findIndex(item => item.label === age);
|
||||||
|
// classForm.agekey = gradeList.value[index].agekey
|
||||||
|
// classForm.edudegree = `${gradeList.value[index].agekey}年级`
|
||||||
|
// classForm.entpid = userStore.deptId;
|
||||||
|
// classForm.status = 'open';
|
||||||
|
// classForm.teachername = userStore.nickName;
|
||||||
|
// classForm.teacherid = userStore.userId;
|
||||||
|
// classForm.teacherSubject = classForm.edusubject;
|
||||||
|
// addClassmain(classForm).then(response => {
|
||||||
|
// if (response.code === 200) {
|
||||||
|
// dialogVisible.value = false
|
||||||
|
// ElMessage({
|
||||||
|
// message: '新增成功',
|
||||||
|
// type: 'success',
|
||||||
|
// })
|
||||||
|
// getClassInfo()
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// }else{
|
||||||
|
// ElMessage({
|
||||||
|
// message: '班级名称重复',
|
||||||
|
// type: 'warning',
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
//新增班级
|
||||||
const btnSave = () => {
|
const btnSave = () => {
|
||||||
myForm.value.validate((valid) => {
|
addClasses({classIds:classids.value.join(','),regId:userStore.userId}).then(res => {
|
||||||
if (valid) {
|
if (res.code === 200) {
|
||||||
//查看班级是否重名
|
|
||||||
listClassmain({ entpid: userStore.deptId, status: 'open', pageSize: 500 }).then(response => {
|
|
||||||
const data = [...response.rows]
|
|
||||||
const existList = [];
|
|
||||||
data.forEach(item => {
|
|
||||||
if (parseInt(textSimilar(item.caption, classForm.caption, 2)) > 80) {
|
|
||||||
existList.push(item);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
if (existList.length == 0) {
|
|
||||||
const age = classForm.edudegree;
|
|
||||||
const index = gradeList.value.findIndex(item => item.label === age);
|
|
||||||
classForm.agekey = gradeList.value[index].agekey
|
|
||||||
classForm.edudegree = `${gradeList.value[index].agekey}年级`
|
|
||||||
classForm.entpid = userStore.deptId;
|
|
||||||
classForm.status = 'open';
|
|
||||||
classForm.teachername = userStore.nickName;
|
|
||||||
classForm.teacherid = userStore.userId;
|
|
||||||
classForm.teacherSubject = classForm.edusubject;
|
|
||||||
addClassmain(classForm).then(response => {
|
|
||||||
if (response.code === 200) {
|
|
||||||
dialogVisible.value = false
|
dialogVisible.value = false
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: '新增成功',
|
message: res.msg,
|
||||||
type: 'success',
|
type: 'success',
|
||||||
})
|
})
|
||||||
getClassInfo()
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}else{
|
}else{
|
||||||
ElMessage({
|
ElMessage({
|
||||||
message: '班级名称重复',
|
message: res.msg,
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
|
||||||
}
|
|
||||||
//文本计算
|
//文本计算
|
||||||
const textSimilar = (s, t, f) => {
|
const textSimilar = (s, t, f) => {
|
||||||
if (!s || !t) {
|
if (!s || !t) {
|
||||||
|
|
|
@ -1,15 +1,15 @@
|
||||||
<template>
|
<template>
|
||||||
<div style="height: 100%">
|
<div style="height: 100%">
|
||||||
<el-card style="width: 100%;height: 100%;overflow-y: auto">
|
<el-card style="width: 100%;height: 100%;overflow-y: auto">
|
||||||
<template #header>
|
<!-- <template #header>-->
|
||||||
<div style="text-align: left;display: flex;justify-content: space-between">
|
<!-- <div style="text-align: left;display: flex;justify-content: space-between">-->
|
||||||
<!-- <div>-->
|
<!--<!– <div>–>-->
|
||||||
<!-- <el-button type="primary" @click="addStudent(0)">新增学生</el-button>-->
|
<!--<!– <el-button type="primary" @click="addStudent(0)">新增学生</el-button>–>-->
|
||||||
<!-- <el-button type="primary" @click="importStudent()">导入学生</el-button>-->
|
<!--<!– <el-button type="primary" @click="importStudent()">导入学生</el-button>–>-->
|
||||||
|
<!--<!– </div>–>-->
|
||||||
|
<!--<!– <el-text class="mx-1">点击学生头像查看学生信息</el-text>–>-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<el-text class="mx-1">点击学生头像查看学生信息</el-text>
|
<!-- </template>-->
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div>
|
<div>
|
||||||
<div class="studentContent">
|
<div class="studentContent">
|
||||||
<template v-if="studentList.length > 0">
|
<template v-if="studentList.length > 0">
|
||||||
|
|
|
@ -0,0 +1,411 @@
|
||||||
|
<!--
|
||||||
|
* @Author: 苦逼程序猿
|
||||||
|
* @Date: 2024-09-06 16:58:59
|
||||||
|
* @Warning: 千行代码,Bug露锋芒。
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<el-container class="class-reserv-wrap">
|
||||||
|
<div class="class-reserv-tabs">
|
||||||
|
<el-segmented v-model="tabActive" block :options="tabOptions" size="large" />
|
||||||
|
</div>
|
||||||
|
<div class="class-reserv-body">
|
||||||
|
<task-item
|
||||||
|
v-for="(item, index) in activeDataList"
|
||||||
|
v-show="tabActive === '进行中'"
|
||||||
|
:key="index"
|
||||||
|
:item="item"
|
||||||
|
:tabactive="tabActive"
|
||||||
|
@click="onClickItem(item)"
|
||||||
|
@delete-reserv="deleteReserv(item)"
|
||||||
|
></task-item>
|
||||||
|
<task-item
|
||||||
|
v-for="(item, index) in doneDataList"
|
||||||
|
v-show="tabActive === '已结束'"
|
||||||
|
:key="index"
|
||||||
|
:item="item"
|
||||||
|
:tabactive="tabActive"
|
||||||
|
@click="onClickItem(item)"
|
||||||
|
@delete-reserv="deleteReserv(item)"
|
||||||
|
></task-item>
|
||||||
|
</div>
|
||||||
|
<item-dialog ref="itemDialogRef" @cle-click="closeDialog"></item-dialog>
|
||||||
|
</el-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, onMounted, onUnmounted, computed, watch, reactive } from 'vue'
|
||||||
|
import { getSelfReserv } from '@/api/classManage'
|
||||||
|
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 ItemDialog from '@/views/classTask/container/item-dialog.vue'
|
||||||
|
import { useToolState } from '@/store/modules/tool'
|
||||||
|
import { sessionStore } from '@/utils/tool'
|
||||||
|
import useUserStore from '@/store/modules/user'
|
||||||
|
const userStore = useUserStore().user
|
||||||
|
const itemDialogRef = ref(null)
|
||||||
|
const tabOptions = ref(['进行中', '已结束'])
|
||||||
|
const tabActive = ref('进行中')
|
||||||
|
const dataList = ref([])
|
||||||
|
|
||||||
|
// 班级列表
|
||||||
|
const classList = ref([])
|
||||||
|
const classListIds = ref([])
|
||||||
|
// 所有班级作业列表
|
||||||
|
const classWorkList = ref([])
|
||||||
|
const total = ref(0)
|
||||||
|
const loading = ref(false)
|
||||||
|
|
||||||
|
const activeDataList = computed(() => {
|
||||||
|
// return classWorkList.value
|
||||||
|
// 当前时间超过[作业任务]截止时间的跳过
|
||||||
|
return classWorkList.value && classWorkList.value.filter((item) => getDateTime > item.deaddate)
|
||||||
|
})
|
||||||
|
const deleteReserv = (item) => {
|
||||||
|
console.log('删除待开发', item)
|
||||||
|
// dataList.value = dataList.value.filter((is) => {
|
||||||
|
// return is.id !== item.id
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
const doneDataList = computed(() => {
|
||||||
|
// return classWorkList.value
|
||||||
|
return classWorkList.value && classWorkList.value.filter((item) => getDateTime < item.deaddate)
|
||||||
|
})
|
||||||
|
|
||||||
|
// 获取数据
|
||||||
|
const getData = () => {
|
||||||
|
// 获取班级列表
|
||||||
|
listClassmain({ classuserid: userStore.userId, pageSize: 100, status: 'open' }).then((res) => {
|
||||||
|
var clslist = []
|
||||||
|
for (var i = 0; i < res.rows.length; i++) {
|
||||||
|
if (res.rows[i].classstudentlist != '') {
|
||||||
|
var array = JSON.parse('[' + res.rows[i].classstudentlist + ']')
|
||||||
|
res.rows[i].classstudents = array
|
||||||
|
}
|
||||||
|
classListIds.value.push(res.rows[i].id)
|
||||||
|
clslist.push(res.rows[i])
|
||||||
|
}
|
||||||
|
classList.value = clslist
|
||||||
|
|
||||||
|
// 班级作业数据,包含多个班级
|
||||||
|
homeworklist({
|
||||||
|
classidarray: classListIds.value.join(','),
|
||||||
|
//entpcourseid: '', // 章节id? 这里要全课程的作业 不分章节? 根据学段学科查询所有的作业
|
||||||
|
edustage: userStore.edustage,// 学段
|
||||||
|
edusubject: userStore.edusubject,//学科
|
||||||
|
orderby: 'uniquekey DESC',
|
||||||
|
pageSize: 100
|
||||||
|
}).then((response) => {
|
||||||
|
for (var i = 0; i < response.rows.length; i++) {
|
||||||
|
// 初始化部分新增字段值
|
||||||
|
response.rows[i].workdatalist = []
|
||||||
|
response.rows[i].workdatacount = 0 // 人数
|
||||||
|
response.rows[i].workdatalistVisible = false
|
||||||
|
response.rows[i].workdatafeedbackcount = 0 // 已交人数
|
||||||
|
response.rows[i].feedtimelength = 0
|
||||||
|
response.rows[i].rightAnswerCount = 0
|
||||||
|
response.rows[i].scoingRate = 0 + '%' // 得分率
|
||||||
|
response.rows[i].averagetime = 0 // 平均用时
|
||||||
|
|
||||||
|
// ----------------------------------------------
|
||||||
|
// 处理任务类型的UI
|
||||||
|
if (response.rows[i].worktype == '学习目标定位') {
|
||||||
|
response.rows[i].workclass = 'success'
|
||||||
|
response.rows[i].workcodesList = JSON.parse(response.rows[i].workcodes)
|
||||||
|
} else if (response.rows[i].worktype == '教材研读') {
|
||||||
|
response.rows[i].workclass = 'primary'
|
||||||
|
} else if (response.rows[i].worktype == '框架梳理') {
|
||||||
|
response.rows[i].workclass = 'warning'
|
||||||
|
} else if (response.rows[i].worktype == '学科定位') {
|
||||||
|
response.rows[i].workclass = 'info'
|
||||||
|
} else if (response.rows[i].worktype == '习题训练') {
|
||||||
|
response.rows[i].workclass = 'danger'
|
||||||
|
} else {
|
||||||
|
response.rows[i].workclass = ''
|
||||||
|
}
|
||||||
|
// 如果是习题训练任务,则检查一共有多少道
|
||||||
|
if (response.rows[i].entpcourseworklist != '') {
|
||||||
|
response.rows[i].entpcourseworklistarray = JSON.parse(
|
||||||
|
'[' + response.rows[i].entpcourseworklist + ']'
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
response.rows[i].entpcourseworklistarray = []
|
||||||
|
}
|
||||||
|
// 根据 classworkdatastudentids 初始化判断分配的人数
|
||||||
|
if (
|
||||||
|
response.rows[i].classworkdatastudentids != '' &&
|
||||||
|
response.rows[i].classworkdatastudentids != null &&
|
||||||
|
response.rows[i].classworkdatastudentids != 'null'
|
||||||
|
) {
|
||||||
|
const stuList = JSON.parse('[' + response.rows[i].classworkdatastudentids + ']')
|
||||||
|
response.rows[i].workdatacount = stuList.length
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 显示分配人数(workdatacount)>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 && item.uniquekey == '语文-0808-1')
|
||||||
|
//TODO: 这里没分页,貌似这个 total 不重要,后续看
|
||||||
|
total.value = response.total
|
||||||
|
}
|
||||||
|
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长度不一致,
|
||||||
|
* 故这里需循环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 = (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 = () => {
|
||||||
|
// 再查找多个班级里,每个学生的作业数据
|
||||||
|
listClassworkdata({
|
||||||
|
classids: classListIds.value.join(','),
|
||||||
|
//entpcourseid: '', // 章节id? 这里要全课程的作业 不分章节? 根据学段学科查询所有的作业
|
||||||
|
edustage: userStore.edustage,// 学段
|
||||||
|
edusubject: userStore.edusubject,//学科
|
||||||
|
orderby: "deaddate DESC",
|
||||||
|
pageSize: 1000
|
||||||
|
}).then((res) => {
|
||||||
|
for (var t = 0; t < classWorkList.value.length; t++) {
|
||||||
|
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) {
|
||||||
|
console.log('==================')
|
||||||
|
// 有几个学生完成/正在完成学习任务
|
||||||
|
// 至少resultcount不是0
|
||||||
|
classWorkList.value[t].workdatafeedbackcount++
|
||||||
|
|
||||||
|
// 在参与学习任务的人中,汇总计算用时
|
||||||
|
classWorkList.value[t].feedtimelength += parseInt(res.rows[i].finishtimelength)
|
||||||
|
|
||||||
|
// 计算得分率
|
||||||
|
if (
|
||||||
|
res.rows[i].classworkevallist != '' &&
|
||||||
|
res.rows[i].classworkevallist != null &&
|
||||||
|
res.rows[i].classworkevallist != 'null'
|
||||||
|
) {
|
||||||
|
let replacedString = res.rows[i].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(res.rows[i].classworkevallist).replace(
|
||||||
|
/"(\[.*\])"/g,
|
||||||
|
'$1'
|
||||||
|
)
|
||||||
|
replacedString = escapeHtmlQuotes(res.rows[i].classworkevallist)
|
||||||
|
var evalarray
|
||||||
|
try {
|
||||||
|
evalarray = JSON.parse('[' + res.rows[i].classworkevallist + ']')
|
||||||
|
} catch {
|
||||||
|
evalarray = JSON.parse('[' + replacedString + ']')
|
||||||
|
}
|
||||||
|
|
||||||
|
for (var e = 0; e < evalarray.length; e++) {
|
||||||
|
if (res.rows[i].worktype == '常规作业') {
|
||||||
|
evalarray[e].feedcontent = escapeHtmlQuotes(evalarray[e].feedcontent).replace(
|
||||||
|
/"(\[.*\])"/g,
|
||||||
|
'$1'
|
||||||
|
)
|
||||||
|
evalarray[e].feedcontent = escapeHtmlQuotes(evalarray[e].feedcontent)
|
||||||
|
}
|
||||||
|
if (evalarray[e].feedcontent == evalarray[e].rightanswer) {
|
||||||
|
// 正确,得分
|
||||||
|
classWorkList.value[t].rightAnswerCount++
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 当前这个学习任务,共推送给了几个学生,workdatacount
|
||||||
|
if (res.rows[i].classworkid == classWorkList.value[t].id) {
|
||||||
|
classWorkList.value[t].workdatalist.push(res.rows[i])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 计算完成进度 workdatacount人数要大于0
|
||||||
|
if (
|
||||||
|
classWorkList.value[t].workdataresultcount > 0 &&
|
||||||
|
classWorkList.value[t].workdatacount > 0
|
||||||
|
) {
|
||||||
|
classWorkList.value[t].finishpercent = parseInt(
|
||||||
|
(classWorkList.value[t].workdataresultcount / classWorkList.value[t].workdatacount) * 100
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
classWorkList.value[t].finishpercent = 0
|
||||||
|
}
|
||||||
|
|
||||||
|
// 以下四个参数,都要计算
|
||||||
|
// 2024-04-12,酉阳,by jackyshen
|
||||||
|
|
||||||
|
// 计算参与学习任务的平均用时
|
||||||
|
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
|
||||||
|
}
|
||||||
|
|
||||||
|
// 计算批阅异常,需要获取每个题目的类型,找出主观题
|
||||||
|
// 暂缓
|
||||||
|
|
||||||
|
// 计算平均得分率: 正确题数/(题目总数*学生人数)*100
|
||||||
|
if (
|
||||||
|
classWorkList.value[t].entpcourseworklistarray &&
|
||||||
|
classWorkList.value[t].entpcourseworklistarray.length > 0
|
||||||
|
) {
|
||||||
|
var dd =
|
||||||
|
(classWorkList.value[t].rightAnswerCount /
|
||||||
|
(classWorkList.value[t].entpcourseworklistarray.length *
|
||||||
|
classWorkList.value[t].workdatacount)) *
|
||||||
|
100
|
||||||
|
classWorkList.value[t].scoingRate = dd.toFixed(0) + '%'
|
||||||
|
} else {
|
||||||
|
classWorkList.value[t].scoingRate = '0%'
|
||||||
|
}
|
||||||
|
// 设定典型作答,需要获取每个题目的类型,找出主观题
|
||||||
|
// 暂缓
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => [dataList, toolStore.isToolWin],
|
||||||
|
() => {
|
||||||
|
console.log('====', toolStore)
|
||||||
|
setTimeout(() => {
|
||||||
|
getData() // 加载数据
|
||||||
|
}, 300)
|
||||||
|
}
|
||||||
|
)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.class-reserv-wrap {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 15px 30px;
|
||||||
|
.class-reserv-tabs {
|
||||||
|
width: 30%;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.class-reserv-body {
|
||||||
|
height: 100%;
|
||||||
|
flex: 1;
|
||||||
|
overflow: auto;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -0,0 +1,68 @@
|
||||||
|
<template>
|
||||||
|
<div class="common-layout" style="width: 100%; height: 73vh;">
|
||||||
|
<el-container>
|
||||||
|
<el-container>
|
||||||
|
<el-header style="height: auto">
|
||||||
|
<!--学情分布-->
|
||||||
|
<el-card>
|
||||||
|
<template #header>
|
||||||
|
<div style="font-size: 20px;font-weight: bold">
|
||||||
|
学情分布
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<Distribution></Distribution>
|
||||||
|
</el-card>
|
||||||
|
</el-header>
|
||||||
|
<el-main>
|
||||||
|
<!-- 时长分析-->
|
||||||
|
<el-card>
|
||||||
|
<template #header>
|
||||||
|
<div style="font-size: 20px;font-weight: bold">
|
||||||
|
时长分析
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<TimeAnalyse></TimeAnalyse>
|
||||||
|
</el-card>
|
||||||
|
</el-main>
|
||||||
|
<el-footer style="height: auto;margin-bottom: 20px;">
|
||||||
|
<!--知识点概况-->
|
||||||
|
<el-card>
|
||||||
|
<template #header>
|
||||||
|
<div style="font-size: 20px;font-weight: bold">
|
||||||
|
知识点概览
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<Konwledge></Konwledge>
|
||||||
|
</el-card>
|
||||||
|
</el-footer>
|
||||||
|
</el-container>
|
||||||
|
</el-container>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import Distribution from '@/views/classTask/container/classOverview/distribution.vue'
|
||||||
|
import Konwledge from '@/views/classTask/container/classOverview/knowledge.vue'
|
||||||
|
import TimeAnalyse from '@/views/classTask/container/classOverview/timeAnalyse.vue'
|
||||||
|
import {defineProps,watch} from 'vue'
|
||||||
|
import overviewStore from "@/store/modules/overview";
|
||||||
|
// import {getBindlist} from "@/api/education/knowledgePoint";
|
||||||
|
const useOverview = overviewStore()
|
||||||
|
const props = defineProps({
|
||||||
|
tableList: {
|
||||||
|
type: Array,
|
||||||
|
default: () => {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// evalId:{
|
||||||
|
// type: Number,
|
||||||
|
// default: 0
|
||||||
|
// }
|
||||||
|
})
|
||||||
|
watch(() => props.tableList,() => {
|
||||||
|
useOverview.getTableList(props.tableList)
|
||||||
|
},{deep:true})
|
||||||
|
</script>
|
|
@ -0,0 +1,23 @@
|
||||||
|
<template>
|
||||||
|
<div class="common-layout">
|
||||||
|
<el-container>
|
||||||
|
<el-aside width="400px">
|
||||||
|
<!-- 柱状图学情分布-->
|
||||||
|
<Echarts></Echarts>
|
||||||
|
</el-aside>
|
||||||
|
<el-main>
|
||||||
|
<!-- 列表分布的人员-->
|
||||||
|
<StuList></StuList>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import Echarts from '@/views/classTask/container/classOverview/distribution/echarts.vue'
|
||||||
|
import StuList from "@/views/classTask/container/classOverview/distribution/stuList.vue";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
|
@ -0,0 +1,109 @@
|
||||||
|
<template>
|
||||||
|
<div className="chart-container">
|
||||||
|
<div ref="chartRef" className="chart"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {ref,nextTick,watch} from 'vue';
|
||||||
|
import * as echarts from 'echarts';
|
||||||
|
import overviewStore from '@/store/modules/overview'
|
||||||
|
const useOverview = overviewStore()
|
||||||
|
|
||||||
|
// 获取图表容器的引用
|
||||||
|
const chartRef = ref(null);
|
||||||
|
|
||||||
|
// 数据源
|
||||||
|
const dataList = ref([
|
||||||
|
{name: '优', value: 0,rating:1},
|
||||||
|
{name: '优-', value: 0,rating:2},
|
||||||
|
{name: '良', value: 0,rating:3},
|
||||||
|
{name: '良-', value: 0,rating:4},
|
||||||
|
{name: '差', value: 0,rating:5},
|
||||||
|
]);
|
||||||
|
|
||||||
|
// 根据数据生成不同的颜色
|
||||||
|
function getColor(index) {
|
||||||
|
// 这里可以根据值生成不同的颜色
|
||||||
|
const colors = ['#d14a61','#675bba', '#e89110','#008c8c','#5793f3'];
|
||||||
|
return colors[index];
|
||||||
|
}
|
||||||
|
|
||||||
|
// 初始化图表
|
||||||
|
function initChart() {
|
||||||
|
const myChart = echarts.init(chartRef.value);
|
||||||
|
const options = {
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'axis',
|
||||||
|
axisPointer: {
|
||||||
|
type: 'shadow'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
left: '3%',
|
||||||
|
right: '4%',
|
||||||
|
bottom: '3%',
|
||||||
|
containLabel: true
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
type: 'category',
|
||||||
|
data: dataList.value.map(item => item.name),
|
||||||
|
axisTick: {
|
||||||
|
alignWithLabel: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value'
|
||||||
|
},
|
||||||
|
series: [{
|
||||||
|
name: '数据',
|
||||||
|
type: 'bar',
|
||||||
|
barWidth: '30%',
|
||||||
|
data: dataList.value.map(item => item.value),
|
||||||
|
itemStyle: {
|
||||||
|
color: function (params) {
|
||||||
|
// 确保这里返回正确的颜色
|
||||||
|
return getColor(params.dataIndex);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 显示柱子顶部的值
|
||||||
|
label: {
|
||||||
|
show: true,
|
||||||
|
position: 'top',
|
||||||
|
formatter: '{c}人',
|
||||||
|
color: '#333',
|
||||||
|
fontSize: 12
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
};
|
||||||
|
|
||||||
|
myChart.setOption(options);
|
||||||
|
}
|
||||||
|
// 获取表的数据
|
||||||
|
const showEcharts =() => {
|
||||||
|
useOverview.tableList.forEach(item => {
|
||||||
|
const index = dataList.value.findIndex(item1 => item1.rating === item.rating)
|
||||||
|
if(index !== -1)
|
||||||
|
dataList.value[index].value ++
|
||||||
|
})
|
||||||
|
}
|
||||||
|
watch(() => useOverview.tableList,() => {
|
||||||
|
showEcharts()
|
||||||
|
nextTick(() => {
|
||||||
|
initChart();
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.chart-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -0,0 +1,115 @@
|
||||||
|
<template>
|
||||||
|
<el-tabs :tab-position="tabPosition" style="height: 100%" class="demo-tabs" @tabChange="handelChange">
|
||||||
|
<template v-for="(item,index) in leftList" :key="index">
|
||||||
|
<el-tab-pane :label="item.label" style="text-align:left">
|
||||||
|
<template v-if="item.stuList.length > 0">
|
||||||
|
<template v-for="(stuItem,stuIndex) in item.stuList" :key="stuIndex">
|
||||||
|
<el-tag style="margin:5px 10px 0 0" type="primary">{{stuItem.studentname}}</el-tag>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<el-empty description="该分段暂时没有学生" />
|
||||||
|
</template>
|
||||||
|
</el-tab-pane>
|
||||||
|
</template>
|
||||||
|
</el-tabs>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {nextTick, ref, watch} from 'vue'
|
||||||
|
import overviewStore from '@/store/modules/overview'
|
||||||
|
|
||||||
|
const useOverview = overviewStore()
|
||||||
|
const tabPosition = ref('left')
|
||||||
|
const leftList = ref([
|
||||||
|
{
|
||||||
|
label:'优',
|
||||||
|
stuList:[],
|
||||||
|
rating:1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label:'优-',
|
||||||
|
stuList:[],
|
||||||
|
rating:2
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label:'良',
|
||||||
|
stuList:[],
|
||||||
|
rating:3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label:'良-',
|
||||||
|
stuList:[],
|
||||||
|
rating:4
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label:'差',
|
||||||
|
stuList:[],
|
||||||
|
rating:5
|
||||||
|
},
|
||||||
|
])
|
||||||
|
//切换展示区域学生
|
||||||
|
const handelChange = (item) => {
|
||||||
|
showStudents(item)
|
||||||
|
}
|
||||||
|
//取区域的学生
|
||||||
|
const showStudents = (index) => {
|
||||||
|
console.log(useOverview.tableList,'lef')
|
||||||
|
leftList.value[index].stuList = useOverview.tableList.filter(item => {
|
||||||
|
if(item.rating == leftList.value[index].rating) return item
|
||||||
|
})
|
||||||
|
}
|
||||||
|
watch(() => useOverview.tableList,() => {
|
||||||
|
showStudents(0)
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
:deep(.el-tabs__item) {
|
||||||
|
position: relative; /* 使 ::before 相对于自身定位 */
|
||||||
|
padding-left: 24px; /* 增加左边距以留出圆圈的位置 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 圆圈样式 */
|
||||||
|
:deep(.el-tabs__item::before) {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 2px solid #409eff; /* 创建空心圆圈 */
|
||||||
|
background-color: transparent; /* 设置背景颜色为透明 */
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
/* 根据索引设置不同的颜色 */
|
||||||
|
:deep(.el-tabs__item:nth-child(1)::before) {
|
||||||
|
border-color: #5793f3;
|
||||||
|
}
|
||||||
|
:deep(.el-tabs__item:nth-child(2)::before) {
|
||||||
|
border-color: #d14a61;
|
||||||
|
}
|
||||||
|
:deep(.el-tabs__item:nth-child(3)::before) {
|
||||||
|
border-color: #675bba;
|
||||||
|
}
|
||||||
|
:deep(.el-tabs__item:nth-child(4)::before) {
|
||||||
|
border-color: #e89110;
|
||||||
|
}
|
||||||
|
:deep(.el-tabs__item:nth-child(5)::before) {
|
||||||
|
border-color: #008c8c;
|
||||||
|
}
|
||||||
|
/* 选中状态下的样式 */
|
||||||
|
:deep(.el-tabs__item.is-active::before) {
|
||||||
|
background-color: transparent; /* 改变选中状态下的圆圈颜色 */
|
||||||
|
}
|
||||||
|
:deep(.el-tabs__item.is-active){
|
||||||
|
background-color: rgb(238, 241, 246);
|
||||||
|
}
|
||||||
|
:deep(.el-tabs--left .el-tabs__item.is-left){
|
||||||
|
text-align: left;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
|
@ -0,0 +1,104 @@
|
||||||
|
<template>
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
style="width: 100%; margin-bottom: 20px;min-height: 300px;"
|
||||||
|
row-key="id"
|
||||||
|
border
|
||||||
|
default-expand-all
|
||||||
|
>
|
||||||
|
<el-table-column prop="title" label="知识点"/>
|
||||||
|
<el-table-column prop="allPoint" label="分值" sortable/>
|
||||||
|
<el-table-column prop="point" label="平均分" sortable/>
|
||||||
|
<el-table-column prop="scoingRate" label="得分率" sortable>
|
||||||
|
<template #default="scope">
|
||||||
|
<div>{{scope.row.scoingRate + '%'}}</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {ref, watch} from 'vue'
|
||||||
|
import overviewStore from '@/store/modules/overview'
|
||||||
|
import {listEntpcoursework} from '@/api/education/entpCourseWork'
|
||||||
|
|
||||||
|
const useOverview = overviewStore()
|
||||||
|
const tableData = ref([])
|
||||||
|
//获取题目id
|
||||||
|
const ids = ref('')
|
||||||
|
//总分
|
||||||
|
const allScore = ref(0)
|
||||||
|
//用来获取所有知识点
|
||||||
|
const konwledge = ref([])
|
||||||
|
//所有题目的知识点
|
||||||
|
const getKonwledge = () => {
|
||||||
|
useOverview.tableList.forEach(item => {
|
||||||
|
if(item.knowledgePoint){
|
||||||
|
konwledge.value.push({...JSON.parse(item.knowledgePoint),...{scoingRate:Number(item.scoingRate),point:item.point,allPoint:allScore.value}})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
tableData.value = getTableList(konwledge.value)
|
||||||
|
tableData.value = tableData.value.map(item => {
|
||||||
|
return{
|
||||||
|
...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表格
|
||||||
|
const getTableList = (data) => {
|
||||||
|
const result = [];
|
||||||
|
data.forEach(item => {
|
||||||
|
const existingItem = result.find(i => i.id === item.id);
|
||||||
|
if (existingItem) {
|
||||||
|
// 累加point和scoingRate
|
||||||
|
existingItem.pointTotal += parseInt(item.point);
|
||||||
|
existingItem.scoingRateTotal += parseFloat(item.scoingRate);
|
||||||
|
existingItem.count++;
|
||||||
|
} else {
|
||||||
|
// 新的对象
|
||||||
|
result.push({
|
||||||
|
id: item.id,
|
||||||
|
title: item.title,
|
||||||
|
pointTotal: item.point,
|
||||||
|
scoingRateTotal: parseFloat(item.scoingRate),
|
||||||
|
count: 1
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// 计算平均值
|
||||||
|
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>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
|
@ -0,0 +1,184 @@
|
||||||
|
<template>
|
||||||
|
<div class="chart-container">
|
||||||
|
<div ref="chartRef" class="chart"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import * as echarts from 'echarts';
|
||||||
|
import {ref, nextTick, watch} from 'vue'
|
||||||
|
import overviewStore from '@/store/modules/overview'
|
||||||
|
|
||||||
|
const useOverview = overviewStore()
|
||||||
|
|
||||||
|
// 获取图表容器的引用
|
||||||
|
const chartRef = ref(null);
|
||||||
|
|
||||||
|
const estimateTime = ref([]);
|
||||||
|
|
||||||
|
const avaterTime = ref([]);
|
||||||
|
// x轴
|
||||||
|
const xAxisData = ref([]);
|
||||||
|
|
||||||
|
// 获得 y 轴的数据
|
||||||
|
const getyAxisData = () => {
|
||||||
|
estimateTime.value = [];
|
||||||
|
avaterTime.value = [];
|
||||||
|
useOverview.tableList.forEach(item => {
|
||||||
|
if (item.rating !== 0) {
|
||||||
|
estimateTime.value.push({
|
||||||
|
name: item.scoingRate ? item.scoingRate + '%' : 0 + '%',
|
||||||
|
value: Number(item.timelength)
|
||||||
|
});
|
||||||
|
avaterTime.value.push({
|
||||||
|
name: item.scoingRate ? item.scoingRate + '%' : 0 + '%',
|
||||||
|
value: Number(item.finishtimelength)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// x 轴排序
|
||||||
|
xAxisData.value.sort((a, b) => {
|
||||||
|
const aPercentage = parseInt(a.replace('%', ''));
|
||||||
|
const bPercentage = parseInt(b.replace('%', ''));
|
||||||
|
return aPercentage - bPercentage;
|
||||||
|
});
|
||||||
|
|
||||||
|
// 生成 x 轴数据
|
||||||
|
generateXAxisData();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 生成 x 轴数据
|
||||||
|
function generateXAxisData() {
|
||||||
|
// 超过8条开始计算x轴
|
||||||
|
if(estimateTime.value.length > 8){
|
||||||
|
const minScoreRate = 0;
|
||||||
|
const maxScoreRate = 100;
|
||||||
|
const numPoints = 6; // x 轴上的点数
|
||||||
|
const step = (maxScoreRate - minScoreRate) / (numPoints - 1);
|
||||||
|
|
||||||
|
xAxisData.value = [];
|
||||||
|
for (let i = 0; i < numPoints; i++) {
|
||||||
|
const scoreRate = minScoreRate + i * step;
|
||||||
|
xAxisData.value.push(scoreRate + '%');
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
let uniqueXAxisData = new Set();
|
||||||
|
estimateTime.value.forEach(item => {
|
||||||
|
// 添加元素到 Set 中,自动处理重复问题
|
||||||
|
uniqueXAxisData.add(item.name);
|
||||||
|
});
|
||||||
|
// 将 Set 转换成数组
|
||||||
|
xAxisData.value = Array.from(uniqueXAxisData);
|
||||||
|
// 对数组进行排序
|
||||||
|
xAxisData.value.sort((a, b) => {
|
||||||
|
const aPercentage = parseInt(a.replace('%', ''));
|
||||||
|
const bPercentage = parseInt(b.replace('%', ''));
|
||||||
|
return aPercentage - bPercentage;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 初始化图表
|
||||||
|
function initChart() {
|
||||||
|
const myChart = echarts.init(chartRef.value);
|
||||||
|
const options = {
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'axis',
|
||||||
|
axisPointer: {
|
||||||
|
type: 'cross'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
data: ['预估时长', '平均用时']
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
left: '3%',
|
||||||
|
right: '4%',
|
||||||
|
bottom: '3%',
|
||||||
|
top: '10%',
|
||||||
|
containLabel: true
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
type: 'category',
|
||||||
|
boundaryGap: false,
|
||||||
|
name: '得分率',
|
||||||
|
nameTextStyle: {
|
||||||
|
color: '#999',
|
||||||
|
fontSize: 12,
|
||||||
|
padding: [0, 0, 10, 0]
|
||||||
|
},
|
||||||
|
data: xAxisData.value
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value',
|
||||||
|
name: '作业时长',
|
||||||
|
nameTextStyle: {
|
||||||
|
color: '#999',
|
||||||
|
fontSize: 12,
|
||||||
|
padding: [0, 0, 10, 0]
|
||||||
|
},
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: `预估时长`,
|
||||||
|
type: 'line',
|
||||||
|
smooth: true,
|
||||||
|
symbol: 'circle',
|
||||||
|
symbolSize: 10,
|
||||||
|
lineStyle: {
|
||||||
|
color: '#5793f3'
|
||||||
|
},
|
||||||
|
data: estimateTime.value.map(item => ({
|
||||||
|
name: item.name,
|
||||||
|
value: item.value
|
||||||
|
}))
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: `平均用时`,
|
||||||
|
type: 'line',
|
||||||
|
smooth: true,
|
||||||
|
symbol: 'circle',
|
||||||
|
symbolSize: 10,
|
||||||
|
lineStyle: {
|
||||||
|
color: '#d14a61'
|
||||||
|
},
|
||||||
|
data: avaterTime.value.map(item => ({
|
||||||
|
name: item.name,
|
||||||
|
value: item.value
|
||||||
|
}))
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
myChart.setOption(options);
|
||||||
|
}
|
||||||
|
//获取平均时长
|
||||||
|
const getAvaterTime = () => {
|
||||||
|
return useOverview.tableList.reduce((acc, cur) => acc + cur.finishtimelength, 0) / useOverview.tableList.length;
|
||||||
|
}
|
||||||
|
const getEstimateTime = () => {
|
||||||
|
return useOverview.tableList.reduce((acc, cur) => acc + cur.timelength, 0) / useOverview.tableList.length;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
watch(() => useOverview.tableList,() => {
|
||||||
|
getyAxisData()
|
||||||
|
nextTick(() => {
|
||||||
|
initChart();
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.chart-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chart {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -0,0 +1,976 @@
|
||||||
|
<template>
|
||||||
|
<el-form ref="classWorkFormScoreRef" :model="classWorkFormScore">
|
||||||
|
<!-- <div class="teacher_content" :style="{ height: dialogProps.maxheight + 'px' }"> -->
|
||||||
|
<div class="teacher_content" :style="{ height: '75vh' }">
|
||||||
|
<div style="font-size: 18px; width: 100%; padding: 5px 10px" class="sticky">
|
||||||
|
{{ classWorkFormScore.name }} 答题详情
|
||||||
|
</div>
|
||||||
|
<div class="teacher_content_con">
|
||||||
|
<!-- 题目内容:习题训练 -->
|
||||||
|
<div v-if="dialogProps.studentObj.worktype == '习题训练'">
|
||||||
|
<div v-for="(stuItem, sIndex) in dialogProps.studentQuizAllList" :key="stuItem.id">
|
||||||
|
<div v-for="quItem in dialogProps.quizlist" :key="quItem.id">
|
||||||
|
<div v-if="stuItem.entpcourseworkid == quItem.id">
|
||||||
|
<el-card style="max-width: 100%; margin-bottom: 10px">
|
||||||
|
<!-- 题型 分值 -->
|
||||||
|
<template #header>
|
||||||
|
<div class="card-header">
|
||||||
|
<span
|
||||||
|
>{{ sIndex + 1 }}、{{ quItem.worktype }}
|
||||||
|
{{ stuItem.score ? stuItem.score : 0 }}分</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<!-- 习题训练 -->
|
||||||
|
<div v-if="dialogProps.studentObj.worktype == '习题训练'">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24" style="padding: 10px">
|
||||||
|
<!-- 题源、题目标题、题目选项 -->
|
||||||
|
<span>{{ quItem.worktag }}</span>
|
||||||
|
<span style="margin-left: 4px" v-html="quItem.titleFormat"></span>
|
||||||
|
<div :span="24" style="padding: 10px" v-html="quItem.workdescFormat"></div>
|
||||||
|
<!-- 折叠: 详情分析解答 -->
|
||||||
|
<div class="demo-collapse">
|
||||||
|
<el-collapse>
|
||||||
|
<el-collapse-item title="详情分析解答" name="1">
|
||||||
|
<el-row style="padding: 1% 4%; border: 2px dotted">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-col :span="2" style="padding: 10px 0px"
|
||||||
|
><em>【答案】</em></el-col
|
||||||
|
>
|
||||||
|
<el-col
|
||||||
|
:span="21"
|
||||||
|
style="padding: 10px 0px"
|
||||||
|
v-html="quItem.workanswerFormat"
|
||||||
|
></el-col>
|
||||||
|
<el-col :span="2" style="padding: 10px 0px"
|
||||||
|
><em>【分析】</em></el-col
|
||||||
|
>
|
||||||
|
<el-col
|
||||||
|
:span="21"
|
||||||
|
style="padding: 10px 0px"
|
||||||
|
v-html="quItem.method"
|
||||||
|
></el-col>
|
||||||
|
<el-col :span="2" style="padding: 10px 0px"
|
||||||
|
><em>【解答】</em></el-col
|
||||||
|
>
|
||||||
|
<el-col
|
||||||
|
:span="21"
|
||||||
|
style="padding: 10px 0px"
|
||||||
|
v-html="quItem.analyse"
|
||||||
|
></el-col>
|
||||||
|
<el-col :span="2" style="padding: 10px 0px"
|
||||||
|
><em>【点评】</em></el-col
|
||||||
|
>
|
||||||
|
<el-col
|
||||||
|
:span="21"
|
||||||
|
style="padding: 10px 0px"
|
||||||
|
v-html="quItem.discuss"
|
||||||
|
></el-col>
|
||||||
|
</template>
|
||||||
|
</el-row>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<!-- 答案 -->
|
||||||
|
<template #footer>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6" style="padding: 10px">
|
||||||
|
<span
|
||||||
|
>参考答案:
|
||||||
|
<span v-if="quItem.workanswerFormat != ''">
|
||||||
|
<sapn
|
||||||
|
style="
|
||||||
|
background-color: #0ed116;
|
||||||
|
color: white;
|
||||||
|
padding: 0 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
"
|
||||||
|
>{{ quItem.workanswerFormat.replace(/<[^>]+>/g, '') }}</sapn
|
||||||
|
>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6" style="padding: 10px">
|
||||||
|
<!-- <span>学生答案:{{ stuItem.feedcontent }}</span> -->
|
||||||
|
<span
|
||||||
|
>学生答案:
|
||||||
|
<span v-if="quItem.workdesc == ''|| quItem.workdesc == '[]' ">
|
||||||
|
<!-- quItem.workdesc 没值,说明是非选择题 -->
|
||||||
|
<span
|
||||||
|
v-if="stuItem.feedcontent != ''"
|
||||||
|
style="
|
||||||
|
background-color: red;
|
||||||
|
color: white;
|
||||||
|
padding: 0 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ stuItem.feedcontent.replace('#', '、') }}
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span v-else>
|
||||||
|
<!-- 选择题类型:学生答题转换为 ABCD格式 -->
|
||||||
|
<span
|
||||||
|
v-if="stuItem.feedcontent != ''"
|
||||||
|
style="
|
||||||
|
background-color: red;
|
||||||
|
color: white;
|
||||||
|
padding: 0 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{
|
||||||
|
JSON.parse(quItem.workdesc)
|
||||||
|
.map((item, index) => {
|
||||||
|
if (item == stuItem.feedcontent) {
|
||||||
|
return String.fromCharCode(65 + Number(index))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.filter(Boolean)[0]
|
||||||
|
}}
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6" style="padding: 10px">
|
||||||
|
<div
|
||||||
|
v-for="(imageItem, index) in stuItem.imagefile"
|
||||||
|
v-if="stuItem.imagefile && stuItem.imagefile.length > 0"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<el-image
|
||||||
|
style="width: 30px; height: 30px"
|
||||||
|
:src="imageItem"
|
||||||
|
:zoom-rate="1.2"
|
||||||
|
:max-scale="7"
|
||||||
|
:min-scale="0.2"
|
||||||
|
:preview-src-list="stuItem.imagefile"
|
||||||
|
:initial-index="4"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6" style="padding: 10px">
|
||||||
|
<!-- 单选题 填空题 多选题 判断题 主观题 复合题; 待完善:
|
||||||
|
1、目前只支持单选题、多选题不用老师批改分数,这里先禁止分值修改; -->
|
||||||
|
<el-input-number
|
||||||
|
v-model="classWorkFormScore.teacherRating[sIndex].score"
|
||||||
|
:min="0"
|
||||||
|
:max="classWorkFormScore.teacherRating[sIndex].maxScore"
|
||||||
|
size="small"
|
||||||
|
:disabled="
|
||||||
|
(quItem.worktype == '单选题' || quItem.worktype == '多选题') &&
|
||||||
|
stuItem.feedcontent == stuItem.rightanswer &&
|
||||||
|
stuItem.feedcontent != ''
|
||||||
|
? true
|
||||||
|
: false
|
||||||
|
"
|
||||||
|
></el-input-number>
|
||||||
|
分
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</template>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 题目内容:常规作业、课堂展示 -->
|
||||||
|
<div
|
||||||
|
v-if="
|
||||||
|
dialogProps.studentObj.worktype == '常规作业' ||
|
||||||
|
dialogProps.studentObj.worktype == '课堂展示' ||
|
||||||
|
dialogProps.studentObj.worktype == '框架梳理'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div v-for="(stuItem, sIndex) in dialogProps.studentQuizAllList" :key="stuItem.id">
|
||||||
|
<el-card style="max-width: 100%; margin-bottom: 10px">
|
||||||
|
<!-- 题型 分值 -->
|
||||||
|
<template #header>
|
||||||
|
<div class="card-header">
|
||||||
|
<span>{{ sIndex + 1 }}、{{ stuItem.score ? stuItem.score : 0 }}分</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<!-- 常规作业 -->
|
||||||
|
<div
|
||||||
|
v-if="
|
||||||
|
dialogProps.studentObj.worktype == '常规作业' ||
|
||||||
|
dialogProps.studentObj.worktype == '课堂展示' ||
|
||||||
|
dialogProps.studentObj.worktype == '框架梳理'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<!-- 文件内容格式:mp3/mp4/doc/docx/excel/pdf/ppt/pptx/jpg/jpeg/gif/png/txt ->
|
||||||
|
<-- 老师附件展示 -->
|
||||||
|
<!-- 折叠: 详情分析解答 -->
|
||||||
|
<div v-if="teacherFeedContentList.length > 0">
|
||||||
|
<div class="demo-collapse" style="border: 2px dotted">
|
||||||
|
<el-collapse>
|
||||||
|
<el-collapse-item title="老师布置详情" name="1">
|
||||||
|
<div class="image_list">
|
||||||
|
<div v-if="teachImageList.length > 0">
|
||||||
|
<div style="margin-bottom: 5px">
|
||||||
|
<span style="color: red">温馨提示:点击图片可放大预览 </span>
|
||||||
|
</div>
|
||||||
|
<div v-for="(imageItem, index) in teachImageList" :key="index">
|
||||||
|
<el-image
|
||||||
|
style="width: 400px; height: 400px"
|
||||||
|
:src="imageItem.url"
|
||||||
|
:zoom-rate="1.2"
|
||||||
|
:max-scale="7"
|
||||||
|
:min-scale="0.2"
|
||||||
|
:preview-src-list="
|
||||||
|
teachImageList
|
||||||
|
.filter(
|
||||||
|
(item) =>
|
||||||
|
item.name.indexOf('jpg') > -1 ||
|
||||||
|
item.name.indexOf('jpeg') > -1 ||
|
||||||
|
item.name.indexOf('png') > -1
|
||||||
|
)
|
||||||
|
.map((item) => item.url)
|
||||||
|
"
|
||||||
|
:initial-index="4"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div v-if="teachFileList.length > 0">
|
||||||
|
<div style="margin: 10px 0">
|
||||||
|
<span style="color: red" @click="openFile"
|
||||||
|
>温馨提示:点击此处 可预览其他类型附件!
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 学生答题展示 -->
|
||||||
|
<div v-if="feedContentList.length > 0">
|
||||||
|
<p>学生答题附件内容</p>
|
||||||
|
<div class="image_list">
|
||||||
|
<div v-if="imageList.length > 0">
|
||||||
|
<div style="margin-bottom: 5px">
|
||||||
|
<span style="color: red">温馨提示:点击图片可放大预览 </span>
|
||||||
|
</div>
|
||||||
|
<div v-for="(imageItem, index) in imageList" :key="index">
|
||||||
|
<el-image
|
||||||
|
style="width: 500px; height: 500px"
|
||||||
|
:src="imageItem.url"
|
||||||
|
:zoom-rate="1.2"
|
||||||
|
:max-scale="7"
|
||||||
|
:min-scale="0.2"
|
||||||
|
:preview-src-list="
|
||||||
|
imageList
|
||||||
|
.filter(
|
||||||
|
(item) =>
|
||||||
|
item.name.indexOf('jpg') > -1 ||
|
||||||
|
item.name.indexOf('jpeg') > -1 ||
|
||||||
|
item.name.indexOf('png') > -1
|
||||||
|
)
|
||||||
|
.map((item) => item.url)
|
||||||
|
"
|
||||||
|
:initial-index="4"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div v-if="fileList.length > 0">
|
||||||
|
<div style="margin: 10px 0">
|
||||||
|
<span style="color: red" @click="openFile"
|
||||||
|
>温馨提示:点击此处 可预览其他类型附件!
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<el-empty
|
||||||
|
description="该学生还未作答"
|
||||||
|
style="width: 100%; height: 200px"
|
||||||
|
></el-empty>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 答案 -->
|
||||||
|
<!-- <template #footer>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12" style="padding: 10px">
|
||||||
|
<el-input-number v-model="classWorkFormScore.teacherRating[sIndex].score"
|
||||||
|
:controls="false"
|
||||||
|
:min="0"
|
||||||
|
:max="classWorkFormScore.teacherRating[sIndex].maxScore"
|
||||||
|
size="small"
|
||||||
|
></el-input-number> 分
|
||||||
|
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</template> -->
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 批改评价与评语 -->
|
||||||
|
<div class="tacher_conten_foot">
|
||||||
|
<el-row style="padding: 1% 4%; border: 2px dotted">
|
||||||
|
<el-col :span="24" style="display: flex; flex-direction: column">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="14">
|
||||||
|
<div style="display: flex; margin: 10px auto">
|
||||||
|
<span style="display: flex; align-items: center">
|
||||||
|
<span v-if="dialogProps.studentObj.worktype == '习题训练'">
|
||||||
|
得分:<span style="margin: 0; color: red">{{
|
||||||
|
classWorkFormScore.teacherRating.reduce((a, b) => a + b.score, 0).toFixed(2)
|
||||||
|
}}</span
|
||||||
|
>分
|
||||||
|
</span>
|
||||||
|
<span v-else>
|
||||||
|
得分:
|
||||||
|
<span v-if="classWorkFormScore.teacherRating.length > 0">
|
||||||
|
<el-input-number
|
||||||
|
v-model="classWorkFormScore.teacherRating[0].score"
|
||||||
|
:controls="false"
|
||||||
|
type="number"
|
||||||
|
:min="0"
|
||||||
|
:max="classWorkFormScore.teacherRating[0].maxScore"
|
||||||
|
size="small"
|
||||||
|
style="width: 60px"
|
||||||
|
@change="handleChange"
|
||||||
|
></el-input-number>
|
||||||
|
</span>
|
||||||
|
分
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<div class="score-container">
|
||||||
|
<div
|
||||||
|
v-for="(score, index) in teacherRatingList"
|
||||||
|
:key="index"
|
||||||
|
:class="[
|
||||||
|
'score-circle',
|
||||||
|
{ active: classWorkFormScore.rating == score.ratingKey }
|
||||||
|
]"
|
||||||
|
@click="selectScore(score)"
|
||||||
|
>
|
||||||
|
{{ score.ratingValue }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="10" style="display: flex; align-items: center">
|
||||||
|
<el-select
|
||||||
|
v-model="value"
|
||||||
|
placeholder="常用评语"
|
||||||
|
style="width: 240px"
|
||||||
|
@change="onSelectOption"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in cities"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
<template #footer>
|
||||||
|
<el-button v-if="!isAdding" text bg size="small" @click="onAddOption">
|
||||||
|
新增常用语
|
||||||
|
</el-button>
|
||||||
|
<template v-else>
|
||||||
|
<el-input
|
||||||
|
v-model="optionName"
|
||||||
|
class="option-input"
|
||||||
|
placeholder="输入新的常用语"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
<el-button type="primary" size="small" @click="onConfirm"> 确定 </el-button>
|
||||||
|
<el-button size="small" @click="clear">取消</el-button>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" style="display: flex; flex-direction: column">
|
||||||
|
<el-form-item label="评语说明">
|
||||||
|
<el-col :span="15" style="padding: 0px">
|
||||||
|
<el-input
|
||||||
|
v-model="classWorkFormScore.teacherremark"
|
||||||
|
type="textarea"
|
||||||
|
rows="3"
|
||||||
|
placeholder="请输入评语说明"
|
||||||
|
/>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div style="margin: 10px">
|
||||||
|
<el-button type="primary" @click="onClassWorkFormScoreSave">批阅确认</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- :style="{ height: dialogProps.maxheight + 'px' }" -->
|
||||||
|
<el-dialog
|
||||||
|
v-model="fileReadopen"
|
||||||
|
title="文件预览"
|
||||||
|
width="80%"
|
||||||
|
:style="{ height: '75vh' }"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
|
<div class="file-read-dialog">
|
||||||
|
<div>
|
||||||
|
<!-- 老师附件 -->
|
||||||
|
<div v-if="teachFileList.length > 0">
|
||||||
|
<el-card style="max-width: 480px">
|
||||||
|
<template #header>
|
||||||
|
<div class="card-header">
|
||||||
|
<span>老师文件列表</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div
|
||||||
|
v-for="item in teachFileList"
|
||||||
|
:key="item"
|
||||||
|
style="margin: 10px; display: flex; align-items: center"
|
||||||
|
>
|
||||||
|
<span style="margin-right: 10px">{{ item.name }}</span>
|
||||||
|
<el-button type="primary" @click="onFileRead(item)">预览</el-button>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<!-- 学生附件 -->
|
||||||
|
<div v-if="fileList.length > 0">
|
||||||
|
<el-card style="max-width: 480px">
|
||||||
|
<template #header>
|
||||||
|
<div class="card-header">
|
||||||
|
<span>学生文件列表</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div
|
||||||
|
v-for="item in fileList"
|
||||||
|
:key="item"
|
||||||
|
style="margin: 10px; display: flex; align-items: center"
|
||||||
|
>
|
||||||
|
<span style="margin-right: 10px">{{ item.name }}</span>
|
||||||
|
<el-button type="primary" @click="onFileRead(item)">预览</el-button>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="width: 100%" :style="{ height: dialogProps.maxheight + 'px' }">
|
||||||
|
<div style="margin-left: 10px">
|
||||||
|
预览展示区域<span style="color: red; margin-left: 10px">
|
||||||
|
温馨提示:若预览失败,<span style="margin-left: 10px">{{ props.name }}</span
|
||||||
|
>可点击此处<a
|
||||||
|
:href="fileitem.url ? fileitem.url : ''"
|
||||||
|
target="_blank"
|
||||||
|
style="color: blue"
|
||||||
|
>下载!</a
|
||||||
|
></span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<ReFilePreview
|
||||||
|
:name="fileitem.name"
|
||||||
|
:type="fileitem.type"
|
||||||
|
:file-type="fileitem.type"
|
||||||
|
:file-path="fileitem.url"
|
||||||
|
:text-content="textContent"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</el-form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="classWorkAnalysisScoreDialogRef">
|
||||||
|
import { useRouter, useRoute } from 'vue-router'
|
||||||
|
// import useAppStore from '@/store/modules/app'
|
||||||
|
import useUserStore from '@/store/modules/user'
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
// import { Plus } from '@element-plus/icons-vue'
|
||||||
|
import { ElMessageBox, ElMessage } from 'element-plus'
|
||||||
|
import { updateClassworkeval, updateClassworkdata } from '@/api/classTask'
|
||||||
|
import { getTimeDate } from '@/utils/date'
|
||||||
|
import ReFilePreview from '@/components/refile-preview/index.vue'
|
||||||
|
|
||||||
|
|
||||||
|
const userStore = useUserStore()
|
||||||
|
const router = useRouter()
|
||||||
|
const route = useRoute()
|
||||||
|
|
||||||
|
const emits = defineEmits(['class_work_score_submit'])
|
||||||
|
const props = defineProps({})
|
||||||
|
|
||||||
|
const fileReadopen = ref(false)
|
||||||
|
const analysisScoreOpen = ref(false)
|
||||||
|
|
||||||
|
const dialogProps = ref({
|
||||||
|
maxheight: 300,
|
||||||
|
studentObj: {}, //
|
||||||
|
studentQuizAllList: [], //学生答题的list
|
||||||
|
quizlist: [] // 当前学生的所有题目list
|
||||||
|
})
|
||||||
|
//学生常规作业list
|
||||||
|
const feedContentList = ref([])
|
||||||
|
const imageList = ref([])
|
||||||
|
const fileList = ref([])
|
||||||
|
// 老师常规作业、课堂展示布置题目附件list
|
||||||
|
const teacherFeedContentList = ref([])
|
||||||
|
const teachImageList = ref([])
|
||||||
|
const teachFileList = ref([])
|
||||||
|
|
||||||
|
// 提交分值批改
|
||||||
|
const classWorkFormScore = reactive({
|
||||||
|
name: '', // 学生姓名
|
||||||
|
score: 0, // 分值
|
||||||
|
teacherRating: [], // 老师批改题目list信息
|
||||||
|
rating: 0, // 评价星数 1-优 2-优减 3-良 4-良减 5-差
|
||||||
|
teacherremark: '' //评分说明
|
||||||
|
})
|
||||||
|
const teacherRatingList = ref([
|
||||||
|
{ ratingKey: '1', ratingValue: '优' },
|
||||||
|
{ ratingKey: '2', ratingValue: '优-' },
|
||||||
|
{ ratingKey: '3', ratingValue: '良' },
|
||||||
|
{ ratingKey: '4', ratingValue: '良-' },
|
||||||
|
{ ratingKey: '5', ratingValue: '差' }
|
||||||
|
])
|
||||||
|
// 确定的线上图片数据
|
||||||
|
//#region 文件内容相关
|
||||||
|
const fileitem = reactive({
|
||||||
|
name: '',
|
||||||
|
type: '',
|
||||||
|
url: ''
|
||||||
|
})
|
||||||
|
// 文件预览
|
||||||
|
const onFileRead = (file) => {
|
||||||
|
textContent.value = '1'
|
||||||
|
//
|
||||||
|
fileitem.type = file.name.split('.').pop().toLowerCase()
|
||||||
|
fileitem.url = file.url
|
||||||
|
fileitem.name = file.name
|
||||||
|
|
||||||
|
// txt 读取
|
||||||
|
if (fileitem.type == 'txt') {
|
||||||
|
loadFileTextContent(fileitem.url)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const openFile = () => {
|
||||||
|
console.log('打开文件弹窗!')
|
||||||
|
fileReadopen.value = true
|
||||||
|
}
|
||||||
|
// txt文件读取
|
||||||
|
const textContent = ref('')
|
||||||
|
const loadFileTextContent = async (url) => {
|
||||||
|
try {
|
||||||
|
const response = await fetch(url)
|
||||||
|
if (!response.ok) {
|
||||||
|
textContent.value = '文件读取失败,您可以点击上方链接跳到另外页面查看'
|
||||||
|
throw new Error('文件读取失败')
|
||||||
|
}
|
||||||
|
textContent.value = await response.text()
|
||||||
|
} catch (error) {
|
||||||
|
console.error('读取文件时出错:', error)
|
||||||
|
textContent.value = '文件读取失败,您可以点击上方链接跳到另外页面查看'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
// 输入数字,有e这个异类可输入,处理一下
|
||||||
|
// 输入e value为null
|
||||||
|
const handleChange = (value) => {
|
||||||
|
console.log(value, '=====')
|
||||||
|
console.log(typeof value, '===value==')
|
||||||
|
// if ((value+"").includes('e')) {
|
||||||
|
// classWorkFormScore.teacherRating[0].score = value.replace('e', '');
|
||||||
|
// }
|
||||||
|
if (typeof value === 'object') {
|
||||||
|
console.log('??????')
|
||||||
|
classWorkFormScore.teacherRating[0].score = 0
|
||||||
|
} else {
|
||||||
|
classWorkFormScore.teacherRating[0].score = value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//#region 常用评语相关
|
||||||
|
const isAdding = ref(false)
|
||||||
|
const value = ref([])
|
||||||
|
const optionName = ref('')
|
||||||
|
const cities = ref([
|
||||||
|
{
|
||||||
|
value: '需要继续加油努力哟!棒棒哒!',
|
||||||
|
label: '需要继续加油努力哟!棒棒哒!'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '做得很好',
|
||||||
|
label: '做得很好'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '需要改进',
|
||||||
|
label: '需要改进'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '需要更多练习',
|
||||||
|
label: '需要更多练习'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '需要更仔细',
|
||||||
|
label: '需要更仔细'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '需要更清晰',
|
||||||
|
label: '需要更清晰'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '需要更准确',
|
||||||
|
label: '需要更准确'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '需要更详细',
|
||||||
|
label: '需要更详细'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '需要更简洁',
|
||||||
|
label: '需要更简洁'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '需要更有条理',
|
||||||
|
label: '需要更有条理'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '需要更有创意',
|
||||||
|
label: '需要更有创意'
|
||||||
|
}
|
||||||
|
])
|
||||||
|
|
||||||
|
const onSelectOption = (option) => {
|
||||||
|
classWorkFormScore.teacherremark = option
|
||||||
|
}
|
||||||
|
const onAddOption = () => {
|
||||||
|
isAdding.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
const onConfirm = () => {
|
||||||
|
if (optionName.value) {
|
||||||
|
cities.value.push({
|
||||||
|
label: optionName.value,
|
||||||
|
value: optionName.value
|
||||||
|
})
|
||||||
|
clear()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const clear = () => {
|
||||||
|
optionName.value = ''
|
||||||
|
isAdding.value = false
|
||||||
|
}
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
const selectScore = (score) => {
|
||||||
|
console.log(score, 'score----')
|
||||||
|
classWorkFormScore.rating = score.ratingKey
|
||||||
|
}
|
||||||
|
|
||||||
|
// 接收父组件传过来的参数
|
||||||
|
const acceptParams = (params) => {
|
||||||
|
console.log(params)
|
||||||
|
console.log(dialogProps, 'dialogProps')
|
||||||
|
// 先重置一下 参数
|
||||||
|
// 重置提交表单
|
||||||
|
classWorkFormScore.name = '' // 学生姓名
|
||||||
|
classWorkFormScore.score = 0 // 分值
|
||||||
|
classWorkFormScore.teacherRating = [] // 教师评分
|
||||||
|
classWorkFormScore.rating = 0 // 评价星数 1-优 2-优减 3-良 4-良减 5-差
|
||||||
|
classWorkFormScore.teacherremark = '' //评分说明
|
||||||
|
value.value = '' // 常用语重置
|
||||||
|
// 学生作业预览缓存清除
|
||||||
|
feedContentList.value = []
|
||||||
|
imageList.value = []
|
||||||
|
fileList.value = []
|
||||||
|
// 老师布置附件缓存清除
|
||||||
|
teacherFeedContentList.value = []
|
||||||
|
teachImageList.value = []
|
||||||
|
teachFileList.value = []
|
||||||
|
|
||||||
|
// -----------------
|
||||||
|
dialogProps.value = params
|
||||||
|
classWorkFormScore.name = params.studentObj.studentname
|
||||||
|
|
||||||
|
// 学生答题分值初始化
|
||||||
|
if (params.studentQuizAllList.length > 0) {
|
||||||
|
if (params.studentObj.worktype == '习题训练') {
|
||||||
|
params.studentQuizAllList.forEach((item) => {
|
||||||
|
params.quizlist.forEach((item2) => {
|
||||||
|
//
|
||||||
|
if (item.entpcourseworkid == item2.id) {
|
||||||
|
// 单选题 填空题 多选题 判断题 主观题 复合题; 待完善:
|
||||||
|
classWorkFormScore.teacherRating.push({
|
||||||
|
maxScore: item.score ? item.score : 100, //分值最大值 不能大于题目的分值 ?没有,那就最大100
|
||||||
|
score:
|
||||||
|
(item2.worktype == '单选题' || item2.worktype == '多选题') &&
|
||||||
|
item.feedcontent == item.rightanswer
|
||||||
|
? item.score
|
||||||
|
: item.teacherRating
|
||||||
|
? item.teacherRating
|
||||||
|
: 0, // 教师批改分值: 单选多选 默认批改为题目分值
|
||||||
|
id: item.id // 学生答题列表的id
|
||||||
|
})
|
||||||
|
classWorkFormScore.teacherremark = item.teacherremark // 评价语
|
||||||
|
|
||||||
|
// 主观题中学生回答有图片?imagefile: “” ; “[null]”; "[\"https://wzyzoss.ee2f687.png\"]"
|
||||||
|
if (item.imagefile != '') {
|
||||||
|
// 其他: !主观题 为“”;
|
||||||
|
const filelist = JSON.parse(item.imagefile)
|
||||||
|
console.log(filelist, '学生习题附带图片fimagefile-------------')
|
||||||
|
|
||||||
|
if (filelist && filelist.length > 0 && filelist[0] != null) {
|
||||||
|
item.imagefile = filelist
|
||||||
|
} else {
|
||||||
|
item.imagefile = ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// 学生回答
|
||||||
|
if (params.studentObj.worktype == '常规作业') {
|
||||||
|
try {
|
||||||
|
// 老师布置的附件 datacontent TODO:常规作业、其他类型还未接入
|
||||||
|
if (params.studentObj.datacontent != '') {
|
||||||
|
const teachWorkFileList = JSON.parse(params.studentObj.datacontent)
|
||||||
|
console.log(teachWorkFileList, '老师filelist-------------')
|
||||||
|
teachWorkFileList &&
|
||||||
|
teachWorkFileList.forEach((item) => {
|
||||||
|
if (
|
||||||
|
item.name.indexOf('jpg') > -1 ||
|
||||||
|
item.name.indexOf('jpeg') > -1 ||
|
||||||
|
item.name.indexOf('png') > -1
|
||||||
|
) {
|
||||||
|
teachImageList.value.push(item)
|
||||||
|
} else {
|
||||||
|
teachFileList.value.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
teacherFeedContentList.value.push(teachWorkFileList)
|
||||||
|
}
|
||||||
|
|
||||||
|
dialogProps.value.studentObj.datacontent = dialogProps.value.studentObj.datacontent
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Invalid JSON:', error)
|
||||||
|
}
|
||||||
|
|
||||||
|
params.studentQuizAllList.forEach((item) => {
|
||||||
|
classWorkFormScore.teacherRating.push({
|
||||||
|
maxScore: item.score ? item.score : 100, //分值最大值 不能大于题目的分值 ?没有,那就最大100
|
||||||
|
score: item.teacherRating, // 教师批改分值: 默认批改为题目分值
|
||||||
|
id: item.id // 学生答题列表的id
|
||||||
|
})
|
||||||
|
classWorkFormScore.teacherremark = item.teacherremark // 评价语
|
||||||
|
|
||||||
|
if (item.feedcontent != '') {
|
||||||
|
const filelist = JSON.parse(item.feedcontent)
|
||||||
|
console.log(filelist, '学生filelist-------------')
|
||||||
|
// 学生答题的内容 ? feedcontent应该只包含了一个数组?
|
||||||
|
filelist &&
|
||||||
|
filelist.forEach((item) => {
|
||||||
|
if (
|
||||||
|
item.name.indexOf('jpg') > -1 ||
|
||||||
|
item.name.indexOf('jpeg') > -1 ||
|
||||||
|
item.name.indexOf('png') > -1
|
||||||
|
) {
|
||||||
|
imageList.value.push(item)
|
||||||
|
} else {
|
||||||
|
fileList.value.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
feedContentList.value.push(filelist)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else if (
|
||||||
|
params.studentObj.worktype == '课堂展示' ||
|
||||||
|
params.studentObj.worktype == '框架梳理'
|
||||||
|
) {
|
||||||
|
params.studentQuizAllList.forEach((item) => {
|
||||||
|
classWorkFormScore.teacherRating.push({
|
||||||
|
maxScore: item.score ? item.score : 100, //分值最大值 不能大于题目的分值 ?没有,那就最大100
|
||||||
|
score: item.teacherRating, // 教师批改分值: 默认批改为题目分值
|
||||||
|
id: item.id // 学生答题列表的id
|
||||||
|
})
|
||||||
|
classWorkFormScore.teacherremark = item.teacherremark // 评价语
|
||||||
|
// 根据移动端返回定义:只返回一张图片:rightanswer:"https://wzyzoss.eos-chongqing-3.cmecloud.cn/2024/9/5/c5d8e00a93364dd3b975f669afa217f9.png"
|
||||||
|
// 这里只有一张图片;
|
||||||
|
console.log(item.rightanswer, '----------课堂展示学生答题------------------')
|
||||||
|
|
||||||
|
if (item.rightanswer != '' && item.rightanswer != null) {
|
||||||
|
if (
|
||||||
|
item.rightanswer.indexOf('jpg') > -1 ||
|
||||||
|
item.rightanswer.indexOf('jpeg') > -1 ||
|
||||||
|
item.rightanswer.indexOf('png') > -1
|
||||||
|
) {
|
||||||
|
const imgeobj = {
|
||||||
|
name: item.rightanswer,
|
||||||
|
url: item.rightanswer
|
||||||
|
}
|
||||||
|
// 放入图片list
|
||||||
|
imageList.value.push(imgeobj)
|
||||||
|
// 没其他附件类型
|
||||||
|
//fileList.value.push(?);
|
||||||
|
feedContentList.value.push(imgeobj)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// 其他类型待联调
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 老师批过优良,则默认批改的优良,不然就是默认的0
|
||||||
|
console.log(params.studentQuizAllList[0].rating, '----------------------------')
|
||||||
|
// 为null 或0 则默认为0
|
||||||
|
classWorkFormScore.rating =
|
||||||
|
params.studentQuizAllList[0].rating == 0 ? 0 : params.studentQuizAllList[0].rating
|
||||||
|
}
|
||||||
|
|
||||||
|
analysisScoreOpen.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
// 提交批改评分
|
||||||
|
const onClassWorkFormScoreSave = () => {
|
||||||
|
console.log(classWorkFormScore)
|
||||||
|
// rating评价 不为0 则批改过
|
||||||
|
if (dialogProps.value.studentQuizAllList && dialogProps.value.studentQuizAllList[0].rating != 0) {
|
||||||
|
ElMessageBox.confirm(`该学生已批改,再次批改会覆盖之前的评分!`, '温馨提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
draggable: true
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
onSubmit()
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
} else {
|
||||||
|
onSubmit()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const onSubmit = () => {
|
||||||
|
if (classWorkFormScore.rating == 0) {
|
||||||
|
ElMessage({
|
||||||
|
type: 'error',
|
||||||
|
message: '请您给学生一个评价吧!'
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
var formd = {
|
||||||
|
id: dialogProps.value.studentObj.id, // this.activeClassWork.id;
|
||||||
|
status: '1',//0 未批阅; 1 已批阅
|
||||||
|
updatedate: getTimeDate(),// = year+'-'+month+'-'+day+' '+hh+':'+mm;
|
||||||
|
};
|
||||||
|
// 更新作业批改状态
|
||||||
|
updateClassworkdata(formd).then(res => {
|
||||||
|
})
|
||||||
|
|
||||||
|
// 更新题目批改
|
||||||
|
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)
|
||||||
|
updateClassworkeval(queryParams).then((res) => {
|
||||||
|
// if(res.code == 200){
|
||||||
|
// 循环提交能干个啥
|
||||||
|
// }
|
||||||
|
})
|
||||||
|
})
|
||||||
|
ElMessage({
|
||||||
|
type: 'success',
|
||||||
|
message: '提交成功!'
|
||||||
|
})
|
||||||
|
analysisScoreOpen.value = false
|
||||||
|
// 清空答题清空右侧 题目列表
|
||||||
|
emits('class_work_score_submit')
|
||||||
|
}
|
||||||
|
|
||||||
|
// 初始化请求
|
||||||
|
// onMounted(() => {})
|
||||||
|
|
||||||
|
// 暴露给父组件的参数和方法(外部需要什么,都可以从这里暴露出去)
|
||||||
|
defineExpose({
|
||||||
|
acceptParams
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.teacher_content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.teacher_content_con {
|
||||||
|
flex: 1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.tacher_conten_foot {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image_list {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
flex-direction: column;
|
||||||
|
/* justify-content: space-evenly; */
|
||||||
|
}
|
||||||
|
/* .el-dialog__body{
|
||||||
|
padding: 0!important;
|
||||||
|
height: 100%;
|
||||||
|
} */
|
||||||
|
.file-read-dialog {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.score-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
/* margin-bottom: 20px; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.score-circle {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: pink;
|
||||||
|
color: red;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 13px;
|
||||||
|
margin: 0 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.score-circle.active {
|
||||||
|
background-color: red;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -0,0 +1,752 @@
|
||||||
|
<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 #title>
|
||||||
|
<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:75vh; "
|
||||||
|
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="提交时间" prop="updatedate" width="170" align="center" />
|
||||||
|
<el-table-column label="批阅状态" prop="teacherRating" align="center" width="120" sortable>
|
||||||
|
<template #default="scope">
|
||||||
|
<template v-if="scope.row.teacherRating == 0"
|
||||||
|
><span 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 :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/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: 作业概览组件使用
|
||||||
|
|
||||||
|
// 统计每个题目的正误率
|
||||||
|
// 这个学习任务所有题目+所有学生的答题数据 , 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.resultcount > 0)
|
||||||
|
tableRadio.value = '1'
|
||||||
|
tableRadio.num0 = classWorkAnalysis.classworkdata.length - tableRadio.list.length
|
||||||
|
tableRadio.num1 = tableRadio.list.length
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
loading_dt_table.value = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 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, '')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
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.resultcount > 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.resultcount == 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, '\\');
|
||||||
|
|
||||||
|
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 (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: space-around;
|
||||||
|
// align-items: center;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.view_table {
|
||||||
|
flex: 1;
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.view_teachrting {
|
||||||
|
flex: 2;
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.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>
|
|
@ -0,0 +1,279 @@
|
||||||
|
<template>
|
||||||
|
<el-row class="c-warp" :gutter="10">
|
||||||
|
<el-col class="left" :span="16">
|
||||||
|
<el-collapse class="c-item" v-model="activeTopic" accordion>
|
||||||
|
<template v-for="(item, index) in dataList">
|
||||||
|
<el-collapse-item class="collapse-item" :name="index+1" :id="'collapse-'+(index+1)">
|
||||||
|
<template #title>
|
||||||
|
<el-popover :width="500" placement="right">
|
||||||
|
<p>{{item.def?.titletext}}</p>
|
||||||
|
<template #reference>
|
||||||
|
<el-button type="primary" size="small" round>{{index+1}}</el-button>
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
|
<span class="item-title-o">{{item.type}} {{getRatioTxt(item)}} </span>
|
||||||
|
<el-tag type="success" size="small">{{item.points}}%</el-tag>
|
||||||
|
</template>
|
||||||
|
<div class="respond">
|
||||||
|
<div class="c-label">
|
||||||
|
<b t1>作答情况</b>
|
||||||
|
<span>(已经完成 <el-text type="danger">{{item.accSum}}</el-text> 人)</span>
|
||||||
|
</div>
|
||||||
|
<div class="c-childen">
|
||||||
|
<template v-for="(it, ind) in item.children">
|
||||||
|
<el-collapse v-model="item.active">
|
||||||
|
<el-collapse-item class="collapse-item" :name="ind+1">
|
||||||
|
<template #title>
|
||||||
|
<div class="t-left">
|
||||||
|
<el-tooltip placement="right" :content="it.def">
|
||||||
|
<el-tag size="small" style="vertical-align: 2px;" v-html="it.code"></el-tag>
|
||||||
|
</el-tooltip>
|
||||||
|
<el-text t1>{{it.studentIds.length}} 人/占 {{ratio_1(it, item.accSum)}}%</el-text>
|
||||||
|
</div>
|
||||||
|
<div style="flex: 1;">
|
||||||
|
<el-progress :status="getStatus(it)" :stroke-width="10" :percentage="ratio_1(it, item.accSum)" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="c-respond">
|
||||||
|
<template v-for="(sid, indStu) in it.studentIds">
|
||||||
|
<el-tag>{{getStudentName(sid)}}</el-tag>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</el-collapse>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-collapse-item>
|
||||||
|
</template>
|
||||||
|
</el-collapse>
|
||||||
|
</el-col>
|
||||||
|
<el-col class="right" :span="8">
|
||||||
|
<div class="c-item">
|
||||||
|
<div class="title">答题情况</div>
|
||||||
|
<div class="respond">
|
||||||
|
<el-space wrap>
|
||||||
|
<!-- <template v-for="it in 11"> -->
|
||||||
|
<template v-for="(item, index) in dataList">
|
||||||
|
<el-card shadow="hover" class="card-warp">
|
||||||
|
<div class="card-body">
|
||||||
|
<el-progress type="dashboard" :color="colorArr" :width="80" :percentage="ratio_2(item)" />
|
||||||
|
<el-button type="primary" :plain="getActive(index+1)" size="small" round
|
||||||
|
@click="clickInfo(index+1)">{{index+1}}</el-button>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</template>
|
||||||
|
</el-space>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import { ref, defineExpose, onMounted, reactive, computed, watch, nextTick, watchEffect } from 'vue'
|
||||||
|
// 功能说明:习题-概况|作业统计(使用:公屏-习题练习|作业管理-作业布置)
|
||||||
|
// === 引入和参数初始化 ===
|
||||||
|
// import { nextTick } from 'vue'
|
||||||
|
|
||||||
|
// import * as elementPlus from 'element-plus' // ElMessage ElMessageBox
|
||||||
|
let colorArr = [] // 进度颜色值 -- 静态数据
|
||||||
|
// const attrs = useAttrs() // props中未定义属性
|
||||||
|
const activeTopic = ref(0) // 展开的题
|
||||||
|
let dataList = ref([]) // 左侧数据
|
||||||
|
let studentList = ref([]) // 学生数据
|
||||||
|
const props = defineProps({ // 参数 defineProps
|
||||||
|
activeData: { // 数据
|
||||||
|
type: Object,
|
||||||
|
// required: true, // 必传
|
||||||
|
default: () => ({
|
||||||
|
quizlist: [], // 当前习题列表
|
||||||
|
studentList: [], // 当前课程-所有学生
|
||||||
|
workFeedList: [] // 当前课程-所有学生反馈数据
|
||||||
|
})
|
||||||
|
},
|
||||||
|
})
|
||||||
|
// 左侧数据
|
||||||
|
// dataList.value = [
|
||||||
|
// { id: 1, type: '单选题', points: '47.5', accSum: 18, active: [], children: [
|
||||||
|
// { code: 'A', isOk: false, studentIds: [55056, 55057, 55058]},
|
||||||
|
// ]
|
||||||
|
// },
|
||||||
|
// ]
|
||||||
|
// 颜色值
|
||||||
|
colorArr = [
|
||||||
|
{ color: '#f56c6c', percentage: 20 },
|
||||||
|
{ color: '#e6a23c', percentage: 50 },
|
||||||
|
{ color: '#1989fa', percentage: 80 },
|
||||||
|
{ color: '#5cb87a', percentage: 100 },
|
||||||
|
]
|
||||||
|
|
||||||
|
// === 初始加载完 ===
|
||||||
|
onMounted(() => {})
|
||||||
|
|
||||||
|
// === 方法(methods) ===
|
||||||
|
// 初始-数据处理
|
||||||
|
const initData = () => {
|
||||||
|
// console.log('xxx', props)
|
||||||
|
// window.test = activeCourse
|
||||||
|
studentList.value = props.activeData.studentList || []
|
||||||
|
const activeWorkFeedList = props.activeData.workFeedList || []
|
||||||
|
const quizlist = props.activeData.quizlist || []
|
||||||
|
// 习题特殊处理
|
||||||
|
let data = quizlist.map(o => {
|
||||||
|
// 解析题选项
|
||||||
|
const workdesc = o.workdesc || ''
|
||||||
|
let accSum = 0 // 该题总人数
|
||||||
|
let activeIds = [] // 已做答学生
|
||||||
|
const quizFeedList = activeWorkFeedList.filter(f => f.entpcourseworkid == o.id) // 做该题的列表
|
||||||
|
let children = []
|
||||||
|
if (['单选题','多选题'].includes(o.worktype)) { // '单选题','多选题'
|
||||||
|
const list = workdesc.includes('#&') ? workdesc.split('#&') : isJson(workdesc)?JSON.parse(workdesc):[]
|
||||||
|
children = list.map((v,i) => {
|
||||||
|
const isOne = o.worktype == '单选题'
|
||||||
|
const code = toCode(i) // 转换 A-Z
|
||||||
|
// const isOk = isOne ? i == o.workanswer : o.workanswer.includes(i) // 是否(包含)正确答案
|
||||||
|
const isOk = (isJson(workdesc)?JSON.parse(o.workanswer):o.workanswer||'').includes(i+'') // 是否(包含)正确答案
|
||||||
|
// 改选项的学生id
|
||||||
|
const studentIds = quizFeedList.filter(f => isOne ? f.feedcontent==v : f.feedcontent.includes(i)).map(f => f.studentid)||[]
|
||||||
|
accSum += studentIds.length
|
||||||
|
if(isOk) isOne ? activeIds.push(...studentIds) : activeIds=[...new Set(activeIds.concat(studentIds))] // 多选去重
|
||||||
|
return { def: v, code, isOk, studentIds }
|
||||||
|
})
|
||||||
|
} else if (o.worktype == '填空题') { // 填空题
|
||||||
|
const regex = /<!--BA-->(.*?)<!--EA-->/g // 定义正则表达式,匹配 <!--BA-->xxx<!--EA--> 格式的内容
|
||||||
|
children = (o.title||'').match(regex).map((v,i) => {
|
||||||
|
const def = `填空项 ${i+1}`
|
||||||
|
const code = '( )', txt=v
|
||||||
|
// 改选项的学生id
|
||||||
|
const studentIds = quizFeedList.filter(f => !!(f.feedcontent||'').replace(/#$/,'').split('#')[i]).map(f => f.studentid)||[]
|
||||||
|
activeIds=[...new Set(activeIds.concat(studentIds))] // 多选去重
|
||||||
|
accSum = activeIds.length
|
||||||
|
return { def, code, txt, isOk:true, studentIds }
|
||||||
|
})
|
||||||
|
} else if (o.worktype == '论述题') { // 论述题
|
||||||
|
const code = '( )', def = '论述内容'
|
||||||
|
const studentIds = quizFeedList.filter(f => !!(f.feedcontent||'').replace(/#$/,'')).map(f => f.studentid)||[]
|
||||||
|
activeIds=[...new Set(activeIds.concat(studentIds))] // 多选去重
|
||||||
|
accSum = activeIds.length
|
||||||
|
children = [{ def, code, isOk:true, studentIds }]
|
||||||
|
}
|
||||||
|
const studentSum = studentList.value.length || 0 // 当前推送答题人数
|
||||||
|
const points = percent((activeIds.length / (studentSum||1)).toFixed(2)) // 计算得分率
|
||||||
|
// def: 原始题数据 type 类型 active: 选中 points: 得分率, accSum 题解答人数
|
||||||
|
return { def: o, id: o.id, type: o.worktype, active: [], points, accSum, children }
|
||||||
|
})
|
||||||
|
console.log('获取数据: ', data)
|
||||||
|
dataList.value = data
|
||||||
|
}
|
||||||
|
// 获取-该题各选项-完成进度
|
||||||
|
const ratio_1 = (row, sum = 1) => percent(((row.studentIds.length||0) / (sum||1)).toFixed(2))
|
||||||
|
// 获取-该题-完成进度
|
||||||
|
const ratio_2 = row => percent(((row.accSum||0) / (studentList.value.length||1)).toFixed(2))
|
||||||
|
// 获取-该题进度-txt
|
||||||
|
const getRatioTxt = row => row.type.includes('选题') ? '得分率' : '完成度'
|
||||||
|
// 获取-进度条状态-左侧
|
||||||
|
const getStatus = row => row.isOk ? 'success' : 'exception'
|
||||||
|
// 获取-学生姓名(id)
|
||||||
|
const getStudentName = id => studentList.value.length && (studentList.value.find(o => o.studentid == id)||{})?.name || id
|
||||||
|
// 获取-选中题
|
||||||
|
const getActive = ind => activeTopic.value != ind
|
||||||
|
|
||||||
|
// 答题情况-点击题
|
||||||
|
const clickInfo = async ind => {
|
||||||
|
activeTopic.value = activeTopic.value != ind ? ind : 0
|
||||||
|
setTimeout(() => {scrollToElement('collapse-' + ind)}, 300);
|
||||||
|
// elementPlus.ElMessage.warning('功能未开放!')
|
||||||
|
}
|
||||||
|
// === 通用工具 ===
|
||||||
|
// 滚动到指定位置
|
||||||
|
const scrollToElement = id => {
|
||||||
|
const el = document.getElementById(id)
|
||||||
|
!!el && el.scrollIntoView({ behavior: 'smooth', block: 'center',inline:'center' })
|
||||||
|
}
|
||||||
|
// 百分比现在 0-100
|
||||||
|
const percent = v => v > 1 ? 1 : v < 0 ? 0 : Math.round(v * 100)
|
||||||
|
// Unicode 转 字符 差值65
|
||||||
|
const toCode = (v, b) => b ? v.charCodeAt() - 65 : String.fromCharCode(v + 65)
|
||||||
|
// 判断是否为json字符串
|
||||||
|
const isJson = str => {if(typeof str == 'string'){
|
||||||
|
try {
|
||||||
|
const res = JSON.parse(str)
|
||||||
|
if(typeof res == 'object' && res) return true
|
||||||
|
} catch (error) {}}return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// === 监听器 ===
|
||||||
|
watchEffect(() => { initData() })
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
// 弹窗容器
|
||||||
|
.c-warp{
|
||||||
|
background: #F2F3F5;
|
||||||
|
height: 73vh;
|
||||||
|
margin: 0 !important;
|
||||||
|
.left{padding-left: 0 !important;}
|
||||||
|
.right{padding-right: 0 !important;}
|
||||||
|
.c-item{
|
||||||
|
padding: 10px;
|
||||||
|
background: #fff;
|
||||||
|
border: none;
|
||||||
|
overflow-y: auto;
|
||||||
|
height: 73vh;
|
||||||
|
}
|
||||||
|
.collapse-item{
|
||||||
|
.item-title-o{
|
||||||
|
margin: 0 10px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
&:last-child{
|
||||||
|
color: red;
|
||||||
|
:deep(.el-collapse-item__header){
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.respond{
|
||||||
|
.c-label{
|
||||||
|
b[t1]{margin-right: 10px;}
|
||||||
|
}
|
||||||
|
.c-childen{
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #CDD0D6;
|
||||||
|
.el-text[t1]{
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.t-left{width: 160px;text-align: left;}
|
||||||
|
.c-respond{
|
||||||
|
.el-tag{margin: 0 5px;}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
.title{
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px solid #CDD0D6;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.respond{
|
||||||
|
height: calc(70vh - 65px);
|
||||||
|
overflow: auto;
|
||||||
|
.el-space{padding: 5px;}
|
||||||
|
.card-warp{
|
||||||
|
border: none;
|
||||||
|
:deep(.el-card__body){
|
||||||
|
padding: 10px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-body{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -0,0 +1,159 @@
|
||||||
|
<template>
|
||||||
|
<div class="class-reserv-item">
|
||||||
|
<div class="class-reserv-item-body">
|
||||||
|
<div class="class-reserv-item-title1">
|
||||||
|
<el-tag style="margin-left: 5px" :type="item.workclass"> {{ item.worktype }}</el-tag>
|
||||||
|
<label style="margin-left: 10px">{{ item.uniquekey }}</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="class-reserv-item-title3">
|
||||||
|
<!-- <span v-for="(tag, index) in item.classItemList" :key="index" style="margin-left: 5px">
|
||||||
|
{{ index === 0 ? tag.name : '、' + tag.name }}
|
||||||
|
</span> -->
|
||||||
|
<span>{{ item.classcaption }}</span>
|
||||||
|
| 截止时间:{{ item.deaddate }} | {{ tabactive }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <el-switch v-model="value1" active-text="云同步"> </el-switch> -->
|
||||||
|
<div class="class-reserv-item-tool">
|
||||||
|
<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>
|
||||||
|
/{{ item.workdatacount }}</span>
|
||||||
|
<span>已交</span>
|
||||||
|
</div>
|
||||||
|
<div class="class-reserv-item-tool">
|
||||||
|
<!-- 总人数-已批阅人数 -->
|
||||||
|
<span style="color: #ff7f00; font-weight: 900; font-size: 15px">{{ item.teacherrationgcount?item.workdatacount - item.teacherrationgcount:item.workdatacount }}</span>
|
||||||
|
<span>待批阅</span>
|
||||||
|
</div>
|
||||||
|
<div class="class-reserv-item-tool">
|
||||||
|
<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>
|
||||||
|
<span>平均用时</span>
|
||||||
|
</div>
|
||||||
|
<div class="class-reserv-item-tool">
|
||||||
|
<span style="color: #ff6ec7; font-weight: 900; font-size: 15px">{{ item.scoingRate }}</span>
|
||||||
|
<span>得分率</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup>
|
||||||
|
import { useToolState } from '@/store/modules/tool'
|
||||||
|
import useUserStore from '@/store/modules/user'
|
||||||
|
import { createWindow } from '@/utils/tool'
|
||||||
|
import { deleteSmartReserv, startClass, endClass } from '@/api/classManage'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
import { listEntpcourse } from '@/api/teaching/classwork'
|
||||||
|
const emit = defineEmits(['openEdit', 'deleteReserv'])
|
||||||
|
const props = defineProps({
|
||||||
|
item: {
|
||||||
|
type: Object,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
tabactive: {
|
||||||
|
type: String,
|
||||||
|
default: () => ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
const value1 = ref(true);
|
||||||
|
const basePath = import.meta.env.VITE_APP_BUILD_BASE_PATH
|
||||||
|
const toolStore = useToolState() // 获取状态管理-tool
|
||||||
|
const openEdit = () => {
|
||||||
|
emit('openEdit', props.item)
|
||||||
|
}
|
||||||
|
const deleteReserv = () => {
|
||||||
|
deleteSmartReserv([props.item.id]).then((res) => {
|
||||||
|
if (res.data === true) {
|
||||||
|
ElMessage({
|
||||||
|
message: '删除成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
emit('deleteReserv', props.item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const startClassR = (item) => {
|
||||||
|
// startClass(item.id).then((res) => {
|
||||||
|
// if (res.data === true) {
|
||||||
|
// item.status = '上课中'
|
||||||
|
// openLesson()
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
item.status = '上课中'
|
||||||
|
openLesson()
|
||||||
|
}
|
||||||
|
// const toolStore = useToolState()
|
||||||
|
let wins = null;
|
||||||
|
// 上课-工具类悬浮
|
||||||
|
const openLesson = () => {
|
||||||
|
// startClass(props.item.id)
|
||||||
|
listEntpcourse({
|
||||||
|
evalid: props.item.ex2,
|
||||||
|
edituserid: useUserStore().user.userId,
|
||||||
|
pageSize: 500
|
||||||
|
}).then(async res=>{
|
||||||
|
if (res.rows[0].id) {
|
||||||
|
wins = await createWindow('tool-sphere', { url: '/tool/sphere?entpcourseid=' + res.rows[0].id + "&reservId=" + props.item.id })
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const endClassR = (item) => {
|
||||||
|
endClass(item.id).then((res) => {
|
||||||
|
if (res.data === true) {
|
||||||
|
ElMessage({
|
||||||
|
message: '下课成功',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
item.status = '已结束'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.class-reserv-item {
|
||||||
|
display: flex;
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px 5px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
|
||||||
|
.class-reserv-item-body {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: left;
|
||||||
|
padding-left: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
.class-reserv-item-title1 {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
label {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.class-reserv-item-tool {
|
||||||
|
margin-left: 10px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -70,8 +70,7 @@ const menuList = [{
|
||||||
{
|
{
|
||||||
name: '考试分析',
|
name: '考试分析',
|
||||||
icon: 'icon-kaoshi',
|
icon: 'icon-kaoshi',
|
||||||
isOuter: true,
|
path: '/examReport'
|
||||||
path: '/education/colentrance'
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '学情分析',
|
name: '学情分析',
|
||||||
|
@ -120,7 +119,8 @@ const menuList = [{
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '作业批改',
|
name: '作业批改',
|
||||||
icon: 'icon-pigai'
|
icon: 'icon-pigai',
|
||||||
|
path: '/classTask'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '作业统计',
|
name: '作业统计',
|
||||||
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
<template>
|
||||||
|
<div>模拟命题</div>
|
||||||
|
</template>
|
|
@ -0,0 +1,101 @@
|
||||||
|
<template>
|
||||||
|
<el-table ref="table" v-loading="loading" :data="listExamQuestion" class="table-main">
|
||||||
|
<el-table-column type="index" fixed="left" width="60" />
|
||||||
|
<el-table-column align="left" fixed="left" min-width="60%">
|
||||||
|
<template #default="scope">
|
||||||
|
<div @click="showExamAnalyseDrawer(scope.row)">
|
||||||
|
<div v-html="scope.row.titleFormat" class="main-title" ></div>
|
||||||
|
<div v-html="scope.row.workdescFormat" class="main-work-desc" ></div>
|
||||||
|
<el-col :span="24" style="display: flex">
|
||||||
|
<div class="main-user-info" style="">{{ scope.row.entpname }} {{ scope.row.editusername }}</div>
|
||||||
|
<div class="main-upl-time" style="">{{ scope.row.timestamp }}</div>
|
||||||
|
</el-col>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="worktype" width="100"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="worktag" width="120"></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<!-- 试题详情 -->
|
||||||
|
<el-drawer v-model="activeExamInfoDrawer" title="题目详情" :with-header="false" direction="rtl" size="60%">
|
||||||
|
<el-row class="drawer-main">
|
||||||
|
<el-col :span="24">
|
||||||
|
<span>{{activeExam.worktag}}</span>
|
||||||
|
<span style="margin-left: 4px" v-html="activeExam.titleFormat" ></span>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" style="padding: 4px" v-html="activeExam.workdescFormat">
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="3" class="drawer-main-col"><em>【答案】</em></el-col>
|
||||||
|
<el-col :span="20" class="drawer-main-col" v-html="activeExam.workanswerFormat"></el-col>
|
||||||
|
<el-col :span="3" class="drawer-main-col"><em>【分析】</em></el-col>
|
||||||
|
<el-col :span="20" class="drawer-main-col" v-html="activeExam.method"></el-col>
|
||||||
|
<el-col :span="3" class="drawer-main-col"><em>【解答】</em></el-col>
|
||||||
|
<el-col :span="20" class="drawer-main-col" v-html="activeExam.analyse"></el-col>
|
||||||
|
<el-col :span="3" class="drawer-main-col" ><em>【点评】</em></el-col>
|
||||||
|
<el-col :span="20" class="drawer-main-col" v-html="activeExam.discuss"></el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-drawer>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {ref, reactive} from 'vue'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
listExamQuestion: {type: Array},
|
||||||
|
loading: {type: Boolean}
|
||||||
|
})
|
||||||
|
|
||||||
|
const activeExamInfoDrawer = ref(false);
|
||||||
|
const activeExam = ref({});
|
||||||
|
|
||||||
|
const showExamAnalyseDrawer = (row) => {
|
||||||
|
activeExam.value = row;
|
||||||
|
activeExamInfoDrawer.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.table-main {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
.main-title {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
font-weight:700
|
||||||
|
}
|
||||||
|
.main-work-desc{
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
.main-user-info{
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: silver;
|
||||||
|
padding-top: 5px
|
||||||
|
}
|
||||||
|
.main-upl-time{
|
||||||
|
margin-left: 30px;
|
||||||
|
font-size: 0.8em;
|
||||||
|
color: silver;
|
||||||
|
padding-top: 7px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.drawer-main{
|
||||||
|
margin: 1%;
|
||||||
|
padding: 1% 2%;
|
||||||
|
border: 2px dotted;
|
||||||
|
display: flex;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
.drawer-main-col{
|
||||||
|
padding: 10px 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -0,0 +1,3 @@
|
||||||
|
<template>
|
||||||
|
<div>考点分析</div>
|
||||||
|
</template>
|
|
@ -0,0 +1,292 @@
|
||||||
|
<template>
|
||||||
|
<div class="page-resource flex">
|
||||||
|
<!--左侧 教材 目录-->
|
||||||
|
<ChooseTextbook @change-book="getData" @node-click="getData" />
|
||||||
|
<!--右侧 习题 列表 -->
|
||||||
|
<div class="page-right">
|
||||||
|
<div class="page-right-top">
|
||||||
|
<el-popover placement="top-start" title="真题回顾" trigger="hover" content="勾画、圈点,添加标记等,整理出本课的重点与难点,用于老师讲解和学生自主预习">
|
||||||
|
<template #reference>
|
||||||
|
<el-button-group>
|
||||||
|
<el-button @click="changeTaskView('真题回顾', index)" :type="curTask.viewkey=='真题回顾'?'primary':'default'" round>真题回顾</el-button>
|
||||||
|
<el-button disabled :type="'default'" plain round ></el-button>
|
||||||
|
</el-button-group>
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
|
<div style="margin-top: 7px"> <el-icon><ArrowRight /></el-icon> </div>
|
||||||
|
|
||||||
|
<el-popover disabled placement="top-start" title="考点分析" trigger="hover" content="勾画、圈点,添加标记等,整理出本课的重点与难点,用于老师讲解和学生自主预习">
|
||||||
|
<template #reference>
|
||||||
|
<el-button-group>
|
||||||
|
<el-button disabled @click="changeTaskView('考点分析', index)" :type="curTask.viewkey=='考点分析'?'primary':'default'" round>考点分析</el-button>
|
||||||
|
<el-button disabled :type="'default'" plain round ></el-button>
|
||||||
|
</el-button-group>
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
|
<div style="margin-top: 7px"> <el-icon><ArrowRight /></el-icon> </div>
|
||||||
|
|
||||||
|
<el-popover disabled placement="top-start" title="模拟命题" trigger="hover" content="勾画、圈点,添加标记等,整理出本课的重点与难点,用于老师讲解和学生自主预习">
|
||||||
|
<template #reference>
|
||||||
|
<el-button-group>
|
||||||
|
<el-button disabled @click="changeTaskView('模拟命题', index)" :type="curTask.viewkey=='模拟命题'?'primary':'default'" round>模拟命题</el-button>
|
||||||
|
<el-button disabled :type="'default'" plain round ></el-button>
|
||||||
|
</el-button-group>
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
|
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.workType"
|
||||||
|
placeholder="题型"
|
||||||
|
size="small"
|
||||||
|
class="work-type"
|
||||||
|
@change="queryExamQuestionByParams"
|
||||||
|
>
|
||||||
|
<template v-for="(item, index) in listWorkType" :key="index">
|
||||||
|
<el-option :label="item.label" :value="item" />
|
||||||
|
</template>
|
||||||
|
</el-select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div :style="{'width': (viewportWidth - 400) + 'px','height': (viewportHeight-38) + 'px','overflow-y': 'auto'}">
|
||||||
|
<examReview
|
||||||
|
:loading="loading"
|
||||||
|
:listExamQuestion="listExamQuestion"
|
||||||
|
v-if="curTask.viewkey=='真题回顾'"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<pointAnalysis
|
||||||
|
v-else-if="curTask.viewkey=='考点分析'"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<examMocks v-else
|
||||||
|
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {ref, onMounted, reactive, watch, nextTick, getCurrentInstance} from 'vue'
|
||||||
|
import { ArrowRight } from '@element-plus/icons-vue'
|
||||||
|
|
||||||
|
import useResoureStore from '@/views/resource/store'
|
||||||
|
import ChooseTextbook from '@/components/choose-textbook/index.vue'
|
||||||
|
import {listEntpcoursework, listEntpcourseworkNew} from '@/api/education/entpCourseWork'
|
||||||
|
import {processExamQuestion} from '@/utils/examQuestion/tool'
|
||||||
|
import { JYApiListCT} from "@/utils/examQuestion/jyeoo"
|
||||||
|
|
||||||
|
import examReview from './container/examReview.vue'
|
||||||
|
import pointAnalysis from './container/pointAnalysis.vue'
|
||||||
|
import examMocks from './container/examMocks.vue'
|
||||||
|
|
||||||
|
const {proxy} = getCurrentInstance();
|
||||||
|
const sourceStore = useResoureStore();
|
||||||
|
const viewportHeight = ref(0);
|
||||||
|
const viewportWidth = ref(0);
|
||||||
|
// 当前选中的章节或单元
|
||||||
|
const curNode = ref({});
|
||||||
|
// 试题集合
|
||||||
|
const listExamQuestion = ref([]);
|
||||||
|
const loading = ref(false);
|
||||||
|
const curTask = reactive({
|
||||||
|
viewkey: '真题回顾',
|
||||||
|
});
|
||||||
|
const queryParams = reactive({
|
||||||
|
workType: {
|
||||||
|
label: '不限',
|
||||||
|
value: 0,
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
});
|
||||||
|
const listWorkType = ref([{
|
||||||
|
label: '不限',
|
||||||
|
value: 0,
|
||||||
|
}]);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @desc: 选中单元章节后的回调, 获取单元章节信息
|
||||||
|
* @return: {*}
|
||||||
|
* @param {*} data
|
||||||
|
*/
|
||||||
|
const getData = async (data) => {
|
||||||
|
if (curNode.value.id == data.node.id) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
loading.value = true;
|
||||||
|
|
||||||
|
// 1.获取题型
|
||||||
|
getWorkType(data.node);
|
||||||
|
|
||||||
|
// 2.获取试题集合
|
||||||
|
curNode.value = data.node;
|
||||||
|
// 查询本地
|
||||||
|
// const params = {
|
||||||
|
// pageNum: 1,
|
||||||
|
// pageSize: 100,
|
||||||
|
// workgroup: '1',
|
||||||
|
// edusubject: curNode.value.edusubject,
|
||||||
|
// evalid: curNode.value.id,
|
||||||
|
// orderby: 'concat(worktype,worktag) DESC',
|
||||||
|
// }
|
||||||
|
// const res = await listEntpcoursework(params);
|
||||||
|
// listExamQuestion.value = res.rows;
|
||||||
|
|
||||||
|
// 查询本地+菁优网(后端处理)
|
||||||
|
const params = {
|
||||||
|
eid: curNode.value.id,
|
||||||
|
workgroup: '1',
|
||||||
|
worktype: '不限',
|
||||||
|
workTypeId: '0',
|
||||||
|
edusubject: curNode.value.edusubject,
|
||||||
|
edustage: curNode.value.edustage,
|
||||||
|
sectionName: curNode.value.itemtitle,
|
||||||
|
}
|
||||||
|
const res = await listEntpcourseworkNew(params);
|
||||||
|
if(res.data == null) {
|
||||||
|
listExamQuestion.value = [];
|
||||||
|
// queryParams.total = 0
|
||||||
|
loading.value = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
listExamQuestion.value = res.data;
|
||||||
|
// queryParams.total = res.total;
|
||||||
|
// 格式化试题
|
||||||
|
processExamQuestion(listExamQuestion.value);
|
||||||
|
loading.value = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @desc: 切换节点
|
||||||
|
* @return: {*}
|
||||||
|
* @param {*} item
|
||||||
|
* @param {*} key
|
||||||
|
*/
|
||||||
|
const changeTaskView = (item, key) => {
|
||||||
|
curTask.viewkey = item;
|
||||||
|
}
|
||||||
|
|
||||||
|
const getWorkType = async (data) => {
|
||||||
|
const selName = `${data.edustage}${data.edusubject}`
|
||||||
|
const curName = `${curNode.value.edustage}${curNode.value.edusubject}`
|
||||||
|
if (selName === curName) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const jyCT = await JYApiListCT(proxy, selName);
|
||||||
|
if (jyCT.length == 0) {
|
||||||
|
ElMessage.error('获取题型失败!');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
listWorkType.value = jyCT;
|
||||||
|
}
|
||||||
|
|
||||||
|
const queryExamQuestionByParams = async () => {
|
||||||
|
loading.value = true;
|
||||||
|
|
||||||
|
// 查询本地
|
||||||
|
// const params = {
|
||||||
|
// pageNum: 1,
|
||||||
|
// pageSize: 100,
|
||||||
|
// workgroup: '1',
|
||||||
|
// edusubject: curNode.value.edusubject,
|
||||||
|
// evalid: curNode.value.id,
|
||||||
|
// worktype: queryParams.workType.Value,
|
||||||
|
// orderby: 'concat(worktype,worktag) DESC',
|
||||||
|
// }
|
||||||
|
// if (queryParams.workType == '不限') {
|
||||||
|
// delete params.worktype;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// const res = await listEntpcoursework(params);
|
||||||
|
// listExamQuestion.value = res.rows;
|
||||||
|
|
||||||
|
// 查询本地+菁优网(后端处理)
|
||||||
|
const params = {
|
||||||
|
eid: curNode.value.id,
|
||||||
|
workgroup: '1',
|
||||||
|
worktype: queryParams.workType.label,
|
||||||
|
workTypeId: queryParams.workType.value,
|
||||||
|
edusubject: curNode.value.edusubject,
|
||||||
|
edustage: curNode.value.edustage,
|
||||||
|
sectionName: curNode.value.itemtitle,
|
||||||
|
}
|
||||||
|
const res = await listEntpcourseworkNew(params);
|
||||||
|
if(res.data == null) {
|
||||||
|
listExamQuestion.value = [];
|
||||||
|
// queryParams.total = 0
|
||||||
|
loading.value = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
listExamQuestion.value = res.data;
|
||||||
|
// queryParams.total = res.total;
|
||||||
|
// 格式化试题
|
||||||
|
processExamQuestion(listExamQuestion.value);
|
||||||
|
loading.value = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
//获取视口高度
|
||||||
|
const getViewportHeight = () => {
|
||||||
|
return Math.max(
|
||||||
|
document.documentElement.clientHeight,
|
||||||
|
window.innerHeight || 0
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const getViewportWidth = () => {
|
||||||
|
return Math.max(
|
||||||
|
document.documentElement.clientWidth,
|
||||||
|
window.innerWidth || 0
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
nextTick(() => {
|
||||||
|
viewportHeight.value = getViewportHeight();
|
||||||
|
viewportWidth.value = getViewportWidth();
|
||||||
|
})
|
||||||
|
window.addEventListener('resize', () => {
|
||||||
|
viewportHeight.value = getViewportHeight();
|
||||||
|
viewportWidth.value = getViewportWidth();
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.page-resource {
|
||||||
|
padding-top: 20px;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
//右侧栏
|
||||||
|
.page-right {
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex: 1;
|
||||||
|
margin-left: 20px;
|
||||||
|
height: 100%;
|
||||||
|
background: #ffffff;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
||||||
|
|
||||||
|
.page-right-top {
|
||||||
|
display: flex;
|
||||||
|
margin-top: 6px;
|
||||||
|
margin-left: 6px;
|
||||||
|
|
||||||
|
.work-type {
|
||||||
|
width: 100px;
|
||||||
|
margin: 0 6px 0 auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style src="@/assets/styles/JYStyle.css"></style>
|
|
@ -112,8 +112,8 @@ const title = reactive([
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '高考研究',
|
name: '考试分析',
|
||||||
url: '/education/colentrance',
|
url: '/examReport',
|
||||||
img: 'iconfont icon-icon_kaoshifenxi',
|
img: 'iconfont icon-icon_kaoshifenxi',
|
||||||
child1: []
|
child1: []
|
||||||
},
|
},
|
||||||
|
|
|
@ -0,0 +1,462 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
v-model="dialogVisible"
|
||||||
|
title="注册账号"
|
||||||
|
:fullscreen="true"
|
||||||
|
center
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<el-steps style="max-width: 100%;-webkit-app-region: no-drag;height:35px" :active="activeIndex" finish-status="success" simple>
|
||||||
|
<el-step title="1.基本信息" @click="activeIndex=1" />
|
||||||
|
<el-step title="2.在校信息" />
|
||||||
|
</el-steps>
|
||||||
|
<el-form
|
||||||
|
style="width: 80%;margin: 0 auto;margin-top: 10px;-webkit-app-region: no-drag;"
|
||||||
|
:model="ruleForm"
|
||||||
|
:rules="rules"
|
||||||
|
label-width="auto"
|
||||||
|
status-icon
|
||||||
|
ref="ruleFormRef"
|
||||||
|
>
|
||||||
|
<el-form-item label="姓名" prop="name" v-if="activeIndex==1">
|
||||||
|
<el-input v-model="ruleForm.name" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="身份证号" prop="idNumber" v-if="activeIndex==1">
|
||||||
|
<el-input v-model="ruleForm.idNumber" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="手机号" prop="phoneNumber" v-if="activeIndex==1">
|
||||||
|
<el-input v-model="ruleForm.phoneNumber" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="验证码" prop="Code" v-if="activeIndex==1">
|
||||||
|
<el-input style="width:60%" v-model="ruleForm.Code" :disabled="true" />
|
||||||
|
<el-button type="primary" style="margin-left:10px" @click="sendcaptchaImg">发送验证码</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="设置密码" prop="password" v-if="activeIndex==1">
|
||||||
|
<el-input v-model="ruleForm.password" type="password" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="确认密码" prop="confirmPassword" v-if="activeIndex==1">
|
||||||
|
<el-input v-model="ruleForm.confirmPassword" type="password" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="所属地区" prop="address" v-if="activeIndex==2">
|
||||||
|
<el-cascader
|
||||||
|
style="width:100%"
|
||||||
|
v-model="ruleForm.address"
|
||||||
|
:options="regionData"
|
||||||
|
@change="handleChange"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="学校" prop="school" v-if="activeIndex==2">
|
||||||
|
<el-cascader :options="optionsSchool" style="width:100%" v-model="ruleForm.school" @change="handleSchoolChange" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="班级" prop="class" v-if="activeIndex==2">
|
||||||
|
<el-tree-select
|
||||||
|
v-model="ruleForm.class"
|
||||||
|
:data="gradeTree"
|
||||||
|
multiple
|
||||||
|
:render-after-expand="false"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="学科" prop="discipline" v-if="activeIndex==2">
|
||||||
|
<div v-for="item in schoolSubject" style="display: flex;">
|
||||||
|
<span style="width:50px">{{ item.name }}:</span>
|
||||||
|
<el-checkbox-group style="width:100%" v-model="ruleForm.discipline" >
|
||||||
|
<el-checkbox style="margin-right:10px" v-for="el in item.children" :key="el.id" :label="el.itemtitle" :value="el" />
|
||||||
|
</el-checkbox-group>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="activeIndex==1">
|
||||||
|
<div class="centerDiv">
|
||||||
|
<el-button type="primary" @click="nextStep(ruleFormRef)">下一步</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="activeIndex==2">
|
||||||
|
<div class="centerDiv">
|
||||||
|
<el-button type="primary" @click="submitForm(ruleFormRef)">立即注册</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<!-- <template #footer>
|
||||||
|
<div class="dialog-footer" >
|
||||||
|
<el-button @click="dialogVisible = false">下一步</el-button>
|
||||||
|
</div>
|
||||||
|
</template> -->
|
||||||
|
<el-dialog
|
||||||
|
v-model="isImg"
|
||||||
|
title="人机验证"
|
||||||
|
width="500"
|
||||||
|
>
|
||||||
|
<span>根据图片回答相关问题</span>
|
||||||
|
<div style="display: flex;align-items: center;;margin-top:30px">
|
||||||
|
<img :src="isPeopleImg" style="width:200px;height:60px;cursor: pointer;" alt="" srcset="" @click="refreshImg">
|
||||||
|
<el-input v-model="ruleForm.imgCode" style="width: 250px;height:40px;margin-left:20px" placeholder="请根据图片填入答案" />
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;justify-content: center;margin-top:30px">
|
||||||
|
<el-button type="primary" @click="sbmitImg">确定</el-button>
|
||||||
|
</div>
|
||||||
|
<!-- <template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="dialogVisible = false">Cancel</el-button>
|
||||||
|
<el-button type="primary" @click="dialogVisible = false">
|
||||||
|
Confirm
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</template> -->
|
||||||
|
</el-dialog>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, defineExpose, reactive ,onMounted} from 'vue'
|
||||||
|
import {captchaImg,sendCode,deptTree,getDept,listClassmain,listEvaluation,signIn} from '@/api/login'
|
||||||
|
import { ElMessage } from 'element-plus'
|
||||||
|
import {setToken, removeToken } from '@/utils/auth'
|
||||||
|
import { regionData, codeToText } from 'element-china-area-data'
|
||||||
|
const ruleFormRef = ref(null)
|
||||||
|
const activeIndex=ref(1)
|
||||||
|
const ruleForm = reactive({
|
||||||
|
name: '',
|
||||||
|
idNumber:'',
|
||||||
|
phoneNumber: '',
|
||||||
|
Code:'',
|
||||||
|
password:'',
|
||||||
|
confirmPassword:'',
|
||||||
|
class:[],
|
||||||
|
discipline:[],
|
||||||
|
school:[],
|
||||||
|
})
|
||||||
|
const isImg=ref(false)
|
||||||
|
const btnName=ref('发送验证码')
|
||||||
|
const resImg = reactive({ imgData: {} });
|
||||||
|
const optionsSchool=ref([])
|
||||||
|
const gradeTree=ref([])
|
||||||
|
const schoolSubject=ref([])
|
||||||
|
const allSubjectList = ref([])
|
||||||
|
const gradeDataList = [
|
||||||
|
[
|
||||||
|
{ label: '一年级', agekey: 1, checked: false, current: 1 },
|
||||||
|
{ label: '二年级', agekey: 2, checked: false, current: 1 },
|
||||||
|
{ label: '三年级', agekey: 3, checked: false, current: 1 },
|
||||||
|
{ label: '四年级', agekey: 4, checked: false, current: 1 },
|
||||||
|
{ label: '五年级', agekey: 5, checked: false, current: 1 },
|
||||||
|
{ label: '六年级', agekey: 6, checked: false, current: 1 },
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{ label: '初一', agekey: 7, checked: false, current: 2 },
|
||||||
|
{ label: '初二', agekey: 8, checked: false, current: 2 },
|
||||||
|
{ label: '初三', agekey: 9, checked: false, current: 2 },
|
||||||
|
],
|
||||||
|
[
|
||||||
|
{ label: '高一', agekey: 10, checked: false, current: 3 },
|
||||||
|
{ label: '高二', agekey: 11, checked: false, current: 3 },
|
||||||
|
{ label: '高三', agekey: 12, checked: false, current: 3 },
|
||||||
|
],
|
||||||
|
]
|
||||||
|
// 人机验证图片
|
||||||
|
const isPeopleImg=ref(null)
|
||||||
|
const rules = reactive({
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '请输入姓名', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
Code: [
|
||||||
|
{ required: true, message: '请输入验证码', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
phoneNumber: [
|
||||||
|
{ required: true, message: '手机号码是必填项', trigger: 'blur' },
|
||||||
|
{ pattern: /^1[3-9]\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
idNumber: [
|
||||||
|
{ required: true, message: '身份证号码是必填项', trigger: 'blur' },
|
||||||
|
{
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
if (!value) {
|
||||||
|
callback();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// 正则表达式同时支持15位和18位身份证号码
|
||||||
|
const pattern = /^(?:\d{15}|\d{17}[\dX])$/;
|
||||||
|
const valid = pattern.test(value);
|
||||||
|
if (!valid) {
|
||||||
|
callback(new Error('身份证号码格式不正确'));
|
||||||
|
} else {
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
trigger: 'blur'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
password: [
|
||||||
|
{ required: true, message: '请输入密码', trigger: 'blur' },
|
||||||
|
{ min: 6, message: '密码长度必须大于6位数', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
confirmPassword: [
|
||||||
|
{ required: true, message: '请再次输入密码', trigger: 'blur' },
|
||||||
|
{ min: 6, message: '密码长度必须大于6位数', trigger: 'blur' },
|
||||||
|
{ validator: (rule, value, callback) => {
|
||||||
|
if (value !== ruleForm.password) {
|
||||||
|
callback(new Error('两次输入的密码不一致!'));
|
||||||
|
} else {
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
}, trigger: 'change' }
|
||||||
|
],
|
||||||
|
address:[ {
|
||||||
|
required: true,
|
||||||
|
message: '请选择地址',
|
||||||
|
trigger: 'change',
|
||||||
|
},],
|
||||||
|
school:[{
|
||||||
|
required: true,
|
||||||
|
message: '请选择地址',
|
||||||
|
trigger: 'change',
|
||||||
|
},],
|
||||||
|
class:[ {
|
||||||
|
type:'array',
|
||||||
|
required: true,
|
||||||
|
message: '请选择班级',
|
||||||
|
trigger: 'change',
|
||||||
|
},],
|
||||||
|
discipline:[ {
|
||||||
|
type: 'array',
|
||||||
|
required: true,
|
||||||
|
message: '请选择学科',
|
||||||
|
trigger: 'change',
|
||||||
|
},]
|
||||||
|
})
|
||||||
|
const dialogVisible = ref(false)
|
||||||
|
// 打开弹窗
|
||||||
|
const OpenModel = () =>{
|
||||||
|
dialogVisible.value=true
|
||||||
|
}
|
||||||
|
// 关闭弹窗
|
||||||
|
const handleClose = () => {
|
||||||
|
if (ruleFormRef.value) ruleFormRef.value.resetFields()
|
||||||
|
removeToken();
|
||||||
|
activeIndex.value=1
|
||||||
|
dialogVisible.value=false
|
||||||
|
}
|
||||||
|
|
||||||
|
const nextStep = (formEl) => {
|
||||||
|
if (!formEl) return
|
||||||
|
formEl.validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
activeIndex.value=2
|
||||||
|
// 获取部门列表
|
||||||
|
deptTree({phone:ruleForm.phoneNumber}).then(res=>{
|
||||||
|
optionsSchool.value=res.data
|
||||||
|
optionsSchool.value.forEach(item=>{
|
||||||
|
item.value=item.id
|
||||||
|
if(!item.children){
|
||||||
|
item.disabled=true
|
||||||
|
}
|
||||||
|
if(item.children){
|
||||||
|
item.children.forEach(child=>{
|
||||||
|
child.value=child.id
|
||||||
|
if(!child.children){
|
||||||
|
child.disabled=true
|
||||||
|
}
|
||||||
|
if(child.children){
|
||||||
|
child.children.forEach(grandson=>{
|
||||||
|
grandson.value=grandson.id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
getSubject()
|
||||||
|
console.log(res)
|
||||||
|
})
|
||||||
|
console.log('submit!')
|
||||||
|
} else {
|
||||||
|
console.log('error submit!')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 获取所有学科
|
||||||
|
const getSubject = async ()=>{
|
||||||
|
const rows= await listEvaluation({ itemkey: "subject", pageSize: 500 })
|
||||||
|
console.log(rows,'所有学科')
|
||||||
|
allSubjectList.value = rows.data
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const submitForm = async (formEl) => {
|
||||||
|
if (!formEl) return
|
||||||
|
await formEl.validate((valid, fields) => {
|
||||||
|
if (valid) {
|
||||||
|
var araname = codeToText[ruleForm.address[0]] + '-' + codeToText[ruleForm.address[1]] + '-' + codeToText[ruleForm.address[2]];
|
||||||
|
var form={
|
||||||
|
mobile:ruleForm.phoneNumber,
|
||||||
|
code:ruleForm.Code,
|
||||||
|
name:ruleForm.name,
|
||||||
|
idCard:ruleForm.idNumber,
|
||||||
|
password:ruleForm.password,
|
||||||
|
confirmPassword:ruleForm.confirmPassword,
|
||||||
|
schoolId:ruleForm.school[2],
|
||||||
|
classIds:ruleForm.class.join(','),
|
||||||
|
subjectIds:ruleForm.discipline.map(o=>o.id).join(','),
|
||||||
|
subject:ruleForm.discipline.map(o=>o.itemtitle).join(','),
|
||||||
|
areaIds:ruleForm.address.join(','),
|
||||||
|
area:araname
|
||||||
|
}
|
||||||
|
signIn(form).then(res=>{
|
||||||
|
if(res.code==200){
|
||||||
|
ElMessage.success('您已注册成功,等待学校管理员审核')
|
||||||
|
if (ruleFormRef.value) ruleFormRef.value.resetFields()
|
||||||
|
var restValue={
|
||||||
|
name: '',
|
||||||
|
idNumber:'',
|
||||||
|
phoneNumber: '',
|
||||||
|
Code:'',
|
||||||
|
password:'',
|
||||||
|
confirmPassword:'',
|
||||||
|
class:[],
|
||||||
|
discipline:[],
|
||||||
|
school:[],
|
||||||
|
}
|
||||||
|
Object.assign(ruleForm, restValue);
|
||||||
|
activeIndex.value=1
|
||||||
|
dialogVisible.value=false
|
||||||
|
}else{
|
||||||
|
ElMessage.error(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
console.log('submit!')
|
||||||
|
} else {
|
||||||
|
console.log('error submit!', fields)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 发送验证码
|
||||||
|
const sendcaptchaImg=()=>{
|
||||||
|
if(ruleForm.phoneNumber){
|
||||||
|
const pattern = /^1[3-9]\d{9}$/;
|
||||||
|
if( pattern.test(ruleForm.phoneNumber) ){
|
||||||
|
captchaImg({mobile:ruleForm.phoneNumber}).then(res=>{
|
||||||
|
ruleForm.imgCode=null
|
||||||
|
isImg.value=true
|
||||||
|
isPeopleImg.value='data:image/jpg;base64,'+res.img
|
||||||
|
if(res.token){
|
||||||
|
setToken(res.token)
|
||||||
|
}
|
||||||
|
resImg.imgData=res
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
ElMessage.error('请输入正确的手机号码')
|
||||||
|
}
|
||||||
|
// captchaImg({mobile:ruleForm.phoneNumber}).then(res=>{
|
||||||
|
// console.log('res->', res)
|
||||||
|
// })
|
||||||
|
}else{
|
||||||
|
ElMessage.error('请输入手机号码')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 刷新
|
||||||
|
const refreshImg=()=>{
|
||||||
|
captchaImg({mobile:ruleForm.phoneNumber}).then(res=>{
|
||||||
|
isPeopleImg.value='data:image/jpg;base64,'+res.img
|
||||||
|
if(res.token){
|
||||||
|
setToken(res.token)
|
||||||
|
}
|
||||||
|
resImg.imgData=res
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 提交人机验证
|
||||||
|
const sbmitImg=()=>{
|
||||||
|
if(ruleForm.imgCode){
|
||||||
|
sendCode({mobile:ruleForm.phoneNumber,code:ruleForm.imgCode,uuid:resImg.imgData.uuid}).then(res=>{
|
||||||
|
if(res.code==200){
|
||||||
|
ruleForm.Code=res.data
|
||||||
|
isImg.value=false
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
ElMessage.error('请根据图片输入验证码')
|
||||||
|
}
|
||||||
|
//
|
||||||
|
}
|
||||||
|
const handleChange = (value) => {
|
||||||
|
console.log('选中的地址值:', value);
|
||||||
|
};
|
||||||
|
const handleSchoolChange= async ()=>{
|
||||||
|
ruleForm.discipline=[];
|
||||||
|
ruleForm.class=[];
|
||||||
|
getDept({deptId:ruleForm.school[2]}).then(res =>{
|
||||||
|
if(res.data.studying && res.data.studying.length){
|
||||||
|
let studying = res.data.studying.split(',')
|
||||||
|
let ary = []
|
||||||
|
studying.forEach(item =>{
|
||||||
|
let obj = {
|
||||||
|
name: item,
|
||||||
|
children: []
|
||||||
|
}
|
||||||
|
allSubjectList.value.forEach(el =>{
|
||||||
|
if(item == el.edustage){
|
||||||
|
obj.children.push(el)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
ary.push(obj)
|
||||||
|
})
|
||||||
|
schoolSubject.value = ary
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
schoolSubject.value = []
|
||||||
|
}
|
||||||
|
})
|
||||||
|
listClassmain( {entpid: ruleForm.school[2], pageSize: 500, status: 'open'}).then(res=>{
|
||||||
|
gradeTree.value = groupByCondition(res.rows, item => item.agekey);
|
||||||
|
console.log(gradeTree.value,'班级')
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
//将所有班级筛选成二级的数组
|
||||||
|
const groupByCondition = (arr, condition)=>{
|
||||||
|
// 分组结果存储为对象
|
||||||
|
const groups = arr.reduce((groups, item) => {
|
||||||
|
const groupKey = condition(item);
|
||||||
|
item.label = item.caption
|
||||||
|
item.value = item.id
|
||||||
|
groups[groupKey] = groups[groupKey] || [];
|
||||||
|
groups[groupKey].push(item);
|
||||||
|
return groups;
|
||||||
|
}, {});
|
||||||
|
// 构建新的数据结构
|
||||||
|
const formattedGroups = Object.keys(groups).map(key => ({
|
||||||
|
label: gradeName(key),
|
||||||
|
value: key,
|
||||||
|
children: groups[key]
|
||||||
|
}));
|
||||||
|
return formattedGroups;
|
||||||
|
}
|
||||||
|
//key对应学段年级
|
||||||
|
const gradeName = (key) =>{
|
||||||
|
//先把二级数组转化为一级数组,用于筛选
|
||||||
|
const flatGradeDataList = gradeDataList.flat();
|
||||||
|
const currentIndex = flatGradeDataList.findIndex(item => item.agekey === Number(key));
|
||||||
|
if(currentIndex !== -1){
|
||||||
|
return flatGradeDataList[currentIndex].label;
|
||||||
|
}else{
|
||||||
|
//社团的处理
|
||||||
|
const defaultLabel = '社团';
|
||||||
|
flatGradeDataList[currentIndex] = { ...flatGradeDataList[currentIndex], label: defaultLabel };
|
||||||
|
return defaultLabel;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onMounted(()=>{
|
||||||
|
|
||||||
|
})
|
||||||
|
defineExpose({
|
||||||
|
OpenModel,
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.centerDiv{
|
||||||
|
-webkit-app-region: no-drag;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -21,12 +21,21 @@
|
||||||
placeholder="请输入密码"
|
placeholder="请输入密码"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-checkbox v-model="loginForm.rememberMe" class="flex mb-5">记住密码</el-checkbox>
|
<div class="flex mb-5">
|
||||||
|
<el-checkbox v-model="loginForm.rememberMe" >记住密码</el-checkbox>
|
||||||
|
<!-- <el-checkbox >阅读并同意《xxx》</el-checkbox> -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button :loading="btnLoading" class="btn" type="primary" @click="submitForm(formRef)"
|
<el-button :loading="btnLoading" class="btn" type="primary" @click="submitForm(formRef)"
|
||||||
>登录</el-button
|
>登录</el-button
|
||||||
>
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<div class="flex mb-4" style="display: flex;justify-content: center;color: #ccc;cursor: pointer;">
|
||||||
|
<a style="margin-right: 10px;" @click="RegisterModel">注册账号</a>
|
||||||
|
<!-- | -->
|
||||||
|
<!-- <a style="margin-left: 10px;">忘记密码</a> -->
|
||||||
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -48,6 +57,8 @@
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!--选择学科-->
|
<!--选择学科-->
|
||||||
<SelectSubject v-model="isSubject" :login-data="loginForm" />
|
<SelectSubject v-model="isSubject" :login-data="loginForm" />
|
||||||
|
<!--注册弹框-->
|
||||||
|
<Register ref="RegModel"></Register>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { onMounted, reactive, ref } from 'vue'
|
import { onMounted, reactive, ref } from 'vue'
|
||||||
|
@ -57,6 +68,7 @@ import useUserStore from '@/store/modules/user'
|
||||||
import leftBg2 from '@/assets/images/login/left-bg2.png'
|
import leftBg2 from '@/assets/images/login/left-bg2.png'
|
||||||
import WindowTools from '@/components/window-tools/index.vue'
|
import WindowTools from '@/components/window-tools/index.vue'
|
||||||
import SelectSubject from '@/components/select-subject/index.vue'
|
import SelectSubject from '@/components/select-subject/index.vue'
|
||||||
|
import Register from './components/Register.vue'
|
||||||
|
|
||||||
const { session } = require('@electron/remote')
|
const { session } = require('@electron/remote')
|
||||||
const downloadProp = ref(0)
|
const downloadProp = ref(0)
|
||||||
|
@ -66,6 +78,7 @@ const formRef = ref()
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
const btnLoading = ref(false)
|
const btnLoading = ref(false)
|
||||||
const isSubject = ref(false)
|
const isSubject = ref(false)
|
||||||
|
const RegModel = ref(false)
|
||||||
//表单
|
//表单
|
||||||
const loginForm = reactive({
|
const loginForm = reactive({
|
||||||
username: '',
|
username: '',
|
||||||
|
@ -84,7 +97,10 @@ ipcRenderer.on('update-app-progress', (e, prop) => {
|
||||||
downloadProp.value = prop
|
downloadProp.value = prop
|
||||||
showDownLoading.value = prop !== 100
|
showDownLoading.value = prop !== 100
|
||||||
})
|
})
|
||||||
|
// 打开弹窗
|
||||||
|
const RegisterModel = () =>{
|
||||||
|
RegModel.value.OpenModel()
|
||||||
|
}
|
||||||
//登录
|
//登录
|
||||||
const submitForm = async (formEl) => {
|
const submitForm = async (formEl) => {
|
||||||
if (!formEl) return
|
if (!formEl) return
|
||||||
|
@ -162,7 +178,6 @@ onMounted(() => {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
-webkit-app-region: drag;
|
-webkit-app-region: drag;
|
||||||
|
|
||||||
.box-item {
|
.box-item {
|
||||||
width: 444px;
|
width: 444px;
|
||||||
height: 520px;
|
height: 520px;
|
||||||
|
|
|
@ -230,6 +230,20 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
openFileWin(items) {
|
openFileWin(items) {
|
||||||
|
if (items.fileFlag === 'apt') {
|
||||||
|
console.log(items);
|
||||||
|
const path="/teaching/aptindex?id="+items.fileId
|
||||||
|
let configObj = outLink().getBaseData()
|
||||||
|
let fullPath = configObj.fullPath + path
|
||||||
|
fullPath = fullPath.replaceAll('//', '/')
|
||||||
|
// 通知主进程
|
||||||
|
ipcRenderer.send('openWindow', {
|
||||||
|
key: path,
|
||||||
|
fullPath: fullPath,
|
||||||
|
cookieData: { ...configObj.data }
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
if (!items||!items.fileSuffix) return;
|
if (!items||!items.fileSuffix) return;
|
||||||
getPrepareById(items.id).then((item) => {
|
getPrepareById(items.id).then((item) => {
|
||||||
Object.assign(items, item)
|
Object.assign(items, item)
|
||||||
|
|
|
@ -20,11 +20,14 @@
|
||||||
</div>
|
</div>
|
||||||
<el-button
|
<el-button
|
||||||
:type="!curClassReserv.id ? 'info' : 'primary'"
|
:type="!curClassReserv.id ? 'info' : 'primary'"
|
||||||
:disabled="!curClassReserv.id||toolStore.isToolWin"
|
:disabled="!curClassReserv.id || toolStore.isToolWin"
|
||||||
class="to-class-btn"
|
class="to-class-btn"
|
||||||
@click="openLesson"
|
@click="openLesson"
|
||||||
>
|
>
|
||||||
<label><i class="iconfont icon-lingdang"></i>{{curClassReserv.status=='上课中'?'上课中':'上课'}}</label>
|
<label
|
||||||
|
><i class="iconfont icon-lingdang"></i
|
||||||
|
>{{ curClassReserv.status == '上课中' ? '上课中' : '上课' }}</label
|
||||||
|
>
|
||||||
<label>{{ curClassReserv.classDay }} {{ getWeekday1(curClassReserv.classDay) }}</label>
|
<label>{{ curClassReserv.classDay }} {{ getWeekday1(curClassReserv.classDay) }}</label>
|
||||||
<label>{{ curClassReserv.startTime }}-{{ curClassReserv.endTime }}</label>
|
<label>{{ curClassReserv.startTime }}-{{ curClassReserv.endTime }}</label>
|
||||||
</el-button>
|
</el-button>
|
||||||
|
@ -60,9 +63,21 @@
|
||||||
<el-button @click="handleOutLink('feedback')">作业反馈</el-button>
|
<el-button @click="handleOutLink('feedback')">作业反馈</el-button>
|
||||||
<el-button @click="handleOutLink('homeWork')">布置作业</el-button>
|
<el-button @click="handleOutLink('homeWork')">布置作业</el-button>
|
||||||
<el-button @click="isDialogOpen = true">上传资料</el-button>
|
<el-button @click="isDialogOpen = true">上传资料</el-button>
|
||||||
<el-button type="primary" style="margin-left: 10px" @click="createFile"
|
<el-dropdown trigger="click" style="margin-left: 12px">
|
||||||
>新建课件</el-button
|
<el-button type="primary">
|
||||||
>
|
新建课件<el-icon class="el-icon--right"><arrow-down /></el-icon>
|
||||||
|
</el-button>
|
||||||
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu>
|
||||||
|
<el-dropdown-item style="padding: 0">
|
||||||
|
<el-button type="default" style="" @click="createFile">PPT课件</el-button>
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item style="padding: 0">
|
||||||
|
<el-button type="default" style="" @click="createAptFile">APT课件</el-button>
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-checkbox-group
|
<el-checkbox-group
|
||||||
|
@ -92,7 +107,6 @@
|
||||||
@on-delete="deleteTalk"
|
@on-delete="deleteTalk"
|
||||||
@on-set="openSet"
|
@on-set="openSet"
|
||||||
@on-delhomework="delhomework"
|
@on-delhomework="delhomework"
|
||||||
|
|
||||||
>
|
>
|
||||||
<el-checkbox v-if="!item.uniquekey" label="" :value="item" />
|
<el-checkbox v-if="!item.uniquekey" label="" :value="item" />
|
||||||
</file-list-item>
|
</file-list-item>
|
||||||
|
@ -110,11 +124,7 @@
|
||||||
</div>
|
</div>
|
||||||
<MoveFile v-model="isMoveDialogOpen" @on-submit="chooseMoveCata" />
|
<MoveFile v-model="isMoveDialogOpen" @on-submit="chooseMoveCata" />
|
||||||
<uploadDialog v-model="isDialogOpen" @submit-file="submitFile" />
|
<uploadDialog v-model="isDialogOpen" @submit-file="submitFile" />
|
||||||
<SetHomework
|
<SetHomework v-model="setDialog" :entpcourseid="entpcourseid" :row="row" />
|
||||||
v-model="setDialog"
|
|
||||||
:entpcourseid="entpcourseid"
|
|
||||||
:row="row"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<reserv
|
<reserv
|
||||||
ref="reservDialog"
|
ref="reservDialog"
|
||||||
|
@ -127,6 +137,7 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import { Check } from '@element-plus/icons-vue'
|
import { Check } from '@element-plus/icons-vue'
|
||||||
import Reserv from '@/views/prepare/container/reserv.vue'
|
import Reserv from '@/views/prepare/container/reserv.vue'
|
||||||
|
import { ArrowDown } from '@element-plus/icons-vue'
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
const Remote = require('@electron/remote')
|
const Remote = require('@electron/remote')
|
||||||
|
@ -138,18 +149,20 @@ import useUserStore from '@/store/modules/user'
|
||||||
import { useToolState } from '@/store/modules/tool'
|
import { useToolState } from '@/store/modules/tool'
|
||||||
import MoveFile from '@/components/move-file/index.vue'
|
import MoveFile from '@/components/move-file/index.vue'
|
||||||
import FileListItem from '@/views/prepare/container/file-list-item.vue'
|
import FileListItem from '@/views/prepare/container/file-list-item.vue'
|
||||||
import { getSmarttalkPage, moveSmarttalk } from '@/api/file'
|
import { getSmarttalkPage, moveSmarttalk, creatAPT } from '@/api/file'
|
||||||
import { toTimeText } from '@/utils/date'
|
import { toTimeText } from '@/utils/date'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { parseCataByNode, creatPPT, asyncLocalFile } from '@/utils/talkFile'
|
import { parseCataByNode, creatPPT, asyncLocalFile } from '@/utils/talkFile'
|
||||||
import FileOperBatch from '@/views/prepare/container/file-oper-batch.vue'
|
import FileOperBatch from '@/views/prepare/container/file-oper-batch.vue'
|
||||||
import SetHomework from '@/components/set-homework/index.vue'
|
import SetHomework from '@/components/set-homework/index.vue'
|
||||||
import outLink from '@/utils/linkConfig'
|
import outLink from '@/utils/linkConfig'
|
||||||
import { createWindow, ipcMsgSend, sessionStore } from '@/utils/tool'
|
import { createWindow, sessionStore } from '@/utils/tool'
|
||||||
import { cloneDeep } from 'lodash'
|
import { cloneDeep } from 'lodash'
|
||||||
import { delClasswork } from '@/api/teaching/classwork'
|
import { delClasswork, listEntpcourse } from '@/api/teaching/classwork'
|
||||||
import { getSelfReserv, startClass } from '@/api/classManage'
|
import { getSelfReserv } from '@/api/classManage'
|
||||||
import { useGetHomework } from '@/hooks/useGetHomework'
|
import { useGetHomework } from '@/hooks/useGetHomework'
|
||||||
|
import { addEntpcoursefileReturnId } from '@/api/education/entpcoursefile'
|
||||||
|
|
||||||
const toolStore = useToolState()
|
const toolStore = useToolState()
|
||||||
|
|
||||||
const fs = require('fs')
|
const fs = require('fs')
|
||||||
|
@ -220,8 +233,6 @@ export default {
|
||||||
this.initReserv()
|
this.initReserv()
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
window.test = sessionStore
|
|
||||||
window.test1 = toolStore
|
|
||||||
this.$watch(
|
this.$watch(
|
||||||
() => toolStore.isToolWin,
|
() => toolStore.isToolWin,
|
||||||
(newD, oldD) => {
|
(newD, oldD) => {
|
||||||
|
@ -230,14 +241,12 @@ export default {
|
||||||
)
|
)
|
||||||
// electron 当前窗口
|
// electron 当前窗口
|
||||||
const curWin = Remote.getCurrentWindow()
|
const curWin = Remote.getCurrentWindow()
|
||||||
curWin.on('focus', ()=>{
|
curWin.on('focus', () => {
|
||||||
if(!this.isOpenHomework) return
|
if (!this.isOpenHomework) return
|
||||||
this.initHomeWork()
|
this.initHomeWork()
|
||||||
this.asyncAllFile()
|
this.asyncAllFile()
|
||||||
this.isOpenHomework = false
|
this.isOpenHomework = false
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
// activated() {
|
// activated() {
|
||||||
// if (this.uploadData.textbookId !== null) {
|
// if (this.uploadData.textbookId !== null) {
|
||||||
|
@ -301,6 +310,90 @@ export default {
|
||||||
this.currentFileList.unshift(res.resData)
|
this.currentFileList.unshift(res.resData)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
createAptFile() {
|
||||||
|
listEntpcourse({
|
||||||
|
evalid: this.uploadData.levelSecondId,
|
||||||
|
edituserid: this.userStore.userId,
|
||||||
|
pageSize: 500
|
||||||
|
}).then((response) => {
|
||||||
|
if (response.rows.length <= 0) return
|
||||||
|
let resCourse = response.rows[0]
|
||||||
|
// 添加
|
||||||
|
let form = {
|
||||||
|
parentid: 0,
|
||||||
|
entpid: this.userStore.deptId,
|
||||||
|
entpcourseid: resCourse.id,
|
||||||
|
ppttype: 'file',
|
||||||
|
title: resCourse.coursetitle,
|
||||||
|
fileurl: '',
|
||||||
|
filetype: 'ppt',
|
||||||
|
datacontent: '',
|
||||||
|
filekey: '',
|
||||||
|
filetag: '',
|
||||||
|
fileidx: 0,
|
||||||
|
dflag: 0,
|
||||||
|
status: '',
|
||||||
|
edituserid: this.userStore.userId
|
||||||
|
}
|
||||||
|
addEntpcoursefileReturnId(form).then((slideid) => {
|
||||||
|
let pagearray = []
|
||||||
|
// 公屏
|
||||||
|
pagearray.push({
|
||||||
|
key: '公屏',
|
||||||
|
title: '公屏页',
|
||||||
|
slidedata: {
|
||||||
|
attrs: { width: 1333, height: 749.8125 },
|
||||||
|
className: 'Stage',
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
attrs: {},
|
||||||
|
className: 'Layer',
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
attrs: {
|
||||||
|
width: 1333,
|
||||||
|
height: 749.8125,
|
||||||
|
fill: 'white',
|
||||||
|
name: 'fixedbackground',
|
||||||
|
listening: true
|
||||||
|
},
|
||||||
|
className: 'Rect'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// 添加
|
||||||
|
var form = {
|
||||||
|
parentid: slideid,
|
||||||
|
entpid: resCourse.entpid,
|
||||||
|
entpcourseid: resCourse.id,
|
||||||
|
ppttype: 'file',
|
||||||
|
title: '第一页',
|
||||||
|
fileurl: '',
|
||||||
|
filetype: 'slide',
|
||||||
|
datacontent: JSON.stringify(pagearray),
|
||||||
|
filekey: '',
|
||||||
|
filetag: '',
|
||||||
|
fileidx: 0,
|
||||||
|
dflag: 0,
|
||||||
|
status: '',
|
||||||
|
edituserid: this.userStore.userId
|
||||||
|
}
|
||||||
|
addEntpcoursefileReturnId(form).then((res) => {
|
||||||
|
creatAPT({
|
||||||
|
...this.uploadData,
|
||||||
|
fileId: slideid,
|
||||||
|
fileShowName: this.currentNode.label + '.apt'
|
||||||
|
}).then((res) => {
|
||||||
|
this.currentFileList.unshift(res.resData)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
onMoveSingleFile(item) {
|
onMoveSingleFile(item) {
|
||||||
this.moveFile = [item]
|
this.moveFile = [item]
|
||||||
this.isMoveDialogOpen = true
|
this.isMoveDialogOpen = true
|
||||||
|
@ -404,6 +497,7 @@ export default {
|
||||||
this.asyncAllFileVisiable = true
|
this.asyncAllFileVisiable = true
|
||||||
for (let i = 0; i < this.currentFileList.length; i++) {
|
for (let i = 0; i < this.currentFileList.length; i++) {
|
||||||
let item = this.currentFileList[i]
|
let item = this.currentFileList[i]
|
||||||
|
if (item.fileFlag === 'apt') continue;
|
||||||
await asyncLocalFile(item)
|
await asyncLocalFile(item)
|
||||||
}
|
}
|
||||||
this.asyncAllFileVisiable = false
|
this.asyncAllFileVisiable = false
|
||||||
|
@ -428,7 +522,9 @@ export default {
|
||||||
this.uploadData.textbookId = data.textBook.curBookId
|
this.uploadData.textbookId = data.textBook.curBookId
|
||||||
toolStore.curSubjectNode.data = data
|
toolStore.curSubjectNode.data = data
|
||||||
// 不要同时修改共享数据,这样只会触发一次
|
// 不要同时修改共享数据,这样只会触发一次
|
||||||
this.$nextTick(() =>{ toolStore.curSubjectNode.querySearch = this.uploadData })
|
this.$nextTick(() => {
|
||||||
|
toolStore.curSubjectNode.querySearch = this.uploadData
|
||||||
|
})
|
||||||
this.initHomeWork()
|
this.initHomeWork()
|
||||||
await this.asyncAllFile()
|
await this.asyncAllFile()
|
||||||
},
|
},
|
||||||
|
@ -443,19 +539,20 @@ export default {
|
||||||
},
|
},
|
||||||
// 打开外部链接
|
// 打开外部链接
|
||||||
handleOutLink(key) {
|
handleOutLink(key) {
|
||||||
if(key == 'homeWork'){
|
if (key == 'homeWork') {
|
||||||
this.isOpenHomework = true
|
this.isOpenHomework = true
|
||||||
}
|
}
|
||||||
// key 对应的 linkConfig.js 外部链接配置
|
// key 对应的 linkConfig.js 外部链接配置
|
||||||
let configObj = outLink()[key]
|
let configObj = outLink()[key]
|
||||||
let fullPath = configObj.fullPath
|
let fullPath = configObj.fullPath
|
||||||
//打开作业 高考 url增加unitId 章节ID
|
//打开作业 高考 url增加unitId 章节ID
|
||||||
if(key != 'standard' && key != 'aiModel'){
|
if (key != 'standard' && key != 'aiModel') {
|
||||||
let unitId = this.uploadData.levelSecondId ? this.uploadData.levelSecondId : this.uploadData.levelFirstId
|
let unitId = this.uploadData.levelSecondId
|
||||||
if(key == 'gk'){
|
? this.uploadData.levelSecondId
|
||||||
|
: this.uploadData.levelFirstId
|
||||||
|
if (key == 'gk') {
|
||||||
fullPath += `?unitId=${unitId}`
|
fullPath += `?unitId=${unitId}`
|
||||||
}
|
} else {
|
||||||
else{
|
|
||||||
fullPath += `&unitId=${unitId}`
|
fullPath += `&unitId=${unitId}`
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div v-loading="sourceStore.loading" class="resource-list">
|
<div v-loading="loading" class="resource-list">
|
||||||
<el-scrollbar>
|
<el-scrollbar>
|
||||||
<el-empty v-if="!sourceStore.result.list.length" description="暂无数据" />
|
<el-empty v-if="!sourceStore.result.list.length" description="暂无数据" />
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -7,7 +7,7 @@
|
||||||
v-for="item in sourceStore.result.list"
|
v-for="item in sourceStore.result.list"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
class="list-item"
|
class="list-item"
|
||||||
@click="handleRow"
|
@click="handleRow(item)"
|
||||||
>
|
>
|
||||||
<div class="item-left flex">
|
<div class="item-left flex">
|
||||||
<FileImage :file-name="item.fileShowName" :size="50" />
|
<FileImage :file-name="item.fileShowName" :size="50" />
|
||||||
|
@ -91,10 +91,11 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<FilePreview v-model="isShow" :row="curRow"></FilePreview>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { toRaw } from 'vue'
|
import { toRaw, ref, computed } from 'vue'
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
import FileImage from '@/components/file-image/index.vue'
|
import FileImage from '@/components/file-image/index.vue'
|
||||||
import { deleteSmarttalk, updateSmarttalk } from '@/api/file'
|
import { deleteSmarttalk, updateSmarttalk } from '@/api/file'
|
||||||
|
@ -102,13 +103,14 @@ import { addFileToPrepare } from '@/api/subject'
|
||||||
import { getFileSuffix } from '@/utils/ruoyi'
|
import { getFileSuffix } from '@/utils/ruoyi'
|
||||||
import useUserStore from '@/store/modules/user'
|
import useUserStore from '@/store/modules/user'
|
||||||
import useResoureStore from '../store'
|
import useResoureStore from '../store'
|
||||||
|
import FilePreview from '@/components/file-preview/index.vue'
|
||||||
const { ipcRenderer } = window.electron || {}
|
const { ipcRenderer } = window.electron || {}
|
||||||
const userstore = useUserStore()
|
const userstore = useUserStore()
|
||||||
const sourceStore = useResoureStore()
|
const sourceStore = useResoureStore()
|
||||||
|
const loading = computed(() => sourceStore.loading)
|
||||||
const userInfo = userstore.user
|
const userInfo = userstore.user
|
||||||
|
const isShow = ref(false)
|
||||||
|
const curRow = ref({})
|
||||||
// 分页change
|
// 分页change
|
||||||
const handleSizeChange = (limit) => {
|
const handleSizeChange = (limit) => {
|
||||||
sourceStore.query.pageSize = limit
|
sourceStore.query.pageSize = limit
|
||||||
|
@ -182,8 +184,12 @@ const addLesson = ({ id }) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//
|
//
|
||||||
const handleRow = () => {
|
const handleRow = (item) => {
|
||||||
ElMessage.warning('请先加入备课,在备课里面进行预览!')
|
item.prevImgList.sort((a,b)=>{
|
||||||
|
return a.targetPrevIndex - b.targetPrevIndex
|
||||||
|
})
|
||||||
|
curRow.value = item
|
||||||
|
isShow.value = true
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
@ -94,6 +94,7 @@ export default defineStore('resource', {
|
||||||
getSmarttalkPage(data).then((res) => {
|
getSmarttalkPage(data).then((res) => {
|
||||||
this.result.total = res.total
|
this.result.total = res.total
|
||||||
this.result.list = res.rows
|
this.result.list = res.rows
|
||||||
|
this.loading = false
|
||||||
})
|
})
|
||||||
}else{
|
}else{
|
||||||
let data = JSON.parse(JSON.stringify(this.thirdQuery))
|
let data = JSON.parse(JSON.stringify(this.thirdQuery))
|
||||||
|
@ -107,12 +108,13 @@ export default defineStore('resource', {
|
||||||
if(res.data.code === 0){
|
if(res.data.code === 0){
|
||||||
this.thirdResult.total = res.data.page.totalCount
|
this.thirdResult.total = res.data.page.totalCount
|
||||||
this.thirdResult.list = [...res.data.data]
|
this.thirdResult.list = [...res.data.data]
|
||||||
|
this.loading = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
} finally {
|
} finally {
|
||||||
this.loading = false
|
// this.loading = false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
changeTab(val) {
|
changeTab(val) {
|
||||||
|
|
Loading…
Reference in New Issue