Compare commits
No commits in common. "main" and "zouyf_tmp" have entirely different histories.
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "aix-win-ws",
|
||||
"version": "2.5.9",
|
||||
"version": "2.5.8",
|
||||
"description": "",
|
||||
"main": "./out/main/index.js",
|
||||
"author": "上海交大重庆人工智能研究院",
|
||||
|
|
|
|||
|
|
@ -1,47 +0,0 @@
|
|||
export default class gridPic {
|
||||
private static Instance: gridPic | null = null;
|
||||
private gridPicRef: any = null;
|
||||
|
||||
constructor(elRef?: any) {
|
||||
if (elRef) {
|
||||
this.gridPicRef = elRef;
|
||||
}
|
||||
if (!gridPic.Instance) {
|
||||
gridPic.Instance = this;
|
||||
}
|
||||
return gridPic.Instance;
|
||||
}
|
||||
|
||||
// 初始化
|
||||
init(elRef) {
|
||||
if (elRef) {
|
||||
this.gridPicRef = elRef;
|
||||
}
|
||||
return this;
|
||||
}
|
||||
|
||||
addPIc(data) {
|
||||
if (this.gridPicRef && this.gridPicRef.value && typeof this.gridPicRef.value.addPic === 'function') {
|
||||
this.gridPicRef.value.addPic(data);
|
||||
}
|
||||
return this;
|
||||
}
|
||||
|
||||
// 静态方法 - 初始化
|
||||
static init(elRef) {
|
||||
if (!gridPic.Instance) {
|
||||
gridPic.Instance = new gridPic(elRef);
|
||||
} else {
|
||||
gridPic.Instance.init(elRef);
|
||||
}
|
||||
return gridPic.Instance;
|
||||
}
|
||||
|
||||
// 静态方法 - 打开推图上屏幕
|
||||
static addPIc(data) {
|
||||
if (gridPic.Instance) {
|
||||
return gridPic.Instance.addPIc(data);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
|
@ -274,7 +274,6 @@ export class PPTApi {
|
|||
static toRousrceUrl =async (o:any) => {
|
||||
const formData = new FormData()
|
||||
formData.append('file', o)
|
||||
formData.append('ral', true)
|
||||
const res = await Api_server.Other.uploadFile(formData)
|
||||
if (res && res.code == 200){
|
||||
const url = res?.url
|
||||
|
|
|
|||
|
|
@ -132,8 +132,6 @@ export class MsgEnum {
|
|||
MSG_dz : 'dz',
|
||||
/** @desc: 疑惑 */
|
||||
MSG_yh : 'yh',
|
||||
/** @desc: 推图片上屏 */
|
||||
MSG_pushSreen_ImgList : 'pushSreen_ImgList',
|
||||
// === 新定义-消息头 ===
|
||||
/** @desc: 课程创建-待开课 */
|
||||
MSG_0000: 0x0000,
|
||||
|
|
|
|||
|
|
@ -12,10 +12,9 @@ import Classcourse from './classcourse' // 课程相关
|
|||
import msgUtils from '@/plugins/modal' // 消息工具
|
||||
import * as dialogUtils from '@/utils/dialog' // 弹窗-函数
|
||||
import { Homework } from './index' // api-作业相关
|
||||
import emitter from '@/utils/mitt' //mitt 事件总线
|
||||
// import emitter from '@/utils/mitt' //mitt 事件总线
|
||||
import useExecPlay from '../views/Screen/hooks/useExecPlay' // 播放控制
|
||||
import hooksUpvote from './upvote' // 点赞-工具
|
||||
import gridPic from './gridPic' // 上屏-工具
|
||||
|
||||
/**
|
||||
* @description 监听器
|
||||
|
|
@ -99,7 +98,6 @@ export default () => {
|
|||
}
|
||||
break
|
||||
case MsgEnum.HEADS.MSG_slideFlapping: // 幻灯片翻页
|
||||
emitter.emit('closegridPic') //如果有推图片窗口 就关闭
|
||||
const slideIndex = content?.current || 0
|
||||
const type = content?.animation // 上下动作
|
||||
const steps = content?.animationSteps // 动画步骤
|
||||
|
|
@ -130,10 +128,6 @@ export default () => {
|
|||
case MsgEnum.HEADS.MSG_yh: // 疑惑
|
||||
hooksUpvote.trigger(2)
|
||||
break
|
||||
case MsgEnum.HEADS.MSG_pushSreen_ImgList: // 推图片上屏
|
||||
const imgArray = content.ImgList.map((obj) => obj.url);
|
||||
emitter.emit('opengridPic',{arr:imgArray}) // 打开推图片上屏窗口
|
||||
break
|
||||
case MsgEnum.HEADS.MSG_0010: // 备用
|
||||
break
|
||||
default:
|
||||
|
|
@ -148,14 +142,4 @@ export default () => {
|
|||
window.close() // 关闭窗口
|
||||
}, 1000)
|
||||
}
|
||||
// setTimeout(async () => {
|
||||
// emitter.emit('opengridPic',{arr:['https://prev.ysaix.com:7868/src/assets/images/homecard4.jpg']})
|
||||
// }, 3000)
|
||||
|
||||
// setTimeout(async () => {
|
||||
// emitter.emit('closegridPic')
|
||||
// }, 6000)
|
||||
// setTimeout(async () => {
|
||||
// emitter.emit('opengridPic',{arr:['https://prev.ysaix.com:7868/src/assets/images/homecard4.jpg','https://prev.ysaix.com:7868/src/assets/images/homecard4.jpg']})
|
||||
// }, 9000)
|
||||
}
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
<PopoverMenuItem>导入 pptx 文件</PopoverMenuItem>
|
||||
</FileInput>
|
||||
<PopoverMenuItem @click="setDialogForExport('pptx')">导出文件</PopoverMenuItem> -->
|
||||
<!-- <PopoverMenuItem @click="resetSlides(); mainMenuVisible = false">重置幻灯片</PopoverMenuItem> -->
|
||||
<PopoverMenuItem @click="resetSlides(); mainMenuVisible = false">重置幻灯片</PopoverMenuItem>
|
||||
<!-- <PopoverMenuItem @click="goLink('https://github.com/pipipi-pikachu/PPTist/issues')">意见反馈</PopoverMenuItem> -->
|
||||
<!-- <PopoverMenuItem @click="goLink('https://github.com/pipipi-pikachu/PPTist/blob/master/doc/Q&A.md')">常见问题</PopoverMenuItem> -->
|
||||
<PopoverMenuItem @click="mainMenuVisible = false; hotkeyDrawerVisible = true">快捷操作</PopoverMenuItem>
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@ import Button from '../../../../components/Button.vue'
|
|||
import ButtonGroup from '../../../../components/ButtonGroup.vue'
|
||||
import Popover from '../../../../components/Popover.vue'
|
||||
import NumberInput from '../../../../components/NumberInput.vue'
|
||||
import { PPTApi } from '../../../../api'
|
||||
|
||||
const shapeClipPathOptions = CLIPPATHS
|
||||
const ratioClipOptions = [
|
||||
{
|
||||
|
|
@ -221,14 +221,10 @@ const presetImageClip = (shape: string, ratio = 0) => {
|
|||
const replaceImage = (files: FileList) => {
|
||||
const imageFile = files[0]
|
||||
if (!imageFile) return
|
||||
PPTApi.toRousrceUrl(imageFile).then(data=>{
|
||||
const props = { src: data }
|
||||
updateImage(props)
|
||||
getImageDataURL(imageFile).then(dataURL => {
|
||||
const props = { src: dataURL }
|
||||
updateImage(props)
|
||||
})
|
||||
// getImageDataURL(imageFile).then(dataURL => {
|
||||
// const props = { src: dataURL }
|
||||
// updateImage(props)
|
||||
// })
|
||||
}
|
||||
|
||||
// 重置图片：清除全部样式
|
||||
|
|
|
|||
|
|
@ -47,9 +47,8 @@
|
|||
<IconListView class="tool-btn" v-tooltip="'演讲者视图'" @click="changeViewMode('presenter')" />
|
||||
<IconOffScreenOne class="tool-btn" v-tooltip="'退出全屏'" v-if="fullscreenState" @click="manualExitFullscreen()" />
|
||||
<IconFullScreenOne class="tool-btn" v-tooltip="'进入全屏'" v-else @click="enterFullscreen()" />
|
||||
<IconPower class="tool-btn" v-if="!classcourse" v-tooltip="'结束放映'" @click="exitScreening()" />
|
||||
<IconPower class="tool-btn" v-else v-tooltip="'结束课堂'" @click="exitCourse()" size="30" fill="#d0021b" strokeLinecap="butt" />
|
||||
<Share class="tool-btn" v-if="classcourse" v-tooltip="'分享'" @click="ShareCode()" />
|
||||
<IconPower class="tool-btn" v-tooltip="'结束放映'" @click="exitScreening()" />
|
||||
<IconPower class="tool-btn close" v-if="chat.groupid" v-tooltip="'结束课堂'" @click="exitCourse()" />
|
||||
</div>
|
||||
<div :class="['tools-icon',{opacity:iconHide}]" @click.stop="toolTrigger('icon')">
|
||||
<circle-double-down v-if="rightToolsVisible" theme="outline" size="30" fill="#409EFF"/>
|
||||
|
|
@ -76,8 +75,7 @@ import WritingBoardTool from './WritingBoardTool.vue'
|
|||
import CountdownTimer from './CountdownTimer.vue'
|
||||
import emitter from '@/utils/mitt';
|
||||
import Chat from '../../api/chat' // 聊天
|
||||
import { CircleDoubleDown, CircleDoubleUp, Share } from '@icon-park/vue-next' // icon-park 图标库
|
||||
import { ShareCode } from '@/utils/ppt' // ppt相关
|
||||
import { CircleDoubleDown, CircleDoubleUp } from '@icon-park/vue-next' // icon-park 图标库
|
||||
|
||||
const props = defineProps<{
|
||||
changeViewMode: (mode: 'base' | 'presenter') => void
|
||||
|
|
@ -200,7 +198,7 @@ const contextmenus = (): ContextmenuItem[] => {
|
|||
},
|
||||
]
|
||||
}
|
||||
// 工具栏按钮触发
|
||||
|
||||
const toolTrigger = (type:string) => {
|
||||
const curT = Date.now()
|
||||
if (curT - timer.value < 200) return
|
||||
|
|
|
|||
|
|
@ -10,10 +10,9 @@
|
|||
<IconOffScreenOne class="tool-icon" v-else />
|
||||
<span>{{ fullscreenState ? '退出全屏' : '全屏' }}</span>
|
||||
</div>
|
||||
<div class="tool-btn" @click="ShareCode()"><Share class="tool-icon" /><span>分享</span></div>
|
||||
<Divider class="divider" />
|
||||
<div class="tool-btn" v-if="!classcourse" @click="exitScreening()"><IconPower class="tool-icon" /><span>结束放映</span></div>
|
||||
<div class="tool-btn" v-else @click="exitCourse()" size="30" fill="#d0021b" strokeLinecap="butt"><IconPower class="tool-icon" /><span>结束课堂</span></div>
|
||||
<div class="tool-btn" @click="exitScreening()"><IconPower class="tool-icon" /><span>结束放映</span></div>
|
||||
<div class="tool-btn close" @click="exitCourse()" v-if="chat.groupid"><IconPower class="tool-icon" /><span>结束课堂</span></div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
|
@ -79,7 +78,6 @@
|
|||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { Share } from '@icon-park/vue-next' // icon-park 图标库
|
||||
import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
|
||||
import { storeToRefs } from 'pinia'
|
||||
import { useSlidesStore, useClasscourseStore } from '../../store'
|
||||
|
|
@ -99,7 +97,6 @@ import CountdownTimer from './CountdownTimer.vue'
|
|||
import Divider from '../../components/Divider.vue'
|
||||
import emitter from '@/utils/mitt';
|
||||
import Chat from '../../api/chat' // 聊天
|
||||
import { ShareCode } from '@/utils/ppt' // ppt相关
|
||||
|
||||
const props = defineProps<{
|
||||
changeViewMode: (mode: 'base' | 'presenter') => void
|
||||
|
|
@ -128,7 +125,7 @@ const { slideWidth, slideHeight } = useSlideSize(slideListWrapRef)
|
|||
const { exitScreening } = useScreening()
|
||||
const { slidesLoadLimit } = useLoadSlides()
|
||||
const { fullscreenState, manualExitFullscreen } = useFullscreen()
|
||||
const chatApi:any = Chat() // 聊天室
|
||||
const chat:any = Chat() // 聊天室
|
||||
|
||||
const remarkFontSize = ref(16)
|
||||
const currentSlideRemark = computed(() => {
|
||||
|
|
@ -137,20 +134,15 @@ const currentSlideRemark = computed(() => {
|
|||
|
||||
// 切换到指定的幻灯片
|
||||
const turnSlideTo = (index: number, e: PointerEvent) => {
|
||||
const preInd = slideIndex.value
|
||||
// 课堂信息存在时，不允许翻页
|
||||
console.log('课堂信息', classcourse, index)
|
||||
if (!!classcourse.value) return
|
||||
turnSlideToIndex(index)
|
||||
if (!!classcourse.value) {// 上课中
|
||||
if (preInd == index) return
|
||||
const animationSteps = 0
|
||||
const animation = index > preInd?'Nextsteps':'Previoustep'
|
||||
const msg = { current:index, animation, animationSteps}
|
||||
chatApi.slideFlapping(msg)
|
||||
}
|
||||
}
|
||||
// 下课
|
||||
const exitCourse = async () => {
|
||||
// console.log('下课', chat)
|
||||
await chatApi.exitCourse() // 下课消息
|
||||
await chat.exitCourse() // 下课消息
|
||||
exitScreening() // 结束放映
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,16 @@
|
|||
<template>
|
||||
<div class="pptist-screen">
|
||||
<BaseView :changeViewMode="changeViewMode" v-if="viewMode === 'base'" />
|
||||
<PresenterView :changeViewMode="changeViewMode" v-else-if="viewMode === 'presenter'" />
|
||||
<BaseView :changeViewMode="changeViewMode" v-if="viewMode === 'base'" />
|
||||
<PresenterView :changeViewMode="changeViewMode" v-else-if="viewMode === 'presenter'" />
|
||||
<!-- 点赞组件 -->
|
||||
<upvote-vue ref="upvoteRef" type="2"></upvote-vue>
|
||||
<!-- <div style="z-index: 999;position: absolute;top:10px">
|
||||
</div> -->
|
||||
<!-- 推图上屏弹窗 -->
|
||||
<el-dialog
|
||||
v-model="dialogVisible"
|
||||
:fullscreen="true"
|
||||
class="gridPicRefdiv"
|
||||
style="overflow: hidden;"
|
||||
:show-close="false"
|
||||
>
|
||||
<grid-pic ref="gridPicRef" style="height:100%;" @clear="clearchidrenPic"></grid-pic>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { onMounted, onUnmounted, ref , nextTick} from 'vue'
|
||||
import { onMounted, onUnmounted, ref } from 'vue'
|
||||
import { KEYS } from '../../configs/hotkey'
|
||||
import useScreening from '../../hooks/useScreening'
|
||||
import hooksUpvote from '../../api/upvote' // 点赞-工具
|
||||
|
|
@ -28,13 +18,9 @@ import hooksUpvote from '../../api/upvote' // 点赞-工具
|
|||
import BaseView from './BaseView.vue'
|
||||
import PresenterView from './PresenterView.vue'
|
||||
import upvoteVue from '@/views/tool/components/upvote.vue' // 点赞-子组件
|
||||
import gridPic from '@/components/grid-pic/index.vue' // 推图上屏弹子组件
|
||||
|
||||
import emitter from '@/utils/mitt' //mitt 事件总线
|
||||
|
||||
const viewMode = ref<'base' | 'presenter'>('base')
|
||||
const dialogVisible = ref(false)
|
||||
const gridPicRef:any= ref(null)
|
||||
|
||||
const changeViewMode = (mode: 'base' | 'presenter') => {
|
||||
viewMode.value = mode
|
||||
}
|
||||
|
|
@ -49,23 +35,6 @@ const keydownListener = (e: KeyboardEvent) => {
|
|||
if (key === KEYS.ESC) exitScreening()
|
||||
}
|
||||
|
||||
const clearchidrenPic= ()=> {
|
||||
dialogVisible.value = false
|
||||
}
|
||||
|
||||
// 开启推图上屏幕
|
||||
emitter.on('opengridPic', async (data:object)=> {
|
||||
if(gridPicRef.value) gridPicRef.value.clearPic()
|
||||
dialogVisible.value = true
|
||||
await nextTick();
|
||||
gridPicRef.value.addPic(data.arr)
|
||||
});
|
||||
// 关闭推图
|
||||
emitter.on('closegridPic', ()=> {
|
||||
if(!gridPicRef.value) return
|
||||
gridPicRef.value.clearPic()
|
||||
dialogVisible.value = false
|
||||
});
|
||||
onMounted(() => document.addEventListener('keydown', keydownListener))
|
||||
onUnmounted(() => document.removeEventListener('keydown', keydownListener))
|
||||
</script>
|
||||
|
|
@ -77,8 +46,4 @@ onUnmounted(() => document.removeEventListener('keydown', keydownListener))
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
:deep(.gridPicRefdiv .el-dialog__body){
|
||||
height: 100% !important;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -71,14 +71,6 @@ export function updateClassworkeval(data) {
|
|||
})
|
||||
}
|
||||
|
||||
export function updateClassworkevalList(data) {
|
||||
return request({
|
||||
url: '/education/classworkeval/updateList',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改classworkdata
|
||||
export function updateClassworkdata(data) {
|
||||
return request({
|
||||
|
|
|
|||
|
|
@ -135,18 +135,4 @@ export function getJYPath(url,config) {
|
|||
method: config.method||"get",
|
||||
params: config.params
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @desc: 百度识图转发
|
||||
* @return: {*}
|
||||
* @param {*} data
|
||||
*/
|
||||
export function getOcrContent(data) {
|
||||
return request({
|
||||
url: '/ocr/exam',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
|
@ -102,16 +102,4 @@ export function setPaging(data) {
|
|||
data
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 获取分享码(邀请码)
|
||||
* @param {*} id 课堂id
|
||||
* @returns
|
||||
*/
|
||||
export function getShareCode(id) {
|
||||
return request({
|
||||
url: '/education/classcourse/refresh/code',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<i class="iconfont icon-xiangyou"></i>
|
||||
</div>
|
||||
<div class="book-list" v-loading="treeLoading">
|
||||
<el-tree :data="treeData" accordion :props="defaultProps" node-key="id" :render-content="renderContent"
|
||||
<el-tree :data="treeData" accordion :props="defaultProps" node-key="id"
|
||||
:default-expanded-keys="defaultExpandedKeys" :current-node-key="curNode.data.id" highlight-current
|
||||
@node-click="handleNodeClick">
|
||||
<template #default="{ node }">
|
||||
|
|
@ -178,18 +178,6 @@ const handleNodeClick = (data) => {
|
|||
sessionStore.set('subject.curNode', nodeData)
|
||||
emit('nodeClick', curData)
|
||||
}
|
||||
|
||||
const renderContent = (h, { node, data, store }) => {
|
||||
return h(
|
||||
'span',
|
||||
{
|
||||
style: {
|
||||
color: data.bookId==''||data.bookId=='0' ? '#A5B3CA' : 'black',
|
||||
},
|
||||
},
|
||||
node.label
|
||||
);
|
||||
}
|
||||
onMounted( async () => {
|
||||
treeLoading.value = true
|
||||
try{
|
||||
|
|
|
|||
|
|
@ -16,15 +16,15 @@
|
|||
<draggable handle=".header-btn" :draggable="false" item-key="backgroundColor" v-model="gridPicList" class="grid-pic-wrap" :style="getGrid">
|
||||
<template #item="{ element, index }">
|
||||
<div class="grid-pic-item" :key="element.backgroundColor" :style="getWH(element,index)">
|
||||
<div class="delete-btn" @click="()=>{gridPicList.splice(index,1);if(!gridPicList.length) emits('clear')} ">X</div>
|
||||
<div class="header-btn"></div>
|
||||
<div class="delete-btn" @click="gridPicList.splice(index,1)">X</div>
|
||||
<div class="header-btn"></div>
|
||||
<ViewerItem :gridPicList="gridPicList" :index="index" :images="element"></ViewerItem>
|
||||
</div>
|
||||
</template>
|
||||
</draggable>
|
||||
<div class="grid-pic-toolbar">
|
||||
<el-input v-if="showToolbar" style="width: 500px" v-model="inputValue" type="text" />
|
||||
<el-button v-if="showToolbar" class="add-btn" @click="pushPic">
|
||||
<div v-if="showToolbar" class="grid-pic-toolbar">
|
||||
<el-input style="width: 500px" v-model="inputValue" type="text" />
|
||||
<el-button class="add-btn" @click="pushPic">
|
||||
添加
|
||||
</el-button>
|
||||
<el-button class="add-btn" @click="clearPic">
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
const props = defineProps({
|
||||
showToolbar: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
default: true
|
||||
}
|
||||
})
|
||||
// 获取图片样式
|
||||
|
|
@ -149,26 +149,20 @@
|
|||
addPic(src)
|
||||
}
|
||||
// 添加图片
|
||||
const addPic = (data) => {
|
||||
let list = Array.isArray(data)?data:[data]
|
||||
if (gridPicList.value.length + list.length > 9) {
|
||||
const addPic = (src) => {
|
||||
if (gridPicList.value.length >= 9) {
|
||||
console.log("超出九个图片")
|
||||
emits('outIndex')
|
||||
return
|
||||
}
|
||||
let listArr = [];
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
let src = list[i]
|
||||
if (!src) {
|
||||
console.log("图片链接不能为空")
|
||||
return;
|
||||
}
|
||||
listArr.push({
|
||||
src: src,
|
||||
backgroundColor: getRandomColor()
|
||||
})
|
||||
if (!src) {
|
||||
console.log("图片链接不能为空")
|
||||
return;
|
||||
}
|
||||
gridPicList.value.push(...listArr)
|
||||
gridPicList.value.push({
|
||||
src: src,
|
||||
backgroundColor: getRandomColor()
|
||||
})
|
||||
inputValue.value = ''
|
||||
}
|
||||
// 清空图片
|
||||
|
|
|
|||
|
|
@ -140,8 +140,5 @@ watch(props.images, (newValue, oldValue) => {
|
|||
.viewer-item-wrap{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
:deep(.viewer-canvas img) {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="whiteboart-container" :style="{ height: height + 'px' }">
|
||||
<div class="canvasBox" ref="box" @mouseleave="handleMouseLeave" ></div>
|
||||
<div class="canvasBox" ref="box"></div>
|
||||
|
||||
<div class="footerLeft" @click.stop
|
||||
:style="type == 'design' ? ['top: 10px', 'justify-content: space-between'] : ['bottom: 10px', 'justify-content: center']">
|
||||
|
|
@ -278,7 +278,7 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, ref, getCurrentInstance, watch, toRaw, nextTick, computed, reactive, defineProps, defineEmits } from 'vue'
|
||||
import { onMounted, ref, watch, toRaw, nextTick, computed, reactive, defineProps, defineEmits } from 'vue'
|
||||
import TinyWhiteboard from 'whiteboard_lyc'
|
||||
import ColorPicker from './components/ColorPicker.vue'
|
||||
import {
|
||||
|
|
@ -305,7 +305,6 @@ import { fontFamilyList, fontSizeList } from './constants'
|
|||
|
||||
const borderImg = new URL('../../../src/assets/images/borderwidth.png', import.meta.url).href
|
||||
const pointerImg = new URL('../../../src/assets/images/mouse-pointer.png', import.meta.url).href
|
||||
const { proxy } = getCurrentInstance()
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
|
|
@ -508,7 +507,6 @@ const backToCenter = () => {
|
|||
app.scrollToCenter()
|
||||
}
|
||||
|
||||
|
||||
// 显示全部
|
||||
const showFit = () => {
|
||||
let elementList = app.elements.elementList
|
||||
|
|
@ -702,6 +700,8 @@ const getCanvasBlob = async () =>{
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
watch(() => props.data, (newVal) => {
|
||||
if (newVal) {
|
||||
setCanvasData(newVal)
|
||||
|
|
@ -713,15 +713,8 @@ watch(() => props.data, (newVal) => {
|
|||
|
||||
// dom元素挂载完成
|
||||
onMounted(() => {
|
||||
init();
|
||||
})
|
||||
|
||||
/**
|
||||
* 初始化画布内容
|
||||
*/
|
||||
const init = () => {
|
||||
// 创建实例
|
||||
app = new TinyWhiteboard({
|
||||
// 创建实例
|
||||
app = new TinyWhiteboard({
|
||||
container: box.value,
|
||||
drawType: currentType.value,
|
||||
state: {
|
||||
|
|
@ -741,7 +734,6 @@ const init = () => {
|
|||
})
|
||||
// 监听元素激活事件
|
||||
app.on('activeElementChange', element => {
|
||||
console.log('点击元素 监听 activeElementChange-----------')
|
||||
if (activeElement.value) {
|
||||
activeElement.value.off('elementRotateChange', onElementRotateChange)
|
||||
}
|
||||
|
|
@ -789,17 +781,7 @@ const init = () => {
|
|||
app.resize()
|
||||
}, 300)
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 课堂展示-鼠标离开白板监听事件：该事件是避免，选中状态，在其他地方点击、后退、删除等事件，会删除白板内选中的元素
|
||||
*/
|
||||
const handleMouseLeave = () => {
|
||||
console.log('离开白板')
|
||||
// 清除激活项--点击事件的激活项
|
||||
app.cancelActiveElement()
|
||||
// TODO 缺失点击拖动范围的取消激活项……
|
||||
};
|
||||
})
|
||||
|
||||
// 暴露方法
|
||||
defineExpose({
|
||||
|
|
@ -809,7 +791,7 @@ defineExpose({
|
|||
getCanvasJson,
|
||||
getCanvasBase64,
|
||||
setCanvasData,
|
||||
getCanvasBlob,
|
||||
getCanvasBlob
|
||||
})
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
import { listEntpcoursework,getEvaluationclue } from '@/api/classTask';
|
||||
import { processList } from '@/hooks/useProcessList';
|
||||
import useClassTaskStore from '@/store/modules/classTask'
|
||||
const useClassTaskStores = useClassTaskStore();
|
||||
|
||||
const isJson = (str) => {
|
||||
if (typeof str == 'string') {
|
||||
|
|
@ -116,14 +114,6 @@ export const editListItem = (row, courseObj) => {
|
|||
}
|
||||
else if (row.worktype == '科学实验') {
|
||||
if(isJson(row.workcodes)){
|
||||
// 同步更新实验内部的科目信息
|
||||
if (row.worktag && row.worktag.indexOf('-') > -1){
|
||||
const eduInfo = row.worktag.split('-');
|
||||
useClassTaskStores.experimentObj.edustage = eduInfo[0];
|
||||
useClassTaskStores.experimentObj.edusubject = eduInfo[1];
|
||||
useClassTaskStores.experimentObj.updateEduInfo = row.worktag;
|
||||
}
|
||||
// 更新科学实验内容
|
||||
classtaskObj.fileHomeworkList = JSON.parse(row.workcodes);
|
||||
//
|
||||
// console.log('科学实验', classtaskObj);
|
||||
|
|
|
|||
|
|
@ -299,28 +299,21 @@ export const processList = (row, aloneOption=false) => {
|
|||
if(!aloneOption && j%2== 0){
|
||||
tmp += '</div>';
|
||||
}
|
||||
row[i].workdescFormat = tmp;
|
||||
row[i].workdescFormat = tmp
|
||||
|
||||
// 处理[答案显示] - 转换ABCD
|
||||
let arr2Char = workAnswerArr
|
||||
.map((item) => {
|
||||
return String.fromCharCode(65 + Number(item))
|
||||
})
|
||||
.join('');
|
||||
row[i].workanswerFormat = arr2Char;
|
||||
.join('')
|
||||
row[i].workanswerFormat = arr2Char
|
||||
} else if (row[i].worktype == '填空题') {
|
||||
// 处理[选项显示] - 填空题中无选项, 故置空
|
||||
row[i].workdescFormat = '';
|
||||
row[i].workdescFormat = ''
|
||||
|
||||
// 处理[答案显示] - 逗号连接
|
||||
|
||||
// 当[答案显示]为 [<div] 开头时，不再需逗号连接(一般为自主上传, 当前答案每个自带div标签)
|
||||
let linkChar = '、';
|
||||
if (workAnswerArr.length != 0 && workAnswerArr[0].indexOf('<div') == 0) {
|
||||
linkChar = '';
|
||||
}
|
||||
row[i].workanswerFormat = workAnswerArr.join(linkChar);
|
||||
|
||||
row[i].workanswerFormat = workAnswerArr.join('、')
|
||||
} else if (row[i].worktype == '判断题') {
|
||||
// 处理[选项显示] - 判断题中无选项, 故置空
|
||||
row[i].workdescFormat = ''
|
||||
|
|
|
|||
|
|
@ -7,9 +7,8 @@ const useClassTaskStore = defineStore('classTask',{
|
|||
state: () => ({
|
||||
experimentObj:{
|
||||
edustage: '小学', // 教育阶段
|
||||
edusubject: '数学', // 学科
|
||||
edusubject: '', // 学科
|
||||
experimentList: [], // 实验科目列表
|
||||
updateEduInfo: '小学-数学', //实际需上传的学段+学科信息(用于上传及回显实验内的学段学科)
|
||||
},
|
||||
isOpenQuestUploadView: false, // 是否打开习题上传的页面
|
||||
classListIds: [],
|
||||
|
|
|
|||
|
|
@ -6,10 +6,6 @@ import { toPng, toJpeg } from 'html-to-image' // 引入html-to-image库
|
|||
import { PPTXFileToJson } from "@/AixPPTist/src/hooks/useImport"
|
||||
import ThumbnailSlide from '@/AixPPTist/src/views/components/ThumbnailSlide/index.vue'
|
||||
import { useSlidesStore } from '@/AixPPTist/src/store'
|
||||
import * as ElementPlus from 'element-plus'
|
||||
import { sessionStore } from '@/utils/store' // electron-store 状态管理
|
||||
import * as Http_Classcourse from '@/api/teaching/classcourse' // api接口
|
||||
|
||||
// 延时
|
||||
const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
|
||||
|
||||
|
|
@ -88,44 +84,4 @@ export const slidesToImg = (slides = [], options) => {
|
|||
export const pptToImg = async(file, options) => {
|
||||
const { slides } = await PPTXFileToJson(file)
|
||||
return slidesToImg(slides, options)
|
||||
}
|
||||
|
||||
/**
|
||||
* 课堂-分享码
|
||||
*/
|
||||
export const ShareCode = async(code, cb) => {
|
||||
let shareCode
|
||||
if (typeof code =='string') shareCode = code
|
||||
else { // 自动获取邀请码
|
||||
const classcourse = sessionStore.get('curr.classcourse') // 课堂信息
|
||||
if (!classcourse) return ElementPlus.ElMessage.warning('没有课堂信息')
|
||||
const isRefresh = typeof code == 'boolean' && code // 是否刷新邀请码
|
||||
shareCode = classcourse.shareCode
|
||||
if (!shareCode || isRefresh) { // 获取邀请码
|
||||
const res = await Http_Classcourse.getShareCode(classcourse.id)
|
||||
shareCode = res.msg
|
||||
// 更新邀请码
|
||||
sessionStore.set('curr.classcourse.shareCode', shareCode)
|
||||
}
|
||||
}
|
||||
const msg = h('div', [
|
||||
h('h1', [`我的邀请码：`, h('b',{style:{color:'#F56C6C',fontSize:'1.5em'}}, shareCode)]),
|
||||
h('div', {style:{color:'#E6A23C',fontSize:'13px'}}, `该邀请码1小时内有效，请在学生端填写邀请码后即可进入课堂。`)
|
||||
])
|
||||
return ElementPlus.ElMessageBox.alert(msg, '分享课程', {
|
||||
confirmButtonText: '更新',
|
||||
cancelButtonText: '关闭',
|
||||
showCancelButton: true,
|
||||
|
||||
beforeClose: (action, instance, done) => {
|
||||
if (action =='confirm') { // 更新
|
||||
if (!!cb) { // 回调
|
||||
cb({ h, instance, action, done }, done) && done()
|
||||
} else { // 默认更新
|
||||
ShareCode(true)
|
||||
done()
|
||||
}
|
||||
} else done()
|
||||
}
|
||||
}).catch(() => {})
|
||||
}
|
||||
|
|
@ -435,7 +435,7 @@ import useUserStore from '@/store/modules/user'
|
|||
import { ref, reactive } from 'vue'
|
||||
// import { Plus } from '@element-plus/icons-vue'
|
||||
import { ElMessageBox, ElMessage } from 'element-plus'
|
||||
import { getClassworkdata, updateClassworkevalList, updateClassWorkDataAutoFinish } from '@/api/classTask'
|
||||
import { updateClassworkeval, getClassworkdata, updateClassWorkDataAutoFinish } from '@/api/classTask'
|
||||
import { getTimeDate } from '@/utils/date'
|
||||
import ReFilePreview from '@/components/refile-preview/index.vue'
|
||||
import { quizStrToList } from '@/utils/comm';
|
||||
|
|
@ -894,41 +894,22 @@ const onSubmit = () => {
|
|||
})
|
||||
|
||||
// 更新题目批改
|
||||
const queryList = [];
|
||||
classWorkFormScore.teacherRating && classWorkFormScore.teacherRating.map((item, index) => {
|
||||
const queryParams = {
|
||||
id: item.id,
|
||||
teacherRating: item.score, // 教师评分
|
||||
rating: classWorkFormScore.rating, // 评价
|
||||
teacherremark: classWorkFormScore.teacherremark, //评分说明
|
||||
timestamp: getTimeDate() // 时间
|
||||
}
|
||||
queryList.push(queryParams)
|
||||
})
|
||||
//console.log('queryList->', queryList)
|
||||
updateClassworkevalList(queryList).then((res) => {
|
||||
// if(res.code == 200){
|
||||
// 循环提交能干个啥
|
||||
// }
|
||||
})
|
||||
|
||||
// 更新题目批改
|
||||
// classWorkFormScore.teacherRating &&
|
||||
// classWorkFormScore.teacherRating.map((item, index) => {
|
||||
// const queryParams = {
|
||||
// id: item.id,
|
||||
// teacherRating: item.score, // 教师评分
|
||||
// rating: classWorkFormScore.rating, // 评价
|
||||
// teacherremark: classWorkFormScore.teacherremark, //评分说明
|
||||
// timestamp: getTimeDate() // 时间
|
||||
// }
|
||||
// console.log(queryParams)
|
||||
// updateClassworkeval(queryParams).then((res) => {
|
||||
// // if(res.code == 200){
|
||||
// // 循环提交能干个啥
|
||||
// // }
|
||||
// })
|
||||
// })
|
||||
classWorkFormScore.teacherRating &&
|
||||
classWorkFormScore.teacherRating.map((item, index) => {
|
||||
const queryParams = {
|
||||
id: item.id,
|
||||
teacherRating: item.score, // 教师评分
|
||||
rating: classWorkFormScore.rating, // 评价
|
||||
teacherremark: classWorkFormScore.teacherremark, //评分说明
|
||||
timestamp: getTimeDate() // 时间
|
||||
}
|
||||
console.log(queryParams)
|
||||
updateClassworkeval(queryParams).then((res) => {
|
||||
// if(res.code == 200){
|
||||
// 循环提交能干个啥
|
||||
// }
|
||||
})
|
||||
})
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '提交成功!'
|
||||
|
|
|
|||
|
|
@ -55,7 +55,6 @@
|
|||
<el-col :span="11">
|
||||
<el-form-item label="知识点" label-width="70">
|
||||
<el-cascader
|
||||
disabled
|
||||
v-model="entpCourseWorkQueryParams.point"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
|
|
@ -173,7 +172,7 @@
|
|||
<!-- 非习题训练：常规作业、 -->
|
||||
<div v-if="classWorkForm.worktype!='习题训练'">
|
||||
<div :style="{ 'overflow': 'auto'}">
|
||||
<!-- <template v-if="classWorkForm.worktype!='常规作业'">
|
||||
<template v-if="classWorkForm.worktype!='常规作业'">
|
||||
<template v-for="(item, index) in workResource.teachResourceList" :key="item">
|
||||
<div v-if="item.worktype==classWorkForm.worktype" style="border-bottom: 1px dotted;display: flex;justify-content: space-between;">
|
||||
<div style="margin-bottom: 5px; padding-left: 15px;display: flex;flex-direction: row;align-items: center;">
|
||||
|
|
@ -194,7 +193,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</template> -->
|
||||
</template>
|
||||
<template v-if="classWorkForm.worktype =='常规作业'">
|
||||
<div v-loading="fileLoading" class="upload-homework">
|
||||
<FileUpload v-model="classWorkForm.fileHomeworkList" :fileSize="800" :fileType="['mp3','mp4','doc','docx','xlsx','xls','pdf','ppt','pptx','jpg','jpeg','gif','png','txt']"/>
|
||||
|
|
@ -286,7 +285,6 @@ import { updateClasswork, listEvaluationclue, listClassworkeval,delClassworkeval
|
|||
import { listEvaluation } from '@/api/subject'
|
||||
import { listEntpcoursefile } from '@/api/education/entpcoursefile'
|
||||
import { listKnowledgePoint } from "@/api/knowledge/knowledgePoint";
|
||||
import { isJson } from "@/utils/comm";
|
||||
|
||||
|
||||
import { useGetHomework } from '@/hooks/useGetHomework'
|
||||
|
|
@ -461,13 +459,12 @@ const client = new Apis('/paht');
|
|||
*/
|
||||
const t = function(name, time) {
|
||||
return new Promise(resolve => {
|
||||
const evalId = props.bookobj.levelSecondId=='' ? props.bookobj.levelFirstId : props.bookobj.levelSecondId;
|
||||
const queryForm = {
|
||||
// 分页参数
|
||||
currentPage: paginationParams.pageNum,
|
||||
pageSize: paginationParams.pageSize,
|
||||
// 课程相关参数
|
||||
eid: evalId, // 当前单元或章节id
|
||||
eid: props.bookobj.levelSecondId,
|
||||
sectionName: props.bookobj.coursetitle,
|
||||
edusubject: userStore.edusubject,
|
||||
edustage: userStore.edustage,
|
||||
|
|
@ -560,12 +557,9 @@ const getQueryFromEvaluationclue = () => {
|
|||
}
|
||||
|
||||
if (clueres.rows[i].childlist != '') {
|
||||
const tmpJson = '['+clueres.rows[i].childlist+']';
|
||||
if (isJson(tmpJson)){
|
||||
clueres.rows[i].childArray = JSON.parse(tmpJson);
|
||||
for (var j=0; j<clueres.rows[i].childArray.length; j++) {
|
||||
clueres.rows[i].childArray[j].title = clueres.rows[i].childArray[j].title.replace(/(<([^>]+)>)/ig, '');
|
||||
}
|
||||
clueres.rows[i].childArray = JSON.parse('['+clueres.rows[i].childlist+']');
|
||||
for (var j=0; j<clueres.rows[i].childArray.length; j++) {
|
||||
clueres.rows[i].childArray[j].title = clueres.rows[i].childArray[j].title.replace(/(<([^>]+)>)/ig, '');
|
||||
}
|
||||
} else {
|
||||
clueres.rows[i].childArray = {};
|
||||
|
|
@ -996,8 +990,6 @@ const initPageParams = () => {
|
|||
|
||||
|
||||
onMounted(async() => {
|
||||
// 知识点
|
||||
getEntpCourseWorkPointList();
|
||||
})
|
||||
|
||||
// const refreshData = () => {
|
||||
|
|
@ -1024,9 +1016,9 @@ const debounceQueryData = debounce(() => {
|
|||
// 习题资源
|
||||
handleQueryFromEntpCourseWork(0);
|
||||
// 框架梳理
|
||||
//getQueryFromEvaluationclue();
|
||||
getQueryFromEvaluationclue();
|
||||
// 知识点
|
||||
//getEntpCourseWorkPointList();
|
||||
getEntpCourseWorkPointList();
|
||||
}, 1000);
|
||||
|
||||
watch(() => props.propsformobj.uniquekey, (newVal) => {
|
||||
|
|
@ -1035,20 +1027,8 @@ watch(() => props.propsformobj.uniquekey, (newVal) => {
|
|||
classWorkForm.uniquekey = props.propsformobj.uniquekey?cloneDeep(props.propsformobj.uniquekey):''; // 作业唯一标识 作业名称
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
//watch(() => props.bookobj.levelSecondId, async (newVal, oldVal) => {
|
||||
|
||||
watch([
|
||||
() => props.bookobj.levelFirstId,
|
||||
() => props.bookobj.levelSecondId
|
||||
], ([newLevelSecondId, newLevelFirstId], [oldLevelSecondId, oldLevelFirstId]) => {
|
||||
watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
||||
console.log(props.bookobj,'课程选择')
|
||||
// 默认选择一级单元时, 不自动获取试题, 需手动按钮获取试题
|
||||
if (props.bookobj.levelSecondId == '') {
|
||||
workResource.entpCourseWorkList = [];
|
||||
return;
|
||||
}
|
||||
debounceQueryData();
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -36,24 +36,16 @@ const props = defineProps({
|
|||
})
|
||||
const value = ref('')
|
||||
|
||||
const updateLabel = (val) => {
|
||||
value.value = val;
|
||||
}
|
||||
|
||||
const onSelectOption = (option) => {
|
||||
classTaskStore.updateEduInfo = `${classTaskStore.edustage}-${classTaskStore.edusubject}`;
|
||||
console.log('updateEduInfo->', classTaskStore.updateEduInfo);
|
||||
console.log(option,'选择的实验课-------')
|
||||
emit('selectItem', classTaskStore.experimentList.filter(item => item.label === option)[0])
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
})
|
||||
|
||||
defineExpose({
|
||||
updateLabel
|
||||
})
|
||||
|
||||
const onSelectOption = (option) => {
|
||||
console.log(option,'选择的实验课-------')
|
||||
emit('selectItem', classTaskStore.experimentList.filter(item => item.label === option)[0])
|
||||
}
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@ const subjectList = ref([])
|
|||
const chooseGrade= ref({})
|
||||
const expList = ref([]) // 当前年级的所有课程
|
||||
const checkList = ref([])// 当前年级对应学科的课程，
|
||||
const isLoaded = ref(false);
|
||||
|
||||
|
||||
// 获取基础的学科
|
||||
const getSubject = () => {
|
||||
|
|
@ -80,15 +80,8 @@ const getSubject = () => {
|
|||
})
|
||||
})
|
||||
console.log(subjectList,'subjectList');
|
||||
|
||||
// 默认读取一个学科
|
||||
const edusubject = useClassTaskStore().experimentObj.edusubject;
|
||||
handleUserEduStage(useClassTaskStore().experimentObj.edustage);
|
||||
// 这里确保第一次初始化时, 该任务是从左侧作业列表中进来而存在指定的学科时, 重新赋值回来.
|
||||
useClassTaskStore().experimentObj.edusubject = edusubject;
|
||||
// 执行完毕后标志位[置位]
|
||||
isLoaded.value = true;
|
||||
//console.log('初始化执行完毕----');
|
||||
handleUserEduStage(useClassTaskStore().experimentObj.edustage)
|
||||
}
|
||||
// 展示有 实验科目的学科
|
||||
const isExpList = (edusubject) => {
|
||||
|
|
@ -115,8 +108,7 @@ const isExpList = (edusubject) => {
|
|||
// 选择学段
|
||||
const handleUserEduStage = (item) => {
|
||||
// userStore.edustage = item
|
||||
useClassTaskStore().experimentObj.edustage = item;
|
||||
|
||||
useClassTaskStore().experimentObj.edustage = item
|
||||
//清空操作
|
||||
expList.value = []
|
||||
if(item === '小学'){
|
||||
|
|
@ -125,11 +117,10 @@ const handleUserEduStage = (item) => {
|
|||
const newSubjectList = subjectList.value.filter(item => item.edustage === '小学');
|
||||
for(let i in newSubjectList){
|
||||
const name = newSubjectList[i].itemtitle
|
||||
if(isExpList(name) && useClassTaskStore().experimentObj.edusubject===name){
|
||||
//useClassTaskStore().experimentObj.edusubject = name;
|
||||
if(isExpList(name)){
|
||||
useClassTaskStore().experimentObj.edusubject = name;
|
||||
// 更改学科默认与学科下的实验科目
|
||||
handleUserEduSubject(name)
|
||||
break;
|
||||
}
|
||||
}
|
||||
}else if(item === '初中'){
|
||||
|
|
@ -138,11 +129,10 @@ const handleUserEduStage = (item) => {
|
|||
const newSubjectList = subjectList.value.filter(item => item.edustage === '初中');
|
||||
for(let i in newSubjectList){
|
||||
const name = newSubjectList[i].itemtitle
|
||||
if(isExpList(name) && useClassTaskStore().experimentObj.edusubject===name){
|
||||
//useClassTaskStore().experimentObj.edusubject = name;
|
||||
if(isExpList(name)){
|
||||
useClassTaskStore().experimentObj.edusubject = name;
|
||||
// 更改学科默认与学科下的实验科目
|
||||
handleUserEduSubject(name)
|
||||
break;
|
||||
}
|
||||
}
|
||||
}else if(item === '高中'){
|
||||
|
|
@ -151,11 +141,10 @@ const handleUserEduStage = (item) => {
|
|||
const newSubjectList = subjectList.value.filter(item => item.edustage === '高中');
|
||||
for(let i in newSubjectList){
|
||||
const name = newSubjectList[i].itemtitle
|
||||
if(isExpList(name) && useClassTaskStore().experimentObj.edusubject===name){
|
||||
//useClassTaskStore().experimentObj.edusubject = name;
|
||||
if(isExpList(name)){
|
||||
useClassTaskStore().experimentObj.edusubject = name;
|
||||
// 更改学科默认与学科下的实验科目
|
||||
handleUserEduSubject(name)
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -188,59 +177,10 @@ const handleUserEduSubject = (item) => {
|
|||
// emit('experlist',checkList.value)
|
||||
}
|
||||
|
||||
const updateCheckList = async () => {
|
||||
try {
|
||||
await waitForSubjectData();
|
||||
|
||||
//console.log('父组件执行开始-------', );
|
||||
//console.log('experimentObj-> ', useClassTaskStore().experimentObj);
|
||||
// 再执行更新逻辑
|
||||
const edustage = useClassTaskStore().experimentObj.edustage;
|
||||
if(edustage === '小学'){
|
||||
chooseGrade.value = jsonData.data.primary
|
||||
}else if(edustage === '初中'){
|
||||
chooseGrade.value = jsonData.data.junior
|
||||
}else if(edustage === '高中'){
|
||||
chooseGrade.value = jsonData.data.senior
|
||||
}
|
||||
expList.value = chooseGrade.value
|
||||
const edusubject = useClassTaskStore().experimentObj.edusubject;
|
||||
handleUserEduSubject(edusubject);
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
}
|
||||
|
||||
const waitForSubjectData = () => {
|
||||
return new Promise((resolve, reject) => {
|
||||
let timeoutId;
|
||||
let intervalId;
|
||||
|
||||
const checkIsLoaded = () => {
|
||||
if (isLoaded.value) {
|
||||
clearInterval(intervalId);
|
||||
clearTimeout(timeoutId);
|
||||
resolve();
|
||||
}
|
||||
};
|
||||
|
||||
intervalId = setInterval(checkIsLoaded, 100);
|
||||
timeoutId = setTimeout(() => {
|
||||
clearInterval(intervalId);
|
||||
reject(new Error('该作业-等待[科学实验]学科学段初始化超时'));
|
||||
}, 5000);
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
getSubject()
|
||||
})
|
||||
|
||||
defineExpose({
|
||||
updateCheckList
|
||||
})
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
.custom-button {
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<div class="activeExp-header">
|
||||
<div class="infomation" v-if="isStadium() !== true" >
|
||||
<!-- <selectClass v-if="!isSubject" @experlist="getExperimentList" /> -->
|
||||
<selectClass ref="selectClassRef"/>
|
||||
<selectClass v-if="!isSubject" />
|
||||
</div>
|
||||
<div>
|
||||
<selectExperiment ref="selectExperimentRef" @selectItem="getExperimentListItem" />
|
||||
<selectExperiment @selectItem="getExperimentListItem" />
|
||||
</div>
|
||||
</div>
|
||||
<div ref="mainDiv" class="activeExp-main" style="overflow: auto">
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
<script setup>
|
||||
import { Search } from '@element-plus/icons-vue'
|
||||
//import html2canvas from 'html2canvas';
|
||||
import { onMounted, ref, watch, reactive, getCurrentInstance, nextTick } from 'vue'
|
||||
import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
|
||||
import useUserStore from '@/store/modules/user'
|
||||
import useClassTaskStore from '@/store/modules/classTask'
|
||||
import selectClass from './components/selectClass.vue' //选择学校和班级
|
||||
|
|
@ -44,8 +44,6 @@ const props = defineProps({
|
|||
// 学科的 实验列
|
||||
// const experimentList = ref([]);
|
||||
const activeExp = ref({});
|
||||
const selectExperimentRef = ref();
|
||||
const selectClassRef = ref();
|
||||
|
||||
const isStadium = () => {
|
||||
let roles = userStore.roles
|
||||
|
|
@ -84,13 +82,6 @@ const getExperimentListItem = (val) => {
|
|||
watch(() => props.expObj.fileurl, (newVal, oldVal) => {
|
||||
console.log(props.expObj,'科学实验科目')
|
||||
activeExp.value = props.expObj;
|
||||
|
||||
//
|
||||
nextTick(() => {
|
||||
selectClassRef.value.updateCheckList();
|
||||
selectExperimentRef.value.updateLabel(props.expObj.label);
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -68,7 +68,8 @@
|
|||
</div>
|
||||
<div v-if="(currentRow.worktype == '课堂展示' || classWorkForm.worktype == '课堂展示') && currentRow.id>0" class="page-center">
|
||||
<div v-loading="boardLoading" class="board-wrap" style="height: 100%; flex: 1; overflow: hidden;">
|
||||
<whiteboard ref="boardref" height="100%" width="100%" :isShowSave="false" :data="classWorkForm.whiteboardObj" />
|
||||
<!-- <whiteboard v-if="isShowBoard" ref="boardref" :height="mainHeight - 150" :isShowSave="false" :data="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">
|
||||
|
|
@ -536,7 +537,7 @@ const handleClassWorkFormQuizRemove = (index) =>{
|
|||
if(isShow.value === false){
|
||||
if(classWorkForm.id != '' ) {// 编辑状态 有id
|
||||
editWork(cform); // 编辑作业
|
||||
return;
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -599,8 +600,7 @@ const handleClassWorkFormQuizRemove = (index) =>{
|
|||
}
|
||||
else if(classWorkForm.worktype === "科学实验"){
|
||||
if (classWorkForm.fileHomeworkList.length == 0) return ElMessage({ type: 'warning', message: '请选择科学实验的课程!'});
|
||||
cform.worktag = useClassTaskStores.experimentObj.updateEduInfo; // 当前实验的学段学科, 格式为[小学-数学]
|
||||
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList); // 实验信息
|
||||
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
|
||||
cform.entpcourseworklist = JSON.stringify([{'id':-3, 'score': '10'}]);
|
||||
try {
|
||||
console.log(cform,'科学实验')
|
||||
|
|
@ -807,14 +807,12 @@ const editWork = async (cform) =>{
|
|||
else if (classWorkForm.worktype=='科学实验') { //TODO 注意，fileHomeworkList字段与常规作业共用
|
||||
// 1.更新作业任务下的课堂展示内容 (这里未做校验, 直接将当前文件对象更新过去)
|
||||
cform.workcodes = JSON.stringify(classWorkForm.fileHomeworkList);
|
||||
cform.worktag = useClassTaskStores.experimentObj.updateEduInfo;
|
||||
}
|
||||
|
||||
// 3.更新作业任务本身
|
||||
let res = await updateClasswork(cform);
|
||||
if (res.code == 200) {
|
||||
ElMessage.success('更新成功');
|
||||
taskList.value = []
|
||||
// 清空左侧 选中的布置列表 并刷新列表
|
||||
if(isShow.value){
|
||||
currentRow.value.id = 1;
|
||||
|
|
|
|||
|
|
@ -129,7 +129,6 @@ 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';
|
||||
import { isJson } from "@/utils/comm";
|
||||
|
||||
|
||||
import { debounce } from '@/utils/comm'
|
||||
|
|
@ -255,7 +254,6 @@ function Apis(key) {
|
|||
const client = new Apis('/paht');
|
||||
const t = function(name, time) {
|
||||
return new Promise(resolve => {
|
||||
const evalId = props.bookobj.levelSecondId=='' ? props.bookobj.levelFirstId : props.bookobj.levelSecondId;
|
||||
const queryForm = {
|
||||
// 题类
|
||||
worktype: entpCourseWorkQueryParams.worktype.label,
|
||||
|
|
@ -268,7 +266,7 @@ const t = function(name, time) {
|
|||
// 课程相关参数
|
||||
edustage: userStore.edustage, // this.userStore.edustage,
|
||||
edusubject: userStore.edusubject, // this.userStore.edusubject,
|
||||
eid: evalId, // 当前单元或章节id
|
||||
eid: props.bookobj.levelSecondId, // this.activeParams.lession.id,
|
||||
status: "1",
|
||||
editUserId: userStore.userId,
|
||||
//orderby: 'concat(worktype,timestamp) DESC',
|
||||
|
|
@ -328,12 +326,9 @@ const handleQueryFromEntpCourseWork= async (queryType) => {
|
|||
}
|
||||
//console.log("clueres.rows[i].childlist",clueres.rows[i].childlist);
|
||||
if (clueres.rows[i].childlist != '') {
|
||||
const tmpJson = '['+clueres.rows[i].childlist+']';
|
||||
if (isJson(tmpJson)){
|
||||
clueres.rows[i].childArray = JSON.parse(tmpJson);
|
||||
for (var j=0; j<clueres.rows[i].childArray.length; j++) {
|
||||
clueres.rows[i].childArray[j].title = clueres.rows[i].childArray[j].title.replace(/(<([^>]+)>)/ig, '');
|
||||
}
|
||||
clueres.rows[i].childArray = JSON.parse('['+clueres.rows[i].childlist+']');
|
||||
for (var j=0; j<clueres.rows[i].childArray.length; j++) {
|
||||
clueres.rows[i].childArray[j].title = clueres.rows[i].childArray[j].title.replace(/(<([^>]+)>)/ig, '');
|
||||
}
|
||||
} else {
|
||||
clueres.rows[i].childArray = {};
|
||||
|
|
@ -487,16 +482,8 @@ const debounceQueryData = debounce(() => {
|
|||
}, 1000);
|
||||
|
||||
|
||||
watch([
|
||||
() => props.bookobj.levelFirstId,
|
||||
() => props.bookobj.levelSecondId
|
||||
], ([newLevelSecondId, newLevelFirstId], [oldLevelSecondId, oldLevelFirstId]) => {
|
||||
watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
||||
console.log(props.bookobj,'课程选择')
|
||||
// 默认选择一级单元时, 不自动获取试题, 需手动按钮获取试题
|
||||
if (props.bookobj.levelSecondId == '') {
|
||||
workResource.entpCourseWorkList = [];
|
||||
return;
|
||||
}
|
||||
debounceQueryData();
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
</div>
|
||||
<!-- orc 使用说明 -->
|
||||
<div class="import-manual-explain">
|
||||
<p>orc 使用说明（填空题暂无法整题识别）</p>
|
||||
<p>orc 使用说明</p>
|
||||
<p>1、本地浏览 </p>
|
||||
<p>2、获取剪贴板图片 </p>
|
||||
<p>3、整题识别：可识别整张图片，自动填充到对应内容。 </p>
|
||||
|
|
@ -127,7 +127,7 @@ const courseObj = reactive({
|
|||
const activeAptTab = ref("人工录入");
|
||||
|
||||
// false - 正式百度api true - 本地json测试
|
||||
const OCR_WORK_TEST = true;
|
||||
const OCR_WORK_TEST = false;
|
||||
// [裁剪]参数
|
||||
const cropOption = reactive({
|
||||
img: '', // 裁剪图片的地址 url 地址, base64, blob
|
||||
|
|
|
|||
|
|
@ -2,8 +2,7 @@ import { ElMessageBox, ElMessage } from "element-plus";
|
|||
import qs from "qs";
|
||||
import axios from 'axios'
|
||||
import request from '@/utils/request'
|
||||
import { pyOCRAPI, getOcrContent } from "@/api/education/entpcoursework";
|
||||
import useClassTaskStore from '@/store/modules/classTask'
|
||||
import { pyOCRAPI } from "@/api/education/entpcoursework";
|
||||
|
||||
|
||||
const EXAM_JUDGED_DICTIONARY = ["正确", "对", "√", "T", "错误", "错", "×", "F"];
|
||||
|
|
@ -18,10 +17,13 @@ const baidubceConfig = {
|
|||
'client_secret': 'oWb0M0YWMmZPMQIhIUkJX99ddr7h61qf',
|
||||
};
|
||||
|
||||
|
||||
const {
|
||||
entpCourseWorkTypeList
|
||||
} = useClassTaskStore();
|
||||
export function getOcrContent(data) {
|
||||
return request({
|
||||
url: '/ocr/exam',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
|
|
@ -43,7 +45,7 @@ export const ocrImg2ItemByManualUpl = async (isLocalTest = false, imgBase64 = ''
|
|||
|
||||
if (isLocalTest) {
|
||||
// 临时本地测试（json格式跟百度ocr一致）
|
||||
const response = await fetch('/cropImgTest/single2.json');
|
||||
const response = await fetch('/cropImgTest/single.json');
|
||||
const resOcr = await response.json();
|
||||
ocrJson = resOcr.results;
|
||||
// 识别内容拼接
|
||||
|
|
@ -113,6 +115,7 @@ export const ocrImg2ItemByManualUpl = async (isLocalTest = false, imgBase64 = ''
|
|||
examItem.params.push(obj);
|
||||
});
|
||||
return examItem;
|
||||
|
||||
}
|
||||
else if (examType.includes('单选题') || examType.includes('多选题')) {
|
||||
/** 单选题/多选题 - 选项 */
|
||||
|
|
@ -147,10 +150,10 @@ export const ocrImg2ItemByManualUpl = async (isLocalTest = false, imgBase64 = ''
|
|||
}
|
||||
else if (curItem === 'workanswer') {
|
||||
// 该类型下只做[主观题]和[复合题]的处理
|
||||
ocrTxt = ocrTxt.replace(/<br \/>/g, '');
|
||||
examItem = ocrTxt;
|
||||
} else {
|
||||
examItem = ocrTxt;
|
||||
if (examType.includes('主观题')) {
|
||||
ocrTxt = ocrTxt.replace(/<br \/>/g, '');
|
||||
examItem = ocrTxt;
|
||||
}
|
||||
}
|
||||
|
||||
// 返回转换格式后的识别内容
|
||||
|
|
@ -171,7 +174,7 @@ export const ocrImg2ExamByManualUpl = async (isLocalTest = false, imgBase64 = ''
|
|||
|
||||
if (isLocalTest) {
|
||||
// 临时本地测试（json格式跟百度ocr一致）
|
||||
const response = await fetch('/cropImgTest/single1.json');
|
||||
const response = await fetch('/cropImgTest/single.json');
|
||||
const resOcr = await response.json();
|
||||
ocrJson = resOcr.results;
|
||||
// 识别内容拼接
|
||||
|
|
@ -231,14 +234,12 @@ const ocrImg2Json = async (urlBase64) => {
|
|||
ElMessage.error("未检测到截图图片, 请截取图片后再识别");
|
||||
return null;
|
||||
}
|
||||
|
||||
let base64Code = urlBase64.split(",")[1];
|
||||
const resOcr = await getOcrContent({ base64Code: base64Code });
|
||||
if (resOcr.code !== 200) {
|
||||
ElMessage.error("图片识别错误");
|
||||
return null;
|
||||
}
|
||||
|
||||
// const resToken = await bdyAPI_getToken();
|
||||
// if (resToken.status !== 200) {
|
||||
// ElMessage.error("百度智能云用户标识有误");
|
||||
|
|
@ -393,8 +394,8 @@ const assembleExam = (eachSub) => {
|
|||
}
|
||||
// 第一部分[题干-选项] 处理
|
||||
titleAndWorkDesc = tmpList[0];
|
||||
// 将3个以上连续的下划线统一替换为5个
|
||||
titleAndWorkDesc = titleAndWorkDesc.replace(/_{3,}/g, '_____');
|
||||
// 将4个以上连续的下划线统一替换为5个
|
||||
titleAndWorkDesc = titleAndWorkDesc.replace(/_{4,}/g, '_____');
|
||||
|
||||
// 第二部分[分析-答案] 处理
|
||||
let answerAndAnswer = {};
|
||||
|
|
@ -455,35 +456,32 @@ const assembleExam = (eachSub) => {
|
|||
}
|
||||
}
|
||||
|
||||
// 目前暂屏蔽无[复合题], 故所有都算基础题
|
||||
let tmpExam = processExamSingle(titleAndWorkDesc, answer);
|
||||
|
||||
// let tmpExam = null;
|
||||
// if (answer === '') {
|
||||
// /**
|
||||
// * 基础题型 - [单选题] [多选题] [填空题] [判断题] [主观题]
|
||||
// */
|
||||
// tmpExam = processExamSingle(titleAndWorkDesc, answer);
|
||||
// }
|
||||
// else {
|
||||
// // 匹配是否存在 1. （1） (1)的存在, 题目与答案都存在则说明题型为复合题(嵌套题)
|
||||
// regex = /^(\d+[.．。]|\(\d+\)|（\d+）)/;
|
||||
// let answerFind = regex.test(answer);
|
||||
// regex = /(\d+[.．。]|\(\d+\)|（\d+）)/;
|
||||
// let titleFind = regex.test(titleAndWorkDesc);
|
||||
// if (titleFind && answerFind) {
|
||||
// /**
|
||||
// * [复合题] - 处理逻辑
|
||||
// */
|
||||
// tmpExam = processExamMulti(titleAndWorkDesc, answer);
|
||||
// }
|
||||
// else {
|
||||
// /**
|
||||
// * 基础题型 - [单选题] [多选题] [填空题] [判断题] [主观题]
|
||||
// */
|
||||
// tmpExam = processExamSingle(titleAndWorkDesc, answer);
|
||||
// }
|
||||
// }
|
||||
let tmpExam = null;
|
||||
if (answer === '') {
|
||||
/**
|
||||
* 基础题型 - [单选题] [多选题] [填空题] [判断题] [主观题]
|
||||
*/
|
||||
tmpExam = processExamSingle(titleAndWorkDesc, answer);
|
||||
}
|
||||
else {
|
||||
// 匹配是否存在 1. （1） (1)的存在, 题目与答案都存在则说明题型为复合题(嵌套题)
|
||||
regex = /^(\d+[.．。]|\(\d+\)|（\d+）)/;
|
||||
let answerFind = regex.test(answer);
|
||||
regex = /(\d+[.．。]|\(\d+\)|（\d+）)/;
|
||||
let titleFind = regex.test(titleAndWorkDesc);
|
||||
if (titleFind && answerFind) {
|
||||
/**
|
||||
* [复合题] - 处理逻辑
|
||||
*/
|
||||
tmpExam = processExamMulti(titleAndWorkDesc, answer);
|
||||
}
|
||||
else {
|
||||
/**
|
||||
* 基础题型 - [单选题] [多选题] [填空题] [判断题] [主观题]
|
||||
*/
|
||||
tmpExam = processExamSingle(titleAndWorkDesc, answer);
|
||||
}
|
||||
}
|
||||
|
||||
if (tmpExam) {
|
||||
// 错误信息
|
||||
|
|
@ -609,21 +607,13 @@ const processExamSingle = function (titleAndWorkDesc, answer) {
|
|||
* 主观题
|
||||
*/
|
||||
// [题型] - 格式化
|
||||
const flagDict = ['单选题', '多选题', '判断题', '填空题'];
|
||||
const another = entpCourseWorkTypeList.filter(item => !flagDict.includes(item.label));
|
||||
if (another.length > 0) {
|
||||
examSingle.workType = another[another.length-1].label;
|
||||
// [题干]-格式化
|
||||
examSingle.title = titleAndWorkDesc;
|
||||
}
|
||||
examSingle.workType = "主观题";
|
||||
|
||||
// examSingle.workType = "主观题";
|
||||
// [题干]-格式化
|
||||
examSingle.title = titleAndWorkDesc;
|
||||
|
||||
// // [题干]-格式化
|
||||
// examSingle.title = titleAndWorkDesc;
|
||||
|
||||
// // [选项] - 格式化 --- 主观题无选项
|
||||
// //examSingle.arrWorkDesc = [];
|
||||
// [选项] - 格式化 --- 主观题无选项
|
||||
//examSingle.arrWorkDesc = [];
|
||||
|
||||
// [题目答案] - 处理 --- ['qweasd123']
|
||||
if (answer !== '') {
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<el-form ref="questFormRef" :model="questForm" :rules="MainRules" label-width="80px">
|
||||
<el-form-item label="题型" prop="worktype">
|
||||
<el-select v-model="questForm.worktype" placeholder="请选择题型" style="width:20%" :disabled="questForm.id==0?false:true">
|
||||
<el-option v-for="item in fromOptions.type" :key="item.value" :label="item.label" :value="item.label" :disabled="item.label=='不限'"></el-option>
|
||||
<el-option v-for="item in fromOptions.type" :key="item.value" :label="item.label" :value="item.label"></el-option>
|
||||
</el-select>
|
||||
<el-tag v-if="questForm.worktype=='填空题'" type="danger" style=" margin-left: 10px ">温馨提示：填空题题目的填空位置，下划线请连续输入3-10个 _
|
||||
符号。eg：今天___好日子。</el-tag>
|
||||
|
|
@ -103,7 +103,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 多选题 -->
|
||||
<div v-else-if="questForm.worktype=='多选题'" class="questForm-item-cover">
|
||||
<div v-if="questForm.worktype=='多选题'" class="questForm-item-cover">
|
||||
<div v-for="(item,index) in questForm.list" :key='index'>
|
||||
<el-form-item
|
||||
:label=Options(1,index)
|
||||
|
|
@ -134,7 +134,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 填空题 -->
|
||||
<div v-else-if="questForm.worktype=='填空题'" class="questForm-item-cover">
|
||||
<div v-if="questForm.worktype=='填空题'" class="questForm-item-cover">
|
||||
<div v-for="(item,index) in questForm.list" :key='index'>
|
||||
<el-form-item :label=Options(3,index) :prop="`list.${index}.text`"
|
||||
:rules="{required: true, message: '填空选项不能为空', trigger: 'blur'}">
|
||||
|
|
@ -157,7 +157,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 判断题 -->
|
||||
<div v-else-if="questForm.worktype=='判断题'" class="questForm-item-cover">
|
||||
<div v-if="questForm.worktype=='判断题'" class="questForm-item-cover">
|
||||
<div v-for="(item,index) in questForm.list" :key='index'>
|
||||
<el-form-item
|
||||
v-if="index==0"
|
||||
|
|
@ -176,7 +176,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 主观题 -->
|
||||
<div v-else-if="questForm.worktype.indexOf('主观题') != -1" class="questForm-item-cover">
|
||||
<div v-if="questForm.worktype.indexOf('主观题') != -1" class="questForm-item-cover">
|
||||
<el-form-item label="答案">
|
||||
<Tinymce v-model="questForm.workanswer" :upFileParams="{
|
||||
lessionId: lessionid,
|
||||
|
|
@ -239,7 +239,7 @@
|
|||
|
||||
|
||||
<!-- 复合题 -->
|
||||
<div v-else-if="questForm.worktype=='复合题'" class="questForm-item-cover">
|
||||
<div v-if="questForm.worktype=='复合题'" class="questForm-item-cover">
|
||||
<el-form-item label="单项题型" :prop="worktype">
|
||||
<el-select v-model="questForm.mulList.worktype" placeholder="请选择题型" style="width:20%">
|
||||
<!-- <el-option key="1" label="单选题" value="单选题"></el-option> -->
|
||||
|
|
@ -350,19 +350,6 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 非统一标准名称的解答题 -->
|
||||
<div v-else class="questForm-item-cover">
|
||||
<el-form-item label="答案">
|
||||
<Tinymce v-model="questForm.workanswer" :upFileParams="{
|
||||
lessionId: lessionid,
|
||||
fileAlias: '单题上传',
|
||||
}" />
|
||||
</el-form-item>
|
||||
<div class="item-cropper-btn">
|
||||
<el-button v-show="isCropper" circle @click="cropperFormItem('workanswer')"><el-icon><Search /></el-icon></el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 答案分析 -->
|
||||
<div class="questForm-item-cover">
|
||||
<el-form-item label="答案分析" prop="method">
|
||||
|
|
@ -636,9 +623,8 @@ onMounted(() => {
|
|||
|
||||
// 更新第三方题型、题源
|
||||
if (entpCourseWorkTypeList.length>0) {
|
||||
//const flagDict = ['单选题', '多选题', '判断题', '填空题'];
|
||||
//fromOptions.type = entpCourseWorkTypeList.filter(item => flagDict.includes(item.label));
|
||||
fromOptions.type = entpCourseWorkTypeList
|
||||
const flagDict = ['单选题', '多选题', '判断题', '填空题'];
|
||||
fromOptions.type = entpCourseWorkTypeList.filter(item => flagDict.includes(item.label));
|
||||
}
|
||||
if (entpCourseWorkGroupList.length>0) {
|
||||
fromOptions.flag = entpCourseWorkGroupList;
|
||||
|
|
@ -762,8 +748,8 @@ const resetForm = () =>{
|
|||
const updateForm= async(item, submitIndex=0, submitType=1) =>{
|
||||
console.log(item,'item');
|
||||
// 当不存在[状态]，默认为1
|
||||
if (!item.hasOwnProperty('status')) {
|
||||
item.status = '1';
|
||||
if (!item.hasOwnProperty('stutus')) {
|
||||
item.stutus = '1';
|
||||
}
|
||||
// 当不存在[知识点], 默认为空
|
||||
if (!item.hasOwnProperty('evalnodeid')) {
|
||||
|
|
@ -778,6 +764,7 @@ const updateForm= async(item, submitIndex=0, submitType=1) =>{
|
|||
|
||||
// 将菁优网的填空下划线标签转为下划线(上传时需再重新替换回来)
|
||||
item.title = item.title.replace(/<!--BA--><div class="quizPutTag" contenteditable="true">(?: )?<\/div><!--EA-->/g, '_____');
|
||||
|
||||
|
||||
if(item.worktype == '复合题') {
|
||||
// 同步更新[基础题]的初始结构
|
||||
|
|
@ -915,14 +902,11 @@ const updateForm= async(item, submitIndex=0, submitType=1) =>{
|
|||
}],
|
||||
},
|
||||
];
|
||||
|
||||
// 默认显示一个空选项
|
||||
newList = [{text:""}];
|
||||
|
||||
newList = [];
|
||||
|
||||
// 兼容题型[主观题]
|
||||
//item.worktype = item.worktype.replace(/\(主观题\)/g, '');
|
||||
//item.worktype = `${item.worktype}(主观题)`;
|
||||
item.worktype = item.worktype.replace(/\(主观题\)/g, '');
|
||||
item.worktype = `${item.worktype}(主观题)`;
|
||||
// 无选项
|
||||
// 选项答案处理下
|
||||
if(isJson(item.workanswer)){
|
||||
|
|
@ -1024,8 +1008,9 @@ const updateForm= async(item, submitIndex=0, submitType=1) =>{
|
|||
|
||||
lessionid.value = props.bookobj.levelSecondId? props.bookobj.levelSecondId : props.bookobj.levelFirstId;
|
||||
console.log('lessionid', lessionid.value);
|
||||
|
||||
// 拿到当前章节下得所有知识点
|
||||
if( props.bookobj.node.edusubject == '语文' || props.bookobj.node.edusubject == '英语' ){
|
||||
if( props.bookobj.node.edustage == '高中' && (props.bookobj.node.edusubject == '语文' || props.bookobj.node.edusubject == '英语') ){
|
||||
const res = await listEvaluation({ edusubject: props.bookobj.node.edusubject, edustage: props.bookobj.node.edustage, itemkey: "subject", pageSize: 10 });
|
||||
const id = res.rows[0]?.id;
|
||||
if (id) {
|
||||
|
|
@ -1098,7 +1083,6 @@ const updateForm= async(item, submitIndex=0, submitType=1) =>{
|
|||
// status = 1,
|
||||
// }
|
||||
// emit('update-exam-single', updateStatus);
|
||||
console.log('updateFormone->', questForm)
|
||||
};
|
||||
|
||||
const updateFormone=(item, submitIndex, submitType, formdataitem)=>{
|
||||
|
|
@ -1453,9 +1437,14 @@ const submitForm=(formName) =>{
|
|||
//param.workdesc = questForm.list.map(item => item.text).join('#&');
|
||||
param.workdesc = JSON.stringify(questForm.list.map(item => item.text));
|
||||
|
||||
// 重新格式化信息
|
||||
// 针对[单选题]和[多选题]重新格式化信息
|
||||
if (questForm.worktype === '单选题' || questForm.worktype === '多选题') {
|
||||
//param.workanswer = questForm.checkAnswer.map(item => item).join('#&');
|
||||
param.workanswer = JSON.stringify(questForm.checkAnswer);
|
||||
}
|
||||
|
||||
// 针对[复合题]重新格式化信息
|
||||
if(questForm.worktype === '复合题') {
|
||||
// 针对[复合题]重新格式化信息
|
||||
let workdesc = [];
|
||||
let answer = [];
|
||||
// 1.题目: 背景材料(不再需要处理, 直接使用form.title)
|
||||
|
|
@ -1512,33 +1501,9 @@ const submitForm=(formName) =>{
|
|||
param.workdesc = JSON.stringify(workdesc);
|
||||
param.workanswer = JSON.stringify(answer);
|
||||
}
|
||||
else if (questForm.worktype === '单选题' || questForm.worktype === '多选题') {
|
||||
// 针对[单选题]和[多选题]重新格式化信息
|
||||
//param.workanswer = questForm.checkAnswer.map(item => item).join('#&');
|
||||
param.workanswer = JSON.stringify(questForm.checkAnswer);
|
||||
}
|
||||
// 针对[填空题]重新格式化信息 "<div>什么</div>#&<div>什么哟</div>".replace(/<[^>]*>/g, "")
|
||||
else if(questForm.worktype === '填空题'){
|
||||
//填空答案： 这里填入选项的值（填空值）
|
||||
//param.workanswer = questForm.list.map(item => item.text).join('#&').replace(/<[^>]*>/g, "");
|
||||
|
||||
// 填空选项为空，避免后面多次判断，这里只根据正确答案来分析
|
||||
param.workdesc = '';
|
||||
param.workanswer = JSON.stringify(questForm.list.map(item => item.text));
|
||||
|
||||
}
|
||||
|
||||
// 针对[判断题]重新格式化信息
|
||||
else if(questForm.worktype === '判断题'){
|
||||
//判断题答案： 这里填入选项的值（判断值）
|
||||
//param.workanswer = questForm.list.map(item => item.text).join('#&').replace(/<[^>]*>/g, "");
|
||||
|
||||
// 填空选项为空，避免后面多次判断，这里只根据正确答案来分析
|
||||
param.workdesc = '';
|
||||
param.workanswer = JSON.stringify(questForm.checkAnswer);
|
||||
}
|
||||
else if(questForm.worktype.indexOf('主观题') !== -1) {
|
||||
// warn: 针对[主观题]重新格式化信息 ([单题上传]时默认为主观题。 [单题纠错]时会在原题型后面增加标识[(主观题)], 故此处更改为判断是否存在 )
|
||||
// 针对[主观题]重新格式化信息 ([单题上传]时默认为主观题。 [单题纠错]时会在原题型后面增加标识[(主观题)], 故此处更改为判断是否存在 )
|
||||
if(questForm.worktype.indexOf('主观题') !== -1) {
|
||||
// 主观题：只有答案跟题目，答案还不是唯一的，一个具体参考答案类似
|
||||
param.workdesc = ''; // 主观题选项为空
|
||||
// 主观题 答案直接用的 workanswer 存的时候用数组
|
||||
|
|
@ -1568,16 +1533,27 @@ const submitForm=(formName) =>{
|
|||
// param.workdesc = ''; // 填空选项为空，避免后面多次判断，这里只根据正确答案来分析
|
||||
// param.workanswer = JSON.stringify(answer).replace(/<[^>]*>/g, "");
|
||||
}
|
||||
else {
|
||||
// 非统一标准解答题(主观题), 统一以[主观题]的格式来处理, 主要用于兼容ocr识别解答题及菁优网第三方非同一解答题
|
||||
param.workdesc = ''; // 主观题选项为空
|
||||
// 主观题 答案直接用的 workanswer 存的时候用数组
|
||||
if (questForm.workanswer && questForm.workanswer != '') {
|
||||
param.workanswer = JSON.stringify([questForm.workanswer]);
|
||||
}
|
||||
|
||||
// 针对[填空题]重新格式化信息 "<div>什么</div>#&<div>什么哟</div>".replace(/<[^>]*>/g, "")
|
||||
if(questForm.worktype === '填空题'){
|
||||
//填空答案： 这里填入选项的值（填空值）
|
||||
//param.workanswer = questForm.list.map(item => item.text).join('#&').replace(/<[^>]*>/g, "");
|
||||
|
||||
// 填空选项为空，避免后面多次判断，这里只根据正确答案来分析
|
||||
param.workdesc = '';
|
||||
param.workanswer = JSON.stringify(questForm.list.map(item => item.text));
|
||||
|
||||
}
|
||||
|
||||
|
||||
// 针对[判断题]重新格式化信息
|
||||
if(questForm.worktype === '判断题'){
|
||||
//判断题答案： 这里填入选项的值（判断值）
|
||||
//param.workanswer = questForm.list.map(item => item.text).join('#&').replace(/<[^>]*>/g, "");
|
||||
|
||||
// 填空选项为空，避免后面多次判断，这里只根据正确答案来分析
|
||||
param.workdesc = '';
|
||||
param.workanswer = JSON.stringify(questForm.checkAnswer);
|
||||
}
|
||||
|
||||
// 针对不同上传方式, 需要做不同的状态处理(目前只用处理3的情况)
|
||||
if (questForm.submitType === 3) {
|
||||
|
|
@ -1727,40 +1703,37 @@ const myMessageShow=(title, msg, status)=>{
|
|||
* @return: {*}
|
||||
* @param {*} list
|
||||
*/
|
||||
const formatKnowledgePoint = (list) => {
|
||||
const updateKnowledgePoint = (list) => {
|
||||
list.forEach(item => {
|
||||
if (item.title && item.title != '') {
|
||||
item.knowTitle = item.title;
|
||||
}
|
||||
if (item.children && Array.isArray(item.children)) {
|
||||
formatKnowledgePoint(item.children);
|
||||
updateKnowledgePoint(item.children);
|
||||
}
|
||||
});
|
||||
return list;
|
||||
};
|
||||
|
||||
watch([
|
||||
() => props.bookobj.levelFirstId,
|
||||
() => props.bookobj.levelSecondId
|
||||
], async([newLevelSecondId, newLevelFirstId], [oldLevelSecondId, oldLevelFirstId]) => {
|
||||
watch(() => props.bookobj.levelSecondId, async (newVal, oldVal) => {
|
||||
console.log(props.bookobj,'课程选择')
|
||||
// props.bookobj.levelSecondId? props.bookobj.levelSecondId : props.bookobj.levelFirstId
|
||||
lessionid.value = props.bookobj.levelSecondId!='' ? props.bookobj.levelSecondId : props.bookobj.levelFirstId;
|
||||
lessionid.value = props.bookobj.levelSecondId? props.bookobj.levelSecondId : props.bookobj.levelFirstId;
|
||||
|
||||
/**
|
||||
* 格式化知识点: 分两种情况
|
||||
* 1. 语文/英语: 获取学科下的所有知识点(该学科对应无章节与知识点绑定, 故只获取全知识点)
|
||||
* 2. 其他: 获取当前章节下的所有知识点
|
||||
*/
|
||||
let id = lessionid.value;
|
||||
if( props.bookobj.node.edusubject == '语文' || props.bookobj.node.edusubject == '英语'){
|
||||
let id = props.bookobj.levelSecondId;
|
||||
if( props.bookobj.node.edustage == '高中' && (props.bookobj.node.edusubject == '语文' || props.bookobj.node.edusubject == '英语') ){
|
||||
id = props.bookobj.node.rootid;
|
||||
const res = await listEvaluation({ edusubject: props.bookobj.node.edusubject, edustage: props.bookobj.node.edustage, itemkey: "subject", pageSize: 10 });
|
||||
id = res.rows[0]?.id;
|
||||
if (id) {
|
||||
listKnowlegepointFormat({evalId: id, pageNum: 1, pageSize: 5000,}).then(res => {
|
||||
//console.log('listKnowlegepointFormat->', res.rows);
|
||||
curKnowledgePointList.value = formatKnowledgePoint(res.rows);
|
||||
curKnowledgePointList.value = updateKnowledgePoint(res.rows);
|
||||
});
|
||||
}
|
||||
}else{
|
||||
|
|
|
|||
|
|
@ -117,8 +117,6 @@ import { listKnowledgePoint } from "@/api/knowledge/knowledgePoint";
|
|||
import { getBindlist } from '@/api/education/knowledgePoint'
|
||||
import examDetailsDrawer from '@/components/exam-question/examDetailsDrawer.vue'
|
||||
import { processList } from '@/hooks/useProcessList'
|
||||
import { isJson } from "@/utils/comm";
|
||||
|
||||
import { useGetHomework } from '@/hooks/useGetHomework'
|
||||
import { sessionStore } from '@/utils/store'
|
||||
import {throttle,debounce } from '@/utils/comm'
|
||||
|
|
@ -192,8 +190,6 @@ const workResource = reactive({
|
|||
|
||||
onMounted(() => {
|
||||
console.log('entpCourseWorkTypeList', entpCourseWorkTypeList);
|
||||
// 知识点 (仅用更新一次)
|
||||
getEntpCourseWorkPointList();
|
||||
debounceQueryData(); // 查询习题列表
|
||||
})
|
||||
|
||||
|
|
@ -239,33 +235,32 @@ function Apis(key) {
|
|||
const client = new Apis('/paht');
|
||||
const t = function(name, time) {
|
||||
return new Promise(resolve => {
|
||||
const evalId = props.bookobj.levelSecondId=='' ? props.bookobj.levelFirstId : props.bookobj.levelSecondId;
|
||||
const queryForm = {
|
||||
// 分页参数
|
||||
currentPage: paginationParams.pageNum,
|
||||
pageSize: paginationParams.pageSize,
|
||||
// 课程相关参数
|
||||
eid: evalId, // 当前单元或章节id
|
||||
sectionName: props.bookobj.coursetitle,
|
||||
edusubject: userStore.edusubject,
|
||||
edustage: userStore.edustage,
|
||||
//
|
||||
// 题类
|
||||
worktype: entpCourseWorkQueryParams.worktype.label,
|
||||
workTypeId: entpCourseWorkQueryParams.worktype.value,
|
||||
// 题源
|
||||
workgroup: entpCourseWorkQueryParams.workgroup,
|
||||
// 年份
|
||||
yearStr: entpCourseWorkQueryParams.yearStr !== '-1' ? entpCourseWorkQueryParams.yearStr:'',
|
||||
// 知识点
|
||||
thirdId: entpCourseWorkQueryParams.point&&entpCourseWorkQueryParams.point.length > 0 ? entpCourseWorkQueryParams.point[0]:'',
|
||||
// 关键字
|
||||
keyword: entpCourseWorkQueryParams.keyWord && entpCourseWorkQueryParams.keyWord !== '' ? entpCourseWorkQueryParams.keyWord:'',
|
||||
const queryForm = {
|
||||
// 分页参数
|
||||
currentPage: paginationParams.pageNum,
|
||||
pageSize: paginationParams.pageSize,
|
||||
// 课程相关参数
|
||||
eid: props.bookobj.levelSecondId,
|
||||
sectionName: props.bookobj.coursetitle,
|
||||
edusubject: userStore.edusubject,
|
||||
edustage: userStore.edustage,
|
||||
//
|
||||
// 题类
|
||||
worktype: entpCourseWorkQueryParams.worktype.label,
|
||||
workTypeId: entpCourseWorkQueryParams.worktype.value,
|
||||
// 题源
|
||||
workgroup: entpCourseWorkQueryParams.workgroup,
|
||||
// 年份
|
||||
yearStr: entpCourseWorkQueryParams.yearStr !== '-1' ? entpCourseWorkQueryParams.yearStr:'',
|
||||
// 知识点
|
||||
thirdId: entpCourseWorkQueryParams.point&&entpCourseWorkQueryParams.point.length > 0 ? entpCourseWorkQueryParams.point[0]:'',
|
||||
// 关键字
|
||||
keyword: entpCourseWorkQueryParams.keyWord && entpCourseWorkQueryParams.keyWord !== '' ? entpCourseWorkQueryParams.keyWord:'',
|
||||
|
||||
}
|
||||
const entpcourseworkres = listEntpcourseworkNew(queryForm);
|
||||
}
|
||||
const entpcourseworkres = listEntpcourseworkNew(queryForm);
|
||||
|
||||
resolve(entpcourseworkres);
|
||||
resolve(entpcourseworkres);
|
||||
})
|
||||
}
|
||||
const handleQueryFromEntpCourseWork= async (queryType) => {
|
||||
|
|
@ -334,12 +329,9 @@ const handleQueryFromEntpCourseWork= async (queryType) => {
|
|||
}
|
||||
//console.log("clueres.rows[i].childlist",clueres.rows[i].childlist);
|
||||
if (clueres.rows[i].childlist != '') {
|
||||
const tmpJson = '['+clueres.rows[i].childlist+']';
|
||||
if (isJson(tmpJson)){
|
||||
clueres.rows[i].childArray = JSON.parse(tmpJson);
|
||||
for (var j=0; j<clueres.rows[i].childArray.length; j++) {
|
||||
clueres.rows[i].childArray[j].title = clueres.rows[i].childArray[j].title.replace(/(<([^>]+)>)/ig, '');
|
||||
}
|
||||
clueres.rows[i].childArray = JSON.parse('['+clueres.rows[i].childlist+']');
|
||||
for (var j=0; j<clueres.rows[i].childArray.length; j++) {
|
||||
clueres.rows[i].childArray[j].title = clueres.rows[i].childArray[j].title.replace(/(<([^>]+)>)/ig, '');
|
||||
}
|
||||
} else {
|
||||
clueres.rows[i].childArray = {};
|
||||
|
|
@ -468,29 +460,19 @@ const captureScreenshot = (id) => {
|
|||
// 防抖
|
||||
const debounceQueryData = debounce(() => {
|
||||
console.log("防抖 加载数据中...")
|
||||
console.log(props.bookobj,'课程选择')
|
||||
// 初始化滚动加载参数
|
||||
initPageParams();
|
||||
// 习题资源
|
||||
handleQueryFromEntpCourseWork(0);
|
||||
// 框架梳理
|
||||
//getQueryFromEvaluationclue();
|
||||
getQueryFromEvaluationclue();
|
||||
// 知识点
|
||||
//getEntpCourseWorkPointList();
|
||||
getEntpCourseWorkPointList();
|
||||
}, 1000);
|
||||
|
||||
//watch(() => props.bookobj.levelSecondId, async (newVal, oldVal) => {
|
||||
|
||||
watch([
|
||||
() => props.bookobj.levelFirstId,
|
||||
() => props.bookobj.levelSecondId
|
||||
], ([newLevelSecondId, newLevelFirstId], [oldLevelSecondId, oldLevelFirstId]) => {
|
||||
watch(() => props.bookobj.levelSecondId, (newVal, oldVal) => {
|
||||
console.log(props.bookobj,'课程选择')
|
||||
// 默认选择一级单元时, 不自动获取试题, 需手动按钮获取试题
|
||||
if (props.bookobj.levelSecondId == '') {
|
||||
workResource.entpCourseWorkList = [];
|
||||
return;
|
||||
}
|
||||
debounceQueryData();
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -58,10 +58,10 @@ import { useGetSubject } from '@/hooks/useGetSubject'
|
|||
import { sessionStore } from '@/utils/store'
|
||||
import { debounce } from 'lodash'
|
||||
|
||||
// import useUserStore from '@/store/modules/user'
|
||||
// import useClassTaskStore from '@/store/modules/classTask'
|
||||
// const userStore = useUserStore()
|
||||
// const classTaskStore = useClassTaskStore();
|
||||
import useUserStore from '@/store/modules/user'
|
||||
import useClassTaskStore from '@/store/modules/classTask'
|
||||
const userStore = useUserStore()
|
||||
const classTaskStore = useClassTaskStore();
|
||||
|
||||
const router = useRouter()
|
||||
const { ipcRenderer } = window.electron || {}
|
||||
|
|
@ -217,7 +217,7 @@ onMounted(async ()=>{
|
|||
chartInstance = echarts.init(chartDom.value)
|
||||
|
||||
// 更新第三方题型题类
|
||||
//await classTaskStore.initJYInfo(userStore.user);
|
||||
await classTaskStore.initJYInfo(userStore.user);
|
||||
|
||||
const option = {
|
||||
|
||||
|
|
|
|||
|
|
@ -410,8 +410,8 @@ const changeBook = async(data) => {
|
|||
let cata = parseCataByNode(data.node)
|
||||
currentNode.value = data.node
|
||||
uploadData.value.levelFirstId = cata[0]
|
||||
uploadData.value.levelSecondId = cata[1] ?? ''
|
||||
uploadData.value.levelThirdId = cata[2] ?? ''
|
||||
uploadData.value.levelSecondId = cata[1]
|
||||
uploadData.value.levelThirdId = cata[2]
|
||||
uploadData.value.textbookId = data.textBook.curBookId
|
||||
getModelInfo({cataid: currentNode.value.id}).then(res=>{
|
||||
console.log(res)
|
||||
|
|
|
|||
|
|
@ -60,8 +60,8 @@
|
|||
<template #item_mobile>
|
||||
<div>
|
||||
<div v-if="myClassActive.filetype=='apt'">开始新的课堂，需要点击先创建课堂，才能显示手机二维码</div>
|
||||
<div v-else>开始新的课堂</div>
|
||||
<!-- <el-button type="warning" :loading="dt.loading" @click="createClasscourse()">创建课堂</el-button> -->
|
||||
<div v-else>开始新的课堂，需要点击先创建课堂</div>
|
||||
<el-button type="warning" :loading="dt.loading" @click="createClasscourse()">创建课堂</el-button>
|
||||
<el-button type="success" @click="createClasscourse(true)">公屏上课</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -139,8 +139,6 @@ onMounted(() => {
|
|||
* @param classObj 课程对象-用于继续上课
|
||||
*/
|
||||
const open = async (id, classObj) => {
|
||||
dt.loading = false
|
||||
dt.loadingDel = false
|
||||
visible.value = true
|
||||
if (id) {
|
||||
// 重置数据
|
||||
|
|
@ -169,8 +167,6 @@ const handleClose = async () => {
|
|||
// await chat?.logout()
|
||||
// chat = null
|
||||
dt.ctCourse = null
|
||||
dt.loading = false
|
||||
dt.loadingDel = false
|
||||
emit('close')
|
||||
}
|
||||
// 初始化-数据
|
||||
|
|
@ -268,7 +264,7 @@ const createClasscourse = async (isPublic = false) => {
|
|||
}
|
||||
// teacherForm.form.classcourseid = 100
|
||||
teacherForm.form.classcourseid = await Http_Classcourse.addClasscourseReturnId(params)
|
||||
.finally(() => {dt.loading = false})
|
||||
dt.loading = false
|
||||
// getClasscourseList('update') // 更新列表
|
||||
let msgEl = ElMessage.success('创建课程-成功')
|
||||
// 新版-pptList 打开公屏
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<el-dropdown-menu>
|
||||
<el-dropdown-item @click="createAIPPT">新建文枢课件</el-dropdown-item>
|
||||
<el-dropdown-item @click="aiTOPPT">AI一键生成</el-dropdown-item>
|
||||
<!-- <el-dropdown-item @click="openGridPic">打开宫格</el-dropdown-item>-->
|
||||
<el-dropdown-item @click="openGridPic">打开宫格</el-dropdown-item>
|
||||
<el-dropdown-item @click="openFilePicker">导入PPT</el-dropdown-item>
|
||||
<input type="file" ref="fileInput" style="display: none;" @change="handleFileChange" accept="application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation">
|
||||
</el-dropdown-menu>
|
||||
|
|
|
|||
|
|
@ -206,7 +206,7 @@ export default {
|
|||
width: 200px;
|
||||
height: 200px;
|
||||
position: relative;
|
||||
left: 100px;
|
||||
left: 150px;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@
|
|||
append-to-body
|
||||
@opened="modalOpened"
|
||||
@close="closeDialog"
|
||||
width="100px"
|
||||
>
|
||||
<CropperImage
|
||||
ref="cropper"
|
||||
|
|
|
|||
Loading…
Reference in New Issue