Compare commits
22 Commits
ad006bb218
...
2fd17df429
Author | SHA1 | Date |
---|---|---|
白了个白 | 2fd17df429 | |
白了个白 | 9efca5c7d8 | |
yangws | c97470ccb0 | |
小杨 | c858186d9f | |
白了个白 | 7d41653036 | |
baigl | 39a5e6b60c | |
白了个白 | 6ea3246428 | |
白了个白 | 877c971415 | |
yangws | 45f1a70d7a | |
小杨 | 08f0b63741 | |
小杨 | a711aef5f3 | |
朱浩 | c8aa529621 | |
朱浩 | 60f2790b0c | |
baigl | 5be6659ab5 | |
白了个白 | 009b29bc46 | |
白了个白 | 14bfef6903 | |
白了个白 | cbf2c29bb4 | |
白了个白 | d25f2521a6 | |
小杨 | ce523bdcd5 | |
小杨 | 7e0718498f | |
朱浩 | adbb4f0067 | |
朱浩 | def9433647 |
|
@ -8,7 +8,7 @@
|
|||
http-equiv="Content-Security-Policy"
|
||||
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 * blob: data:; default-src 'self'; script-src 'self' 'unsafe-eval' http://www.wiris.net 'unsafe-inline'; style-src 'self' 'unsafe-inline' http://www.wiris.net; media-src * blob:;img-src * 'self' data: blob:;font-src 'self' http://www.wiris.net;" />
|
||||
|
||||
</head>
|
||||
|
||||
|
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 700 B After Width: | Height: | Size: 700 B |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
@ -1,8 +1,8 @@
|
|||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4723712 */
|
||||
src: url('iconfont.woff2?t=1731913617367') format('woff2'),
|
||||
url('iconfont.woff?t=1731913617367') format('woff'),
|
||||
url('iconfont.ttf?t=1731913617367') format('truetype');
|
||||
src: url('iconfont.woff2?t=1732173266977') format('woff2'),
|
||||
url('iconfont.woff?t=1732173266977') format('woff'),
|
||||
url('iconfont.ttf?t=1732173266977') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
|
@ -13,6 +13,26 @@
|
|||
-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 {
|
||||
content: "\e60e";
|
||||
}
|
||||
|
|
|
@ -5,6 +5,41 @@
|
|||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"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",
|
||||
"name": "保存",
|
||||
|
|
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 6.0 KiB |
|
@ -188,7 +188,7 @@ const init = reactive({
|
|||
draggable_modal: true,
|
||||
extended_valid_elements: '*[.*]',
|
||||
external_plugins: {
|
||||
tiny_mce_wiris: `/tinymce/tool/@wiris/mathtype-tinymce6/plugin.min.js`,
|
||||
tiny_mce_wiris: getStaticUrl('/tinymce/tool/wiris/mathtype-tinymce6/plugin.min.js'),
|
||||
//tiny_mce_wiris: `https://www.wiris.net/demo/plugins/tiny_mce/plugin.js`,
|
||||
},
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="whiteboart-container">
|
||||
<div class="whiteboart-container" :style="{ height: height + 'px' }">
|
||||
<div class="canvasBox" ref="box"></div>
|
||||
|
||||
<div class="footerLeft" @click.stop
|
||||
|
@ -15,7 +15,7 @@
|
|||
</el-tooltip>
|
||||
</div>
|
||||
<div class="blockBox">
|
||||
<el-button @click="currentType = 'selection'"><el-image src="/src/assets/icons/pngjpg/mouse-pointer.png"
|
||||
<el-button @click="currentType = 'selection'"><el-image src="/src/assets/images/mouse-pointer.png"
|
||||
style="width: 14px; height: 14px; color: silver" /></el-button>
|
||||
</div>
|
||||
<template v-if="type == 'design'">
|
||||
|
@ -53,7 +53,8 @@
|
|||
</el-radio-group>
|
||||
</template>
|
||||
<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 class="blockBox" v-if="!readonly">
|
||||
<el-dropdown @command="handleToolTypeChange" placement="top">
|
||||
|
@ -71,7 +72,7 @@
|
|||
<template v-if="type != 'design'">
|
||||
<el-dropdown-item command="freedraw">画笔</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>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
|
@ -122,7 +123,7 @@
|
|||
<!-- 边框样式 -->
|
||||
<div class="blockBox">
|
||||
<el-dropdown @command="updateStyle('lineDash', $event)" placement="top">
|
||||
<el-button><el-image src="/src/assets/icons/pngjpg/borderstyle.png"
|
||||
<el-button><el-image src="/src/assets/images/borderstyle.png"
|
||||
style="width: 14px; height: 14px"></el-image></el-button>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
|
@ -134,8 +135,7 @@
|
|||
</el-dropdown>
|
||||
</div>
|
||||
<!--透明度-->
|
||||
<div class="blockBox" style="width: 120px"
|
||||
v-if="type == 'design' ? true : ['image'].includes(activeElement?.type) || hasSelectedElements">
|
||||
<div class="blockBox" style="width: 120px">
|
||||
<el-tooltip effect="light" content="透明度" placement="top">
|
||||
<el-input-number v-model="globalAlpha" :min="0" :max="1" :step="0.1"
|
||||
@change="updateStyle('globalAlpha', $event)"></el-input-number>
|
||||
|
@ -145,7 +145,7 @@
|
|||
<!-- 边框粗细 -->
|
||||
<div class="blockBox">
|
||||
<el-dropdown @command="updateStyle('lineWidth', $event)" placement="top">
|
||||
<el-button><el-image src="/src/assets/icons/pngjpg/borderwidth.png"
|
||||
<el-button><el-image src="/src/assets/images/borderwidth.png"
|
||||
style="width: 14px; height: 14px"></el-image></el-button>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
|
@ -309,11 +309,11 @@ const props = defineProps({
|
|||
default: true
|
||||
},
|
||||
height: {
|
||||
type: Number,
|
||||
type: [Number,String],
|
||||
default: 700,
|
||||
},
|
||||
width: {
|
||||
type: Number,
|
||||
type: [Number,String],
|
||||
default: 1000,
|
||||
},
|
||||
data: {
|
||||
|
@ -685,6 +685,20 @@ const getCanvasBase64 = async () =>{
|
|||
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) => {
|
||||
if (newVal) {
|
||||
setCanvasData(newVal)
|
||||
|
@ -773,7 +787,8 @@ defineExpose({
|
|||
showFit,
|
||||
getCanvasJson,
|
||||
getCanvasBase64,
|
||||
setCanvasData
|
||||
setCanvasData,
|
||||
getCanvasBlob
|
||||
})
|
||||
</script>
|
||||
|
||||
|
@ -895,7 +910,7 @@ ol {
|
|||
font-size: 14px;
|
||||
color: #000;
|
||||
|
||||
:deep(.jsontree_tree) {
|
||||
/deep/ .jsontree_tree {
|
||||
font-family: 'Trebuchet MS', Arial, sans-serif !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,12 +1,23 @@
|
|||
<template>
|
||||
<div class="list-content">
|
||||
<div class="list-container">
|
||||
<div class="content-list" v-for="(item, index) in items" :key="index" @click="handleClick(item)">
|
||||
<div class="item-content">
|
||||
<div class="item-text">
|
||||
<div class="title-header">
|
||||
<div class="item-title">{{ item.title }}</div>
|
||||
<div class="item-description">{{ item.description }}</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>
|
||||
<el-icon class="item-icon"><component :is="item.icon" /></el-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -15,17 +26,16 @@
|
|||
<script setup>
|
||||
import { shallowRef } from 'vue';
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { Plus, ArrowDown, Document, User, Setting } from '@element-plus/icons-vue';
|
||||
|
||||
const emit = defineEmits(['itemClick'])
|
||||
const items = shallowRef([
|
||||
{ title: '自主搜题', description: '1111111', icon: Document },
|
||||
{ title: '校本题库', description: '222222', icon: User },
|
||||
{ title: '个人题库', description: '333333', icon: Setting },
|
||||
{ title: '智能推荐', description: '444444', icon: Plus },
|
||||
{ title: '课堂展示', description: '555555', icon: ArrowDown },
|
||||
{ title: '常规作业', description: '555555', icon: ArrowDown },
|
||||
{ title: 'AI设计作业', description: '555555', icon: ArrowDown },
|
||||
{ title: '自主搜题', description: '1111111111111111111111111111111111111', icon: '#icon-soutibao-',type:'primary' },
|
||||
{ title: '校本题库', description: '222222', icon: '#icon-soutibao-',type:'success' },
|
||||
{ title: '个人题库', description: '333333', icon: '#icon-soutibao-',type:'default' },
|
||||
{ title: '智能推荐', description: '444444', icon: '#icon-tubiao_wuxing-',type:'default' },
|
||||
{ title: '课堂展示', description: '555555', icon: '#icon-huaban',type:'primary' },
|
||||
{ title: '常规作业', description: '555555', icon: '#icon-zhaoxiangji',type:'primary' },
|
||||
{ title: 'AI设计作业', description: '555555', icon: '#icon-jiqiren_o',type:'danger' },
|
||||
]);
|
||||
|
||||
const handleClick = (item) => {
|
||||
|
@ -42,20 +52,25 @@ const handleClick = (item) => {
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.list-content{
|
||||
padding: 8px;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 8px;
|
||||
height: 100%;
|
||||
margin-left: 10px
|
||||
}
|
||||
.list-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 16px;
|
||||
padding: 16px;
|
||||
/* background-color: #f5f5f5; */
|
||||
}
|
||||
|
||||
.content-list {
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
padding: 16px;
|
||||
width: calc(33.333% - 32px); /* 3列布局,每列减去gap */
|
||||
padding: 8px;
|
||||
width: calc(25% - 16px);
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
@ -68,6 +83,7 @@ const handleClick = (item) => {
|
|||
.item-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.item-icon {
|
||||
|
@ -78,6 +94,10 @@ const handleClick = (item) => {
|
|||
|
||||
.item-text {
|
||||
flex: 1;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.item-title {
|
||||
|
@ -85,10 +105,38 @@ const handleClick = (item) => {
|
|||
font-weight: 500;
|
||||
color: #303133;
|
||||
margin-bottom: 4px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.item-description {
|
||||
font-size: 14px;
|
||||
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>
|
|
@ -6,14 +6,14 @@
|
|||
<el-button type="success" @click="handleTaskAssignToAllClass()">批量推送</el-button>
|
||||
</div>
|
||||
<div v-if="currentRow.id > 0" class="page-top-right">
|
||||
<el-button type="primary" @click="handleNewAllClass">设计新作业</el-button>
|
||||
<el-button type="primary" @click="handleNewAllClass" :icon="Plus">设计新作业</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-resource">
|
||||
<div class="page-left">
|
||||
<el-table
|
||||
ref="taskTable"
|
||||
v-loading="loading"
|
||||
v-loading="tasklist_loading"
|
||||
:data="taskList"
|
||||
:tree-props="{checkStrictly: true}"
|
||||
row-key="id"
|
||||
|
@ -22,18 +22,25 @@
|
|||
@current-change="handleCurrentChange"
|
||||
>
|
||||
<el-table-column type="selection" min-width="2%" align="center" :selectable="selectable"/>
|
||||
<el-table-column label="作业布置" min-width="18%" align="center">
|
||||
<el-table-column label="作业布置" min-width="15%" align="center">
|
||||
<template #default="scope">
|
||||
<div style="height: 100px;">
|
||||
<div style="height: 100px;cursor: pointer">
|
||||
<div style="display: flex;align-items: center;justify-content: space-between;">
|
||||
<div style="width: 90%;">
|
||||
<div class="pageleft-table-top">
|
||||
<span>{{ scope.row.uniquekey }}</span>
|
||||
</div>
|
||||
<div class="pageleft-table-top">
|
||||
<el-tag :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
|
||||
<span>{{ scope.row.timestamp }}</span>
|
||||
<div class="pageleft-table-top" style="display: flex;justify-content: space-between">
|
||||
<el-tag style="padding:0 2px" :type="scope.row.workclass" size="default">{{ scope.row.worktype }}</el-tag>
|
||||
<el-text size="small" style="color:#ccc;white-space:nowrap">{{ scope.row.timestamp }}</el-text>
|
||||
</div>
|
||||
<div class="pageleft-table-cont">
|
||||
<p class="ellipsis "> {{ scope.row.worktype == "课堂展示" ? scope.row.worktag : scope.row.title }}</p>
|
||||
<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>
|
||||
</template>
|
||||
|
@ -62,7 +69,7 @@
|
|||
<div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id>0" class="page-center">
|
||||
<div v-loading="boardLoading" class="board-wrap" style="height: 100%; flex: 1; overflow: hidden;">
|
||||
<!-- <whiteboard v-if="isShowBoard" ref="boardref" :height="mainHeight - 150" :isShowSave="false" :data="whiteboardObj"/> -->
|
||||
<whiteboard ref="boardref" height=" 100%" :isShowSave="false" :data="classWorkForm.whiteboardObj"/>
|
||||
<whiteboard ref="boardref" height="100%" width="100%" :isShowSave="false" :data="classWorkForm.whiteboardObj"/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="(currentRow.worktype == '常规作业' || classWorkForm.worktype == '常规作业')&& currentRow.id>0" class="page-center">
|
||||
|
@ -122,6 +129,7 @@
|
|||
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { cloneDeep } from 'lodash'
|
||||
import { Plus } from '@element-plus/icons-vue'
|
||||
import { delClasswork } from '@/api/teaching/classwork'
|
||||
import {listEntpcoursework, listEntpcourseworkNew, getEntpcoursework} from '@/api/education/entpCourseWork'
|
||||
import { addClassworkReturnId } from '@/api/teaching/classwork'
|
||||
|
@ -136,6 +144,10 @@ import whiteboard from '@/components/whiteboard/whiteboard.vue'
|
|||
import FileUpload from "@/components/FileUpload/index.vue";
|
||||
import Right from './Right/index.vue'
|
||||
|
||||
import {
|
||||
Delete
|
||||
} from '@element-plus/icons-vue'
|
||||
|
||||
import SetHomework from '@/components/set-homework/index.vue'
|
||||
import { useGetHomework } from '@/hooks/useGetHomework'
|
||||
import { sessionStore } from '@/utils/store'
|
||||
|
@ -355,13 +367,13 @@ const handleCurrentChange = (val) => {
|
|||
console.log(val,'???????????')
|
||||
if(val && val.id >0 ) {
|
||||
currentRow.value = val;
|
||||
classWorkForm.worktype = val.worktype; //作业类型
|
||||
editListItem(val, courseObj).then((obj) => {
|
||||
if(obj){
|
||||
propsformobj = obj;
|
||||
// 新赋值的作业内容
|
||||
classWorkForm.id = obj.id;
|
||||
classWorkForm.uniquekey = cloneDeep(obj.uniquekey); // 作业唯一标识 作业名称
|
||||
classWorkForm.worktype = cloneDeep(obj.worktype); //作业类型
|
||||
classWorkForm.title = cloneDeep(obj.title); // 作业说明
|
||||
classWorkForm.quizlist = cloneDeep(obj.quizlist); // 作业习题列表内容
|
||||
classWorkForm.chooseWorkLists = cloneDeep(obj.chooseWorkLists); // 作业框架梳理list
|
||||
|
@ -712,7 +724,7 @@ const editWork = async (cform) =>{
|
|||
}
|
||||
}
|
||||
.page-left {
|
||||
width: 300px;
|
||||
width: 240px;
|
||||
background-color: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 0px 20px 0px rgba(99, 99, 99, 0.06);
|
||||
|
@ -731,20 +743,23 @@ const editWork = async (cform) =>{
|
|||
// overflow: hidden;
|
||||
// flex-direction: row;
|
||||
// text-overflow: ellipsis;
|
||||
width: 230px; /* 设置容器的宽度 */
|
||||
width: 100%; /* 设置容器的宽度 */
|
||||
overflow: hidden; /* 隐藏超出容器的部分 */
|
||||
white-space: nowrap; /* 防止文本换行 */
|
||||
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
||||
.ellipsis {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
overflow: hidden; /* 隐藏超出容器的部分 */
|
||||
white-space: nowrap; /* 防止文本换行 */
|
||||
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.page-center{
|
||||
flex: 1;
|
||||
// width: 100%;
|
||||
//min-width: calc(100% - 675px);
|
||||
height: 100%;
|
||||
padding: 0 5px;
|
||||
margin: 0 5px;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="page">
|
||||
<div class="page-myquest">
|
||||
<!-- 习题筛选1 -->
|
||||
<el-row style="width: 100%; height: 50px;">
|
||||
<el-col :span="7">
|
||||
|
@ -72,7 +72,9 @@
|
|||
<template #default="scope">
|
||||
<div>
|
||||
<el-button type="primary" @click="handleClassWorkQuizAdd('entpcourseworklist', scope.row.id)">添加</el-button>
|
||||
<div style="padding: 5px;"></div>
|
||||
<div style="padding: 2px;"></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>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -91,6 +93,24 @@
|
|||
</div>
|
||||
<!-- 试题详细信息 -->
|
||||
<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>
|
||||
</template>
|
||||
<script setup>
|
||||
|
@ -103,6 +123,7 @@ import { listEvaluationclue } from '@/api/classTask'
|
|||
import { delEntpcoursework } from "@/api/education/entpCourseWork";
|
||||
|
||||
import examDetailsDrawer from '@/components/exam-question/examDetailsDrawer.vue'
|
||||
import QuesItem from "@/views/classTask/newClassTaskAssign/questionUpload/quesItem/index.vue";
|
||||
import { useHandleData } from "@/hooks/useHandleData";
|
||||
import { processList } from '@/hooks/useProcessList'
|
||||
|
||||
|
@ -191,6 +212,11 @@ const workResource = reactive({
|
|||
entpCourseWorkTotal: 0, // 习题总数
|
||||
}); // 作业资源
|
||||
|
||||
const dlgImportSingle = reactive({
|
||||
title: '单题上传',
|
||||
open: false,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
debounceQueryData(); // 查询习题列表
|
||||
})
|
||||
|
@ -357,6 +383,44 @@ const getPaginationList = ( page, limit ) => {
|
|||
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) => {
|
||||
|
@ -393,8 +457,6 @@ const handleDelete = async(item, index) => {
|
|||
// ElMessage('试题已经存在')
|
||||
// }
|
||||
};
|
||||
|
||||
|
||||
// 防抖
|
||||
const debounceQueryData = debounce(() => {
|
||||
console.log("防抖 加载数据中...")
|
||||
|
@ -413,8 +475,9 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
|||
})
|
||||
|
||||
</script>
|
||||
<style src="@/assets/styles/JYStyle.css"></style>
|
||||
<style scoped lang="scss">
|
||||
.page {
|
||||
.page-myquest {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -423,7 +486,38 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
|||
width: 100%;
|
||||
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 src="@/assets/styles/JYStyle.css"></style>
|
||||
<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>
|
||||
|
|
|
@ -174,22 +174,22 @@ const initHomeWork = async()=> {
|
|||
// taskList.value = res;
|
||||
// tasklist_loading.value = false;
|
||||
}
|
||||
const getBase64 = (file) =>{
|
||||
return new Promise(function (resolve, reject) {
|
||||
let reader = new FileReader();
|
||||
let imgResult = "";
|
||||
reader.readAsDataURL(file);
|
||||
reader.onload = function () {
|
||||
imgResult = reader.result;
|
||||
};
|
||||
reader.onerror = function (error) {
|
||||
reject(error);
|
||||
};
|
||||
reader.onloadend = function () {
|
||||
resolve(imgResult);
|
||||
};
|
||||
});
|
||||
}
|
||||
// const getBase64 = (file) =>{
|
||||
// return new Promise(function (resolve, reject) {
|
||||
// let reader = new FileReader();
|
||||
// let imgResult = "";
|
||||
// reader.readAsDataURL(file);
|
||||
// reader.onload = function () {
|
||||
// imgResult = reader.result;
|
||||
// };
|
||||
// reader.onerror = function (error) {
|
||||
// reject(error);
|
||||
// };
|
||||
// reader.onloadend = function () {
|
||||
// resolve(imgResult);
|
||||
// };
|
||||
// });
|
||||
// }
|
||||
/**
|
||||
* @desc: 上传本地图片
|
||||
* @return: {*}
|
||||
|
@ -203,37 +203,7 @@ const handleImportImg = (uploadFile) => {
|
|||
});
|
||||
return;
|
||||
}
|
||||
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);
|
||||
cropOption.img = window.URL.createObjectURL(uploadFile.raw);
|
||||
ElMessage.success('上传成功');
|
||||
};
|
||||
/**
|
||||
|
@ -246,9 +216,6 @@ const getClipboardImg = async() => {
|
|||
for (const item of clipboardItems) {
|
||||
for (const type of item.types) {
|
||||
if (type.includes('image/')) {
|
||||
console.log('剪贴板图片type', type);
|
||||
console.log('剪贴板图片item', item);
|
||||
console.log('剪贴板图片clipboardItems', clipboardItems);
|
||||
const blob = await item.getType(type);
|
||||
// blob 是图片的 Blob 对象
|
||||
cropOption.img = URL.createObjectURL(blob);
|
||||
|
|
|
@ -1670,6 +1670,7 @@ watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
|||
// 暴露给父组件的参数和方法(外部需要什么,都可以从这里暴露出去)
|
||||
defineExpose({
|
||||
updateForm,
|
||||
resetForm,
|
||||
cropperFormItemCallBack,
|
||||
})
|
||||
</script>
|
||||
|
|
|
@ -127,7 +127,6 @@ onMounted(() => {
|
|||
.title-header{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,15 +1,21 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="mb-4">
|
||||
<el-button type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
|
||||
<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-resource flex">
|
||||
<!-- 左侧 教材 目录 -->
|
||||
<ChooseTextbook @change-book="getData" @node-click="getData" />
|
||||
|
||||
<div class="page-right">
|
||||
<div class="button-container">
|
||||
<el-button style="margin-left: 12px;" type="primary" @click="onchange('/model/curriculum')">课标研读</el-button>
|
||||
<!-- <el-button type="primary" @click="onchange('/model/management')">作业管理1</el-button> -->
|
||||
<el-button type="primary" @click="onchange('/model/newClassTaskAssign')">作业管理</el-button>
|
||||
<el-button type="success" @click="onchange('/model/teaching')">教材研读</el-button>
|
||||
<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>
|
||||
<ChooseTextbook @change-book="getData" @node-click="getData" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -26,10 +32,10 @@ const courseObj = reactive({
|
|||
textbookId: '',
|
||||
levelFirstId: '',
|
||||
levelSecondId: '',
|
||||
coursetitle:'',
|
||||
coursetitle: '',
|
||||
node: null, // 选择的课程节点
|
||||
//
|
||||
})
|
||||
|
||||
// 查询
|
||||
const getData = (data) => {
|
||||
const { textBook, node } = data
|
||||
|
@ -50,22 +56,53 @@ const getData = (data) => {
|
|||
courseObj.node = node; // 保存当前节点
|
||||
|
||||
// 头部 教材分析打开外部链接需要当前章节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) =>{
|
||||
if(path == '/model/newClassTaskAssign'){
|
||||
const onchange = (path) => {
|
||||
if (path == '/model/newClassTaskAssign') {
|
||||
// 作业管理
|
||||
router.push({path, query: { courseObj: JSON.stringify(courseObj)}})
|
||||
}else{
|
||||
router.push({ path, query: { courseObj: JSON.stringify(courseObj) } })
|
||||
} else {
|
||||
router.push(path)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
<style lang="scss" scoped>
|
||||
.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>
|