Compare commits
No commits in common. "663ecb962ceffcbd42ac11a50f02f80aa06a22ef" and "2f99a00a4737a3c0dbb4f699a720134fb145783a" have entirely different histories.
663ecb962c
...
2f99a00a47
|
@ -8,7 +8,7 @@
|
||||||
http-equiv="Content-Security-Policy"
|
http-equiv="Content-Security-Policy"
|
||||||
content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
|
content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
|
||||||
/> -->
|
/> -->
|
||||||
<meta http-equiv="Content-Security-Policy" content="connect-src * blob: data:; default-src 'self'; script-src 'self' 'unsafe-eval' http://www.wiris.net; style-src 'self' 'unsafe-inline' http://www.wiris.net; media-src * blob:;img-src * 'self' data: blob:;font-src 'self' http://www.wiris.net;" />
|
<meta http-equiv="Content-Security-Policy" content="connect-src *; default-src 'self'; script-src 'self' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;img-src * 'self' data: blob:" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -1,42 +0,0 @@
|
||||||
import request from '@/utils/request'
|
|
||||||
|
|
||||||
// 新增图片存eos
|
|
||||||
export function saveUploadFile(data) {
|
|
||||||
return request({
|
|
||||||
url: '/education/uploadfile/saveUploadFile',
|
|
||||||
method: 'post',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'multipart/form-data'
|
|
||||||
},
|
|
||||||
data: data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 新增批量图片存eos
|
|
||||||
export function saveUploadFiles(data) {
|
|
||||||
return request({
|
|
||||||
url: '/education/uploadfile/saveUploadFiles',
|
|
||||||
method: 'post',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'multipart/form-data'
|
|
||||||
},
|
|
||||||
data: data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改basecomment
|
|
||||||
export function updateUploadFile(data) {
|
|
||||||
return request({
|
|
||||||
url: '/education/uploadfile',
|
|
||||||
method: 'put',
|
|
||||||
data: data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 删除basecomment
|
|
||||||
export function delUploadFile(id) {
|
|
||||||
return request({
|
|
||||||
url: '/education/uploadfile/' + id,
|
|
||||||
method: 'delete'
|
|
||||||
})
|
|
||||||
}
|
|
|
@ -1,8 +1,8 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "iconfont"; /* Project id 4723712 */
|
font-family: "iconfont"; /* Project id 4723712 */
|
||||||
src: url('iconfont.woff2?t=1732173266977') format('woff2'),
|
src: url('iconfont.woff2?t=1731913617367') format('woff2'),
|
||||||
url('iconfont.woff?t=1732173266977') format('woff'),
|
url('iconfont.woff?t=1731913617367') format('woff'),
|
||||||
url('iconfont.ttf?t=1732173266977') format('truetype');
|
url('iconfont.ttf?t=1731913617367') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
|
@ -13,26 +13,6 @@
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-jiqiren_o:before {
|
|
||||||
content: "\eb62";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-zhaoxiangji:before {
|
|
||||||
content: "\e679";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-huaban:before {
|
|
||||||
content: "\e6e2";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-tubiao_wuxing-:before {
|
|
||||||
content: "\e612";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-soutibao-:before {
|
|
||||||
content: "\e605";
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-baocun:before {
|
.icon-baocun:before {
|
||||||
content: "\e60e";
|
content: "\e60e";
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -5,41 +5,6 @@
|
||||||
"css_prefix_text": "icon-",
|
"css_prefix_text": "icon-",
|
||||||
"description": "",
|
"description": "",
|
||||||
"glyphs": [
|
"glyphs": [
|
||||||
{
|
|
||||||
"icon_id": "5387814",
|
|
||||||
"name": "机器人_o",
|
|
||||||
"font_class": "jiqiren_o",
|
|
||||||
"unicode": "eb62",
|
|
||||||
"unicode_decimal": 60258
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "630128",
|
|
||||||
"name": "照相机",
|
|
||||||
"font_class": "zhaoxiangji",
|
|
||||||
"unicode": "e679",
|
|
||||||
"unicode_decimal": 59001
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "12592146",
|
|
||||||
"name": "画板",
|
|
||||||
"font_class": "huaban",
|
|
||||||
"unicode": "e6e2",
|
|
||||||
"unicode_decimal": 59106
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "6025688",
|
|
||||||
"name": "图标_五星-2",
|
|
||||||
"font_class": "tubiao_wuxing-",
|
|
||||||
"unicode": "e612",
|
|
||||||
"unicode_decimal": 58898
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"icon_id": "11756625",
|
|
||||||
"name": "搜题宝-37",
|
|
||||||
"font_class": "soutibao-",
|
|
||||||
"unicode": "e605",
|
|
||||||
"unicode_decimal": 58885
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"icon_id": "11467388",
|
"icon_id": "11467388",
|
||||||
"name": "保存",
|
"name": "保存",
|
||||||
|
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
Before Width: | Height: | Size: 6.0 KiB |
|
@ -46,8 +46,7 @@ import "tinymce/plugins/anchor"; //锚点
|
||||||
|
|
||||||
import { ref, reactive, defineProps, defineEmits, nextTick, onMounted, computed, watch } from 'vue'
|
import { ref, reactive, defineProps, defineEmits, nextTick, onMounted, computed, watch } from 'vue'
|
||||||
import { getStaticUrl } from '@/utils/tool'
|
import { getStaticUrl } from '@/utils/tool'
|
||||||
import useUserStore from '@/store/modules/user'
|
//import { listUploadfile, getUploadFile, delUploadFile, addUploadFile, saveUploadFile } from "@/api/comm/uploadfile";
|
||||||
import { saveUploadFile } from "@/api/file/img";
|
|
||||||
|
|
||||||
const emits = defineEmits(["update:modelValue", "setHtml"]);
|
const emits = defineEmits(["update:modelValue", "setHtml"]);
|
||||||
//这里我选择将数据定义在props里面,方便在不同的页面也可以配置出不同的编辑器,当然也可以直接在组件中直接定义
|
//这里我选择将数据定义在props里面,方便在不同的页面也可以配置出不同的编辑器,当然也可以直接在组件中直接定义
|
||||||
|
@ -108,8 +107,6 @@ const props = defineProps({
|
||||||
default: () => ({ userId: 0, fileAlias: '单题上传' }),
|
default: () => ({ userId: 0, fileAlias: '单题上传' }),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const userStore = useUserStore().user;
|
|
||||||
|
|
||||||
const pasteImgName = ref('');
|
const pasteImgName = ref('');
|
||||||
const uploadUrl = ref(import.meta.env.VITE_APP_BASE_API + "/common/upload"); // 上传的图片服务器地址
|
const uploadUrl = ref(import.meta.env.VITE_APP_BASE_API + "/common/upload"); // 上传的图片服务器地址
|
||||||
|
@ -187,10 +184,10 @@ const init = reactive({
|
||||||
min_height: props.minHeight,
|
min_height: props.minHeight,
|
||||||
draggable_modal: true,
|
draggable_modal: true,
|
||||||
extended_valid_elements: '*[.*]',
|
extended_valid_elements: '*[.*]',
|
||||||
external_plugins: {
|
// external_plugins: {
|
||||||
tiny_mce_wiris: `/tinymce/tool/@wiris/mathtype-tinymce6/plugin.min.js`,
|
// tiny_mce_wiris: `/tinymce/tool/@wiris/mathtype-tinymce6/plugin.min.js`,
|
||||||
//tiny_mce_wiris: `https://www.wiris.net/demo/plugins/tiny_mce/plugin.js`,
|
// //tiny_mce_wiris: `https://www.wiris.net/demo/plugins/tiny_mce/plugin.js`,
|
||||||
},
|
// },
|
||||||
|
|
||||||
// setup: function (editor) {
|
// setup: function (editor) {
|
||||||
// },
|
// },
|
||||||
|
@ -215,31 +212,29 @@ const init = reactive({
|
||||||
|
|
||||||
// 插入/编辑图片(普通) - 因此处上传可传图片和文件故仅参考, 实际以[images_upload_handler]这个为准
|
// 插入/编辑图片(普通) - 因此处上传可传图片和文件故仅参考, 实际以[images_upload_handler]这个为准
|
||||||
file_picker_callback: function(callback, value, meta) {
|
file_picker_callback: function(callback, value, meta) {
|
||||||
return;
|
|
||||||
|
|
||||||
//文件分类
|
//文件分类
|
||||||
// let filetype='.pdf, .txt, .zip, .rar, .7z, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .mp3, .mp4';
|
let filetype='.pdf, .txt, .zip, .rar, .7z, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .mp3, .mp4';
|
||||||
// let upURL = '/common/upload';
|
let upURL = '/common/upload';
|
||||||
// //为不同插件指定文件类型及后端地址
|
//为不同插件指定文件类型及后端地址
|
||||||
// switch(meta.filetype){
|
switch(meta.filetype){
|
||||||
// case 'image':
|
case 'image':
|
||||||
// filetype='.jpg, .jpeg, .png, .gif';
|
filetype='.jpg, .jpeg, .png, .gif';
|
||||||
// //upURL='upimg.php';
|
//upURL='upimg.php';
|
||||||
// break;
|
break;
|
||||||
// case 'media':
|
case 'media':
|
||||||
// filetype='.mp3, .mp4';
|
filetype='.mp3, .mp4';
|
||||||
// //upURL='upfile.php';
|
//upURL='upfile.php';
|
||||||
// break;
|
break;
|
||||||
// case 'file':
|
case 'file':
|
||||||
// default:
|
default:
|
||||||
// }
|
}
|
||||||
|
|
||||||
// // 模拟出一个input用于添加本地文件
|
// 模拟出一个input用于添加本地文件
|
||||||
// let input = document.createElement('input');
|
let input = document.createElement('input');
|
||||||
// input.setAttribute('type', 'file');
|
input.setAttribute('type', 'file');
|
||||||
// input.setAttribute('accept', filetype);
|
input.setAttribute('accept', filetype);
|
||||||
|
|
||||||
// // 暂时屏蔽
|
// 暂时屏蔽
|
||||||
// input.onchange = function() {
|
// input.onchange = function() {
|
||||||
// const file = this.files[0];
|
// const file = this.files[0];
|
||||||
// const formData = new FormData();
|
// const formData = new FormData();
|
||||||
|
@ -255,7 +250,7 @@ const init = reactive({
|
||||||
// });
|
// });
|
||||||
// };
|
// };
|
||||||
|
|
||||||
// input.click();
|
input.click();
|
||||||
},
|
},
|
||||||
|
|
||||||
// 插入/编辑图片(上传)
|
// 插入/编辑图片(上传)
|
||||||
|
@ -283,25 +278,22 @@ const init = reactive({
|
||||||
formData.append("entpcourseid", 0);
|
formData.append("entpcourseid", 0);
|
||||||
formData.append("filetype", "image");
|
formData.append("filetype", "image");
|
||||||
formData.append("suffix", "image");
|
formData.append("suffix", "image");
|
||||||
formData.append("status", '1');
|
formData.append("status", '0');
|
||||||
if(userStore.deptId && userStore.deptId != null){
|
if(props.upFileParams?.hasOwnProperty('deptId')){
|
||||||
formData.append("entpid", userStore.deptId);
|
formData.append("entpid", props.upFileParams.deptId);
|
||||||
}
|
}
|
||||||
if(userStore.userId && userStore.userId != null){
|
if(props.upFileParams?.hasOwnProperty('userId')){
|
||||||
formData.append("userid", userStore.userId);
|
formData.append("userid", props.upFileParams.userId);
|
||||||
}
|
}
|
||||||
if(userStore.edudegree && userStore.edudegree != null){
|
if(props.upFileParams?.hasOwnProperty('edudegree')){
|
||||||
let edudegree = userStore.edudegree.toString();
|
let edudegree = props.upFileParams.edudegree.toString();
|
||||||
if(edudegree != '' && edudegree.indexOf('年级') == -1){
|
if(edudegree != '' && edudegree.indexOf('年级') == -1){
|
||||||
edudegree += '年级';
|
edudegree += '年级';
|
||||||
}
|
}
|
||||||
formData.append("edudegree", edudegree);
|
formData.append("edudegree", edudegree);
|
||||||
}
|
}
|
||||||
if(userStore.edusubject && userStore.edusubject != null){
|
if(props.upFileParams?.hasOwnProperty('edusubject')){
|
||||||
formData.append("edusubject", userStore.edusubject);
|
formData.append("edusubject", props.upFileParams.edusubject);
|
||||||
}
|
|
||||||
if(userStore.edustage && userStore.edustage != null){
|
|
||||||
formData.append("edustage", userStore.edustage);
|
|
||||||
}
|
}
|
||||||
if(props.upFileParams?.hasOwnProperty('lessionId')){
|
if(props.upFileParams?.hasOwnProperty('lessionId')){
|
||||||
formData.append("evalid", props.upFileParams.lessionId);
|
formData.append("evalid", props.upFileParams.lessionId);
|
||||||
|
@ -309,22 +301,19 @@ const init = reactive({
|
||||||
if(props.upFileParams?.hasOwnProperty('fileAlias')){
|
if(props.upFileParams?.hasOwnProperty('fileAlias')){
|
||||||
formData.append("filegroup", props.upFileParams.fileAlias);
|
formData.append("filegroup", props.upFileParams.fileAlias);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
console.log('formData->', formData);
|
|
||||||
|
|
||||||
// 暂时屏蔽
|
// 暂时屏蔽
|
||||||
saveUploadFile(formData)
|
// saveUploadFile(formData)
|
||||||
.then((res) => {
|
// .then((res) => {
|
||||||
console.log('res->', res);
|
// loading.value = false;
|
||||||
loading.value = false;
|
// return resolve(res.fileurl);
|
||||||
return resolve(res.fileurl);
|
// })
|
||||||
})
|
// .catch((err) => {
|
||||||
.catch((err) => {
|
// loading.value = false;
|
||||||
loading.value = false;
|
// return reject('err:' + err);
|
||||||
return reject('err:' + err);
|
// });
|
||||||
});
|
|
||||||
}
|
}
|
||||||
),
|
),
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="whiteboart-container" :style="{ height: height + 'px' }">
|
<div class="whiteboart-container">
|
||||||
<div class="canvasBox" ref="box"></div>
|
<div class="canvasBox" ref="box"></div>
|
||||||
|
|
||||||
<div class="footerLeft" @click.stop
|
<div class="footerLeft" @click.stop
|
||||||
|
@ -15,7 +15,7 @@
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
<div class="blockBox">
|
<div class="blockBox">
|
||||||
<el-button @click="currentType = 'selection'"><el-image src="/src/assets/images/mouse-pointer.png"
|
<el-button @click="currentType = 'selection'"><el-image src="/src/assets/icons/pngjpg/mouse-pointer.png"
|
||||||
style="width: 14px; height: 14px; color: silver" /></el-button>
|
style="width: 14px; height: 14px; color: silver" /></el-button>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="type == 'design'">
|
<template v-if="type == 'design'">
|
||||||
|
@ -53,8 +53,7 @@
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</template>
|
</template>
|
||||||
<div class="blockBox">
|
<div class="blockBox">
|
||||||
<!-- <el-button @click="currentType = 'selection'" style="color:#848282" :icon="Camera" disabled></el-button> -->
|
<el-button @click="currentType = 'selection'" style="color:#848282" :icon="Camera" disabled></el-button>
|
||||||
<el-button @click="handleToolTypeChange('image')">图片</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="blockBox" v-if="!readonly">
|
<div class="blockBox" v-if="!readonly">
|
||||||
<el-dropdown @command="handleToolTypeChange" placement="top">
|
<el-dropdown @command="handleToolTypeChange" placement="top">
|
||||||
|
@ -72,7 +71,7 @@
|
||||||
<template v-if="type != 'design'">
|
<template v-if="type != 'design'">
|
||||||
<el-dropdown-item command="freedraw">画笔</el-dropdown-item>
|
<el-dropdown-item command="freedraw">画笔</el-dropdown-item>
|
||||||
<el-dropdown-item command="text">文字</el-dropdown-item>
|
<el-dropdown-item command="text">文字</el-dropdown-item>
|
||||||
<!-- <el-dropdown-item command="image">图片</el-dropdown-item> -->
|
<el-dropdown-item command="image">图片</el-dropdown-item>
|
||||||
</template>
|
</template>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</template>
|
</template>
|
||||||
|
@ -123,7 +122,7 @@
|
||||||
<!-- 边框样式 -->
|
<!-- 边框样式 -->
|
||||||
<div class="blockBox">
|
<div class="blockBox">
|
||||||
<el-dropdown @command="updateStyle('lineDash', $event)" placement="top">
|
<el-dropdown @command="updateStyle('lineDash', $event)" placement="top">
|
||||||
<el-button><el-image src="/src/assets/images/borderstyle.png"
|
<el-button><el-image src="/src/assets/icons/pngjpg/borderstyle.png"
|
||||||
style="width: 14px; height: 14px"></el-image></el-button>
|
style="width: 14px; height: 14px"></el-image></el-button>
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
|
@ -135,7 +134,8 @@
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<!--透明度-->
|
<!--透明度-->
|
||||||
<div class="blockBox" style="width: 120px">
|
<div class="blockBox" style="width: 120px"
|
||||||
|
v-if="type == 'design' ? true : ['image'].includes(activeElement?.type) || hasSelectedElements">
|
||||||
<el-tooltip effect="light" content="透明度" placement="top">
|
<el-tooltip effect="light" content="透明度" placement="top">
|
||||||
<el-input-number v-model="globalAlpha" :min="0" :max="1" :step="0.1"
|
<el-input-number v-model="globalAlpha" :min="0" :max="1" :step="0.1"
|
||||||
@change="updateStyle('globalAlpha', $event)"></el-input-number>
|
@change="updateStyle('globalAlpha', $event)"></el-input-number>
|
||||||
|
@ -145,7 +145,7 @@
|
||||||
<!-- 边框粗细 -->
|
<!-- 边框粗细 -->
|
||||||
<div class="blockBox">
|
<div class="blockBox">
|
||||||
<el-dropdown @command="updateStyle('lineWidth', $event)" placement="top">
|
<el-dropdown @command="updateStyle('lineWidth', $event)" placement="top">
|
||||||
<el-button><el-image src="/src/assets/images/borderwidth.png"
|
<el-button><el-image src="/src/assets/icons/pngjpg/borderwidth.png"
|
||||||
style="width: 14px; height: 14px"></el-image></el-button>
|
style="width: 14px; height: 14px"></el-image></el-button>
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
|
@ -309,11 +309,11 @@ const props = defineProps({
|
||||||
default: true
|
default: true
|
||||||
},
|
},
|
||||||
height: {
|
height: {
|
||||||
type: [Number,String],
|
type: Number,
|
||||||
default: 700,
|
default: 700,
|
||||||
},
|
},
|
||||||
width: {
|
width: {
|
||||||
type: [Number,String],
|
type: Number,
|
||||||
default: 1000,
|
default: 1000,
|
||||||
},
|
},
|
||||||
data: {
|
data: {
|
||||||
|
@ -685,20 +685,6 @@ const getCanvasBase64 = async () =>{
|
||||||
return base64
|
return base64
|
||||||
}
|
}
|
||||||
|
|
||||||
const getCanvasBlob = async () =>{
|
|
||||||
return await app.exportImage({
|
|
||||||
type: 'image/jpeg',
|
|
||||||
renderBg: exportRenderBackground.value,
|
|
||||||
paddingX: exportImagePaddingX.value,
|
|
||||||
paddingY: exportImagePaddingY.value,
|
|
||||||
onlySelected: exportOnlySelected.value,
|
|
||||||
useBlob: true,
|
|
||||||
backgroundColor: '#ffffff'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
watch(() => props.data, (newVal) => {
|
watch(() => props.data, (newVal) => {
|
||||||
if (newVal) {
|
if (newVal) {
|
||||||
setCanvasData(newVal)
|
setCanvasData(newVal)
|
||||||
|
@ -787,8 +773,7 @@ defineExpose({
|
||||||
showFit,
|
showFit,
|
||||||
getCanvasJson,
|
getCanvasJson,
|
||||||
getCanvasBase64,
|
getCanvasBase64,
|
||||||
setCanvasData,
|
setCanvasData
|
||||||
getCanvasBlob
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -910,7 +895,7 @@ ol {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #000;
|
color: #000;
|
||||||
|
|
||||||
/deep/ .jsontree_tree {
|
:deep(.jsontree_tree) {
|
||||||
font-family: 'Trebuchet MS', Arial, sans-serif !important;
|
font-family: 'Trebuchet MS', Arial, sans-serif !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,23 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="list-content">
|
<div class="list-container">
|
||||||
<div class="list-container">
|
<div class="content-list" v-for="(item, index) in items" :key="index" @click="handleClick(item)">
|
||||||
<div class="content-list" v-for="(item, index) in items" :key="index" @click="handleClick(item)">
|
<div class="item-content">
|
||||||
<div class="item-content">
|
<div class="item-text">
|
||||||
<div class="item-text">
|
<div class="item-title">{{ item.title }}</div>
|
||||||
<div class="title-header">
|
<div class="item-description">{{ item.description }}</div>
|
||||||
<div class="item-title">{{ item.title }}</div>
|
|
||||||
<div class="icon-box">
|
|
||||||
<svg class="icon iconfont" aria-hidden="true" style="font-size: 35px;">
|
|
||||||
<use :xlink:href="item.icon"></use>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item-description">{{ item.description }}</div>
|
|
||||||
<div class="item-bottom">
|
|
||||||
<el-tag :type="item.type" size="default">{{ item.title }}</el-tag>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<el-icon class="item-icon"><component :is="item.icon" /></el-icon>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -26,16 +15,17 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import { shallowRef } from 'vue';
|
import { shallowRef } from 'vue';
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
|
import { Plus, ArrowDown, Document, User, Setting } from '@element-plus/icons-vue';
|
||||||
|
|
||||||
const emit = defineEmits(['itemClick'])
|
const emit = defineEmits(['itemClick'])
|
||||||
const items = shallowRef([
|
const items = shallowRef([
|
||||||
{ title: '自主搜题', description: '1111111111111111111111111111111111111', icon: '#icon-soutibao-',type:'primary' },
|
{ title: '自主搜题', description: '1111111', icon: Document },
|
||||||
{ title: '校本题库', description: '222222', icon: '#icon-soutibao-',type:'success' },
|
{ title: '校本题库', description: '222222', icon: User },
|
||||||
{ title: '个人题库', description: '333333', icon: '#icon-soutibao-',type:'default' },
|
{ title: '个人题库', description: '333333', icon: Setting },
|
||||||
{ title: '智能推荐', description: '444444', icon: '#icon-tubiao_wuxing-',type:'default' },
|
{ title: '智能推荐', description: '444444', icon: Plus },
|
||||||
{ title: '课堂展示', description: '555555', icon: '#icon-huaban',type:'primary' },
|
{ title: '课堂展示', description: '555555', icon: ArrowDown },
|
||||||
{ title: '常规作业', description: '555555', icon: '#icon-zhaoxiangji',type:'primary' },
|
{ title: '常规作业', description: '555555', icon: ArrowDown },
|
||||||
{ title: 'AI设计作业', description: '555555', icon: '#icon-jiqiren_o',type:'danger' },
|
{ title: 'AI设计作业', description: '555555', icon: ArrowDown },
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const handleClick = (item) => {
|
const handleClick = (item) => {
|
||||||
|
@ -52,25 +42,20 @@ const handleClick = (item) => {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.list-content{
|
|
||||||
padding: 8px;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
border-radius: 8px;
|
|
||||||
height: 100%;
|
|
||||||
margin-left: 10px
|
|
||||||
}
|
|
||||||
.list-container {
|
.list-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
|
padding: 16px;
|
||||||
|
/* background-color: #f5f5f5; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-list {
|
.content-list {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||||
padding: 8px;
|
padding: 16px;
|
||||||
width: calc(25% - 16px);
|
width: calc(33.333% - 32px); /* 3列布局,每列减去gap */
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
}
|
}
|
||||||
|
@ -83,7 +68,6 @@ const handleClick = (item) => {
|
||||||
.item-content {
|
.item-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-icon {
|
.item-icon {
|
||||||
|
@ -94,10 +78,6 @@ const handleClick = (item) => {
|
||||||
|
|
||||||
.item-text {
|
.item-text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
justify-content: space-between;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-title {
|
.item-title {
|
||||||
|
@ -105,38 +85,10 @@ const handleClick = (item) => {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #303133;
|
color: #303133;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-description {
|
.item-description {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #909399;
|
color: #909399;
|
||||||
text-align: left;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 2; /* 设置最大行数 */
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-bottom {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 过渡动画 */
|
|
||||||
.fade-enter-active, .fade-leave-active {
|
|
||||||
transition: opacity 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fade-enter, .fade-leave-to {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
|
@ -6,14 +6,14 @@
|
||||||
<el-button type="success" @click="handleTaskAssignToAllClass()">批量推送</el-button>
|
<el-button type="success" @click="handleTaskAssignToAllClass()">批量推送</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="currentRow.id > 0" class="page-top-right">
|
<div v-if="currentRow.id > 0" class="page-top-right">
|
||||||
<el-button type="primary" @click="handleNewAllClass" :icon="Plus">设计新作业</el-button>
|
<el-button type="primary" @click="handleNewAllClass">设计新作业</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="page-resource">
|
<div class="page-resource">
|
||||||
<div class="page-left">
|
<div class="page-left">
|
||||||
<el-table
|
<el-table
|
||||||
ref="taskTable"
|
ref="taskTable"
|
||||||
v-loading="tasklist_loading"
|
v-loading="loading"
|
||||||
:data="taskList"
|
:data="taskList"
|
||||||
:tree-props="{checkStrictly: true}"
|
:tree-props="{checkStrictly: true}"
|
||||||
row-key="id"
|
row-key="id"
|
||||||
|
@ -22,25 +22,18 @@
|
||||||
@current-change="handleCurrentChange"
|
@current-change="handleCurrentChange"
|
||||||
>
|
>
|
||||||
<el-table-column type="selection" min-width="2%" align="center" :selectable="selectable"/>
|
<el-table-column type="selection" min-width="2%" align="center" :selectable="selectable"/>
|
||||||
<el-table-column label="作业布置" min-width="15%" align="center">
|
<el-table-column label="作业布置" min-width="18%" align="center">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div style="height: 100px;cursor: pointer">
|
<div style="height: 100px;">
|
||||||
<div style="display: flex;align-items: center;justify-content: space-between;">
|
<div class="pageleft-table-top">
|
||||||
<div style="width: 90%;">
|
<span>{{ scope.row.uniquekey }}</span>
|
||||||
<div class="pageleft-table-top">
|
</div>
|
||||||
<span>{{ scope.row.uniquekey }}</span>
|
<div class="pageleft-table-top">
|
||||||
</div>
|
<el-tag :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
|
||||||
<div class="pageleft-table-top" style="display: flex;justify-content: space-between">
|
<span>{{ scope.row.timestamp }}</span>
|
||||||
<el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
|
</div>
|
||||||
<el-text size="small" style="color:#ccc;white-space:nowrap">{{ scope.row.timestamp }}</el-text>
|
<div class="pageleft-table-cont">
|
||||||
</div>
|
<p class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</p>
|
||||||
<div class="pageleft-table-cont">
|
|
||||||
<div :title="scope.row.worktag || scope.row.title" class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<svg class="icon iconfont" aria-hidden="true">
|
|
||||||
<use xlink:href="#icon-xiangyou"></use>
|
|
||||||
</svg>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -48,11 +41,11 @@
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="currentRow.id == 0" style="width: 100%; height: 100%;">
|
<div v-if="currentRow.id == 0" style="width: 100%; height: 100%;">
|
||||||
<!-- 默认的习题类型卡片 -->
|
<!-- 默认的习题类型卡片 -->
|
||||||
<Right @itemClick="handleItemClick" />
|
<Right @itemClick="handleItemClick" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="(currentRow.worktype == '习题训练' || classWorkForm.worktype == '习题训练') && currentRow.id>0" class="page-center">
|
<div v-if="(currentRow.worktype == '习题训练' || classWorkForm.worktype == '习题训练') && currentRow.id>0" class="page-center">
|
||||||
<el-tabs v-model="activeAptTab" style="height: 100%;">
|
<el-tabs v-model="activeAptTab" style="height: 100%;">
|
||||||
<el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
|
<el-tab-pane label="自主搜题" name="自主搜题" class="prepare-center-zzst">
|
||||||
|
@ -69,7 +62,7 @@
|
||||||
<div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id>0" class="page-center">
|
<div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id>0" class="page-center">
|
||||||
<div v-loading="boardLoading" class="board-wrap" style="height: 100%; flex: 1; overflow: hidden;">
|
<div v-loading="boardLoading" class="board-wrap" style="height: 100%; flex: 1; overflow: hidden;">
|
||||||
<!-- <whiteboard v-if="isShowBoard" ref="boardref" :height="mainHeight - 150" :isShowSave="false" :data="whiteboardObj"/> -->
|
<!-- <whiteboard v-if="isShowBoard" ref="boardref" :height="mainHeight - 150" :isShowSave="false" :data="whiteboardObj"/> -->
|
||||||
<whiteboard ref="boardref" height="100%" width="100%" :isShowSave="false" :data="classWorkForm.whiteboardObj"/>
|
<whiteboard ref="boardref" height=" 100%" :isShowSave="false" :data="classWorkForm.whiteboardObj"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="(currentRow.worktype == '常规作业' || classWorkForm.worktype == '常规作业')&& currentRow.id>0" class="page-center">
|
<div v-if="(currentRow.worktype == '常规作业' || classWorkForm.worktype == '常规作业')&& currentRow.id>0" class="page-center">
|
||||||
|
@ -77,20 +70,20 @@
|
||||||
<FileUpload v-model="classWorkForm.fileHomeworkList" :fileSize="800" :fileType="['mp3','mp4','doc','docx','xlsx','xls','pdf','ppt','pptx','jpg','jpeg','gif','png','txt']"/>
|
<FileUpload v-model="classWorkForm.fileHomeworkList" :fileSize="800" :fileType="['mp3','mp4','doc','docx','xlsx','xls','pdf','ppt','pptx','jpg','jpeg','gif','png','txt']"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="currentRow.id>0 " class="page-right">
|
<div v-if="currentRow.id>0 " class="page-right">
|
||||||
<div class="prepare-top" >
|
<div class="prepare-top" >
|
||||||
<el-button v-if="currentRow.id != 1 " type="success" @click="openSet(currentRow,'item')">推 送</el-button>
|
<el-button v-if="currentRow.id != 1 " type="success" @click="openSet(currentRow,'item')">推 送</el-button>
|
||||||
<el-button type="primary" @click="handleClassWorkSave">保 存</el-button>
|
<el-button type="primary" @click="handleClassWorkSave">保 存</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="prepare-con" >
|
<div class="prepare-con" >
|
||||||
<el-form
|
<el-form
|
||||||
ref="classWorkFormRef"
|
ref="classWorkFormRef"
|
||||||
:model="classWorkForm"
|
:model="classWorkForm"
|
||||||
label-width="90"
|
label-width="90"
|
||||||
style=" height: 100%; overflow: hidden;display: flex;flex-direction: column;"
|
style=" height: 100%; overflow: hidden;display: flex;flex-direction: column;"
|
||||||
>
|
>
|
||||||
<div >
|
<div >
|
||||||
<el-form-item label="作业名称">
|
<el-form-item label="作业名称">
|
||||||
<el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称"/>
|
<el-input v-model="classWorkForm.uniquekey" type="text" placeholder="请输入作业名称"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
@ -100,8 +93,8 @@
|
||||||
<el-input v-if="classWorkForm.worktype == '课堂展示'" v-model="classWorkForm.question" type="textarea" placeholder="请输入作业说明" />
|
<el-input v-if="classWorkForm.worktype == '课堂展示'" v-model="classWorkForm.question" type="textarea" placeholder="请输入作业说明" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="classWorkForm.worktype == '习题训练'" class="pageRight-list">
|
<div v-if="classWorkForm.worktype == '习题训练'" class="pageRight-list">
|
||||||
<div :style="{height: '100%', 'overflow': 'auto', 'border':'1px dotted blue','border-radius':'5px', 'background-color': '#f7f7f7'}">
|
<div :style="{height: '100%', 'overflow': 'auto', 'border':'1px dotted blue','border-radius':'5px', 'background-color': '#f7f7f7'}">
|
||||||
<template v-for="(item,index) in classWorkForm.quizlist" :key="item.id">
|
<template v-for="(item,index) in classWorkForm.quizlist" :key="item.id">
|
||||||
<div style="margin: 5px; background-color: white">
|
<div style="margin: 5px; background-color: white">
|
||||||
|
@ -129,7 +122,6 @@
|
||||||
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import { cloneDeep } from 'lodash'
|
import { cloneDeep } from 'lodash'
|
||||||
import { Plus } from '@element-plus/icons-vue'
|
|
||||||
import { delClasswork } from '@/api/teaching/classwork'
|
import { delClasswork } from '@/api/teaching/classwork'
|
||||||
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
||||||
import { addClassworkReturnId } from '@/api/teaching/classwork'
|
import { addClassworkReturnId } from '@/api/teaching/classwork'
|
||||||
|
@ -144,10 +136,6 @@ import whiteboard from '@/components/whiteboard/whiteboard.vue'
|
||||||
import FileUpload from "@/components/FileUpload/index.vue";
|
import FileUpload from "@/components/FileUpload/index.vue";
|
||||||
import Right from './Right/index.vue'
|
import Right from './Right/index.vue'
|
||||||
|
|
||||||
import {
|
|
||||||
Delete
|
|
||||||
} from '@element-plus/icons-vue'
|
|
||||||
|
|
||||||
import SetHomework from '@/components/set-homework/index.vue'
|
import SetHomework from '@/components/set-homework/index.vue'
|
||||||
import { useGetHomework } from '@/hooks/useGetHomework'
|
import { useGetHomework } from '@/hooks/useGetHomework'
|
||||||
import { sessionStore } from '@/utils/store'
|
import { sessionStore } from '@/utils/store'
|
||||||
|
@ -233,7 +221,7 @@ const selectable=(row, index)=>{
|
||||||
* 获取 entpcourseid 获取作业列表
|
* 获取 entpcourseid 获取作业列表
|
||||||
*/
|
*/
|
||||||
const initHomeWork = async()=> {
|
const initHomeWork = async()=> {
|
||||||
tasklist_loading.value = true;
|
tasklist_loading.value = true;
|
||||||
// const { res, chapterId } = await useGetHomework(courseObj.node);
|
// const { res, chapterId } = await useGetHomework(courseObj.node);
|
||||||
const { res, chapterId } = await useGetHomework(sessionStore.get('subject.curNode'));
|
const { res, chapterId } = await useGetHomework(sessionStore.get('subject.curNode'));
|
||||||
console.log('entpcourseid', chapterId);
|
console.log('entpcourseid', chapterId);
|
||||||
|
@ -245,7 +233,7 @@ const initHomeWork = async()=> {
|
||||||
|
|
||||||
const handleNewAllClass = () => {
|
const handleNewAllClass = () => {
|
||||||
taskTable.value.setCurrentRow({});// 清除表格选中项背景色
|
taskTable.value.setCurrentRow({});// 清除表格选中项背景色
|
||||||
currentRow.value = {id:0}; // 作业设计
|
currentRow.value = {id:0}; // 作业设计
|
||||||
//--------
|
//--------
|
||||||
classWorkForm.id = 0;
|
classWorkForm.id = 0;
|
||||||
classWorkForm.uniquekey = ""; // 作业唯一标识 作业名称
|
classWorkForm.uniquekey = ""; // 作业唯一标识 作业名称
|
||||||
|
@ -272,7 +260,7 @@ const handleDelete =() => {
|
||||||
return delClasswork(ids.join(','));
|
return delClasswork(ids.join(','));
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
taskTable.value.setCurrentRow({});// 清除表格选中项背景色
|
taskTable.value.setCurrentRow({});// 清除表格选中项背景色
|
||||||
currentRow.value = {id:0}; // 作业设计
|
currentRow.value = {id:0}; // 作业设计
|
||||||
taskList.value = [];
|
taskList.value = [];
|
||||||
// initHomeWork();
|
// initHomeWork();
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
@ -363,17 +351,17 @@ let propsformobj = reactive({
|
||||||
* 选中的布置作业行
|
* 选中的布置作业行
|
||||||
*/
|
*/
|
||||||
const handleCurrentChange = (val) => {
|
const handleCurrentChange = (val) => {
|
||||||
|
|
||||||
console.log(val,'???????????')
|
console.log(val,'???????????')
|
||||||
if(val && val.id >0 ) {
|
if(val && val.id >0 ) {
|
||||||
currentRow.value = val;
|
currentRow.value = val;
|
||||||
classWorkForm.worktype = val.worktype; //作业类型
|
|
||||||
editListItem(val, courseObj).then((obj) => {
|
editListItem(val, courseObj).then((obj) => {
|
||||||
if(obj){
|
if(obj){
|
||||||
propsformobj = obj;
|
propsformobj = obj;
|
||||||
// 新赋值的作业内容
|
// 新赋值的作业内容
|
||||||
classWorkForm.id = obj.id;
|
classWorkForm.id = obj.id;
|
||||||
classWorkForm.uniquekey = cloneDeep(obj.uniquekey); // 作业唯一标识 作业名称
|
classWorkForm.uniquekey = cloneDeep(obj.uniquekey); // 作业唯一标识 作业名称
|
||||||
|
classWorkForm.worktype = cloneDeep(obj.worktype); //作业类型
|
||||||
classWorkForm.title = cloneDeep(obj.title); // 作业说明
|
classWorkForm.title = cloneDeep(obj.title); // 作业说明
|
||||||
classWorkForm.quizlist = cloneDeep(obj.quizlist); // 作业习题列表内容
|
classWorkForm.quizlist = cloneDeep(obj.quizlist); // 作业习题列表内容
|
||||||
classWorkForm.chooseWorkLists = cloneDeep(obj.chooseWorkLists); // 作业框架梳理list
|
classWorkForm.chooseWorkLists = cloneDeep(obj.chooseWorkLists); // 作业框架梳理list
|
||||||
|
@ -387,7 +375,7 @@ const handleCurrentChange = (val) => {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 添加作业
|
* 添加作业
|
||||||
* @param entpcourseworkid
|
* @param entpcourseworkid
|
||||||
*/
|
*/
|
||||||
const handleClassWorkQuizAdd = (entpcourseworkid) => {
|
const handleClassWorkQuizAdd = (entpcourseworkid) => {
|
||||||
var exist = false;
|
var exist = false;
|
||||||
|
@ -691,7 +679,7 @@ const editWork = async (cform) =>{
|
||||||
// // 返回上一页
|
// // 返回上一页
|
||||||
// router.back()
|
// router.back()
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
//----
|
//----
|
||||||
|
|
||||||
|
@ -724,7 +712,7 @@ const editWork = async (cform) =>{
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.page-left {
|
.page-left {
|
||||||
width: 240px;
|
width: 300px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
||||||
|
@ -743,23 +731,20 @@ const editWork = async (cform) =>{
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
// flex-direction: row;
|
// flex-direction: row;
|
||||||
// text-overflow: ellipsis;
|
// text-overflow: ellipsis;
|
||||||
width: 100%; /* 设置容器的宽度 */
|
width: 230px; /* 设置容器的宽度 */
|
||||||
overflow: hidden; /* 隐藏超出容器的部分 */
|
overflow: hidden; /* 隐藏超出容器的部分 */
|
||||||
white-space: nowrap; /* 防止文本换行 */
|
white-space: nowrap; /* 防止文本换行 */
|
||||||
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
||||||
.ellipsis {
|
.ellipsis {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
overflow: hidden; /* 隐藏超出容器的部分 */
|
|
||||||
white-space: nowrap; /* 防止文本换行 */
|
|
||||||
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.page-center{
|
.page-center{
|
||||||
flex: 1;
|
flex: 1;
|
||||||
//min-width: calc(100% - 675px);
|
// width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
|
@ -771,8 +756,8 @@ const editWork = async (cform) =>{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.prepare-center-xbtk{
|
.prepare-center-xbtk{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="page-myquest">
|
<div class="page">
|
||||||
<!-- 习题筛选1 -->
|
<!-- 习题筛选1 -->
|
||||||
<el-row style="width: 100%; height: 50px;">
|
<el-row style="width: 100%; height: 50px;">
|
||||||
<el-col :span="7">
|
<el-col :span="7">
|
||||||
|
@ -72,9 +72,7 @@
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div>
|
<div>
|
||||||
<el-button type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', scope.row.id)">添加</el-button>
|
<el-button type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', scope.row.id)">添加</el-button>
|
||||||
<div style="padding: 2px;"></div>
|
<div style="padding: 5px;"></div>
|
||||||
<el-button type="warning" @click="handleImportSingleDlg(scope.row)">纠错</el-button>
|
|
||||||
<div style="padding: 2px;"></div>
|
|
||||||
<el-button type="danger" @click="handleDelete(scope.row, scope.$index)">删除</el-button>
|
<el-button type="danger" @click="handleDelete(scope.row, scope.$index)">删除</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -93,28 +91,9 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- 试题详细信息 -->
|
<!-- 试题详细信息 -->
|
||||||
<examDetailsDrawer ref="examDetailsDrawerRef"></examDetailsDrawer>
|
<examDetailsDrawer ref="examDetailsDrawerRef"></examDetailsDrawer>
|
||||||
<!-- 单题上传的对话框/ 纠错对话框 close-on-click-modal|close-on-press-escape 避免误点dialog区域外,导致白填入大量题目内容
|
|
||||||
style="width: 70%; height: 80%; overflow: hidden"-->
|
|
||||||
<el-dialog
|
|
||||||
v-model="dlgImportSingle.open"
|
|
||||||
class="my-custom-dialog"
|
|
||||||
:title="dlgImportSingle.title"
|
|
||||||
append-to-body
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
:close-on-press-escape="false"
|
|
||||||
>
|
|
||||||
<QuesItem
|
|
||||||
ref="refquesItem"
|
|
||||||
:bookobj="props.bookobj"
|
|
||||||
@submit-exam-single-callback="onSubmitExamSingleCallback"
|
|
||||||
@cancel-exam-single-callback="onCancelExamSingleCallback"
|
|
||||||
>
|
|
||||||
</QuesItem>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { Search } from '@element-plus/icons-vue'
|
|
||||||
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
||||||
import { useRouter, useRoute } from 'vue-router'
|
import { useRouter, useRoute } from 'vue-router'
|
||||||
|
|
||||||
|
@ -123,7 +102,6 @@ import { listEvaluationclue } from '@/api/classTask'
|
||||||
import { delEntpcoursework } from "@/api/education/entpCourseWork";
|
import { delEntpcoursework } from "@/api/education/entpCourseWork";
|
||||||
|
|
||||||
import examDetailsDrawer from '@/components/exam-question/examDetailsDrawer.vue'
|
import examDetailsDrawer from '@/components/exam-question/examDetailsDrawer.vue'
|
||||||
import QuesItem from "@/views/classTask/newClassTaskAssign/questionUpload/quesItem/index.vue";
|
|
||||||
import { useHandleData } from "@/hooks/useHandleData";
|
import { useHandleData } from "@/hooks/useHandleData";
|
||||||
import { processList } from '@/hooks/useProcessList'
|
import { processList } from '@/hooks/useProcessList'
|
||||||
|
|
||||||
|
@ -212,11 +190,6 @@ const workResource = reactive({
|
||||||
entpCourseWorkTotal: 0, // 习题总数
|
entpCourseWorkTotal: 0, // 习题总数
|
||||||
}); // 作业资源
|
}); // 作业资源
|
||||||
|
|
||||||
const dlgImportSingle = reactive({
|
|
||||||
title: '单题上传',
|
|
||||||
open: false,
|
|
||||||
})
|
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
debounceQueryData(); // 查询习题列表
|
debounceQueryData(); // 查询习题列表
|
||||||
})
|
})
|
||||||
|
@ -383,44 +356,6 @@ const getPaginationList = ( page, limit ) => {
|
||||||
handleQueryFromEntpCourseWork(0);
|
handleQueryFromEntpCourseWork(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 单题上传弹出框----纠错修改框 */
|
|
||||||
const handleImportSingleDlg=(item, index) => {
|
|
||||||
dlgImportSingle.open = true;
|
|
||||||
// 获取单元科目数据
|
|
||||||
// this.handleImportSingle();
|
|
||||||
//console.log("单题上传")
|
|
||||||
if (item == '{}') {
|
|
||||||
// 新增
|
|
||||||
//重置表单
|
|
||||||
proxy.$nextTick(() => {
|
|
||||||
proxy.$refs.refquesItem.resetForm();
|
|
||||||
})
|
|
||||||
dlgImportSingle.title = "单题上传";
|
|
||||||
} else {
|
|
||||||
//赋值表单
|
|
||||||
proxy.$nextTick(() => {
|
|
||||||
item.status = '1';
|
|
||||||
proxy.$refs.refquesItem.updateForm(item, index, 1);
|
|
||||||
})
|
|
||||||
dlgImportSingle.title = "纠错上传";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 取消
|
|
||||||
const onCancelExamSingleCallback=()=>{
|
|
||||||
// 关闭弹窗
|
|
||||||
dlgImportSingle.open = false;
|
|
||||||
};
|
|
||||||
/** 单题上传/纠错 完成后的回调 */
|
|
||||||
const onSubmitExamSingleCallback=(callback) =>{
|
|
||||||
if (callback.submitType !== 1) {
|
|
||||||
console.log('999-999');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// 刷新列表
|
|
||||||
debounceQueryData();
|
|
||||||
// 关闭弹窗
|
|
||||||
dlgImportSingle.open = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 删除题目按钮操作 */
|
/** 删除题目按钮操作 */
|
||||||
const handleDelete = async(item, index) => {
|
const handleDelete = async(item, index) => {
|
||||||
|
@ -477,19 +412,8 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
||||||
})
|
})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style>
|
|
||||||
.my-custom-dialog{
|
|
||||||
width: 60% !important;
|
|
||||||
height: 77vh !important;
|
|
||||||
overflow: hidden !important;
|
|
||||||
}
|
|
||||||
.my-custom-dialog .el-dialog__body {
|
|
||||||
height: 90% !important;
|
|
||||||
overflow: auto !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.page-myquest {
|
.page {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -498,28 +422,7 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 100px);
|
height: calc(100% - 100px);
|
||||||
}
|
}
|
||||||
|
|
||||||
// :deep(.el-dialog .question-dialog){
|
|
||||||
// height: 80vh !important;
|
|
||||||
// width: 80% !important;
|
|
||||||
// overflow: hidden !important;
|
|
||||||
|
|
||||||
// }
|
|
||||||
// .el-dialog .question-dialog{
|
|
||||||
// height: 80vh !important;
|
|
||||||
// width: 80% !important;
|
|
||||||
// overflow: hidden !important;
|
|
||||||
|
|
||||||
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
// .question-dialog{
|
|
||||||
// width: 80% !important;
|
|
||||||
|
|
||||||
// }
|
|
||||||
// :deep(.el-dialog) {
|
|
||||||
// width: 80% !important;
|
|
||||||
// }
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<style src="@/assets/styles/JYStyle.css"></style>
|
<style src="@/assets/styles/JYStyle.css"></style>
|
|
@ -174,22 +174,22 @@ const initHomeWork = async()=> {
|
||||||
// taskList.value = res;
|
// taskList.value = res;
|
||||||
// tasklist_loading.value = false;
|
// tasklist_loading.value = false;
|
||||||
}
|
}
|
||||||
// const getBase64 = (file) =>{
|
const getBase64 = (file) =>{
|
||||||
// return new Promise(function (resolve, reject) {
|
return new Promise(function (resolve, reject) {
|
||||||
// let reader = new FileReader();
|
let reader = new FileReader();
|
||||||
// let imgResult = "";
|
let imgResult = "";
|
||||||
// reader.readAsDataURL(file);
|
reader.readAsDataURL(file);
|
||||||
// reader.onload = function () {
|
reader.onload = function () {
|
||||||
// imgResult = reader.result;
|
imgResult = reader.result;
|
||||||
// };
|
};
|
||||||
// reader.onerror = function (error) {
|
reader.onerror = function (error) {
|
||||||
// reject(error);
|
reject(error);
|
||||||
// };
|
};
|
||||||
// reader.onloadend = function () {
|
reader.onloadend = function () {
|
||||||
// resolve(imgResult);
|
resolve(imgResult);
|
||||||
// };
|
};
|
||||||
// });
|
});
|
||||||
// }
|
}
|
||||||
/**
|
/**
|
||||||
* @desc: 上传本地图片
|
* @desc: 上传本地图片
|
||||||
* @return: {*}
|
* @return: {*}
|
||||||
|
@ -203,7 +203,37 @@ const handleImportImg = (uploadFile) => {
|
||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
cropOption.img = window.URL.createObjectURL(uploadFile.raw);
|
console.log('uploadFile', uploadFile);
|
||||||
|
// 假设你在渲染进程中
|
||||||
|
getBase64(uploadFile.raw).then(res => {
|
||||||
|
// console.log('res-------', res);
|
||||||
|
|
||||||
|
|
||||||
|
// 在 Electron 主进程中使用 URL.createObjectURL
|
||||||
|
// const base64Data = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/...'; // Base64 编码的图片数据
|
||||||
|
// const base64Data = res; // Base64 编码的图片数据
|
||||||
|
// const buffer = Buffer.from(base64Data.split(',')[1], 'base64');
|
||||||
|
// const filePath = path.join(Remote.app.getPath('userData'), 'image.jpg');
|
||||||
|
// console.log(filePath,'???????????????????');
|
||||||
|
// fs.writeFileSync(filePath, buffer);
|
||||||
|
// const buf = fs.readFileSync(filePath)
|
||||||
|
// console.log(buf);
|
||||||
|
// const uint8Buffer = Uint8Array.from(buf)
|
||||||
|
// cropOption.img = window.URL.createObjectURL(new Blob([uint8Buffer]));
|
||||||
|
// cropOption.img = URL.createObjectURL(new Blob([fs.readFileSync(filePath)]));
|
||||||
|
// cropOption.img = URL.createObjectURL(new Blob([buffer]));
|
||||||
|
cropOption.img = res;
|
||||||
|
// console.log(cropOption.img);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// cropOption.img = window.URL.createObjectURL(new Blob([res]));
|
||||||
|
// console.log(cropOption.img);
|
||||||
|
})
|
||||||
|
// cropOption.img = window.URL.createObjectURL(uploadFile.raw);
|
||||||
|
// cropOption.img = window.URL.createObjectURL(new Blob([uploadFile.raw]));
|
||||||
|
// cropOption.img = window.URL.createObjectURL(new Blob([uploadFile.raw]));
|
||||||
|
// console.log(cropOption.img);
|
||||||
ElMessage.success('上传成功');
|
ElMessage.success('上传成功');
|
||||||
};
|
};
|
||||||
/**
|
/**
|
||||||
|
@ -216,6 +246,9 @@ const getClipboardImg = async() => {
|
||||||
for (const item of clipboardItems) {
|
for (const item of clipboardItems) {
|
||||||
for (const type of item.types) {
|
for (const type of item.types) {
|
||||||
if (type.includes('image/')) {
|
if (type.includes('image/')) {
|
||||||
|
console.log('剪贴板图片type', type);
|
||||||
|
console.log('剪贴板图片item', item);
|
||||||
|
console.log('剪贴板图片clipboardItems', clipboardItems);
|
||||||
const blob = await item.getType(type);
|
const blob = await item.getType(type);
|
||||||
// blob 是图片的 Blob 对象
|
// blob 是图片的 Blob 对象
|
||||||
cropOption.img = URL.createObjectURL(blob);
|
cropOption.img = URL.createObjectURL(blob);
|
||||||
|
|
|
@ -67,13 +67,17 @@
|
||||||
<div class="questForm-item-cover">
|
<div class="questForm-item-cover">
|
||||||
<el-form-item :label="questForm.worktype == '复合题' ? '背景材料' : questForm.worktype == '主观题' ? '背景资料' : '题目'" prop="title">
|
<el-form-item :label="questForm.worktype == '复合题' ? '背景材料' : questForm.worktype == '主观题' ? '背景资料' : '题目'" prop="title">
|
||||||
<Tinymce v-model="questForm.title" :upFileParams="{
|
<Tinymce v-model="questForm.title" :upFileParams="{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class="item-cropper-btn">
|
<div class="item-cropper-btn">
|
||||||
<el-button v-show="isCropper" circle @click="cropperFormItem('title')"><el-icon><Search /></el-icon></el-button>
|
<el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('title')"></el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -83,6 +87,10 @@
|
||||||
<el-form-item :label=Options(1,index) :prop="`list.${index}.text`"
|
<el-form-item :label=Options(1,index) :prop="`list.${index}.text`"
|
||||||
:rules="{required: true, message: '选项不能为空', trigger: 'blur'}">
|
:rules="{required: true, message: '选项不能为空', trigger: 'blur'}">
|
||||||
<Tinymce v-model="item.text" :minHeight="150" :upFileParams="{
|
<Tinymce v-model="item.text" :minHeight="150" :upFileParams="{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}" />
|
}" />
|
||||||
|
@ -98,7 +106,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-cropper-btn">
|
<div class="item-cropper-btn">
|
||||||
<el-button v-show="isCropper" circle @click="cropperFormItem('workdesc')"><el-icon><Search /></el-icon></el-button>
|
<el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('workdesc')"></el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -114,6 +122,10 @@
|
||||||
v-model="item.text"
|
v-model="item.text"
|
||||||
:minHeight="150"
|
:minHeight="150"
|
||||||
:upFileParams = "{
|
:upFileParams = "{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}" />
|
}" />
|
||||||
|
@ -129,7 +141,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-cropper-btn">
|
<div class="item-cropper-btn">
|
||||||
<el-button v-show="isCropper" circle @click="cropperFormItem('workdesc')"><el-icon><Search /></el-icon></el-button>
|
<el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('workdesc')"></el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -139,6 +151,10 @@
|
||||||
<el-form-item :label=Options(3,index) :prop="`list.${index}.text`"
|
<el-form-item :label=Options(3,index) :prop="`list.${index}.text`"
|
||||||
:rules="{required: true, message: '填空选项不能为空', trigger: 'blur'}">
|
:rules="{required: true, message: '填空选项不能为空', trigger: 'blur'}">
|
||||||
<Tinymce v-model="item.text" :minHeight="150" :upFileParams="{
|
<Tinymce v-model="item.text" :minHeight="150" :upFileParams="{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}" />
|
}" />
|
||||||
|
@ -153,7 +169,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-cropper-btn">
|
<div class="item-cropper-btn">
|
||||||
<el-button v-show="isCropper" circle @click="cropperFormItem('workdesc')"></el-button>
|
<el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('workdesc')"></el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -180,12 +196,16 @@
|
||||||
<div v-if="questForm.worktype.indexOf('主观题') != -1" class="questForm-item-cover">
|
<div v-if="questForm.worktype.indexOf('主观题') != -1" class="questForm-item-cover">
|
||||||
<el-form-item label="答案">
|
<el-form-item label="答案">
|
||||||
<Tinymce v-model="questForm.workanswer" :upFileParams="{
|
<Tinymce v-model="questForm.workanswer" :upFileParams="{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}" />
|
}" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class="item-cropper-btn">
|
<div class="item-cropper-btn">
|
||||||
<el-button v-show="isCropper" circle @click="cropperFormItem('workanswer')"><el-icon><Search /></el-icon></el-button>
|
<el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('workanswer')"></el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- subjList -->
|
<!-- subjList -->
|
||||||
|
@ -253,8 +273,7 @@
|
||||||
<el-tag v-else type="danger" style=" margin-left: 10px ">温馨提示:这里 - 号删除的是最后一道题目哟!</el-tag>
|
<el-tag v-else type="danger" style=" margin-left: 10px ">温馨提示:这里 - 号删除的是最后一道题目哟!</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class="item-cropper-btn-multi">
|
<div class="item-cropper-btn-multi">
|
||||||
<!-- <el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('workdesc')"></el-button> -->
|
<el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('workdesc')"></el-button>
|
||||||
<el-button v-show="isCropper" circle @click="cropperFormItem('workdesc')">识别</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
@ -262,6 +281,10 @@
|
||||||
<el-form-item :label="`${item.type}目${index+1}.`" :prop="`mulList.params.${index}.title`" :rules="{
|
<el-form-item :label="`${item.type}目${index+1}.`" :prop="`mulList.params.${index}.title`" :rules="{
|
||||||
required: true, message: '题目不能为空', trigger: 'blur'}" :key='index'>
|
required: true, message: '题目不能为空', trigger: 'blur'}" :key='index'>
|
||||||
<Tinymce v-model="item.title" :minHeight="150" :upFileParams="{
|
<Tinymce v-model="item.title" :minHeight="150" :upFileParams="{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}"
|
}"
|
||||||
|
@ -273,6 +296,10 @@
|
||||||
<el-form-item :label=Options(1,indexOp) :prop="`mulList.params.${index}.options.${indexOp}.text`"
|
<el-form-item :label=Options(1,indexOp) :prop="`mulList.params.${index}.options.${indexOp}.text`"
|
||||||
:rules="{ required: true, message: '单题不能为空', trigger: 'blur' }" :key='indexOp'>
|
:rules="{ required: true, message: '单题不能为空', trigger: 'blur' }" :key='indexOp'>
|
||||||
<Tinymce v-model="itemOp.text" :minHeight="150" :upFileParams="{
|
<Tinymce v-model="itemOp.text" :minHeight="150" :upFileParams="{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}"
|
}"
|
||||||
|
@ -293,6 +320,10 @@
|
||||||
<el-form-item :label=Options(3,indexOp) :prop="`mulList.params.${index}.options.${indexOp}.text`"
|
<el-form-item :label=Options(3,indexOp) :prop="`mulList.params.${index}.options.${indexOp}.text`"
|
||||||
:rules="{required: true, message: '填空选项不能为空', trigger: 'blur'}">
|
:rules="{required: true, message: '填空选项不能为空', trigger: 'blur'}">
|
||||||
<Tinymce v-model="itemOp.text" :minHeight="150" :upFileParams="{
|
<Tinymce v-model="itemOp.text" :minHeight="150" :upFileParams="{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}"
|
}"
|
||||||
|
@ -313,6 +344,10 @@
|
||||||
<el-form-item :label=Options(1,indexOp) :prop="`mulList.params.${index}.options.${indexOp}.text`"
|
<el-form-item :label=Options(1,indexOp) :prop="`mulList.params.${index}.options.${indexOp}.text`"
|
||||||
:rules="{required: true, message: '多选不能为空', trigger: 'blur'}">
|
:rules="{required: true, message: '多选不能为空', trigger: 'blur'}">
|
||||||
<Tinymce v-model="itemOp.text" :minHeight="150" :upFileParams="{
|
<Tinymce v-model="itemOp.text" :minHeight="150" :upFileParams="{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}"
|
}"
|
||||||
|
@ -343,6 +378,10 @@
|
||||||
<div v-if="item.type == '主观题'">
|
<div v-if="item.type == '主观题'">
|
||||||
<el-form-item :label=Options(6,indexOp) :prop="`mulList.params.${index}.options.${indexOp}.text`">
|
<el-form-item :label=Options(6,indexOp) :prop="`mulList.params.${index}.options.${indexOp}.text`">
|
||||||
<Tinymce v-model="itemOp.text" :upFileParams="{
|
<Tinymce v-model="itemOp.text" :upFileParams="{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}" />
|
}" />
|
||||||
|
@ -355,15 +394,18 @@
|
||||||
<!-- 答案分析 -->
|
<!-- 答案分析 -->
|
||||||
<div class="questForm-item-cover">
|
<div class="questForm-item-cover">
|
||||||
<el-form-item label="答案分析" prop="method">
|
<el-form-item label="答案分析" prop="method">
|
||||||
<Tinymce
|
<Tinymce v-model="questForm.method"
|
||||||
v-model="questForm.method"
|
|
||||||
:upFileParams = "{
|
:upFileParams = "{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}" />
|
}" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class="item-cropper-btn">
|
<div class="item-cropper-btn">
|
||||||
<el-button v-show="isCropper" circle @click="cropperFormItem('method')"><el-icon><Search /></el-icon></el-button>
|
<el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('method')"></el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -372,12 +414,16 @@
|
||||||
<el-form-item label="答案解答" prop="analyse">
|
<el-form-item label="答案解答" prop="analyse">
|
||||||
<Tinymce v-model="questForm.analyse"
|
<Tinymce v-model="questForm.analyse"
|
||||||
:upFileParams = "{
|
:upFileParams = "{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}" />
|
}" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class="item-cropper-btn">
|
<div class="item-cropper-btn">
|
||||||
<el-button v-show="isCropper" circle @click="cropperFormItem('analyse')"><el-icon><Search /></el-icon></el-button>
|
<el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('analyse')"></el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -386,12 +432,16 @@
|
||||||
<el-form-item label="答案点评" prop="discuss">
|
<el-form-item label="答案点评" prop="discuss">
|
||||||
<Tinymce v-model="questForm.discuss"
|
<Tinymce v-model="questForm.discuss"
|
||||||
:upFileParams = "{
|
:upFileParams = "{
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
}" />
|
}" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class="item-cropper-btn">
|
<div class="item-cropper-btn">
|
||||||
<el-button v-show="isCropper" circle @click="cropperFormItem('discuss')"><el-icon><Search /></el-icon></el-button>
|
<el-button v-show="isCropper" circle icon="Search" @click="cropperFormItem('discuss')"></el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -405,7 +455,6 @@
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ElMessage, ElNotification } from 'element-plus'
|
import { ElMessage, ElNotification } from 'element-plus'
|
||||||
import { Search } from '@element-plus/icons-vue'
|
|
||||||
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
||||||
|
|
||||||
import { getBindlist } from '@/api/education/knowledgePoint'
|
import { getBindlist } from '@/api/education/knowledgePoint'
|
||||||
|
@ -417,7 +466,7 @@ import useUserStore from '@/store/modules/user'
|
||||||
const userStore = useUserStore().user
|
const userStore = useUserStore().user
|
||||||
const { proxy } = getCurrentInstance()
|
const { proxy } = getCurrentInstance()
|
||||||
// 定义要发送的emit事件
|
// 定义要发送的emit事件
|
||||||
const emit = defineEmits(['submit-exam-single-callback','cancel-exam-single-callback','cropper-exam-form-item'])
|
const emit = defineEmits(['submit-exam-single-callback','cancel-exam-single-callback','cropper-exam-questForm-item'])
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
bookobj: {
|
bookobj: {
|
||||||
type: Object,
|
type: Object,
|
||||||
|
@ -472,7 +521,7 @@ const initKonwPointFlagByUpdateForm = ref(true);
|
||||||
// 表单[知识点]显示内容集合
|
// 表单[知识点]显示内容集合
|
||||||
const curKnowledgePointList = ref([]);
|
const curKnowledgePointList = ref([]);
|
||||||
// 表单数据参数
|
// 表单数据参数
|
||||||
const questForm = reactive({
|
let questForm = reactive({
|
||||||
id: 0,
|
id: 0,
|
||||||
title: '',
|
title: '',
|
||||||
worktype: '单选题',
|
worktype: '单选题',
|
||||||
|
@ -599,6 +648,10 @@ const loading = ref(false);
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
lessionid.value = props.bookobj.levelSecondId? props.bookobj.levelSecondId : props.bookobj.levelFirstId; // 获取课程id
|
lessionid.value = props.bookobj.levelSecondId? props.bookobj.levelSecondId : props.bookobj.levelFirstId; // 获取课程id
|
||||||
upFileParams.value = {
|
upFileParams.value = {
|
||||||
|
deptId: userStore.deptId,
|
||||||
|
userId: userStore.userId,
|
||||||
|
edudegree: userStore.edudegree,
|
||||||
|
edusubject: userStore.edusubject,
|
||||||
lessionId: lessionid,
|
lessionId: lessionid,
|
||||||
fileAlias: '单题上传',
|
fileAlias: '单题上传',
|
||||||
};
|
};
|
||||||
|
@ -664,7 +717,7 @@ const checkBoxChangefh=(item, index, indexOp)=>{
|
||||||
};
|
};
|
||||||
/** 表单重置 */
|
/** 表单重置 */
|
||||||
const resetForm = () =>{
|
const resetForm = () =>{
|
||||||
Object.assign(questForm, {
|
questForm = {
|
||||||
id: 0,
|
id: 0,
|
||||||
title: '',
|
title: '',
|
||||||
worktype: '单选题',
|
worktype: '单选题',
|
||||||
|
@ -715,7 +768,7 @@ const resetForm = () =>{
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
});
|
};
|
||||||
};
|
};
|
||||||
/**
|
/**
|
||||||
* @desc: 赋值表单
|
* @desc: 赋值表单
|
||||||
|
@ -1008,7 +1061,7 @@ const updateForm= async(item, submitIndex=0, submitType=1) =>{
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
Object.assign(questForm,{
|
questForm = {
|
||||||
id: item.id,
|
id: item.id,
|
||||||
title: item.worktype == '复合题' ? titleMulList : item.title,
|
title: item.worktype == '复合题' ? titleMulList : item.title,
|
||||||
worktype: item.worktype,
|
worktype: item.worktype,
|
||||||
|
@ -1037,7 +1090,7 @@ const updateForm= async(item, submitIndex=0, submitType=1) =>{
|
||||||
worktype: '填空题',
|
worktype: '填空题',
|
||||||
params: newSubjListparams,
|
params: newSubjListparams,
|
||||||
},
|
},
|
||||||
});
|
};
|
||||||
// proxy.resetForm("questFormRef");?
|
// proxy.resetForm("questFormRef");?
|
||||||
|
|
||||||
//上传完成反馈状态
|
//上传完成反馈状态
|
||||||
|
@ -1601,7 +1654,7 @@ const cropperFormItem=(curItem)=> {
|
||||||
// 需识别的试题标识: 单选题/多选题/填空题/判断题/主观题/复合题
|
// 需识别的试题标识: 单选题/多选题/填空题/判断题/主观题/复合题
|
||||||
const examType = questForm.worktype;
|
const examType = questForm.worktype;
|
||||||
|
|
||||||
emit('cropper-exam-form-item', examType, curItem);
|
emit('cropper-exam-questForm-item', examType, curItem);
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -1659,7 +1712,6 @@ const myMessageShow=(title, msg, status)=>{
|
||||||
// deep: true // 深度监听,适用于对象内部属性的变化
|
// deep: true // 深度监听,适用于对象内部属性的变化
|
||||||
// },
|
// },
|
||||||
// },
|
// },
|
||||||
|
|
||||||
watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
||||||
console.log(props.bookobj,'课程选择')
|
console.log(props.bookobj,'课程选择')
|
||||||
// props.bookobj.levelSecondId? props.bookobj.levelSecondId : props.bookobj.levelFirstId
|
// props.bookobj.levelSecondId? props.bookobj.levelSecondId : props.bookobj.levelFirstId
|
||||||
|
@ -1669,9 +1721,7 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
||||||
|
|
||||||
// 暴露给父组件的参数和方法(外部需要什么,都可以从这里暴露出去)
|
// 暴露给父组件的参数和方法(外部需要什么,都可以从这里暴露出去)
|
||||||
defineExpose({
|
defineExpose({
|
||||||
updateForm,
|
updateForm
|
||||||
resetForm,
|
|
||||||
cropperFormItemCallBack,
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
|
@ -52,7 +52,7 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="5">
|
||||||
<el-button @click="handleQueryParamFromEntpCourseWork(1)"><el-icon><Search /></el-icon>查找</el-button>
|
<el-button @click="handleQueryParamFromEntpCourseWork(1)"><el-icon><Search /></el-icon> 查找</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<!-- 习题表格 -->
|
<!-- 习题表格 -->
|
||||||
|
@ -102,8 +102,6 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { Search } from '@element-plus/icons-vue'
|
|
||||||
|
|
||||||
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
||||||
|
|
||||||
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
||||||
|
|
|
@ -2,13 +2,7 @@
|
||||||
<div>
|
<div>
|
||||||
<div class="form-item-cover">
|
<div class="form-item-cover">
|
||||||
<el-form-item label="答案点评" prop="discuss">
|
<el-form-item label="答案点评" prop="discuss">
|
||||||
<tinymce
|
<tinymce v-model="discuss"/>
|
||||||
v-model="discuss"
|
|
||||||
:upFileParams="{
|
|
||||||
lessionId: 123456,
|
|
||||||
fileAlias: '单题上传',
|
|
||||||
}"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -127,6 +127,7 @@ onMounted(() => {
|
||||||
.title-header{
|
.title-header{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,22 +1,16 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="page-resource flex">
|
<div class="mb-4">
|
||||||
<!-- 左侧 教材 目录 -->
|
<el-button type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
|
||||||
<ChooseTextbook @change-book="getData" @node-click="getData" />
|
<el-button type="primary" @click="onchange('/model/management')">作业管理1</el-button>
|
||||||
|
<el-button type="primary" @click="onchange('/model/newClassTaskAssign')">作业管理2</el-button>
|
||||||
<div class="page-right">
|
<el-button type="success" @click="onchange('/model/teaching')">教材研读</el-button>
|
||||||
<div class="button-container">
|
<el-button type="info" @click="onchange('/model/design')">教学框架设计</el-button>
|
||||||
<el-button style="margin-left: 12px;" type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
|
<el-button type="success" @click="openPPTist">打开PPTist</el-button>
|
||||||
<el-button type="primary" @click="onchange('/model/management')">作业管理1</el-button>
|
<el-button type="warning" @click="onchange('/model/examination')">考试分析</el-button>
|
||||||
<el-button type="primary" @click="onchange('/model/newClassTaskAssign')">作业管理2</el-button>
|
</div>
|
||||||
<el-button type="success" @click="onchange('/model/teaching')">教材研读</el-button>
|
<ChooseTextbook @change-book="getData" @node-click="getData" />
|
||||||
<el-button type="info" @click="onchange('/model/design')">教学框架设计</el-button>
|
|
||||||
<el-button type="success" @click="openPPTist">打开PPTist</el-button>
|
|
||||||
<el-button type="info" @click="onchange('/model/examination')">考试分析</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
@ -32,10 +26,10 @@ const courseObj = reactive({
|
||||||
textbookId: '',
|
textbookId: '',
|
||||||
levelFirstId: '',
|
levelFirstId: '',
|
||||||
levelSecondId: '',
|
levelSecondId: '',
|
||||||
coursetitle: '',
|
coursetitle:'',
|
||||||
node: null, // 选择的课程节点
|
node: null, // 选择的课程节点
|
||||||
|
//
|
||||||
})
|
})
|
||||||
|
|
||||||
// 查询
|
// 查询
|
||||||
const getData = (data) => {
|
const getData = (data) => {
|
||||||
const { textBook, node } = data
|
const { textBook, node } = data
|
||||||
|
@ -56,53 +50,22 @@ const getData = (data) => {
|
||||||
courseObj.node = node; // 保存当前节点
|
courseObj.node = node; // 保存当前节点
|
||||||
|
|
||||||
// 头部 教材分析打开外部链接需要当前章节ID
|
// 头部 教材分析打开外部链接需要当前章节ID
|
||||||
localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId }))
|
localStorage.setItem('unitId', JSON.stringify({ levelFirstId, levelSecondId}))
|
||||||
}
|
}
|
||||||
|
|
||||||
const openPPTist = () => {
|
|
||||||
createWindow('open-win', { url: '/pptist' })
|
const openPPTist = () =>{
|
||||||
|
createWindow('open-win', {url: '/pptist'})
|
||||||
}
|
}
|
||||||
|
|
||||||
const onchange = (path) => {
|
const onchange = (path) =>{
|
||||||
if (path == '/model/newClassTaskAssign') {
|
if(path == '/model/newClassTaskAssign'){
|
||||||
// 作业管理
|
// 作业管理
|
||||||
router.push({ path, query: { courseObj: JSON.stringify(courseObj) } })
|
router.push({path, query: { courseObj: JSON.stringify(courseObj)}})
|
||||||
} else {
|
}else{
|
||||||
router.push(path)
|
router.push(path)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped></style>
|
||||||
.page-resource {
|
|
||||||
height: 100%;
|
|
||||||
padding: 10px 15px 0;
|
|
||||||
|
|
||||||
.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);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-container {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 10px;
|
|
||||||
margin: 1rem 0;
|
|
||||||
justify-content: flex-start;
|
|
||||||
|
|
||||||
.el-button {
|
|
||||||
flex: 1 1 15%;
|
|
||||||
max-width: 15%;
|
|
||||||
min-width: 15%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
@ -62,18 +62,10 @@ const handleUserEduStage = (item) => {
|
||||||
// 默认语文
|
// 默认语文
|
||||||
userStore.edusubject = '语文'
|
userStore.edusubject = '语文'
|
||||||
}
|
}
|
||||||
else if(item === '高中' && userStore.edusubject === "道德与法治"){
|
|
||||||
// 默认语文
|
|
||||||
userStore.edusubject = '政治'
|
|
||||||
}
|
|
||||||
else if(item != '高中' && userStore.edusubject === "政治"){
|
|
||||||
// 默认语文
|
|
||||||
userStore.edusubject = '道德与法治'
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// 选择学科
|
// 选择学科
|
||||||
const handleUserEduSubject = (item) => {
|
const handleUserEduSubject = (item) => {
|
||||||
userStore.edusubject = item;
|
userStore.edusubject = item
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getSubject()
|
getSubject()
|
||||||
|
|
Loading…
Reference in New Issue