<template>
<div class="pb_content" style="overflow: unset">
<div
class="pb_content_body"
style="
display: flex;
height: 900px;
position: relative;
padding: 20px 0 20px 20px;
box-sizing: border-box;
"
>
<div
class="pButton"
style="
left: 0;
background-image: linear-gradient(90deg, #477cd7, #65b9fc);
top: 140px;
"
v-if="mlDialog == false && !(IsFollow && tType == 2)"
@click="setContent2(true)"
>
<!-- 批 , getCourseDetail()-->
<img src="../assets/mlBtn.png" style="width: 25px" alt="" />
</div>
<div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
<!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
<div
style="border-bottom: 1px solid #cad1dc; padding: 13px 0; width: 100%"
>
<div class="courseTitle">
<div style="max-width: calc(100% - 40px); width: auto">
<div class="ctitle">{{ courseDetail.title }}</div>
</div>
<el-tooltip effect="light" content="收缩" placement="top">
<div class="mlImg" @click="setContent2(false)">
<img src="../assets/icon/newIcon/mlBtn.png" alt="" />
</div>
</el-tooltip>
</div>
<div class="inviteBox" v-if="tcid && inviteCode">
<div>
<span>随机码：{{ inviteCode }}</span>
</div>
</div>
</div>
<div class="cru_selectBox">
<div
style="
background: #fff;
margin: 20px 18px 10px 18px;
border-radius: 8px;
"
v-for="(item, stageIndex) in navList"
:key="stageIndex"
>
<div class="stageBoxCss" @click="get(stageIndex)">
<div class="closeTri" v-if="item.isOpen">
<img src="../assets/icon/newIcon/openTri.png" alt />
</div>
<div class="closeTri" v-else>
<img src="../assets/icon/newIcon/closeTri.png" alt />
</div>
<div class="stageItemTitle">
<div>阶段{{ stageIndex + 1 }}</div>
<div>{{ item.dyName }}</div>
</div>
</div>
<div class="stageChild" :class="{ navActive: item.isOpen }">
<div v-for="(nav, navIndex) in item.task" :key="navIndex">
<div
class="navItem"
:class="{
openTaskActive:
navIndex == taskCount &&
nav.id == navId &&
stageIndex == courseType,
}"
>
<div
@click="openTask(stageIndex, navIndex, nav.id)"
class="navItemList"
:class="{
isItemList:
navIndex == taskCount &&
nav.id == navId &&
stageIndex == courseType,
}"
>
<div>任务{{ navIndex + 1 }}</div>
<el-tooltip
effect="light"
:content="nav.taskName"
placement="top"
>
<div
:style="{
width:
IsLookOpen && !nav.isLook
? 'calc(100% - 75px)'
: 'auto',
}"
>
{{ nav.taskName }}
</div>
</el-tooltip>
</div>
<div class="lockTaskIcon">
<img
src="../assets/lock.png"
v-if="IsLookOpen && !nav.isLook"
alt=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="body_student" :class="{ navLeftCss: !mlDialog }">
<div
class="new_top"
style="
position: fixed;
top: 20px;
left: 22%;
width: 77%;
z-index: 999;
border-radius: 12px 12px 0 0;
border-bottom: 1px solid #cad1dc;
padding: 10px 0;
"
:class="{ navLeftCss: !mlDialog }"
>
<div class="courseIndex">
<div>任务{{ taskCount + 1 }}</div>
<el-tooltip
effect="light"
:content="
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task
"
placement="top"
>
<div>
{{
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.task
}}
</div>
</el-tooltip>
</div>
<div class="btnAll">
<div
class="returnBtn"
@click="nextOrpreSteps(0)"
v-if="!(IsFollow && tType == 2)"
>
上一步
</div>
<div
class="returnBtn"
@click="nextOrpreSteps(1)"
v-if="!(IsFollow && tType == 2)"
>
下一步
</div>
<!-- <div
class="returnBtn"
@click="allScrell"
v-if="!(IsFollow && tType == 2)"
>
全屏
</div> -->
<div class="returnBtn" @click="refreshCourse">刷新</div>
<div class="returnBtn commentIcon" @click="setPz" v-if="tType == 1">
评论
</div>
<div
class="returnBtn vedioIcon"
@click="startRecording"
v-if="!videoStart && (tType == 1 || tType == 4)"
>
录制
</div>
<div
class="returnBtn"
@click="stopRecording"
v-else-if="tType == 1 || tType == 4"
style="background: #ee5255"
>
下载
</div>
<div
class="returnBtn lockIcon"
@click="juriVisible = true"
v-if="tType == 1"
>
权限
</div>
<div
class="returnBtn returnIcon"
@click.stop="
goTo(
'/courseDetail?userid=' +
userid +
'&oid=' +
oid +
'&org=' +
org +
'&cid=' +
classId +
'&courseId=' +
id +
'&tType=' +
tType +
'&screenType=' +
screenType
)
"
>
返回
</div>
</div>
</div>
<div
class="isNoMessage"
v-if="
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.chapterData.length == 0 &&
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.toolChoose[0].tool.length == 0 &&
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.taskDetail == '' &&
!chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].eList
"
>
<img src="../assets/icon/isNoMessage.png" alt />
</div>
<div class="study_top" :class="{ pzClass: pzDialog }">
<div
class="vedioBox"
v-if="
vChapterData[taskCount].length > 0 || fileC[taskCount].length > 0
"
style="border-radius: 0 0 20px 20px"
>
<div
class="student_head"
v-if="
vChapterData[taskCount].length > 0 ||
fileC[taskCount].length > 0
"
>
<div class="vedioTaskBox">
<div
:class="
contentDialog == false
? 'box_course isContentCss'
: 'box_course'
"
v-if="
vChapterData.length > 0 &&
vChapterData[taskCount] &&
showType !== ''
"
>
<div class="wheel" style="height: auto" v-if="showType === 0">
<div
class="workd_media"
style="height: 650px; width: calc(100% - 50px)"
>
<video-player
class="video-player vjs-custom-skin"
:class="contentDialog == false ? 'isAllWidth' : ''"
:playsinline="true"
:options="playerO[taskCount]"
@play="onPlayerPlay($event)"
style="width: 100%; height: 100%; margin: 0 0 0 30px"
></video-player>
</div>
</div>
<div
class="wheel"
v-if="showType == 1"
style="
box-shadow: 0 0 6px 1px #f2f2f2;
width: 95%;
margin: 0 auto;
background: #f1f1f1;
"
>
<div class="title">查看文档</div>
<el-form class="textBox">
<el-form-item class="textTitle">
<div style="font-size: 22px">
{{ text.name }}
</div>
</el-form-item>
<!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
<div v-html="text.url" class="textContent cont"></div>
</el-form>
</div>
<div
class="wheel"
v-if="
pptImgUrl1.indexOf(
'https://view.officeapps.live.com/op/view.aspx?src='
) != -1 && showType == 2
"
style="width: 95%; margin: 0 auto"
>
<iframe
style="width: 100%; height: 100%; border: none"
:src="pptImgUrl1"
></iframe>
</div>
<div
class="wheel"
v-else-if="showType == 2"
style="width: 95%; margin: 0 auto"
>
<iframe
style="width: 100%; height: 100%; border: none"
security="restricted"
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
:src="pptImgUrl1"
></iframe>
</div>
<div
class="wheel"
v-if="showType == 3"
style="width: 95%; margin: 0 auto"
>
<pdf
:pdfUrl="pptImgUrl1"
style="width: 100%; height: 100%; overflow: auto"
></pdf>
</div>
<div
class="wheel"
v-if="showType == 4"
style="width: 95%; margin: 0 auto"
>
<el-image
:src="pptImgUrl1"
fit="contain"
style="width: 100%; height: 100%; cursor: pointer"
@click="previewImg(pptImgUrl1)"
></el-image>
</div>
</div>
<div
class="pButton"
style="
position: absolute;
right: 20px;
top: 0;
background: #205cc6;
z-index: 998;
opacity: 0.8;
"
v-if="!contentDialog"
@click="setContent(true)"
>
<!-- 批 -->
<img src="../assets/mlBtn.png" style="width: 25px" alt="" />
</div>
<div
v-if="contentDialog == true"
:style="{
width:
(vChapterData[taskCount].length > 0 ||
fileC[taskCount].length > 0) &&
showType === ''
? 'calc(100%)'
: '300px',
margin:
(vChapterData[taskCount].length > 0 ||
fileC[taskCount].length > 0) &&
showType === ''
? '0 15px'
: '0 15px 0 0',
}"
>
<div
class="vedioList"
v-if="
vChapterData[taskCount].length > 0 ||
fileC[taskCount].length > 0
"
style="height: 650px"
>
<div class="navCorOpenBox">
<div class="navTitile">内容列表：</div>
<div class="navCorOpen" @click="setContent(false)">
<img src="../assets/icon/newIcon/mlBtn.png" alt="" />
</div>
</div>
<div class="navBox">
<div
v-show="
vChapterData[taskCount].length > 0 ||
fileC[taskCount].length > 0
"
style="padding: 10px 0 25px 0"
>
<div
class="vedioTimeBox"
v-for="(vitem, vindex) in vChapterData[taskCount]"
:key="vindex + '1'"
>
<div class="navListItem" v-if="vitem.type == 2">
<div
@click="lookVedio(vitem.url, vindex)"
class="navText"
:class="isClickNav == vindex ? 'isClickNav' : ''"
>
<span v-if="vitem.text">{{ vitem.text }}-</span
>{{ vitem.name }}
</div>
<div class="downIcon" @click="downloadFile2(vitem)">
<img src="../assets/icon/newIcon/down.png" alt />
</div>
</div>
<div class="navListItem" v-if="vitem.type == 6">
<div
@click="lookText(taskCount, vindex)"
class="navText"
:class="isClickNav == vindex ? 'isClickNav' : ''"
>
{{ vitem.name }}.doc
</div>
<!-- <div
class="downIcon"
@click="downloadFile(vitem.url)"
>
<img src="../assets/icon/newIcon/down.png" alt />
</div> -->
</div>
<div class="navListItem" v-if="vitem.type == 8">
<div
@click="doUrl(vitem.url, vindex)"
class="navText"
:class="isClickNav == vindex ? 'isClickNav' : ''"
>
{{ vitem.title ? vitem.title : vitem.url }}
</div>
<!-- <div
class="downIcon"
@click="downloadFile(vitem.url)"
>
<img src="../assets/icon/newIcon/down.png" alt />
</div> -->
</div>
<div class="navListItem" v-if="vitem.type == 3">
<div
@click="downFile(vitem, vindex)"
class="navText"
:class="isClickNav == vindex ? 'isClickNav' : ''"
>
<span v-if="vitem.text">{{ vitem.text }}-</span
>{{ vitem.name }}
</div>
<div class="downIcon" @click="downloadFile2(vitem)">
<img src="../assets/icon/newIcon/down.png" alt />
</div>
</div>
<div class="navListItem" v-if="vitem.type == 12">
<div class="navText" @click="downloadFile2(vitem)">
<span v-if="vitem.text">{{ vitem.text }}-</span
>{{ vitem.name }}
</div>
<div class="downIcon" @click="downloadFile2(vitem)">
<img src="../assets/icon/newIcon/down.png" alt />
</div>
</div>
<div class="navListItem" v-if="vitem.type == 13">
<div
class="navText"
@click="checkPhoto(vitem, vindex)"
:class="isClickNav == vindex ? 'isClickNav' : ''"
>
{{ vitem.name }}
</div>
<div class="downIcon" @click="downloadFile2(vitem)">
<img src="../assets/icon/newIcon/down.png" alt />
</div>
</div>
</div>
<div
class="fileC_box"
v-if="fileC[taskCount].length > 0"
>
<div class="fileC_title">以下文件不支持预览</div>
<div
class="vedioTimeBox"
v-for="(vitem, vindex) in fileC[taskCount]"
:key="vindex + '1'"
>
<div class="navListItem" v-if="vitem.type == 12">
<div class="navText" style="color: #acb4bf">
<span v-if="vitem.text">{{ vitem.text }}-</span
>{{ vitem.name }}
</div>
<div
class="downIcon"
@click="downloadFile2(vitem)"
>
<img
src="../assets/icon/newIcon/down.png"
alt
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width: calc(100% - 315px)">
<div
style="padding: 10px 0 0; width: 95%; margin: 0 auto"
v-if="showType == 2 || showType == 3"
>
<el-button
type="primary"
class="newButton"
@click="checkFileFull(showType, pptImgUrl1)"
>全屏查看</el-button
>
<el-button
type="primary"
class="newButton"
@click="downloadFile(pptImgUrl1)"
v-if="showType != 2"
>文件下载</el-button
>
<el-button
class="newButton"
v-if="
showType == 2 &&
pptImgUrl1.indexOf(
'https://view.officeapps.live.com/op/view.aspx?src='
) == -1
"
type="primary"
@click="openLine(pptImgUrl1)"
>打开链接
</el-button>
</div>
<div
style="padding: 10px 0 0; width: 95%; margin: 0 auto"
v-if="showType == 1"
>
<el-button
type="primary"
class="newButton"
@click="checkFileFull(showType, text)"
>全屏查看</el-button
>
</div>
</div>
</div>
</div>
<div class="student_body" v-resize="resize">
<div
class="vedioBox"
:style="{
borderRadius:
vChapterData[taskCount].length == 0 &&
fileC[taskCount].length == 0
? '0 0 20px 20px'
: '20px',
}"
v-if="
(chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.toolChoose[0].tool &&
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.toolChoose[0].tool.length > 0) || (chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.taskDetail != '')
"
>
<div
class="taskBox"
v-if="
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.taskDetail != ''
"
:style="(chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.toolChoose[0].tool &&
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.toolChoose[0].tool.length &&
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.toolChoose[0].tool.length > 0) ? 'border-bottom: 1px solid #cad1dc' : ''"
>
<div
style="
display: flex;
flex-wrap: nowrap;
flex-direction: column;
position: relative;
"
>
<div
style="padding: 15px 0; line-height: 29px; font-size: 18px"
class="cont"
v-if="
chapInfoList[courseType].chapterInfo[0].taskJson[
taskCount
].taskDetail != ''
"
v-html="
chapInfoList[courseType].chapterInfo[0].taskJson[
taskCount
].taskDetail
? chapInfoList[courseType].chapterInfo[0].taskJson[
taskCount
].taskDetail
: '暂无描述'
"
></div>
</div>
</div>
<div
class="queTop"
style="
padding: 15px 0 15px 37px;
font-weight: bold;
font-size: 20px;
color: #0e1e33;
"
v-show="false"
>
工具栏
<el-button
style="margin: 0 30px 0 auto"
type="primary"
size="small"
@click="addToolChoose"
>确定</el-button
>
</div>
<div class="tool_work_box" v-show="false">
<div class="tool_box">
<div class="tool_type_box">
<div class="chooseWho">
<!-- <div :class="toolType == 0 ? 'isChooseActive' : ''
" @click="(toolType = 0), $forceUpdate()">
互动类
</div> -->
<div
:class="toolType == 1 ? 'isChooseActive' : ''"
@click="(toolType = 1), $forceUpdate()"
>
思维类
</div>
<!-- <div
:class="toolType == 6 ? 'isChooseActive' : ''"
@click="(toolType = 6), $forceUpdate()"
>
协作类
</div> -->
<div
:class="toolType == 2 ? 'isChooseActive' : ''"
@click="(toolType = 2), $forceUpdate()"
>
测评类
</div>
<!-- <div
:class="toolType == 7 ? 'isChooseActive' : ''"
@click="(toolType = 7), $forceUpdate()"
>
评价类
</div> -->
<div
:class="toolType == 3 ? 'isChooseActive' : ''"
@click="(toolType = 3), $forceUpdate()"
>
学科类
</div>
<!-- <div :class="toolType == 5 ? 'isChooseActive' : ''
" @click="(toolType = 5), $forceUpdate()">
学科类
</div>
<div :class="toolType == 4 ? 'isChooseActive' : ''
" @click="(toolType = 4), $forceUpdate()">
其他
</div> -->
</div>
</div>
<div>
<div class="toolSort" v-if="toolType == 0">
<div class="tool">
<div class="whiteBIcon" @click="addTools2(10)">
<img
src="../assets/icon/thirdToolList/time.png"
alt
/>
<div style="margin: 5px 0">倒计时</div>
</div>
<div class="check" @click="addTools2(10)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(10) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
</div>
<div class="toolSort" v-if="toolType == 1">
<div class="tool">
<div class="whiteBIcon" @click="addTools2(7)">
<img
src="../assets/icon/secondToolList/mindNetwork.png"
alt
/>
<div style="margin: 5px 0">思维网格</div>
</div>
<div class="check" @click="addTools2(7)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(7) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(1)">
<img
src="../assets/icon/secondToolList/whiteBoard.png"
alt
/>
<div style="margin: 5px 0">电子白板</div>
</div>
<div class="check" @click="addTools2(1)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(1) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(52)">
<img
src="../assets/icon/fourthToolList/text.png"
alt
/>
<div style="margin: 5px 0">文档</div>
</div>
<div class="check" @click="addTools2(52)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(52) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(3)">
<img
src="../assets/icon/secondToolList/mindMapping.png"
alt
/>
<div style="margin: 5px 0">思维导图</div>
</div>
<div class="check" @click="addTools2(3)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(3) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(48)">
<img
src="../assets/icon/fourthToolList/table.png"
alt
/>
<div style="margin: 5px 0">表格</div>
</div>
<div class="check" @click="addTools2(48)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(48) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
</div>
<div class="toolSort" v-if="toolType == 6">
<div v-show="tooC == 49">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/group.png"
alt
/>
<div style="margin: 5px 0">学生分组</div>
</div>
</div>
<div class="toolSort" v-if="toolType == 2">
<div class="tool">
<div class="whiteBIcon" @click="addTools2(16)">
<img
src="../assets/icon/thirdToolList/work.png"
alt
/>
<div style="margin: 5px 0">作业提交</div>
</div>
<div class="check" @click="addTools2(16)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(16) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(50)">
<img
src="../assets/icon/thirdToolList/plwork.png"
alt
/>
<div style="margin: 5px 0">批量上传</div>
</div>
<div class="check" @click="addTools2(50)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(50) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
</div>
<div class="toolSort" v-if="toolType == 3">
<div class="tool">
<div class="whiteBIcon" @click="addTools2(18)">
<img
src="../assets/icon/thirdToolList/trainPlatform.png"
alt
/>
<div style="margin: 5px 0">训练平台</div>
</div>
<div class="check" @click="addTools2(18)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(18) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(21)">
<img
src="../assets/icon/fourthToolList/program.png"
alt
/>
<div style="margin: 5px 0">编程平台</div>
</div>
<div class="check" @click="addTools2(21)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(21) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(22)">
<img
src="../assets/icon/fourthToolList/AIprogram2.png"
alt
/>
<div style="margin: 5px 0">AI体验</div>
</div>
<div class="check" @click="addTools2(22)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(22) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(23)">
<img
src="../assets/icon/fourthToolList/Pythonprogram.png"
alt
/>
<div style="margin: 5px 0">Python</div>
</div>
<div class="check" @click="addTools2(23)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(23) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(24)">
<img
src="../assets/icon/fourthToolList/AIprogram.png"
alt
/>
<div style="margin: 5px 0">AI平台</div>
</div>
<div class="check" @click="addTools2(24)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(24) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(32)">
<img
src="../assets/icon/thirdToolList/code.png"
alt
/>
<div style="margin: 5px 0">源码编辑</div>
</div>
<div class="check" @click="addTools2(32)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(32) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(57)">
<img
src="../assets/icon/fourthToolList/cocopi.png"
alt
/>
<div style="margin: 5px 0">CocoPi</div>
</div>
<div class="check" @click="addTools2(57)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(57) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(63)">
<img
src="../assets/icon/fourthToolList/Wood.png"
alt
/>
<div style="margin: 5px 0">海龟编程</div>
</div>
<div class="check" @click="addTools2(63)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(63) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
</div>
<div class="toolSort" v-if="toolType == 7">
<div class="tool">
<div class="whiteBIcon" @click="addTools2(40)">
<img
src="../assets/icon/secondToolList/eval.png"
alt
/>
<div style="margin: 5px 0">个人评价</div>
</div>
<div class="check" @click="addTools2(40)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(40) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
</div>
<div class="toolSort" v-if="toolType == 5">
<div class="tool">
<div class="whiteBIcon" @click="addTools2(28)">
<img
src="../assets/icon/secondToolList/translation.png"
alt
/>
<div style="margin: 5px 0">翻译</div>
</div>
<div class="check" @click="addTools2(28)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(28) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(37)">
<img
src="../assets/icon/secondToolList/mohe.png"
alt
/>
<div style="margin: 5px 0">魔盒识字</div>
</div>
<div class="check" @click="addTools2(37)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(37) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(38)">
<img
src="../assets/icon/secondToolList/24game.png"
alt
/>
<div style="margin: 5px 0">24点</div>
</div>
<div class="check" @click="addTools2(38)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(38) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(31)">
<img
src="../assets/icon/secondToolList/networkPanel.png"
alt
/>
<div style="margin: 5px 0">数学画板</div>
</div>
<div class="check" @click="addTools2(31)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(31) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(39)">
<img
src="../assets/icon/secondToolList/GeoGebra.png"
alt
/>
<div style="margin: 5px 0">GeoGebra</div>
</div>
<div class="check" @click="addTools2(39)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(39) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(58)">
<img
src="../assets/icon/fourthToolList/car.png"
alt
/>
<div style="margin: 5px 0">模拟驾驶</div>
</div>
<div class="check" @click="addTools2(58)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(58) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(59)">
<img
src="../assets/icon/fourthToolList/lineSearch.png"
alt
/>
<div style="margin: 5px 0">路径搜索</div>
</div>
<div class="check" @click="addTools2(59)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(59) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(60)">
<img
src="../assets/icon/fourthToolList/deepLearning.png"
alt
/>
<div style="margin: 5px 0">深度学习</div>
</div>
<div class="check" @click="addTools2(60)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(60) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(61)">
<img
src="../assets/icon/fourthToolList/allHistory.png"
alt
/>
<div style="margin: 5px 0">全历史</div>
</div>
<div class="check" @click="addTools2(61)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(61) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
</div>
<div class="toolSort" v-if="toolType == 4">
<div class="tool">
<div class="whiteBIcon" @click="addTools2(26)">
<img
src="../assets/icon/thirdToolList/courseDesign.png"
alt
/>
<div style="margin: 5px 0">课程设计</div>
</div>
<div class="check" @click="addTools2(26)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(26) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
<div class="tool">
<div class="whiteBIcon" @click="addTools2(25)">
<img
src="../assets/icon/thirdToolList/evalua.png"
alt
/>
<div style="margin: 5px 0">目标管理</div>
</div>
<div class="check" @click="addTools2(25)">
<img
src="../assets/icon/checkNo.png"
alt
v-if="checktoolArray.indexOf(25) == -1"
/>
<div class="checkDiv" v-else>
<img src="../assets/icon/checkedIs.png" alt /><span
>已选择</span
>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="toolHeng2"
style="position: relative"
v-if="
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.toolChoose[0].tool &&
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.toolChoose[0].tool.length &&
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.toolChoose[0].tool.length > 0
"
>
<div class="workNav">工作区</div>
<div
class="filebox"
style="flex-wrap: nowrap"
v-for="(tool, toolIndex) in chapInfoList[courseType]
.chapterInfo[0].taskJson[taskCount].toolChoose"
:key="toolIndex"
>
<div class="bzBox">
<div class="yCss"></div>
<div>步骤{{ toolIndex + 1 }}</div>
</div>
<div class="toolBox">
<div>
<!-- v-for="(itemTool, indexTool) in toolTypeList"
:key="indexTool"-->
<!-- <div class="iframeBox">
<div
class="addPoint isBorder"
v-for="(tooC, toolCIndex) in tool.tool"
:key="toolCIndex"
>
<div v-if="tooC == 1" style="border: 1px soild #ccc">
<div
class="iframeName"
>
电子白板
</div>
<iframe
src="https://iwb.cocorobo.cn/"
ref="whiteBoard"
></iframe>
</div>
</div>
</div>-->
<div class="noiframeBox">
<div
class="addPoint"
v-for="(tooC, toolCIndex) in tool.tool"
:key="toolCIndex"
>
<div v-if="tooC == 1">
<img
src="../assets/icon/secondToolList/whiteBoard.png"
alt
@click="addTools(tooC, toolIndex, taskCount)"
/>
<div style="margin: 5px 0">电子白板</div>
</div>
<div v-if="tooC == 3">
<img
src="../assets/icon/secondToolList/mindMapping.png"
alt
@click="addTools(tooC, toolIndex, taskCount)"
/>
<div style="margin: 5px 0">思维导图</div>
</div>
<div v-if="tooC == 6">
<img
src="../assets/icon/secondToolList/doc.png"
alt
@click="addTools(tooC, toolIndex, taskCount)"
/>
<div style="margin: 5px 0">协同文档</div>
</div>
<div v-if="tooC == 7">
<img
src="../assets/icon/secondToolList/mindNetwork.png"
alt
@click="addTools(tooC, toolIndex, taskCount)"
/>
<div style="margin: 5px 0">思维网格</div>
</div>
<div v-if="tooC == 8">
<img
src="../assets/icon/secondToolList/library.png"
alt
@click="addTools(tooC, toolIndex, taskCount)"
/>
<div style="margin: 5px 0">素材库</div>
</div>
<div v-if="tooC == 17">
<img
src="../assets/icon/secondToolList/library.png"
alt
@click="addTools(tooC, toolIndex, taskCount)"
/>
<div style="margin: 5px 0">学习资料</div>
</div>
<div v-if="tooC == 2">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/secondToolList/note.png"
alt
/>
<div style="margin: 5px 0">便签</div>
</div>
<div v-if="tooC == 4">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/ask.png"
alt
/>
<div style="margin: 5px 0">问卷调查</div>
</div>
<div v-if="tooC == 45">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/choose.png"
alt
/>
<div style="margin: 5px 0">选择题</div>
</div>
<!-- <div v-if="tooC == 5">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/score.png"
alt
/>
<div style="margin: 5px 0">量规评分</div>
</div> -->
<div v-if="tooC == 10">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/time.png"
alt
/>
<div style="margin: 5px 0">倒计时</div>
</div>
<div v-if="tooC == 15">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/answer.png"
alt
/>
<div style="margin: 5px 0">问答工具</div>
</div>
<div v-if="tooC == 26">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/courseDesign.png"
alt
/>
<div style="margin: 5px 0">课程设计</div>
</div>
<div v-if="tooC == 18">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/trainPlatform.png"
alt
/>
<div style="margin: 5px 0">训练服务器</div>
</div>
<div v-if="tooC == 16">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/work.png"
alt
/>
<div style="margin: 5px 0">作业提交</div>
</div>
<div v-if="tooC == 50">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/plwork.png"
alt
/>
<div style="margin: 5px 0">批量上传</div>
</div>
<div v-if="tooC == 21">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/program.png"
alt
/>
<div style="margin: 5px 0">编程平台</div>
</div>
<div v-if="tooC == 22">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/program.png"
alt
/>
<div style="margin: 5px 0">AI体验</div>
</div>
<div v-if="tooC == 23">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/Pythonprogram.png"
alt
/>
<div style="margin: 5px 0">Python</div>
</div>
<div v-if="tooC == 24">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/AIprogram.png"
alt
/>
<div style="margin: 5px 0">AI平台</div>
</div>
<div v-if="tooC == 25">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/evalua.png"
alt
/>
<div style="margin: 5px 0">目标管理</div>
</div>
<div v-if="tooC == 31">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/secondToolList/networkPanel.png"
alt
/>
<div style="margin: 5px 0">数学画板</div>
</div>
<div v-if="tooC == 28">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/secondToolList/translation.png"
alt
/>
<div style="margin: 5px 0">翻译</div>
</div>
<div v-if="tooC == 37">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/secondToolList/mohe.png"
alt
/>
<div style="margin: 5px 0">魔盒识字</div>
</div>
<div v-if="tooC == 38">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/secondToolList/24game.png"
alt
/>
<div style="margin: 5px 0">24点</div>
</div>
<div v-if="tooC == 39">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/secondToolList/GeoGebra.png"
alt
/>
<div style="margin: 5px 0">GeoGebra</div>
</div>
<div v-if="tooC == 32">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/code.png"
alt
/>
<div style="margin: 5px 0">源码编辑</div>
<!-- <div class="upload_toolBtn" @click="addImg($event)"
style="position: absolute;left: 110px;bottom: 30px;">
上传文件
<input type="file" accept="*" style="display: none"
@change="beforeUpload1($event, 7, toolIndex)" />
</div> -->
</div>
<div v-if="tooC == 40">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/secondToolList/eval.png"
alt
/>
<div style="margin: 5px 0">个人评价</div>
</div>
<div v-if="tooC == 41">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/select.png"
alt
/>
<div style="margin: 5px 0">选择填空</div>
</div>
<div v-if="tooC == 44">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/thirdToolList/hanClass.png"
alt
/>
<div style="margin: 5px 0">汉字宫</div>
</div>
<div v-if="tooC == 47">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/conSentences.png"
alt
/>
<div style="margin: 5px 0">连词成句</div>
</div>
<div v-if="tooC == 48">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/table.png"
alt
/>
<div style="margin: 5px 0">表格</div>
</div>
<div v-if="tooC == 52">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/text.png"
alt
/>
<div style="margin: 5px 0">文档</div>
</div>
<div v-if="tooC == 49">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/group.png"
alt
/>
<div style="margin: 5px 0">学生分组</div>
</div>
<div v-if="tooC == 57">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/cocopi.png"
alt
/>
<div style="margin: 5px 0">CocoPi</div>
</div>
<div v-if="tooC == 58">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/car.png"
alt
/>
<div style="margin: 5px 0">模拟驾驶</div>
</div>
<div v-if="tooC == 59">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/lineSearch.png"
alt
/>
<div style="margin: 5px 0">路径搜索</div>
</div>
<div v-if="tooC == 60">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/deepLearning.png"
alt
/>
<div style="margin: 5px 0">深度学习</div>
</div>
<div v-if="tooC == 61">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/allHistory.png"
alt
/>
<div style="margin: 5px 0">全历史</div>
</div>
<div v-if="tooC == 62">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/interVideo.png"
alt
/>
<div style="margin: 5px 0">交互视频</div>
</div>
<div v-if="tooC == 63">
<img
@click="addTools(tooC, toolIndex, taskCount)"
src="../assets/icon/fourthToolList/Wood.png"
alt
/>
<div style="margin: 5px 0">海龟编程</div>
</div>
</div>
</div>
</div>
<div class="tooldetail" v-if="tool.toolDetail != ''">
<!-- <div class="toolTitle">工具描述</div> -->
<div v-html="contentConvent(tool.toolDetail)"></div>
</div>
<el-button
type="primary"
v-if="tool.tool[0] == 32"
style="
position: absolute;
right: 30px;
transform: translateY(-130%);
"
@click="addImg($event)"
>上传作业<input
type="file"
accept="*"
style="display: none"
@change="beforeUpload1($event, 7, toolIndex)"
/></el-button>
<!-- <el-button type="primary" v-if="tool.tool[0] == 57" style="
position: absolute;
right: 30px;
transform: translateY(-130%);
" @click="addImg($event)">上传作业<input type="file" accept="*" style="display: none"
@change="beforeUpload1($event, 8, toolIndex)" /></el-button> -->
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(16) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg" v-if="w.type == 0">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 1">
<img :src="word" @click="openFile(w.works)" alt />
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 3">
<img
style="cursor: pointer"
:src="video"
@click="openVideo(w)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 12">
<img
style="cursor: pointer"
:src="word2"
@click="downloadFile(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(32) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
:src="word2"
@click="downloadFile(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(57) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
:src="word2"
@click="downloadFile(w.works)"
v-if="w.type == 12"
alt
/>
<img
:src="word2"
@click="
openCocoPi(57, toolIndex, w.userid, w.sName)
"
v-else-if="w.type == 15"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(4) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="isWorksName"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
@click="
openTools(4, toolIndex, taskCount, w.works, w.sName)
"
>
{{ w.sName }}
<img
class="deleteImg deleteImg2"
src="../assets/deleteworks.png"
v-if="w.userid == userid || tType == 1 || tType == 4"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<!-- <div
class="works"
style="
width: 200px;
height: 140px;
border-radius: 10px;
box-shadow: 0 0 6px 1px #dfdada;
overflow: hidden;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
src="../assets/icon/works/noImg.png"
@click="
openTools(
4,
toolIndex,
taskCount,
w.works,
w.sName
)
"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
<div>{{ w.time }}</div>
</div>
</div> -->
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(45) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="isWorksName"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
@click="
openTools(45, toolIndex, taskCount, w.works, w.sName)
"
>
{{ w.sName }}
<img
class="deleteImg deleteImg2"
src="../assets/deleteworks.png"
v-if="w.userid == userid || tType == 1 || tType == 4"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(15) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<!-- <img
src="../assets/icon/works/noImg.png"
@click="openTools(15, toolIndex, taskCount, w.works)"
alt=""
/>-->
<div class="answerBg">
<!-- <div>{{ w.sName }}</div> -->
<el-tooltip
class="item"
effect="light"
:content="JSON.parse(w.works)[0].answer"
placement="top"
>
<div class="answerContent">
{{ JSON.parse(w.works)[0].answer }}
</div>
</el-tooltip>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(1) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(3) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(6) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(7) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(26) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(16) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="group_workBox"
v-for="(g, gindex) in courseGroup.group"
:key="gindex"
>
<div class="group_box">
<div class="group_title">
<el-tooltip
class="item"
effect="light"
:content="g.name"
placement="top"
>
<div class="group_name">{{ g.name }}</div>
</el-tooltip>
</div>
<div
class="group_work"
v-if="
g.works &&
g.works.length &&
g.works[toolIndex].length
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in g.works[toolIndex]"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg" v-if="w.type == 0">
<!-- @click="commentOther(w, toolIndex, wIndex)" -->
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 1">
<img :src="word" @click="openFile(w.works)" alt />
<!-- @click="openFile(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 3">
<img
style="cursor: pointer"
:src="video"
@click="openVideo(w)"
alt
/>
<!-- @click="openVideo(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 12">
<img
style="cursor: pointer"
:src="word2"
@click="downloadFile(w.works)"
alt
/>
<!-- @click="openVideo(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div
class="commentList"
style="margin-right: 15px"
>
<div
class="commentImg"
@click="
commentOther(
w,
toolIndex,
wIndex,
null,
g.id
)
"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="group_work" v-else>暂无提交作业</div>
</div>
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg" v-if="w.type == 0">
<!-- @click="commentOther(w, toolIndex, wIndex)" -->
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 1">
<img :src="word" @click="openFile(w.works)" alt />
<!-- @click="openFile(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 3">
<img
style="cursor: pointer"
:src="video"
@click="openVideo(w)"
alt
/>
<!-- @click="openVideo(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 12">
<img
style="cursor: pointer"
:src="word2"
@click="downloadFile(w.works)"
alt
/>
<!-- @click="openVideo(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(16, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(32) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg">
<img
:src="word2"
@click="downloadFile(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(32, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(57) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg">
<img
:src="word2"
@click="downloadFile(w.works)"
v-if="w.type == 12"
alt
/>
<img
:src="word2"
@click="
openCocoPi(57, toolIndex, w.userid, w.sName)
"
v-else-if="w.type == 15"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(57, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<span>作业预览</span>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg" v-if="w.type == 0">
<!-- @click="commentOther(w, toolIndex, wIndex)" -->
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div
class="workImg"
style="cursor: pointer"
v-if="w.type == 1"
>
<img :src="word" @click="openFile(w.works)" alt />
<!-- @click="openFile(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 3">
<img
style="cursor: pointer"
:src="video"
@click="openVideo(w)"
alt
/>
<!-- @click="openVideo(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div
style="cursor: pointer"
@click="
openSname(w.sName, w.wid, toolIndex, w.userid)
"
>
{{ w.sName }}
</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(50, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(4) != -1 &&
(tool.askJson[0].answer ||
tool.askJson[0].answer === 0) &&
checkJson[toolIndex].length
"
class="xuan_right_box"
>
<div
class="tool_right_box"
v-for="(item, index) in tool.askJson"
:key="index"
>
<div>
<span>{{ index + 1 + "、" + item.askstitle }}</span>
</div>
<div class="right_box_xuan">
<span>正确率</span>
<span>{{
(checkJson[toolIndex][index].right
? checkJson[toolIndex][index].right
: 0) + "%"
}}</span>
</div>
</div>
</div>
<div
class="xuan_right_box"
style="background: unset"
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(4) != -1
"
>
<AskStatic
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
:askJSON="tool"
:checkJson="checkJson[toolIndex]"
></AskStatic>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(4) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
v-for="(w, wIndex) in isCloseList[toolIndex]
.isClose == 0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
class="isWorksName"
@click="
openTools(4, toolIndex, taskCount, w.works, w.sName)
"
>
{{ w.sName }}
<img
class="deleteImg deleteImg2"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<!-- <div class="works" style="
width: 200px;
height: 140px;
border-radius: 10px;
box-shadow: 0 0 6px 1px #dfdada;
overflow: hidden;
" v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex">
<div class="workImg">
<img src="../assets/icon/works/noImg.png" @click="
openTools(
4,
toolIndex,
taskCount,
w.works,
w.sName
)
" alt />
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
<div>{{ w.time }}</div>
</div>
</div> -->
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(4, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(45) != -1 &&
(tool.testJson.testJson[0].answer ||
tool.testJson.testJson[0].answer === 0) &&
checkJson[toolIndex].length
"
class="xuan_right_box"
>
<div
class="tool_right_box"
v-for="(item, index) in tool.testJson.testJson"
:key="index"
>
<div>
<span>{{ index + 1 + "、" + item.teststitle }}</span>
</div>
<div class="right_box_xuan">
<span>正确率</span>
<span>{{
(checkJson[toolIndex][index].right
? checkJson[toolIndex][index].right
: 0) + "%"
}}</span>
</div>
</div>
</div>
<div
class="xuan_right_box"
style="background: unset"
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(45) != -1
"
>
<AskStatic2
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
:askJSON="tool"
:checkJson="checkJson[toolIndex]"
></AskStatic2>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(45) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
v-for="(w, wIndex) in isCloseList[toolIndex]
.isClose == 0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
class="isWorksName"
@click="
openTools(
45,
toolIndex,
taskCount,
w.works,
w.sName
)
"
>
{{ w.sName }}
<img
class="deleteImg deleteImg2"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(45, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(15) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="group_workBox"
v-for="(g, gindex) in courseGroup.group"
:key="gindex"
>
<div class="group_box">
<div class="group_title">
<el-tooltip
class="item"
effect="light"
:content="g.name"
placement="top"
>
<div class="group_name">{{ g.name }}</div>
</el-tooltip>
</div>
<div
class="group_work"
v-if="
g.works &&
g.works.length &&
g.works[toolIndex].length
"
>
<div
class="works"
v-for="(w, wIndex) in g.works[toolIndex]"
:key="wIndex"
>
<div
class="workImg"
style="
border-radius: 15px;
box-shadow: #eee 0px 0px 5px 5px;
"
>
<div
class="answerBg"
style="border-radius: 15px 15px 0 0"
@click="
commentOther(w, toolIndex, wIndex, null, g.id)
"
>
<div class="answerContent">
{{ JSON.parse(w.works)[0].answer }}
</div>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid ||
tType == 1 ||
tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div
class="commentList"
style="margin-right: 15px"
>
<div
class="commentImg"
@click="
commentOther(
w,
toolIndex,
wIndex,
null,
g.id
)
"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="group_work" v-else>暂无提交作业</div>
</div>
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
>
<div
class="workImg"
style="
border-radius: 15px;
box-shadow: #eee 0px 0px 5px 5px;
"
>
<!-- <img
src="../assets/icon/works/noImg.png"
@click="openTools(15, toolIndex, taskCount, w.works)"
alt=""
/>-->
<div
class="answerBg"
style="border-radius: 15px 15px 0 0"
@click="commentOther(w, toolIndex, wIndex)"
>
<!-- <div>{{ w.sName }}</div> -->
<div class="answerContent">
{{ JSON.parse(w.works)[0].answer }}
</div>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(15, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(1) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="group_workBox"
v-for="(g, gindex) in courseGroup.group"
:key="gindex"
>
<div class="group_box">
<div class="group_title">
<el-tooltip
class="item"
effect="light"
:content="g.name"
placement="top"
>
<div class="group_name">{{ g.name }}</div>
</el-tooltip>
</div>
<div
class="group_work"
v-if="
g.works &&
g.works.length &&
g.works[toolIndex].length
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in g.works[toolIndex]"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div
class="commentList"
style="margin-right: 15px"
>
<div
class="commentImg"
@click="
commentOther(
w,
toolIndex,
wIndex,
null,
g.id
)
"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="group_work" v-else>暂无提交作业</div>
</div>
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
>
<!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(1, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(3) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="group_workBox"
v-for="(g, gindex) in courseGroup.group"
:key="gindex"
>
<div class="group_box">
<div class="group_title">
<el-tooltip
class="item"
effect="light"
:content="g.name"
placement="top"
>
<div class="group_name">{{ g.name }}</div>
</el-tooltip>
</div>
<div
class="group_work"
v-if="
g.works &&
g.works.length &&
g.works[toolIndex].length
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in g.works[toolIndex]"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div
class="commentList"
style="margin-right: 15px"
>
<div
class="commentImg"
@click="
commentOther(
w,
toolIndex,
wIndex,
null,
g.id
)
"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="group_work" v-else>暂无提交作业</div>
</div>
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
>
<!-- @click="previewImg(w.works)" -->
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(3, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(6) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="group_workBox"
v-for="(g, gindex) in courseGroup.group"
:key="gindex"
>
<div class="group_box">
<div class="group_title">
<el-tooltip
class="item"
effect="light"
:content="g.name"
placement="top"
>
<div class="group_name">{{ g.name }}</div>
</el-tooltip>
</div>
<div
class="group_work"
v-if="
g.works &&
g.works.length &&
g.works[toolIndex].length
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in g.works[toolIndex]"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div
class="commentList"
style="margin-right: 15px"
>
<div
class="commentImg"
@click="
commentOther(
w,
toolIndex,
wIndex,
null,
g.id
)
"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="group_work" v-else>暂无提交作业</div>
</div>
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
>
<!-- @click="previewImg(w.works)" -->
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(7) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="group_workBox"
v-for="(g, gindex) in courseGroup.group"
:key="gindex"
>
<div class="group_box">
<div class="group_title">
<el-tooltip
class="item"
effect="light"
:content="g.name"
placement="top"
>
<div class="group_name">{{ g.name }}</div>
</el-tooltip>
</div>
<div
class="group_work"
v-if="
g.works &&
g.works.length &&
g.works[toolIndex].length
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in g.works[toolIndex]"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div
class="commentList"
style="margin-right: 15px"
>
<div
class="commentImg"
@click="
commentOther(
w,
toolIndex,
wIndex,
null,
g.id
)
"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="group_work" v-else>暂无提交作业</div>
</div>
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
>
<!-- @click="previewImg(w.works)" -->
<div class="workImg">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(7, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(26) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="width: 240px; height: 140px; overflow: hidden"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg" v-if="w.type == 0">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 1">
<img :src="word" @click="openFile(w.works)" alt />
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(40) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg">
<img
src="../assets/icon/works/noImg.png"
@click="openPj(w.works, toolIndex)"
alt
/>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(40, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(40) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
src="../assets/icon/works/noImg.png"
@click="openPj(w.works, toolIndex)"
alt
/>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(41) != -1
"
>
<AnswerData2
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
:problemJson="tool.selectJson.answer"
:people="worksStudent[toolIndex]"
></AnswerData2>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(41) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
class="isWorksName"
@click="openXz(w, toolIndex)"
>
{{ w.sName }}
<img
class="deleteImg deleteImg2"
src="../assets/deleteworks.png"
v-if="w.userid == userid || tType == 1 || tType == 4"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<!-- <div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
" v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex"
:class="w.type == 5 ? 'isTypeOne' : ''">
<div class="workImg">
<img src="../assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div> -->
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(41, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(41) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img
src="../assets/icon/works/noImg.png"
@click="openXz(w, toolIndex)"
alt
/>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div v-if="false" class="xuan_right_box">
<div
class="tool_right_box"
v-for="(item, index) in tool.sentenceList"
:key="index"
>
<div>
<span>{{ index + 1 + "、" + item.sentenceTitle }}</span>
</div>
<div class="right_box_xuan">
<span>正确率</span>
<span>{{
(checkJson[toolIndex][index].right
? checkJson[toolIndex][index].right
: 0) + "%"
}}</span>
</div>
<div class="right_box_xuan">
<span>答对人数</span>
<span>{{
checkJson[toolIndex][index].rightPerson.length
}}</span>
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(47) != -1
"
>
<AnswerData
v-if="
checkJson[toolIndex].length &&
(tool.sentenceList || tool.sentenceList.length > 0)
"
:people="checkJson[toolIndex]"
></AnswerData>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(47) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<!-- @click="openXz(w, toolIndex)" -->
<div class="workImg" @click="openSen(w, toolIndex)">
<img src="../assets/icon/works/noImg.png" alt />
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>
{{ w.sName }}
</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(47) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<!-- @click="openXz(w, toolIndex)" -->
<div
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
class="isWorksName"
@click="openSen(w, toolIndex)"
>
{{ w.sName }}
<img
class="deleteImg deleteImg2"
src="../assets/deleteworks.png"
v-if="w.userid == userid || tType == 1 || tType == 4"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(47, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(48) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg">
<img :src="word" @click="openTable(w)" alt />
<!-- @click="openFile(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(48, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(48) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img :src="word" @click="openTable(w)" alt />
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="
tType &&
((tType == 2 && sIsOpen == true) ||
tType == 1 ||
tType == 4) &&
tool.tool.indexOf(52) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div class="worksTop">
<div>作业预览</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="
worksStudent[toolIndex].length > 6 &&
isCloseList[toolIndex].isClose == 0
"
>
收缩
</div>
<div
class="corOpen"
@click="contract(toolIndex)"
v-if="isCloseList[toolIndex].isClose == 1"
>
展开
</div>
</div>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
0
? worksStudent[toolIndex]
: worksStudent[toolIndex].slice(0, 6)"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg">
<img :src="word" @click="openWord(w)" alt />
<!-- @click="openFile(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(w.wid, userid, 1, null, w.isLikes)
"
>
<img
:src="w.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div class="commentList" style="margin-right: 15px">
<div
class="commentImg"
@click="commentOther(w, toolIndex, wIndex)"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
<div style="font-size: 18px" v-if="courseDetail.juri != ''">
未提交
</div>
<div class="noWorksS">
<div
v-for="(s, sIndex) in noWorksS[toolIndex]"
:key="sIndex"
class="noWorksName"
@click="teacherWorkSubmit(52, toolIndex, taskCount, s)"
>
{{ s.student }}
</div>
</div>
</div>
<div
v-if="
tType &&
tType == 2 &&
!sIsOpen &&
tool.tool.indexOf(52) != -1
"
class="worksBox"
>
<div
class="zuoyeYulan"
v-if="workStudent[toolIndex].length > 0"
>
<span>作业预览</span>
<!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
</div>
<div
class="worksDetailBox"
v-if="workStudent[toolIndex].length > 0"
>
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in workStudent[toolIndex]"
:key="wIndex"
>
<div class="workImg">
<img :src="word" @click="openWord(w)" alt />
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid || tType == 1 || tType == 4,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid || tType == 1 || tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
</div>
</div>
</div>
<div
v-if="tool.tool.indexOf(49) != -1"
class="xuan_right_box"
>
<div
v-if="courseDetail.userid == userid"
style="display: flex; justify-content: flex-end"
>
<el-button
type="primary"
size="small"
@click="addTools(49, toolIndex, taskCount)"
>分组设置</el-button
>
</div>
<div
v-if="groupStudentUid[toolIndex]"
class="group_staic_box"
>
<div
v-for="(gp, gd) in tool.groupJson.group"
:key="gd"
class="group_staic"
>
<span> {{ gp.name }}</span>
<span>
目前人数{{
groupStudentUid[toolIndex][gd].length
}}人</span
>
</div>
</div>
</div>
<div v-if="tool.tool.indexOf(49) != -1" class="worksBox">
<div
class="zuoyeYulan"
v-if="
worksStudent.length &&
worksStudent[toolIndex].length > 0
"
>
<span>作业预览</span>
</div>
<div>
<div
class="group_workBox"
v-for="(g, gindex) in tool.groupJson.group"
:key="gindex"
>
<div
class="group_box"
v-if="
groupStudentUid[toolIndex] &&
worksStudent[toolIndex] &&
(worksStudent[toolIndex][gindex].length ||
groupStudentUid[toolIndex][gindex].indexOf(
userid
) != -1)
"
>
<div class="group_title">
<el-tooltip
class="item"
effect="light"
:content="g.name"
placement="top"
>
<div class="group_name">{{ g.name }}</div>
</el-tooltip>
<el-button
type="primary"
v-if="
groupStudentUid[toolIndex][gindex].indexOf(
userid
) != -1
"
@click="groupUpload(toolIndex, taskCount, gindex)"
>上传作业</el-button
>
</div>
<div class="group_work">
<div
class="works"
style="
width: 200px;
height: 140px;
margin: 10px 10px 10px 0;
border-radius: 15px;
box-shadow: 0 0 6px 1px #dfdada;
"
v-for="(w, wIndex) in worksStudent[toolIndex][
gindex
]"
:key="wIndex"
:class="w.type == 1 ? 'isTypeOne' : ''"
>
<div class="workImg" v-if="w.type == 0">
<img
:src="w.works"
@click="previewImg(w.works)"
alt
/>
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid ||
tType == 1 ||
tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 1">
<img
:src="word"
@click="openFile(w.works)"
alt
/>
<!-- @click="openFile(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid ||
tType == 1 ||
tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 3">
<img
style="cursor: pointer"
:src="video"
@click="openVideo(w)"
alt
/>
<!-- @click="openVideo(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid ||
tType == 1 ||
tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="workImg" v-if="w.type == 12">
<img
style="cursor: pointer"
:src="word2"
@click="downloadFile(w.works)"
alt
/>
<!-- @click="openVideo(w.works)" -->
<div
class="answerScore"
v-if="w.score"
@click.stop="openScore(w)"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
{{ JSON.parse(w.score).wScore }}分
</div>
<div
class="answerScore"
@click.stop="openScore(w)"
v-else-if="courseDetail.userid == userid"
:class="{
rightW:
w.userid == userid ||
tType == 1 ||
tType == 4 ||
w.ateacher == userid,
}"
>
评分
</div>
<img
class="deleteImg"
src="../assets/deleteworks.png"
v-if="
w.userid == userid ||
tType == 1 ||
tType == 4
"
@click.stop="deleteWorks(w.wid)"
alt
/>
</div>
<div class="comment" style="min-width: 200px">
<div class="worksName">
<div>{{ w.sName }}</div>
</div>
<div class="commentList">
<div class="commentList">
<div
class="commentImg"
@click="
isLikes(
w.wid,
userid,
1,
null,
w.isLikes
)
"
>
<img
:src="
w.isLikes == true ? likes : noLikes
"
alt=""
/>
</div>
<div>{{ w.likesCount }}</div>
</div>
<div
class="commentList"
style="margin-right: 15px"
>
<div
class="commentImg"
@click="
commentOther(
w,
toolIndex,
wIndex,
gindex
)
"
>
<img
src="../assets/icon/comment/comment.png"
alt=""
/>
</div>
<div>{{ w.commentCount }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="upload_toolBtn" @click="addImg($event)">
上传文件
<input
type="file"
accept="image/png, image/gif, image/jpeg"
style="display: none"
@change="beforeUpload1($event, 2, index)"
/>
</div>-->
</div>
</div>
<div
class="vedioBox"
v-if="
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.eList &&
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.eList.length &&
chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
.eList.length > 0 &&
tType != 2
"
>
<div
class="queTop"
style="
font-size: 20px;
padding: 15px 0 15px 37px;
font-weight: bold;
"
>
<!-- <div class="question" style="width: 30px">
<img src="../assets/icon/toolIcon.png" alt />
</div>
<div class="queTitle">
<div>工具</div>
</div>-->
评一评
</div>
<div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
<div class="elist_input">
<el-table
:data="
chapInfoList[courseType].chapterInfo[0].taskJson[
taskCount
].eList
"
:header-cell-style="{ background: '#F0F4FA' }"
:row-class-name="tableRowClassName"
border
stripe
style="width: 100%"
>
<el-table-column label="评价名称" width="180">
<template slot-scope="scope"
><div>{{ scope.row.value }}</div></template
>
</el-table-column>
<el-table-column label="评价描述" width="180">
<template slot-scope="scope"
><div>{{ scope.row.detail }}</div></template
>
</el-table-column>
<el-table-column label="目标">
<template slot-scope="scope"
><div>{{ scope.row.target[0] }}</div></template
></el-table-column
>
</el-table>
<!-- <div
v-for="(eItem, eIndex) in chapInfoList[courseType]
.chapterInfo[0].taskJson[taskCount].eList"
:key="eIndex"
class="elist_input_box"
>
<div style="width: 95%">
<div
style="
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
"
>
<div style="max-width: calc(100% - 285px)">
<span>{{ eItem.value }}</span>
</div>
<div
style="
padding-left: 25px;
display: flex;
flex-direction: row;
align-items: center;
"
>
<el-rate
v-model="eItem.score"
:colors="colors"
disabled
></el-rate>
</div>
</div>
<div class="elist_inptu_text" style="padding-left: 10px">
<span v-if="eItem.detail != ''">{{
eItem.detail
}}</span>
<span v-else style="color: #b2b1b3; font-size: 14px"
>暂无描述...</span
>
</div>
</div>
</div> -->
</div>
<div
v-if="evalua"
style="
border: 1px solid #e5e5e5;
max-width: 650px;
width: 100%;
margin-top: 20px;
box-shadow: 3px 1px 15px 3px #e0e0e0;
"
>
<div class="e_add_top">
<div class="e_add_title">
<span>目标管理名称</span>
<span>{{ eTitle }}</span>
<img
src="../assets/line.png"
class="cru_line"
style="
width: 125px;
height: 20px;
bottom: -10px;
left: 120px;
"
/>
<!-- <el-input
v-model="eTitle"
placeholder="请输入名称"
@change="setMindData"
></el-input>-->
</div>
</div>
<div class="e_add_content">
<div class="e_add_list_pbox">
<div class="e_add_list_pbox_title">
<span class="type_title">切换模式</span>
<div class="type_content">
<span
:class="{ active: typeMode == 1 }"
@click="typeMode = 1"
>目标树</span
>
<span
:class="{ active: typeMode == 2 }"
@click="typeMode = 2"
>目标罗盘</span
>
<span
:class="{ active: typeMode == 3 }"
@click="typeMode = 3"
>目标看板</span
>
</div>
</div>
<div class="e_add_list_pbox_content">
<Mind
:showBar="false"
:mindData="data"
style="width: 100%"
v-show="typeMode == 1"
></Mind>
<Sunburst
:Josn="eJson"
:num="eJSONNum"
style="width: 100%"
v-if="typeMode == 2"
></Sunburst>
<SeeBoard
:Josn="eJson"
:num="eJSONNum"
:ename="eTitle"
style="width: 100%"
v-if="typeMode == 3"
>
</SeeBoard>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div
class="project_box"
style="margin-top: 15px; padding-bottom: 30px"
>
<div
style="
display: flex;
flex-wrap: nowrap;
flex-direction: column;
position: relative;
"
>
<div class="queTop">
<div class="question">
<img src="../assets/icon/homeWork.png" alt="" />
</div>
<div class="queTitle">
<div>作业提交<span>(提交图文视频等)</span></div>
<div>：任务：{{ task.task }}</div>
</div>
</div>
<div class="ediBottom">
<div
class="addEditor"
style="margin-top: 23px"
@click="openAddWork"
v-if="!isNoHomeWork"
>
选择文件
</div>
<div
class="addEditor"
style="margin-top: 23px"
@click="openAddWork"
v-else
>
已提交
</div>
</div>
</div>
</div>-->
</div>
</div>
<el-dialog
title="作业提交"
:visible.sync="dialogVisible"
:append-to-body="true"
width="500px"
:before-close="handleClose"
class="dialog_change"
>
<div class="marginT">
<div>上传文件</div>
<div
class="chapter_add"
@click="addImg($event)"
v-if="studyJuri[0].cover.length == 0"
>
<div class="up_photo">
<img src="../assets/icon/uploadImg.png" alt />
</div>
<!-- <input
type="file"
accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
style="display: none"
@change="beforeUpload1($event, 1)"
/> -->
<input
type="file"
accept="*"
style="display: none"
@change="beforeUpload1($event, 1)"
/>
<!-- <input
type="file"
accept="image/*"
capture="camera"
style="display: none"
@change="beforeUpload1($event, 1)"
/> -->
</div>
<div
class="chapter_add"
style="
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding: 15px 0;
"
v-if="studyJuri[0].cover.length > 0"
>
<div class="upCover">
<img
:src="studyJuri[0].cover[0].url"
alt
v-if="fileType == 0"
/>
<img :src="word" alt v-else-if="fileType == 1" />
<img :src="video" alt v-else-if="fileType == 2" />
<img :src="word2" alt v-else-if="fileType == 3" />
<span class="picName">{{ studyJuri[0].cover[0].name }}</span>
<div class="deleteWord" @click="clean(1)">
<img src="../assets/icon/deleteWorks.png" alt />
</div>
</div>
</div>
</div>
<div
class="upload_send"
@click="addCourseWorks(taskCount)"
v-if="!proVisible"
>
提交
</div>
</el-dialog>
</div>
</div>
<div
class="pButton"
@click="(pzDialog = true), selectPz()"
v-if="tType == 4 || ispzType == 4"
>
<!-- 批 -->
<img src="../assets/pzBtn2.png" style="width: 25px" alt="" />
</div>
<div v-if="pzDialog == true" class="newDialogCss">
<div class="pzTop2">
<!-- <div>批注</div>
<div @click="pzDialog = false">
<img src="../assets/close1.png" alt="" />
</div> -->
<div class="checkbox">
<div class="check" style="font-size: 25px">评课笔记</div>
<img src="../assets/pzBtn.png" @click="pzDialog = false" alt="" />
</div>
</div>
<div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'">
<div class="pzListBox" v-if="pzList && pzList.length">
<div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
<div class="pzNavTop">
<div>批</div>
<div>
{{
pz.username && pz.username.length > 5
? pz.username.substring(0, 5) + "..."
: pz.username
}}的批注
</div>
<div
class="pzDelete"
v-if="pz.userid == userid"
@click="deletePz(pz.id)"
>
删除
</div>
</div>
<div
class="pzContent cont"
v-html="pz.content"
v-if="pz.type == '1'"
></div>
<div class="pzContent" v-if="pz.type == '2'">
<audio :src="pz.content" controls="controls" ref="audio">
Your browser does not support the audio element.
</audio>
</div>
<div class="pzContent" v-if="pz.type == '3'">
<img
:src="pz.content"
style="width: 90%; margin: 0 auto; display: block"
@click="previewImg(pz.content)"
/>
</div>
<div class="time">
{{ pz.time }}
</div>
</div>
</div>
<div class="noPz" v-else>
<img src="../assets/icon/noPz.png" alt="" />
</div>
<div class="addPzButton">
<div class="addPz" @click="(addPzDialog = true), (pzType = 1)">
添加批注
</div>
<!-- <div class="img1">
<div @click="(addPzDialog = true), (pzType = 2)">
<img src="../assets/audio.png" /><span>音频</span>
</div>
</div> -->
</div>
</div>
</div>
<div v-if="addPzDialog == true" class="addDialogCss">
<div class="pzTop">
<div class="teacherPz">
<div class="teacherPzImg">
<img src="../assets/icon/teacherPz.png" alt="" />
</div>
<div style="margin-left: 10px; height: 25px">教师批注</div>
</div>
<div @click="addPzDialog = false">
<img src="../assets/close1.png" alt="" />
</div>
</div>
<div class="addPzBox">
<div class="addPzCheck">
<span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
>文本</span
>
<!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
<span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
>音频</span
>
</div>
<div style="height: calc(100% - 95px)">
<!-- <textarea class="binfo_input pzConText" cols placeholder="请填写项目课程关键问题...." v-model="pzConText"
v-if="pzType == 1"></textarea> -->
<editor-bar
class="binfo_input pzConText"
style="width: 100% !important"
placeholder="请输入任务描述"
v-model="pzConText"
@change="change"
v-if="pzType == 1"
></editor-bar>
<Audio @addPz="addPz" class="pzAudioClass" v-if="pzType == 2"></Audio>
<!-- <div class="pzAudioClass" v-if="pzType == 3">
<div @click="addImg($event)">
<el-button type="primary">上传图片</el-button>
<input type="file" accept="image/png, image/gif, image/jpeg" style="display: none"
@change="beforeUpload1($event, 4)" />
</div>
</div> -->
</div>
<div class="addTextCss" @click="addPz('1')" v-if="pzType == 1">
确定
</div>
</div>
</div>
<div v-if="proVisible" class="mask">
<div class="progressBox">
<!-- <div id="closePro" class="closeCss">
<img src="../assets/icon/close.png" alt />
</div> -->
<div class="lbox">
<img src="../assets/loading.gif" />上传中，请稍后
</div>
<div style="margin-bottom: 10px">
<span>{{ isFinishSize }}M</span> / <span>{{ isAllSize }}M</span>
</div>
<el-progress
:text-inside="true"
:stroke-width="20"
:percentage="progress"
style="width: 80%"
></el-progress>
</div>
</div>
<div v-if="proVisible2" class="mask">
<div class="progressBox">
<div class="lbox">
<img src="../assets/loading.gif" />上传中，请稍后
</div>
<!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress> -->
</div>
</div>
<el-dialog :visible.sync="pictureDialog" size="tiny">
<img width="100%" :src="dialogImageUrl" alt />
</el-dialog>
<el-dialog
:title="noteName != '' ? noteName : '查看问卷'"
:visible.sync="dialogVisible5"
:append-to-body="true"
width="1000px"
:before-close="handleClose"
class="dialog_diy dialog_diy3"
>
<div>
<div
class="a_add_title"
style="
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
"
>
<div style="margin-right: 20px; font-size: 20px">标题:</div>
<div style="font-size: 20px">{{ askJson.askTitle }}</div>
</div>
<div class="a_addBox">
<div style="font-size: 16px; color: #c7c7c7">题目内容</div>
<div
class="a_add_box"
v-for="(item1, index1) in askJson.askCount"
:key="index1"
>
<div class="a_add_head">
<div style="display: flex">
{{ index1 + 1 + "、" }}
<div>题目：{{ askJson.askJson[index1].askstitle }}</div>
</div>
<img
v-if="askJson.askJson[index1].img"
:src="askJson.askJson[index1].img"
style="height: 300px; margin-top: 10px; max-width: 100%"
/>
</div>
<div class="a_add_body">
<div class="a_add_input">
<el-radio-group
v-model="radio[index1]"
v-if="
askJson.askJson[index1].type == '1' ||
!askJson.askJson[index1].type
"
>
<el-radio
v-for="(item2, checkIndex) in askJson.askJson[index1]
.checkList"
:key="checkIndex"
:label="checkIndex"
:disabled="isAnswer"
class="redioStyle"
><span v-html="item2"></span
></el-radio>
</el-radio-group>
<el-checkbox-group
v-model="radio[index1]"
v-if="askJson.askJson[index1].type == '2'"
>
<el-checkbox
v-for="(item2, checkIndex1) in askJson.askJson[index1]
.checkList"
:key="checkIndex1"
:label="checkIndex1"
:disabled="isAnswer"
class="redioStyle"
><span v-html="item2"></span>
</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible5 = false" v-show="noteName == ''"
>取 消</el-button
>
<el-button type="primary" @click="addStudentAsk" v-show="noteName == ''"
>确 定</el-button
>
</span>
</el-dialog>
<el-dialog
:title="noteName != '' ? noteName : '查看问卷'"
:visible.sync="dialogVisible5Teacher"
:append-to-body="true"
width="1000px"
:before-close="handleClose"
class="dialog_diy dialog_diy3"
>
<div>
<div class="w_name">
学生姓名：<span>{{ sStudent.student }}</span>
</div>
<div
class="a_add_title"
style="
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
"
>
<div style="margin-right: 20px; font-size: 20px">标题:</div>
<div style="font-size: 20px">{{ askJson.askTitle }}</div>
</div>
<div class="a_addBox">
<div style="font-size: 16px; color: #c7c7c7">题目内容</div>
<div
class="a_add_box"
v-for="(item1, index1) in askJson.askCount"
:key="index1"
>
<div class="a_add_head">
<div style="display: flex">
{{ index1 + 1 + "、" }}
<div>题目：{{ askJson.askJson[index1].askstitle }}</div>
</div>
<img
v-if="askJson.askJson[index1].img"
:src="askJson.askJson[index1].img"
style="height: 300px; margin-top: 10px; max-width: 100%"
/>
</div>
<div class="a_add_body">
<div class="a_add_input">
<el-radio-group
v-model="radio[index1]"
v-if="
askJson.askJson[index1].type == '1' ||
!askJson.askJson[index1].type
"
>
<el-radio
v-for="(item2, checkIndex) in askJson.askJson[index1]
.checkList"
:key="checkIndex"
:label="checkIndex"
:disabled="isAnswer"
class="redioStyle"
><span v-html="item2"></span
></el-radio>
</el-radio-group>
<el-checkbox-group
v-model="radio[index1]"
v-if="askJson.askJson[index1].type == '2'"
>
<el-checkbox
v-for="(item2, checkIndex1) in askJson.askJson[index1]
.checkList"
:key="checkIndex1"
:label="checkIndex1"
:disabled="isAnswer"
class="redioStyle"
><span v-html="item2"></span>
</el-checkbox>
</el-checkbox-group>
</div>
</div>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button
@click="dialogVisible5Teacher = false"
v-show="noteName == ''"
>取 消</el-button
>
<el-button
type="primary"
@click="addStudentAskTeacher"
v-show="noteName == ''"
>确 定</el-button
>
</span>
</el-dialog>
<el-dialog
:title="noteName != '' ? noteName : '查看选择题'"
:visible.sync="dialogVisibleChoice"
:append-to-body="true"
width="1000px"
:before-close="handleClose"
class="dialog_diy dialog_diy3"
>
<div>
<!-- <div class="a_add_title" style="
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
">
<div style="margin-right: 20px; font-size: 20px">标题:</div>
<div style="font-size: 20px">{{ testJson.testTitle }}</div>
</div> -->
<div class="a_addBox">
<div style="font-size: 16px; color: #c7c7c7">题目内容</div>
<div
class="a_add_box"
v-for="(item1, index1) in testJson.testCount"
:key="index1"
>
<div class="a_add_head">
<div style="display: flex">
{{ index1 + 1 + "、" }}
<div
v-if="testJson.testJson[index1].type == '1'"
style="margin-right: 5px; min-width: 70px"
>
(单选题)
</div>
<div
v-if="testJson.testJson[index1].type == '2'"
style="margin-right: 5px; min-width: 70px"
>
(多选题)
</div>
<div>题目：{{ testJson.testJson[index1].teststitle }}</div>
</div>
<img
v-if="testJson.testJson[index1].img"
:src="testJson.testJson[index1].img"
style="height: 300px; margin-top: 10px; max-width: 100%"
/>
</div>
<div
class="timuImgBox"
v-if="
testJson.testJson[index1].timuList &&
testJson.testJson[index1].timuList.length
"
>
<div
v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
:key="tIndex"
class="timuImg"
@click.stop="previewImg(timg.src)"
>
<img :src="timg.src" alt="" />
</div>
</div>
<div class="a_add_body">
<div class="a_add_input">
<el-radio-group
v-model="radio[index1]"
v-if="testJson.testJson[index1].type == '1'"
>
<div class="radioBox">
<el-radio
v-for="(item2, checkIndex) in testJson.testJson[index1]
.checkList"
:key="checkIndex"
:label="checkIndex"
:disabled="isAnswer"
class="redioStyle"
>
<div
style="margin-right: 10px"
v-if="item2 && item2.imgType && item2.imgType == 1"
>
<div class="inImg" @click.stop="previewImg(item2.src)">
<img :src="item2.src" alt="" />
</div>
</div>
<span v-else v-html="item2"></span>
</el-radio>
</div>
</el-radio-group>
<el-checkbox-group
v-model="radio[index1]"
v-if="testJson.testJson[index1].type == '2'"
>
<div class="radioBox">
<el-checkbox
v-for="(item2, checkIndex) in testJson.testJson[index1]
.checkList"
:key="checkIndex"
:label="checkIndex"
:disabled="isAnswer"
class="redioStyle"
>
<div
style="margin-right: 10px"
v-if="item2 && item2.imgType && item2.imgType == 1"
>
<div class="inImg" @click.stop="previewImg(item2.src)">
<img :src="item2.src" alt="" />
</div>
</div>
<span v-else v-html="item2"></span>
</el-checkbox>
</div>
</el-checkbox-group>
</div>
</div>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleChoice = false" v-show="noteName == ''"
>取 消</el-button
>
<el-button
type="primary"
@click="addStudentTest"
v-show="noteName == ''"
>确 定</el-button
>
</span>
</el-dialog>
<el-dialog
:title="noteName != '' ? noteName : '查看选择题'"
:visible.sync="dialogVisibleChoiceTeacher"
:append-to-body="true"
width="1000px"
:before-close="handleClose"
class="dialog_diy dialog_diy3"
>
<div>
<div class="w_name">
学生姓名：<span>{{ sStudent.student }}</span>
</div>
<div class="a_addBox">
<div style="font-size: 16px; color: #c7c7c7">题目内容</div>
<div
class="a_add_box"
v-for="(item1, index1) in testJson.testCount"
:key="index1"
>
<div class="a_add_head">
<div style="display: flex">
{{ index1 + 1 + "、" }}
<div
v-if="testJson.testJson[index1].type == '1'"
style="margin-right: 5px; min-width: 70px"
>
(单选题)
</div>
<div
v-if="testJson.testJson[index1].type == '2'"
style="margin-right: 5px; min-width: 70px"
>
(多选题)
</div>
<div>题目：{{ testJson.testJson[index1].teststitle }}</div>
</div>
<img
v-if="testJson.testJson[index1].img"
:src="testJson.testJson[index1].img"
style="height: 300px; margin-top: 10px; max-width: 100%"
/>
</div>
<div
class="timuImgBox"
v-if="
testJson.testJson[index1].timuList &&
testJson.testJson[index1].timuList.length
"
>
<div
v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
:key="tIndex"
class="timuImg"
@click.stop="previewImg(timg.src)"
>
<img :src="timg.src" alt="" />
</div>
</div>
<div class="a_add_body">
<div class="a_add_input">
<el-radio-group
v-model="radio[index1]"
v-if="testJson.testJson[index1].type == '1'"
>
<div class="radioBox">
<el-radio
v-for="(item2, checkIndex) in testJson.testJson[index1]
.checkList"
:key="checkIndex"
:label="checkIndex"
:disabled="isAnswer"
class="redioStyle"
>
<div
style="margin-right: 10px"
v-if="item2 && item2.imgType && item2.imgType == 1"
>
<div class="inImg" @click.stop="previewImg(item2.src)">
<img :src="item2.src" alt="" />
</div>
</div>
<span v-else v-html="item2"></span>
</el-radio>
</div>
</el-radio-group>
<el-checkbox-group
v-model="radio[index1]"
v-if="testJson.testJson[index1].type == '2'"
>
<div class="radioBox">
<el-checkbox
v-for="(item2, checkIndex) in testJson.testJson[index1]
.checkList"
:key="checkIndex"
:label="checkIndex"
:disabled="isAnswer"
class="redioStyle"
>
<div
style="margin-right: 10px"
v-if="item2 && item2.imgType && item2.imgType == 1"
>
<div class="inImg" @click.stop="previewImg(item2.src)">
<img :src="item2.src" alt="" />
</div>
</div>
<span v-else v-html="item2"></span>
</el-checkbox>
</div>
</el-checkbox-group>
</div>
</div>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button
@click="dialogVisibleChoiceTeacher = false"
v-show="noteName == ''"
>取 消</el-button
>
<el-button
type="primary"
@click="addStudentTestTeacher"
v-show="noteName == ''"
>确 定</el-button
>
</span>
</el-dialog>
<el-dialog
title="查看富文本"
:visible.sync="dialogVisible1"
:append-to-body="true"
width="500px"
:before-close="handleClose"
class="dialog_diy textCss"
>
<el-form style="font-size: 20px">
<el-form-item label="文本标题" class="textTitle">
<div style="font-size: 20px">{{ text.name }}</div>
</el-form-item>
<div>富文本内容</div>
<div
v-html="text.url"
style="font-size: 18px; padding: 40px 0 0 0"
></div>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="dialogVisible1 = false"
>确定</el-button
>
</span>
</el-dialog>
<el-dialog
title="文件预览"
:visible.sync="dialogVisible3"
width="50%"
:before-close="handleClose"
class="dialog_diy"
:class="{ fullStyle: full }"
>
<div slot="title" class="header-title">
<div style="color: #fff">文件预览</div>
<div style="position: absolute; top: 19px; right: 50px">
<img
src="../assets/full.png"
style="height: 16px; cursor: pointer"
alt=""
@click="fullTools"
/>
</div>
</div>
<pdf
v-if="showPDF"
:pdfUrl="pptImgUrl"
style="width: 100%; height: 520px; overflow: auto"
:class="{ fullStyle: full }"
></pdf>
<iframe
v-else
:src="pptImgUrl"
frameborder="0"
width="100%"
height="600"
:class="{ fullStyle: full }"
></iframe>
</el-dialog>
<el-dialog
title="文件预览"
:visible.sync="dialogVisible6"
width="50%"
:before-close="handleClose"
class="dialog_diy"
>
<iframe
:src="pptImgUrl1"
frameborder="0"
width="100%"
height="600"
></iframe>
</el-dialog>
<el-dialog
title="提示"
:visible.sync="dialogVisible4"
:append-to-body="true"
width="800px"
:before-close="handleClose"
class="dialog_diy notice"
>
<div>此功能暂未开放！</div>
<el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
</el-dialog>
<el-dialog
title="问答"
:visible.sync="answerDialogVisible"
:append-to-body="true"
width="800px"
:before-close="handleClose"
class="dialog_diy"
>
<div>
<div
style="
display: flex;
flex-wrap: nowrap;
flex-direction: column;
position: relative;
"
>
<div class="queTop" style="padding: 20px 0 20px 0">
<div class="question">
<img src="../assets/icon/question.png" alt />
</div>
<div class="queTitle">
<div style="width: 90px; min-width: 90px">提问：</div>
<div>{{ answerQ }}</div>
</div>
</div>
<div class="ediBottom">
<textarea
rows="6"
class="binfo_input"
cols
style="width: 95%; height: 120px"
v-model="questionAnswer"
></textarea>
</div>
</div>
</div>
<div slot="footer">
<el-button @click="answerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="addQuestion">提 交</el-button>
</div>
</el-dialog>
<el-dialog
title="问答"
:visible.sync="answerDialogVisibleTeacher"
:append-to-body="true"
width="800px"
:before-close="handleClose"
class="dialog_diy"
>
<div>
<div class="w_name">
学生姓名：<span>{{ sStudent.student }}</span>
</div>
<div
style="
display: flex;
flex-wrap: nowrap;
flex-direction: column;
position: relative;
"
>
<div class="queTop" style="padding: 20px 0 20px 0">
<div class="question">
<img src="../assets/icon/question.png" alt />
</div>
<div class="queTitle">
<div style="width: 90px; min-width: 90px">提问：</div>
<div>{{ answerQ }}</div>
</div>
</div>
<div class="ediBottom">
<textarea
rows="6"
class="binfo_input"
cols
style="width: 95%; height: 120px"
v-model="questionAnswer"
></textarea>
</div>
</div>
</div>
<div slot="footer">
<el-button @click="answerDialogVisibleTeacher = false">取 消</el-button>
<el-button type="primary" @click="addQuestionTeacher">提 交</el-button>
</div>
</el-dialog>
<el-dialog
title="倒计时"
:visible.sync="timeDialogVisible"
:append-to-body="true"
width="800px"
:before-close="handleClose"
class="dialog_diy"
>
<div>
<Time :preTime="preTime" v-if="timeDialogVisible"></Time>
</div>
<div slot="footer">
<el-button @click="timeDialogVisible = false">关 闭</el-button>
</div>
</el-dialog>
<el-dialog
title="权限设置"
:visible.sync="juriVisible"
:append-to-body="true"
width="400px"
:before-close="handleClose"
class="dialog_diy"
>
<div>
<div class="open_box">
<div class="switch_box">
<span>允许学生查看所有作业</span>
<el-switch
v-model="sIsOpen"
active-text=""
class="switchCss"
@change="updateSLook"
></el-switch>
</div>
<div
class="switch_box"
v-if="
courseDetail.userid == userid ||
(courseDetail.course_teacher &&
courseDetail.course_teacher.indexOf(userid) != -1)
"
>
<!-- v-if="courseDetail.userid == userid || courseDetail.course_teacher.indexOf(userid) != -1" -->
<span>禁止学生查看所有阶段</span>
<el-switch
v-model="IsLookOpen"
active-text=""
class="switchCss"
@change="updateLookOpen"
></el-switch>
</div>
<div class="switch_box" v-if="courseDetail.userid == userid">
<span>开启跟随模式</span>
<el-switch
v-model="IsFollow"
active-text=""
class="switchCss"
@change="updateFollow"
></el-switch>
</div>
</div>
</div>
<div slot="footer">
<el-button
style="background: #409efe; color: #fff"
@click="juriVisible = false"
>关 闭</el-button
>
</div>
</el-dialog>
<el-dialog
title="查看视频"
:visible.sync="videoVisible"
:append-to-body="true"
width="1000px"
:before-close="handleClose"
class="dialog_diy1"
>
<div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
<video-player
class="video-player vjs-custom-skin"
:playsinline="true"
:options="videoDetail"
@play="onPlayerPlay($event)"
style="width: 100%; height: 100%"
></video-player>
</div>
<div slot="footer">
<el-button
style="background: #409efe; color: #fff"
@click="(videoVisible = false), (videoDetail.sources[0].src = '')"
>
关 闭</el-button
>
</div>
</el-dialog>
<el-dialog
title="查看详情"
:visible.sync="commentDialogVisible"
:append-to-body="true"
width="800px"
:before-close="handleClose"
class="dialog_diy"
>
<div class="commentTop">
<div class="studentDetail">
<div class="tx"><img src="../assets/avatar.png" alt="" /></div>
<div class="nameAndTime">
<div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
<div>{{ commentDetail.time }}</div>
</div>
<div
class="returnBtn"
style="margin-left: auto; width: 80px"
v-if="
commentDetail.works &&
commentDetail.type == 0 &&
(tType == 1 || tType == 4)
"
@click="
showPicturePaint(
commentDetail.img ? commentDetail.img : commentDetail.works
)
"
>
教师批注
</div>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 2"
>
{{ JSON.parse(commentDetail.works)[0].answer }}
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 1"
>
<img
src="../assets/teacherWork.png"
v-if="commentDetail.ateacher"
class="w_teachert"
/>
<pdf
v-if="showPDF"
:pdfUrl="pptImgUrl"
style="width: 100%; height: 520px; overflow: auto"
:class="{ fullStyle: full }"
></pdf>
<iframe
v-else
:src="pptImgUrl"
frameborder="0"
width="100%"
height="600"
:class="{ fullStyle: full }"
></iframe>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 0"
>
<img
src="../assets/teacherWork.png"
v-if="commentDetail.ateacher"
class="w_teachert"
style="right: 105px"
/>
<img
:src="commentDetail.works"
alt=""
@click="previewImg(commentDetail.works)"
/>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 3"
>
<img
src="../assets/teacherWork.png"
v-if="commentDetail.ateacher"
class="w_teachert"
/>
<video-player
class="video-player vjs-custom-skin"
:playsinline="true"
:options="videoDetail"
@play="onPlayerPlay($event)"
style="width: 90%; height: 100%; margin: 0 0 0 30px"
></video-player>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 10"
>
<div class="cont" v-html="commentDetail.works.text"></div>
</div>
<div
class="worksAnswer codeFileBox"
v-if="commentDetail.works && commentDetail.type == 12"
@click="downloadFile(commentDetail.works)"
>
<img src="../assets/icon/codeFile.png" />
<div>点击下载文件</div>
</div>
<div
class="worksAnswer codeFileBox"
v-if="commentDetail.works && commentDetail.type == 15"
@click="
openCocoPi(
57,
commentIndexJson.toolIndex,
commentDetail.userid,
commentDetail.sName
)
"
>
<img src="../assets/icon/codeFile.png" />
<div>点击打开CocoPi</div>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 13"
>
<div v-html="JSON.parse(commentDetail.works).text"></div>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 4"
>
<div class="evalCss">
<div class="nav">请选择星星进行评分</div>
<div class="middleBox" v-if="eScore.eStar">
<div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
<div class="nameAndrate">
<div>{{ e.value }}</div>
<el-rate v-model="eScore.eStar[eIndex]" disabled></el-rate>
</div>
<div v-if="e.detail">{{ e.detail }}</div>
</div>
<div class="bz">
<textarea
disabled
rows="4"
class="pj"
style="
padding: 10px 5px;
width: 70%;
background: #f7f6f9;
font-size: 14px;
text-indent: 10px;
color: #000;
"
cols
v-model="eScore.eBzText"
placeholder="请输入评价内容..."
></textarea>
</div>
</div>
</div>
</div>
<div class="comment">
<div class="commentList">
<div class="commentImg">
<img
@click="
isLikes(
commentDetail.wid,
userid,
1,
null,
commentDetail.isLikes
)
"
:src="commentDetail.isLikes == true ? likes : noLikes"
alt=""
/>
</div>
<div>{{ commentDetail.likesCount }}</div>
</div>
<div class="commentList">
<div class="commentImg">
<img src="../assets/icon/comment/comment.png" alt="" />
</div>
<div>{{ commentDetail.commentCount }}</div>
</div>
</div>
<div class="drawPBox" v-if="commentDetail.img">
<span>教师批注</span>
<img
:src="commentDetail.img"
alt=""
@click="previewImg(commentDetail.img)"
/>
<span
class="deleteImg"
v-if="tType == 1 || tType == 4"
@click.stop="deletePicturePaint(commentDetail.wid)"
style="
font-size: 14px;
width: auto !important;
color: #b4b4b4;
top: unset;
bottom: 0;
border: none;
padding: 0;
height: auto !important;
margin: 0;
"
>删除</span
>
</div>
</div>
<div class="commentBox">
<div class="pl">评论：</div>
<div style="max-height: 200px; overflow: auto">
<div
v-if="commentDetail.commentJson && commentDetail.commentJson.length"
style="padding: 10px 0 0 0"
>
<div
class="studentDetail"
style="padding-top: 10px"
v-for="(co, coIndex) in commentDetail.commentJson"
:key="coIndex"
>
<div class="tx" style="min-width: 50px">
<img src="../assets/avatar.png" alt="" />
</div>
<div class="plPerson">
<div class="plName">
<div>{{ co.commentPeople }}</div>
<div style="margin-left: 5px">
{{ co.commentTime }}
</div>
<div
class="deleteComment"
v-if="userid == co.userid"
@click="deleteComment(co.wid)"
>
删除
</div>
</div>
<div class="plContent">{{ co.commentText }}</div>
</div>
</div>
</div>
<div v-else style="padding: 10px 0 0 0">暂无评论</div>
</div>
</div>
<div style="margin-top: 10px">
<div class="displayBox">
<div
style="
color: #556db4;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
"
>
评价
</div>
<div class="easy_comment" v-if="false">
<div
v-for="(p, pIndex) in PlTextList"
:key="pIndex"
@click="fastText(p, 1)"
>
{{ p }}
</div>
</div>
</div>
<div>
<textarea
rows="3"
class="pj"
style="padding: 10px 5px"
cols
v-model="commentText"
placeholder="请输入评论"
></textarea>
</div>
</div>
<div slot="footer">
<el-button
@click="
(commentDialogVisible = false),
(commentIndexJson = {}),
videoDetail.sources && videoDetail.sources[0]
? (videoDetail.sources[0].src = '')
: ''
"
>取 消</el-button
>
<el-button
type="primary"
@click="addComment(commentDetail.wid, userid, 2)"
>确 定</el-button
>
</div>
</el-dialog>
<el-dialog
title="查看文档"
:visible.sync="fullDialogVisible"
:append-to-body="true"
width="100%"
:before-close="handleClose"
:show-close="false"
class="dialog_diy full_diy"
:class="{ full_diy2: fulltype == 3 }"
>
<div slot="title" class="header-title">
<div style="color: #fff">查看文档</div>
<div
@click="fullDialogVisible = false"
style="
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
color: #fff;
"
>
退出全屏
</div>
</div>
<div style="height: 100%">
<div
class="wheel"
v-if="
fulltype == 2 &&
fullUrl.indexOf(
'https://view.officeapps.live.com/op/view.aspx?src='
) != -1
"
style="width: 95%; margin: 0 auto"
>
<iframe
style="width: 100%; height: 100%; border: none"
:src="fullUrl"
></iframe>
</div>
<iframe
v-else-if="fulltype == 2"
style="width: 100%; height: 100%; border: none"
:src="fullUrl"
security="restricted"
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
></iframe>
<pdf
v-else-if="fulltype == 3"
:pdfUrl="fullUrl"
style="width: 100%; height: 100%; overflow: auto"
></pdf>
<div
class="wheel"
v-if="fulltype == 1"
style="
box-shadow: 0 0 6px 1px #f2f2f2;
width: 100%;
background: #f1f1f1;
"
>
<div class="title" style="width: 100%; box-sizing: border-box">
查看文档
</div>
<el-form class="textBox" style="height: 90%">
<el-form-item class="textTitle">
<div style="font-size: 22px">
{{ fullUrl.name }}
</div>
</el-form-item>
<!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
<div
v-html="fullUrl.url"
class="textContent"
style="height: auto"
></div>
</el-form>
</div>
</div>
<!-- <div slot="footer">
<el-button @click="fullDialogVisible = false">关 闭</el-button>
</div> -->
</el-dialog>
<el-dialog
title="个人评价"
:visible.sync="studentEvalDialogVisible"
:append-to-body="true"
width="800px"
:before-close="handleClose"
class="dialog_diy"
>
<div class="evalCss">
<div class="nav">请选择星星进行评分</div>
<div class="middleBox" v-if="eScore.eStar">
<div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
<div class="nameAndrate">
<div>{{ e.value }}</div>
<el-rate
v-model="eScore.eStar[eIndex]"
:disabled="isStar"
></el-rate>
</div>
<div v-if="e.detail">{{ e.detail }}</div>
</div>
<div class="easy_comment" v-if="false">
<div
v-for="(p, pIndex) in PlTextList"
:key="pIndex"
@click="fastText(p, 2)"
>
{{ p }}
</div>
</div>
<div class="bz">
<textarea
:disabled="isStar"
rows="4"
class="pj"
style="
padding: 10px 5px;
width: 70%;
background: #f7f6f9;
font-size: 14px;
text-indent: 10px;
"
cols
v-model="eScore.eBzText"
placeholder="请输入评价内容..."
></textarea>
</div>
</div>
</div>
<div slot="footer">
<el-button @click="studentEvalDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="addBzWorks" v-if="!isStar"
>确 定</el-button
>
</div>
</el-dialog>
<el-dialog
title="个人评价"
:visible.sync="studentEvalDialogVisibleTeacher"
:append-to-body="true"
width="800px"
:before-close="handleClose"
class="dialog_diy"
>
<div class="w_name">
学生姓名：<span>{{ sStudent.student }}</span>
</div>
<div class="evalCss">
<div class="nav">请选择星星进行评分</div>
<div class="middleBox" v-if="eScore.eStar">
<div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
<div class="nameAndrate">
<div>{{ e.value }}</div>
<el-rate
v-model="eScore.eStar[eIndex]"
:disabled="isStar"
></el-rate>
</div>
<div v-if="e.detail">{{ e.detail }}</div>
</div>
<div class="easy_comment" v-if="false">
<div
v-for="(p, pIndex) in PlTextList"
:key="pIndex"
@click="fastText(p, 2)"
>
{{ p }}
</div>
</div>
<div class="bz">
<textarea
:disabled="isStar"
rows="4"
class="pj"
style="
padding: 10px 5px;
width: 70%;
background: #f7f6f9;
font-size: 14px;
text-indent: 10px;
"
cols
v-model="eScore.eBzText"
placeholder="请输入评价内容..."
></textarea>
</div>
</div>
</div>
<div slot="footer">
<el-button @click="studentEvalDialogVisibleTeacher = false"
>取 消</el-button
>
<el-button type="primary" @click="addBzWorksTeacher" v-if="!isStar"
>确 定</el-button
>
</div>
</el-dialog>
<el-dialog
title="选择填空"
:visible.sync="dialogVisibleSelect"
:append-to-body="true"
width="90%"
:before-close="handleClose"
class="dialog_diy dialog_diy3"
>
<div v-if="selectJson">
<div class="select_box2">
<div class="select_box2_title">
<div>选择填空</div>
<div>请选择对应的答案进行答题！</div>
</div>
<div class="select_box2_box">
<div class="select_box2_img">
<img
:src="selectJson.url"
@click="previewImg(selectJson.url)"
alt=""
/>
</div>
<div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
<div style="padding-top: 15px">
<div class="select_answer_title" v-if="isSelect">
{{ selectAnswer.stu }}
</div>
<div class="select_answer_title" v-else>
根据题目选择对应答案
</div>
<div
class="select_box2_answer_box"
v-for="(item2, checkIndex) in selectJson.select"
:key="checkIndex"
>
<span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
<el-select
:disabled="isSelect"
v-model="selectAnswer.answer[checkIndex]"
placeholder="请选择正确答案"
>
<el-option
v-for="(e, eIndex) in selectJson.select"
:key="eIndex"
:label="e"
:value="eIndex"
>
</el-option>
</el-select>
</div>
</div>
<div
class="rightAnswerCss"
v-if="isSelect && (tType == 1 || tType == 4)"
>
<div
v-for="(a, aIndex) in selectJson.answer"
:key="aIndex"
class="rightAnswer"
>
<div
v-if="selectAnswer.answer[aIndex] === a"
style="color: #767de1"
>
回答正确
</div>
<div v-else>回答错误</div>
<div
style="margin-left: 10px"
v-if="selectAnswer.answer[aIndex] !== a"
>
正确答案：
</div>
<div
:class="
selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
"
>
{{ selectJson.select[a] }}
</div>
</div>
</div>
</div>
<div class="upAnswerCss">
<el-button
type="primary"
@click="addSelectAnswer"
v-if="!isSelect"
>提交答案</el-button
>
</div>
</div>
</div>
</div>
</el-dialog>
<el-dialog
title="选择填空"
:visible.sync="dialogVisibleSelectTeacher"
:append-to-body="true"
width="90%"
:before-close="handleClose"
class="dialog_diy dialog_diy3"
>
<div v-if="selectJson">
<div class="w_name">
学生姓名：<span>{{ sStudent.student }}</span>
</div>
<div class="select_box2">
<div class="select_box2_title">
<div>选择填空</div>
<div>请选择对应的答案进行答题！</div>
</div>
<div class="select_box2_box">
<div class="select_box2_img">
<img
:src="selectJson.url"
@click="previewImg(selectJson.url)"
alt=""
/>
</div>
<div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
<div style="padding-top: 15px">
<div class="select_answer_title" v-if="isSelect">
{{ selectAnswer.stu }}
</div>
<div class="select_answer_title" v-else>
根据题目选择对应答案
</div>
<div
class="select_box2_answer_box"
v-for="(item2, checkIndex) in selectJson.select"
:key="checkIndex"
>
<span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
<el-select
:disabled="isSelect"
v-model="selectAnswer.answer[checkIndex]"
placeholder="请选择正确答案"
>
<el-option
v-for="(e, eIndex) in selectJson.select"
:key="eIndex"
:label="e"
:value="eIndex"
>
</el-option>
</el-select>
</div>
</div>
<div
class="rightAnswerCss"
v-if="isSelect && (tType == 1 || tType == 4)"
>
<div
v-for="(a, aIndex) in selectJson.answer"
:key="aIndex"
class="rightAnswer"
>
<div
v-if="selectAnswer.answer[aIndex] === a"
style="color: #767de1"
>
回答正确
</div>
<div v-else>回答错误</div>
<div
style="margin-left: 10px"
v-if="selectAnswer.answer[aIndex] !== a"
>
正确答案：
</div>
<div
:class="
selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
"
>
{{ selectJson.select[a] }}
</div>
</div>
</div>
</div>
<div class="upAnswerCss">
<el-button
type="primary"
@click="addSelectAnswerTeacher"
v-if="!isSelect"
>提交答案</el-button
>
</div>
</div>
</div>
</div>
</el-dialog>
<el-dialog
title="教师评分"
:visible.sync="dialogVisibleScore"
:append-to-body="true"
width="800px"
:before-close="handleClose"
class="dialog_diy"
>
<div>
<div class="studentDetail">
<div class="tx"><img src="../assets/avatar.png" alt="" /></div>
<div class="nameAndTime">
<div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
<div>{{ commentDetail.time }}</div>
</div>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 2"
>
{{ JSON.parse(commentDetail.works)[0].answer }}
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 1"
>
<pdf
v-if="showPDF"
:pdfUrl="pptImgUrl"
style="width: 100%; height: 520px; overflow: auto"
:class="{ fullStyle: full }"
></pdf>
<iframe
v-else
:src="pptImgUrl"
frameborder="0"
width="100%"
height="600"
:class="{ fullStyle: full }"
></iframe>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 0"
>
<img
:src="commentDetail.works"
alt=""
@click="previewImg(commentDetail.works)"
/>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 3"
>
<video-player
class="video-player vjs-custom-skin"
:playsinline="true"
:options="videoDetail"
@play="onPlayerPlay($event)"
style="width: 90%; height: 100%; margin: 0 0 0 30px"
></video-player>
</div>
<div
class="worksAnswer codeFileBox"
v-if="commentDetail.works && commentDetail.type == 12"
@click="downloadFile(commentDetail.works)"
>
<img src="../assets/icon/codeFile.png" />
<div>点击下载文件</div>
</div>
<div
class="worksAnswer codeFileBox"
v-if="commentDetail.works && commentDetail.type == 15"
@click="
openCocoPi(
57,
commentIndexJson.toolIndex,
commentDetail.userid,
commentDetail.sName
)
"
>
<img src="../assets/icon/codeFile.png" />
<div>点击打开CocoPi</div>
</div>
<div
class="worksAnswer"
v-if="commentDetail.works && commentDetail.type == 13"
>
<div v-html="JSON.parse(commentDetail.works).text"></div>
</div>
<div class="scoreBox">
<span class="t">请输入分数</span>
<el-input-number
:disabled="courseDetail.userid != userid"
v-model="wScore"
:controls="false"
:min="0"
:max="100"
></el-input-number>
</div>
<div class="scoreDetailBox">
<span class="t">评分评论</span>
<el-input
type="textarea"
:rows="5"
:disabled="courseDetail.userid != userid"
resize="none"
v-model="scoreDetail"
placeholder="请输入对学生的评价"
>
</el-input>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button
@click="
(dialogVisibleScore = false),
(commentIndexJson = {}),
videoDetail.sources && videoDetail.sources[0]
? (videoDetail.sources[0].src = '')
: ''
"
>取 消</el-button
>
<el-button
type="primary"
v-if="courseDetail.userid == userid"
@click="scoreWork(commentDetail.wid)"
>确 定
</el-button>
</span>
</el-dialog>
<el-dialog
title="连词成句"
:visible.sync="dialogVisibleSentence"
:append-to-body="true"
width="1000px"
:before-close="handleClose"
class="dialog_diy dialog_diy3"
>
<div>
<div class="sentenBox">
<div
v-for="(st, stIndex) in sentenceList"
:key="stIndex"
style="padding-bottom: 20px"
>
<div style="padding: 15px 0 10px 20px">请选择正确顺序</div>
<div class="cardList" v-if="st.chooseSenList">
<div class="cardBox">
<div
v-for="(r, rIndex) in st.chooseSenList"
:key="rIndex"
@click="returnCard(r, stIndex, rIndex)"
>
<el-tooltip
class="item"
effect="light"
:content="r"
placement="top"
v-if="r != '' && r != undefined"
>
<div
:class="{
isCard: r,
isChooseCard: r == '' || r == undefined,
}"
>
<div>{{ r }}</div>
</div>
</el-tooltip>
<div
:class="{
isCard: r,
isChooseCard: r == '' || r == undefined,
}"
v-else
>
<div>{{ r }}</div>
</div>
</div>
</div>
</div>
<div class="cardList" v-if="st.addChangeSen">
<div class="cardBox">
<div
v-for="(s, sIndex) in st.addChangeSen"
:key="sIndex"
@click="setRightAnswer(s, stIndex, sIndex)"
>
<el-tooltip
class="item"
effect="light"
:content="s"
placement="top"
v-if="s != '' && s != undefined"
>
<div
:class="{ noCard: s == '' || s == undefined, isCard: s }"
>
<div>{{ s }}</div>
</div>
</el-tooltip>
<div
:class="{ noCard: s == '' || s == undefined, isCard: s }"
v-else
>
<div>{{ s }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleSentence = false">取 消</el-button>
<el-button type="primary" @click="addSenWorks">确 定</el-button>
</span>
</el-dialog>
<el-dialog
title="连词成句"
:visible.sync="dialogVisibleSentenceTeacher"
:append-to-body="true"
width="1000px"
:before-close="handleClose"
class="dialog_diy dialog_diy3"
>
<div>
<div class="w_name">
学生姓名：<span>{{ sStudent.student }}</span>
</div>
<div class="sentenBox">
<div
v-for="(st, stIndex) in sentenceList"
:key="stIndex"
style="padding-bottom: 20px"
>
<div style="padding: 15px 0 10px 20px">请选择正确顺序</div>
<div class="cardList" v-if="st.chooseSenList">
<div class="cardBox">
<div
v-for="(r, rIndex) in st.chooseSenList"
:key="rIndex"
@click="returnCard(r, stIndex, rIndex)"
>
<el-tooltip
class="item"
effect="light"
:content="r"
placement="top"
v-if="r != '' && r != undefined"
>
<div
:class="{
isCard: r,
isChooseCard: r == '' || r == undefined,
}"
>
<div>{{ r }}</div>
</div>
</el-tooltip>
<div
:class="{
isCard: r,
isChooseCard: r == '' || r == undefined,
}"
v-else
>
<div>{{ r }}</div>
</div>
</div>
</div>
</div>
<div class="cardList" v-if="st.addChangeSen">
<div class="cardBox">
<div
v-for="(s, sIndex) in st.addChangeSen"
:key="sIndex"
@click="setRightAnswer(s, stIndex, sIndex)"
>
<el-tooltip
class="item"
effect="light"
:content="s"
placement="top"
v-if="s != '' && s != undefined"
>
<div
:class="{ noCard: s == '' || s == undefined, isCard: s }"
>
<div>{{ s }}</div>
</div>
</el-tooltip>
<div
:class="{ noCard: s == '' || s == undefined, isCard: s }"
v-else
>
<div>{{ s }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleSentenceTeacher = false"
>取 消</el-button
>
<el-button type="primary" @click="addSenWorksTeacher">确 定</el-button>
</span>
</el-dialog>
<el-dialog
title="连词成句"
:visible.sync="dialogVisibleSentence1"
:append-to-body="true"
width="1000px"
:before-close="handleClose"
class="dialog_diy dialog_diy3"
>
<div>
<div class="sentenBox">
<div style="padding: 15px 0 10px 20px; font-size: 20px">
{{ sentenceList1.stuName }}的作业
</div>
<div
v-for="(st, stIndex) in sentenceList1"
:key="stIndex"
style="padding-bottom: 20px"
>
<div style="padding: 15px 0 10px 20px; font-size: 20px">
第{{ stIndex + 1 }}题
</div>
<div class="isWrong">
<div class="cardList1" v-if="st.chooseSenList">
<div class="cardBox">
<div v-for="(s, sIndex) in st.chooseSenList" :key="sIndex">
<el-tooltip
class="item"
effect="light"
:content="s"
placement="top"
>
<div class="isCard">
<div>{{ s }}</div>
</div>
</el-tooltip>
</div>
</div>
<div class="cardAnswerBox">
组成句子：{{ st.chooseSenList.join(" ") }}
</div>
</div>
<div v-if="tType == 2" class="isTj">
<div class="isTjImg">
<img src="../assets/icon/conSentences/right.png" alt="" />
</div>
<div>已提交</div>
</div>
<div
class="answerRight isTj"
v-if="
st.chooseSenList.toString() == st.rightAnswer.toString() &&
(tType == 1 || tType == 4)
"
>
<div class="isTjImg">
<img src="../assets/icon/conSentences/right.png" alt="" />
</div>
<div>回答正确</div>
</div>
<div
class="answerRight isTj"
v-if="
st.chooseSenList.toString() != st.rightAnswer.toString() &&
(tType == 1 || tType == 4)
"
>
<div class="isTjImg">
<img src="../assets/icon/conSentences/wrong.png" alt="" />
</div>
<div>回答错误</div>
</div>
</div>
<div
v-if="
st.chooseSenList.toString() != st.rightAnswer.toString() &&
(tType == 1 || tType == 4)
"
>
<div style="padding: 15px 0 10px 20px">正确答案如下：</div>
<div
class="cardList"
v-if="st.rightAnswer"
style="border: none; padding: 10px 0 10px 10px; margin: 0"
>
<div class="cardBox">
<div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex">
<el-tooltip
class="item"
effect="light"
:content="r"
placement="top"
>
<div class="isCard1">
<div>{{ r }}</div>
</div>
</el-tooltip>
</div>
</div>
<div class="cardAnswerBox">
组成句子：{{ st.rightAnswer.join(" ") }}
</div>
</div>
</div>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleSentence1 = false">取 消</el-button>
<el-button type="primary" @click="dialogVisibleSentence1 = false"
>确 定</el-button
>
</span>
</el-dialog>
<el-dialog
title="教师提交作业"
:visible.sync="dialogVisibleWorks"
:append-to-body="true"
width="500px"
:before-close="handleClose"
class="dialog_change"
>
<div class="marginT">
<div class="w_name">
学生姓名：<span>{{ sStudent.student }}</span>
</div>
<div>上传文件</div>
<div
class="chapter_add"
@click="addImg($event)"
v-if="studyJuri[0].cover.length == 0"
>
<div class="up_photo">
<img src="../assets/uploadImg2.png" alt />
</div>
<!-- <input
type="file"
accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
style="display: none"
@change="beforeUpload1($event, 1)"
/> -->
<input
type="file"
accept="*"
style="display: none"
@change="beforeUpload1($event, 1)"
/>
</div>
<!-- capture="camera" -->
<div
class="chapter_add"
style="
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding: 15px 0;
"
v-if="studyJuri[0].cover.length > 0"
>
<div class="upCover">
<img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
<img :src="word" alt v-else-if="fileType == 1" />
<img :src="video" alt v-else-if="fileType == 2" />
<img :src="word2" alt v-else-if="fileType == 3" />
<span class="picName">{{ studyJuri[0].cover[0].name }}</span>
<div class="deleteWord" @click="clean(1)">
<img src="../assets/icon/deleteWorks.png" alt />
</div>
</div>
</div>
</div>
<div
class="upload_send"
@click="addCourseWorksTeacher(taskCount)"
v-if="!proVisible"
>
提交
</div>
</el-dialog>
<ImgDraw
:drawShow="drawShow"
@closeDraw="closeDraw"
@addImgDraw="addImgDraw"
:bg="bg"
></ImgDraw>
<el-dialog
title="表格"
:visible.sync="dialogVisibleTable"
:append-to-body="true"
width="95%"
:before-close="handleClose"
class="dialog_diy"
>
<el-form>
<div
style="
display: flex;
align-items: center;
justify-content: space-between;
"
>
<span>表格内容</span>
<el-button type="primary" size="small" @click="returnTableText"
>还原模板</el-button
>
</div>
<Table
v-model="tableJson.text"
@change="change"
v-if="dialogVisibleTable"
></Table>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleTable = false">取 消</el-button>
<el-button type="primary" @click="addTableWorks">确定</el-button>
</span>
</el-dialog>
<el-dialog
title="表格"
:visible.sync="dialogVisibleTableTeacher"
:append-to-body="true"
width="95%"
:before-close="handleClose"
class="dialog_diy"
>
<el-form>
<div class="w_name">
学生姓名：<span>{{ sStudent.student }}</span>
</div>
<div>表格内容</div>
<Table
v-model="tableJson.text"
@change="change"
v-if="dialogVisibleTableTeacher"
></Table>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleTableTeacher = false">取 消</el-button>
<el-button type="primary" @click="addTableWorksTeacher">确定</el-button>
</span>
</el-dialog>
<el-dialog
title="文档"
:visible.sync="dialogVisibleWord"
:append-to-body="true"
width="95%"
:before-close="handleClose"
class="dialog_diy"
>
<el-form>
<div
style="
display: flex;
align-items: center;
justify-content: space-between;
"
>
<span>文档内容</span>
<el-button type="primary" size="small" @click="returnWordText"
>还原模板</el-button
>
</div>
<editor-bar
v-model="wordJson.text"
v-if="dialogVisibleWord"
></editor-bar>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleWord = false">取 消</el-button>
<el-button type="primary" @click="addWordWorks">确定</el-button>
</span>
</el-dialog>
<el-dialog
title="文档"
:visible.sync="dialogVisibleWordTeacher"
:append-to-body="true"
width="95%"
:before-close="handleClose"
class="dialog_diy"
>
<el-form>
<div class="w_name">
学生姓名：<span>{{ sStudent.student }}</span>
</div>
<div>文档内容</div>
<editor-bar
v-model="wordJson.text"
v-if="dialogVisibleWordTeacher"
></editor-bar>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleWordTeacher = false">取 消</el-button>
<el-button type="primary" @click="addWordWorksTeacher">确定</el-button>
</span>
</el-dialog>
<el-dialog
title="表格"
:visible.sync="dialogVisibleTable2"
:append-to-body="true"
width="95%"
:before-close="handleClose"
class="dialog_diy"
>
<el-form>
<div class="cont" v-html="tableJson.text"></div>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
</span>
</el-dialog>
<el-dialog
title="文档"
:visible.sync="dialogVisibleTable3"
:append-to-body="true"
width="95%"
:before-close="handleClose"
class="dialog_diy"
>
<el-form>
<div class="cont" v-html="tableJson.text"></div>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleTable3 = false">关 闭</el-button>
</span>
</el-dialog>
<el-dialog
title="分组设置"
:visible.sync="dialogVisibleGroup"
:append-to-body="true"
width="95%"
:before-close="handleClose"
class="dialog_diy"
>
<div v-if="dialogVisibleGroup">
<div v-if="courseDetail.userid == userid" class="g_d_btnBox">
<div style="color: rgb(171 171 171); margin: 0 10px 0 0">
提示：开启【开放选座】，学生能够自由加入和退出小组。
</div>
<!-- <div type="primary" v-if="groupJson.islock == 1" class="returnBtn" style="background-color: #225bc7"
@click="lockChair">
锁定位置
</div>
<div type="primary" v-else class="returnBtn" style="background-color: #225bc7" @click="lockChair">
解锁位置
</div> -->
<div class="group_switch">
<span>开放选座</span>
<el-switch
v-model="islock"
active-text=""
class="switchCss"
@change="lockChair"
></el-switch>
</div>
<div
type="primary"
@click="updateGroup"
class="returnBtn"
style="background-color: #225bc7"
>
分组设置
</div>
</div>
<div>
<div
class="g_d_box"
v-if="groupJson.group && groupStudent[toolindex]"
>
<div
class="g_d_group"
v-for="(g, gindex) in groupJson.group"
:key="gindex"
>
<div class="g_d_group_chair">
<div v-if="groupJson.number > 1">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][0],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][0] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][0]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][0]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][0].name
: "空位置"
}}</span>
</div>
<div v-if="groupJson.number > 4">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][4],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][4] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][4]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][4]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][4].name
: "空位置"
}}</span>
</div>
<div v-if="groupJson.number > 8">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][8],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][8] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][8]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][8]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][8].name
: "空位置"
}}</span>
</div>
</div>
<div class="g_d_group_tableBox">
<div class="g_d_group_chair2">
<div v-if="groupJson.number > 2">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][2],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][2] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][2]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][2]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][2].name
: "空位置"
}}</span>
</div>
<div v-if="groupJson.number > 6">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][6],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][6] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][6]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][6]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][6].name
: "空位置"
}}</span>
</div>
</div>
<div class="g_d_group_table">
<div>
{{ g.name }}
</div>
<div>
<div
v-if="
courseDetail.userid == userid && groupJson.islock == 2
"
@click="deleteGroupChair(gindex)"
>
移除组员
</div>
<div
@click="selectGroup(gindex)"
v-else-if="
groupStudentUid[toolindex] &&
groupStudentUid[toolindex][gindex].indexOf(userid) == -1
"
>
加入分组
</div>
<div
@click="
exitGroup(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][
groupStudentUid[toolindex][gindex].indexOf(userid)
].id
)
"
v-else-if="
groupStudentUid[toolindex] &&
groupStudentUid[toolindex][gindex].indexOf(userid) != -1
"
>
退出分组
</div>
</div>
</div>
<div class="g_d_group_chair2">
<div v-if="groupJson.number > 3">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][3],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][3] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][3]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][3]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][3].name
: "空位置"
}}</span>
</div>
<div v-if="groupJson.number > 7">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][7],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][7] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][7]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][7]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][7].name
: "空位置"
}}</span>
</div>
</div>
</div>
<div class="g_d_group_chair">
<div v-if="groupJson.number > 1">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][1],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][1] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][1]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][1]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][1].name
: "空位置"
}}</span>
</div>
<div v-if="groupJson.number > 5">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][5],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][5] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][5]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][5]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][5].name
: "空位置"
}}</span>
</div>
<div v-if="groupJson.number > 9">
<span
:class="{
isChair:
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][9],
updateChair:
courseDetail.userid == userid &&
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][9] &&
groupJson.islock == 2,
}"
><span
class="updateChairBtn"
@click="
updateGroupChair(
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][9]
)
"
>修改</span
></span
><span>{{
groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][9]
? groupStudent[toolindex][gindex] &&
groupStudent[toolindex][gindex][9].name
: "空位置"
}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<!-- <el-button @click="(dialogVisibleGroup = false)">关 闭</el-button> -->
</span>
</el-dialog>
<el-dialog
title="分组设置"
:visible.sync="dialogVisibleGroup2"
:append-to-body="true"
width="650px"
:before-close="handleClose"
class="dialog_diy"
>
<div class="groupBox">
<div v-if="groupJson2.group" class="groupContent">
<div class="groupTitle">请设置小组数量</div>
<div
v-for="(item, index) in groupJson2.group"
:key="index"
class="groupName"
>
<span class="groupn">组{{ index + 1 }}名称:</span>
<el-input
v-model="item.name"
placeholder="请输入名称..."
style="width: 250px"
></el-input>
<!-- <div class="groupBtn">
<el-button type="primary" size="small" @click="addGroup(index)">
添加</el-button>
<el-button type="primary" size="small" @click="deleteGroup(index)"
v-if="groupJson2.group && groupJson2.group.length > 1">删除</el-button>
</div> -->
</div>
</div>
<div class="groupContent">
<div class="groupTitle">请设置每组人数数量</div>
<!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
<el-input-number
v-model="groupJson2.number"
:controls="false"
:min="2"
:max="10"
placeholder="2-10人以内"
></el-input-number>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleGroup2 = false">取 消</el-button>
<el-button type="primary" @click="updateGroupJson">确定</el-button>
</span>
</el-dialog>
<el-dialog
title="作业提交"
:visible.sync="dialogVisibleGroupWork"
:append-to-body="true"
width="500px"
:before-close="handleClose"
class="dialog_change"
>
<div class="marginT">
<div>上传文件</div>
<div
class="chapter_add"
@click="addImg($event)"
v-if="studyJuri[0].cover.length == 0"
>
<div class="up_photo">
<img src="../assets/icon/uploadImg.png" alt />
</div>
<!-- <input
type="file"
accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
style="display: none"
@change="beforeUpload1($event, 1)"
/> -->
<input
type="file"
accept="*"
style="display: none"
@change="beforeUpload1($event, 1)"
/>
</div>
<!-- capture="camera" -->
<div
class="chapter_add"
style="
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding: 15px 0;
"
v-if="studyJuri[0].cover.length > 0"
>
<div class="upCover">
<img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
<img :src="word" alt v-else-if="fileType == 1" />
<img :src="video" alt v-else-if="fileType == 2" />
<img :src="word2" alt v-else-if="fileType == 3" />
<span class="picName">{{ studyJuri[0].cover[0].name }}</span>
<div class="deleteWord" @click="clean(1)">
<img src="../assets/icon/deleteWorks.png" alt />
</div>
</div>
</div>
</div>
<div
class="upload_send"
@click="addCourseWorks2(taskCount)"
v-if="!proVisible"
>
提交
</div>
</el-dialog>
<el-dialog
title="修改分组"
:visible.sync="dialogVisibleUpdateGroup"
:append-to-body="true"
width="350px"
:before-close="handleClose"
class="dialog_diy"
>
<div>
<h2>
{{ this.updateGroupUser.name }}
</h2>
<div style="color: rgb(171 171 171); margin-top: 10px">
请选择要进入的分组
</div>
<el-radio-group v-model="checkChair">
<el-radio
style="display: block; margin-top: 20px"
v-for="(item, index) in updateGroupArray"
:label="item.label"
:key="index"
>{{ item.name }}</el-radio
>
</el-radio-group>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleUpdateGroup = false">取 消</el-button>
<el-button type="primary" @click="updateChair">确定</el-button>
</span>
</el-dialog>
<el-dialog
title="移除组员"
:visible.sync="dialogVisibleDeleteGroup"
:append-to-body="true"
width="350px"
:before-close="handleClose"
class="dialog_diy"
>
<div>
<h2>
{{ this.deleteGroupArray.name }}
</h2>
<div style="color: rgb(171 171 171); margin-top: 10px">
请选择要删除的组员
</div>
<el-checkbox-group v-model="checkDeleteGroup">
<el-checkbox
style="display: block; margin-top: 20px"
v-for="(item, index) in deleteGroupUser"
:label="item.userid"
:key="index"
>{{ item.name }}</el-checkbox
>
</el-checkbox-group>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleDeleteGroup = false">取 消</el-button>
<el-button type="primary" @click="deleteChair">确定</el-button>
</span>
</el-dialog>
<el-dialog
title="批量上传"
:visible.sync="dialogVisiblePl"
:append-to-body="true"
width="700px"
:before-close="handleClose"
class="dialog_change"
>
<div class="marginT">
<div class="plworkBox">
<div
class="chapter_add"
style="
display: flex;
width: 150px;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 10px 10px 0;
"
v-for="(item, index) in plworkFile"
:key="index"
>
<div class="upCover2">
<img
:src="item.url"
alt
v-if="item.fileType == 1"
@click="previewImg(item.url)"
/>
<img :src="word" alt v-else-if="item.fileType == 4" />
<img :src="video" alt v-else />
<!-- <span class="picName">{{ item.name }}</span> -->
<!-- <el-input
v-model="item.username"
placeholder="请输入学生名字"
style="margin-top: 10px"
></el-input> -->
<div
class="pl_select_box"
@click="
getUpdateMore(true, checkUpload(), item.username, index)
"
>
{{ getSName(item.username) }}
</div>
<!-- <el-select
style="margin-top: 10px"
v-model="item.username"
filterable
allow-create
placeholder="请选择学生"
>
<el-option
v-for="item1 in checkUpload()"
:key="item1.userid"
:label="item1.name ? item1.name : item1.username"
:value="item1.userid"
>
</el-option>
</el-select> -->
<div class="deleteWord" @click="clean2(index)">
<img src="../assets/icon/deleteWorks.png" alt />
</div>
</div>
</div>
<div class="chapter_add" style="width: auto" @click="addImg($event)">
<div class="up_photo2">
<img src="../assets/icon/plwork.png" alt />
<span>点击上传文件</span>
</div>
<input
type="file"
accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
multiple="multiple"
style="display: none"
@change="beforeUpload3($event, 6)"
/>
</div>
</div>
</div>
<!-- capture="camera" -->
<div
class="upload_send"
@click="addCourseWorksPl(taskCount)"
v-if="!proVisible2"
>
提交
</div>
</el-dialog>
<el-dialog
title="修改名称"
:visible.sync="dialogVisibleSname"
width="500px"
:before-close="handleClose"
class="dialog_diy"
center
>
<div
style="
text-align: center;
display: flex;
align-items: center;
justify-content: center;
"
>
<span class="tian1">名称</span>
<div
class="pl_select_box"
style="margin-left: 10px; width: 200px"
@click="getUpdateMore(true, uploadStudentJuri, worksSid)"
>
{{ getSName(worksSName) }}
</div>
<!-- <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
placeholder="请选择学生">
<el-option v-for="item in uploadStudentJuri" :key="item.userid" :label="item.name ? item.name : item.username"
:value="item.userid">
</el-option>
</el-select> -->
<!-- <el-input
v-model="worksSName"
style="width: 250px; margin: 15px 0px"
></el-input> -->
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleSname = false">取 消</el-button>
<el-button type="primary" @click="updateName">确 定</el-button>
</span>
</el-dialog>
<interVideo
:dialogVisibleVideo.sync="dialogVisibleVideo"
:videoJson="videoJson"
:userid="userid"
:id="id"
:courseType="courseType"
:taskCount="taskCount"
:toolindex="toolindex"
></interVideo>
<UpdateMore
:dialogVisibleMember.sync="dialogVisibleMember"
:cList="uploadStudentJuri"
:userid="userid"
:searchTN="worksSName2"
@setPlname="setPlname"
></UpdateMore>
</div>
</template>
<script>
import "../common/aws-sdk-2.235.1.min.js";
// import pdf from "./components/pdf3";
import pdf from "./components/vpdf";
import AskStatic from "./components/askStatic";
import AskStatic2 from "./components/askStatic2";
import AnswerData2 from "./components/answerData2";
import AnswerData from "./components/answerData";
import EditorBar from "./tools/wangEnduit.vue";
import Table from "./tools/table.vue";
import Time from "./tools/time.vue";
import Mind from "./tools/jsmind.vue";
import Sunburst from "./tools/sunburst";
import SeeBoard from "./tools/seeBoard";
import * as imageConversion from "image-conversion";
import Audio from "./components/audio.vue";
import ImgDraw from "./tools/imgDraw/imgDraw";
import { Empty } from "element-ui";
import RecordRTC from "recordrtc";
import interVideo from "./interVideo/index.vue";
import UpdateMore from "./updateMore/updateMore.vue";
export default {
components: {
EditorBar,
Time,
pdf,
AskStatic,
AskStatic2,
Mind,
Sunburst,
SeeBoard,
AnswerData2,
AnswerData,
Audio,
ImgDraw,
Table,
interVideo,
UpdateMore,
},
data() {
return {
bg: null,
drawShow: false,
dialogVisible: false,
dialogVisiblePl: false,
commentDialogVisible: false,
dialogVisibleMember: false,
videoVisible: false,
isStar: false,
studentEvalDialogVisible: false,
studentEvalDialogVisibleTeacher: false,
dialogVisibleSelect: false,
dialogVisibleSelectTeacher: false,
dialogVisibleScore: false,
dialogVisibleSentence: false,
dialogVisibleSentenceTeacher: false,
dialogVisibleSentence1: false,
dialogVisibleWorks: false,
dialogVisibleTable: false,
dialogVisibleTableTeacher: false,
dialogVisibleWord: false,
dialogVisibleWordTeacher: false,
dialogVisibleTable2: false,
dialogVisibleTable3: false,
dialogVisibleGroupWork: false,
dialogVisibleUpdateGroup: false,
dialogVisibleDeleteGroup: false,
dialogVisibleSname: false,
dialogVisibleVideo: false,
worksSName: "",
classJuri: [],
uploadStudentJuri: [],
uploadCid: "",
snameWid: "",
sStudent: {},
sTool: "",
bzText: "",
commentDetail: [],
selectAnswer: [],
videoDetail: {},
selectJson: {},
eScore: { eBzText: "", eStar: [] },
id: this.$route.query.courseId,
userid: this.$route.query.userid,
classId: this.$route.query.cid,
// courseTypeLine: this.$route.query.type,
oid: this.$route.query.oid,
org: this.$route.query.org,
tType: this.$route.query.tType,
courseType: this.$route.query.type,
screenType: this.$route.query.screenType,
tcid2: this.$route.query.tcid,
tcid: "",
pptImgUrl: "",
pptImgUrl1: "",
commentText: "",
full: false,
sIsOpen: false,
IsLookOpen: false,
IsFollow: false,
pzDialog: false,
contentDialog: false,
mlDialog: false,
type: 1,
sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
sentenceList1: [],
tableJson: [],
tableJsonO: [],
wordJson: [],
wordJsonO: [],
vedio: [],
text: [],
textList: [],
line: [],
lineList: [],
chapTools: [],
chapToolList: [],
file: [],
fileC: [],
vedioTime: [],
upToolImg: "",
preTime: 0,
rateList: {
ca: 0,
},
rateParams: [],
colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
studyJuri: [
{
content: "",
cover: [],
upVedio: [],
upFile: [],
},
],
plworkFile: [],
mr: require("../assets/vedioPic.png"),
word: require("../assets/icon/isWord.png"),
word2: require("../assets/icon/word2.png"),
video: require("../assets/icon/isVideo.png"),
noLikes: require("../assets/icon/comment/noLikes.png"),
likes: require("../assets/icon/comment/likes.png"),
scoreImg: require("../assets/score.png"),
courseDetail: {},
isSelect: false,
chapInfo: [],
chapInfoList: [],
taskCount: 0,
imgList: [],
noImgList: [],
pzList: [],
PlTextList: [
"Excellent！",
"nice！",
"很有创意！",
"还不错哦～",
"继续努力哦～",
],
isClickNav: "",
navId: "",
playerOptions: {
playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
autoplay: false, //如果true,浏览器准备好时开始回放。
muted: false, // 默认情况下将会消除任何音频。
loop: false, // 导致视频一结束就重新开始。
preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
language: "zh-CN",
aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
sources: [
{
type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目 || "video/ogg"|| "video/webm"
src: "", //url地址require("../../assets/media/aaa.mp4")
},
],
// poster: require("../../assets/tu31.png"), //你的封面地址
// poster: dataRes.imgUrl, //你的封面地址
notSupportedMessage: "此视频暂无法播放，请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
controlBar: {
timeDivider: true, //当前时间和持续时间的分隔符
durationDisplay: true, //显示持续时间
remainingTimeDisplay: false, //是否显示剩余时间功能
fullscreenToggle: true, //全屏按钮
},
},
playerOptions1: {
playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
autoplay: false, //如果true,浏览器准备好时开始回放。
muted: false, // 默认情况下将会消除任何音频。
loop: false, // 导致视频一结束就重新开始。
preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
language: "zh-CN",
aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
sources: [
{
type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目 || "video/ogg"|| "video/webm"
src: "", //url地址require("../../assets/media/aaa.mp4")
},
],
// poster: require("../../assets/tu31.png"), //你的封面地址
// poster: dataRes.imgUrl, //你的封面地址
notSupportedMessage: "此视频暂无法播放，请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
controlBar: {
timeDivider: true, //当前时间和持续时间的分隔符
durationDisplay: true, //显示持续时间
remainingTimeDisplay: false, //是否显示剩余时间功能
fullscreenToggle: true, //全屏按钮
},
},
playerO: {},
noneBtnImg: false,
proVisible: false,
proVisible2: false,
progress: 0,
isFinishSize: 0,
isAllSize: 0,
questionAnswer: "",
answerQ: "", //问答标题
rateJson: [],
wbCount: 0,
wordCount: 0,
mindCount: 0,
askCount: 0,
noteCount: 0,
mindNetWorkCount: 0,
libraryCount: 0,
workCount: 0,
timeCount: 0,
answerCount: 0,
trainCount: 0,
evalCount: 0,
dialogImageUrl: "",
pictureDialog: false,
toolTypeList: [],
dialogVisible1: false,
dialogVisible2: false,
dialogVisible3: false,
dialogVisible6: false,
dialogVisible4: false,
isNoHomeWork: false,
dialogVisible5: false,
dialogVisible5Teacher: false,
dialogVisibleChoice: false,
dialogVisibleChoiceTeacher: false,
answerDialogVisible: false,
answerDialogVisibleTeacher: false,
juriVisible: false,
timeDialogVisible: false,
radio: [],
isAsk: false,
askJson: {
askCount: 1,
askTitle: "",
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
},
testJson: {},
checkJson: [],
askList: [],
answerList: [],
navList: [],
addPzDialog: false,
pzConText: "",
worksStudent: [],
isCloseList: [],
workStudent: [],
groupStudent: [],
groupStudentUid: [],
noWorksS: [],
isWorksS: [],
noWorksStudent: [],
toolindex: 0,
groupIndex: 0,
workTypeB: false,
workTypeC: false,
isAnswer: false,
timer: null,
opertimer: null,
showType: 0,
fileType: 0,
showPDF: false,
noteName: "",
evaJuri: [],
evalua: "",
eTitle: "",
eName: "",
eJson: {},
fid: "", //一级
sid: "", //二级
tid: "", //二级
typeMode: 1,
eJSONNum: 0,
Etype: 1,
data: {
meta: {
name: "example",
author: "dd@163.com",
version: "0.2",
},
format: "node_array",
data: [{ id: "root", isroot: true, topic: "" }],
},
fullDialogVisible: false,
fulltype: "",
fullUrl: "",
commentIndexJson: {},
Stbodywidth: 0,
ispzType: 0,
pzType: 1,
wScore: 0,
scoreDetail: "",
videoStart: false,
recorder: null,
groupJson: {},
islock: false,
groupJson2: {},
dialogVisibleGroup: false,
dialogVisibleGroup2: false,
updateGroupArray: [],
updateGroupUser: {},
deleteGroupUser: [],
deleteGroupArray: {},
checkChair: "",
checkDeleteGroup: [],
inviteCode: "",
courseGroupStudent: [],
courseGroupStudentUid: [],
courseGroup: {},
isGroup: false,
toolIndex: null,
tool: {},
isWorkTool: [
16, 32, 57, 4, 45, 15, 1, 3, 6, 7, 26, 41, 47, 48, 52, 50, 40,
], //, 40
videoJson: {},
toolType: 1,
checktoolArray: [],
vChapterData: [],
isUpdateToolDetail: false,
checkboxList: [],
plIndex: "",
worksSName2: "",
worksSid: "",
};
},
methods: {
addToolChoose() {
if (!this.checktoolArray.length) {
this.$message.error("请选择要添加的任务");
return;
}
if (
!this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose[0].tool.length
) {
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose[0].tool = this.checktoolArray;
} else {
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose.push({
tool: this.checktoolArray,
toolDetail: "",
toolType: 1,
askCount: 1,
askTitle: "",
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
});
}
let params = [
{
cid: this.id,
chapters: JSON.stringify(this.chapInfoList),
uid: this.userid,
unitIndex: this.courseType,
},
];
this.ajax
.post(this.$store.state.api + "updateWorkNew4", params)
.then((res) => {
this.$message({
message: "添加成功",
type: "success",
});
this.checktoolArray = [];
this.getCourseDetail(2);
this.checkBz(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose.length - 1
);
this.$forceUpdate();
})
.catch((err) => {
console.error(err);
});
},
checkBz(index) {
this.toolIndex = index;
this.tool =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose[this.toolIndex];
this.isUpdateToolDetail = false;
this.$forceUpdate();
},
addTools2(i) {
if (i == 4) {
// this.openTools2(4);
this.$message.error("暂未开放");
return;
}
if (i == 45) {
// this.openTools2(45);
this.$message.error("暂未开放");
return;
}
if (i == 47) {
// this.openTools2(47);
this.$message.error("暂未开放");
return;
}
if (i == 49) {
// this.openTools2(49);
this.$message.error("暂未开放");
return;
}
if (i == 62) {
// this.openTools(itemTaskIndex, 62, toolIndex);
this.$message.error("暂未开放");
return;
}
if (i == 15) {
// this.openTools(itemTaskIndex, 15, toolIndex);
this.$message.error("暂未开放");
return;
}
if (i == 40) {
// this.openTools(itemTaskIndex, 40, toolIndex);
this.$message.error("暂未开放");
return;
}
if (i == 41) {
// this.openTools(itemTaskIndex, 41, toolIndex);
this.$message.error("暂未开放");
return;
}
if (i == 42) {
// this.openTools(itemTaskIndex, 42, toolIndex);
this.$message.error("暂未开放");
return;
}
if (this.checktoolArray.length > 0) {
if (this.checktoolArray.indexOf(i) != -1) {
this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
} else {
this.checktoolArray = [];
this.checktoolArray.push(i);
}
} else {
this.checktoolArray.push(i);
}
this.$forceUpdate();
},
jump() {
window.parent.postMessage({ tools: "43" }, "*");
},
getUpdateMore(f, checkboxList, searchTN, index) {
this.dialogVisibleMember = f;
this.checkboxList = checkboxList;
this.worksSName2 = JSON.parse(JSON.stringify(searchTN));
this.plIndex = index;
},
setPlname(a) {
if (this.plworkFile.length) {
this.plworkFile[this.plIndex].username = a;
} else {
this.worksSName = a;
}
this.dialogVisibleMember = false;
},
previewImg(url) {
this.$hevueImgPreview(url);
},
change(val) {
console.log(val);
},
goTo(path) {
this.$router.push(path);
},
handlePictureCardPreview(url) {
this.dialogImageUrl = url;
this.pictureDialog = true;
},
clean(type) {
if (type == 1) {
this.studyJuri[0].cover.splice(0, 1);
} else if (type == 2) {
this.studyJuri[0].upVedio.splice(0, 1);
} else {
this.studyJuri[0].upFile.splice(0, 1);
}
},
clean2(index) {
this.plworkFile.splice(index, 1);
},
handleClose(done) {
if (this.videoDetail.sources && this.videoDetail.sources[0]) {
this.videoDetail.sources[0].src = "";
}
this.commentIndexJson = {};
done();
},
fullTools() {
this.full = !this.full;
},
imgChange(file, fileList, type) {
if (type == 1) {
var _tmp = this.studyJuri[0].cover;
} else if (type == 2) {
var _tmp = this.studyJuri[0].upVedio;
} else {
var _tmp = this.studyJuri[0].upFile;
}
this.noneBtnImg = _tmp.length >= 1;
},
setContent(bool) {
this.contentDialog = bool;
if (bool && this.mlDialog && document.querySelector(".workd_media")) {
document.querySelector(".workd_media").style.height = "650px";
} else if (document.querySelector(".workd_media")) {
document.querySelector(".workd_media").style.height = "auto";
}
},
setContent2(bool) {
this.mlDialog = bool;
if (
bool &&
this.contentDialog &&
document.querySelector(".workd_media")
) {
document.querySelector(".workd_media").style.height = "650px";
} else if (document.querySelector(".workd_media")) {
document.querySelector(".workd_media").style.height = "auto";
}
},
addImg(e) {
var el = e.currentTarget;
// this.$message.success('触发上传')
el.getElementsByTagName("input")[0].click();
e.target.value = "";
},
addSelectAnswer() {
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: this.selectAnswer.answer,
type: 7,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.dialogVisibleSelect = false;
// this.selectAnswer = {};
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addSelectAnswerTeacher() {
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: this.selectAnswer.answer,
type: 7,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.dialogVisibleSelectTeacher = false;
// this.selectAnswer = {};
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addSenWorks() {
for (var i = 0; i < this.sentenceList.length; i++) {
for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
if (
this.sentenceList[i].chooseSenList[j] == undefined ||
this.sentenceList[i].chooseSenList[j] == ""
) {
this.$message.error("请将答案填写完整！");
return;
}
}
}
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.sentenceList),
type: 9,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.dialogVisibleSentence = false;
// this.selectAnswer = {};
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addSenWorksTeacher() {
for (var i = 0; i < this.sentenceList.length; i++) {
for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
if (
this.sentenceList[i].chooseSenList[j] == undefined ||
this.sentenceList[i].chooseSenList[j] == ""
) {
this.$message.error("请将答案填写完整！");
return;
}
}
}
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.sentenceList),
type: 9,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.dialogVisibleSentenceTeacher = false;
// this.selectAnswer = {};
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
returnTableText() {
this.$confirm("确定还原此模板吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.tableJson = JSON.parse(JSON.stringify(this.tableJsonO));
})
.catch(() => {});
},
addTableWorks() {
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
type: 10,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.dialogVisibleTable = false;
// this.selectAnswer = {};
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
tableRowClassName({ row, rowIndex }) {
if ((rowIndex + 1) % 2 === 0) {
return "even_row";
} else {
return "";
}
},
addTableWorksTeacher() {
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
type: 10,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.dialogVisibleTableTeacher = false;
// this.selectAnswer = {};
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
returnWordText() {
this.$confirm("确定还原此模板吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.wordJson = JSON.parse(JSON.stringify(this.wordJsonO));
})
.catch(() => {});
},
addWordWorks() {
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
type: 13,
atool: 52,
},
];
console.log(params);
this.ajax
.post(this.$store.state.api + "addCourseWorks3-2", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.dialogVisibleWord = false;
// this.selectAnswer = {};
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addWordWorksTeacher() {
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
type: 13,
atool: 52,
},
];
console.log(params);
this.ajax
.post(this.$store.state.api + "addCourseWorks3-2", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.dialogVisibleWordTeacher = false;
// this.selectAnswer = {};
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addCourseWorks(i) {
var typesql;
if (this.fileType === 0) {
typesql = 1;
} else if (this.fileType === 1) {
typesql = 4;
} else if (this.fileType === 2) {
typesql = 5;
} else if (this.fileType === 3) {
typesql = 12;
}
if (!this.studyJuri[0].cover[0].url) {
this.$message.error("请上传文件");
return;
}
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: i,
tool: this.toolindex,
content: this.studyJuri[0].cover[0].url,
type: typesql,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorksR", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.studyJuri[0].cover = [];
this.dialogVisible = false;
this.getCourseDetail(2);
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addCourseWorksPl(i) {
let _files = this.plworkFile;
var c = 1;
for (var k = 0; k < _files.length; k++) {
if (!_files[k].username) {
c = 2;
}
}
if (c == 2) {
this.$message.error("请填写学生姓名");
return;
}
let params = [
{
ateacher: this.userid,
cid: this.id,
stage: this.courseType,
task: i,
tool: this.toolindex,
content: JSON.stringify(_files).replaceAll(/%/g, "%25"),
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorksPl", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.plworkFile = [];
this.dialogVisiblePl = false;
this.getCourseDetail(2);
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addCourseWorks2(i) {
var typesql;
if (this.fileType === 0) {
typesql = 0;
} else if (this.fileType === 1) {
typesql = 1;
} else if (this.fileType === 2) {
typesql = 3;
} else if (this.fileType === 3) {
typesql = 12;
}
if (!this.studyJuri[0].cover[0].url) {
this.$message.error("请上传文件");
return;
}
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: i,
tool: this.toolindex,
content: JSON.stringify({
type: typesql,
groupIndex: this.groupIndex,
url: this.studyJuri[0].cover[0].url,
}).replaceAll(/%/g, "%25"),
type: 11,
atool: 49,
text: "",
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks5", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.studyJuri[0].cover = [];
this.dialogVisibleGroupWork = false;
this.getCourseDetail(2);
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addCourseWorksGong(i, data, tool) {
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
content: data,
type: 12,
atool: tool,
text: "",
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks5", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.studyJuri[0].cover = [];
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addCourseWorksGongTeacher(i, data, tool) {
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
content: data,
type: 12,
atool: tool,
text: "",
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks5", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.studyJuri[0].cover = [];
this.dialogVisibleWorks = false;
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addCourseWorksGongPl(i, data, tool, type) {
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
content: data,
type: type,
atool: tool,
text: "",
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks5", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.studyJuri[0].cover = [];
this.dialogVisibleWorks = false;
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addCourseWorksTeacher(i) {
var typesql;
if (this.sTool == 32) {
this.addCourseWorksGongTeacher(
this.toolindex,
this.studyJuri[0].cover[0].url,
this.sTool
);
return;
}
if (this.fileType === 0) {
typesql = 1;
} else if (this.fileType === 1) {
typesql = 4;
} else if (this.fileType === 2) {
typesql = 5;
} else if (this.fileType === 3) {
typesql = 12;
}
if (this.sTool == 50) {
this.addCourseWorksGongPl(
this.toolindex,
this.studyJuri[0].cover[0].url,
this.sTool,
typesql
);
return;
}
if (!this.studyJuri[0].cover[0].url) {
this.$message.error("请上传文件");
return;
}
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: i,
tool: this.toolindex,
content: this.studyJuri[0].cover[0].url,
type: typesql,
ateacher: this.userid,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorksTeacher", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.studyJuri[0].cover = [];
this.dialogVisibleWorks = false;
this.getCourseDetail(2);
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
selectUploadStudent(type) {
const loading = this.$loading.service({
background: "rgba(255, 255, 255, 0.7)",
target: document.body,
});
let params = {
cid: this.uploadCid,
oid: this.oid,
cn: "",
};
this.ajax
.get(this.$store.state.api + "selectSnameByCidGroup", params)
.then((res) => {
loading.close();
var studentK = [];
if (this.isWorksS[this.toolindex].length > 0) {
for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
studentK.push(this.isWorksS[this.toolindex][z].uid);
}
studentK = studentK.join(",");
}
this.uploadStudentJuri = res.data[0].filter((el) => {
return studentK.indexOf(el.userid) == -1;
});
if (this.worksSName && this.worksSid) {
this.uploadStudentJuri.push({
userid: this.worksSid,
name: this.worksSName,
});
}
if (type == 1) {
this.plworkFile = [];
this.dialogVisibleSname = true;
} else if (type == 2) {
this.dialogVisiblePl = true;
}
})
.catch((err) => {
loading.close();
console.error(err);
});
},
arrayToArray(arrayo, arrayt) {
let array1 = arrayo;
let array2 = arrayt;
let commonElements = [];
for (let i = 0; i < array1.length; i++) {
for (let j = 0; j < array2.length; j++) {
if (array1[i] === array2[j]) {
commonElements.push(array1[i]);
}
}
}
return commonElements;
},
selectWorksStudent() {
let params = {
oid: this.oid,
cid: this.courseDetail.juri,
};
this.ajax
.get(this.$store.state.api + "selectWorksStudent", params)
.then((res) => {
var a = res.data[0];
for (var i = 0; i < this.isWorksS.length; i++) {
this.noWorksS[i] = [];
var studentK = [];
if (this.isWorksS[i].length > 0) {
for (var z = 0; z < this.isWorksS[i].length; z++) {
studentK.push(this.isWorksS[i][z].uid);
}
studentK = studentK.join(",");
for (var j = 0; j < a.length; j++) {
if (studentK.indexOf(a[j].userid) == -1) {
if (this.tcid) {
// a[j].classid.indexOf(this.tcid) != -1
if (
this.arrayToArray(
a[j].classid.split(","),
this.tcid.split(",")
).length
) {
this.noWorksS[i].push({
student: a[j].name,
userid: a[j].userid,
});
}
} else {
this.noWorksS[i].push({
student: a[j].name,
userid: a[j].userid,
});
}
}
}
} else {
for (var k = 0; k < a.length; k++) {
if (this.tcid) {
if (
this.arrayToArray(
a[k].classid.split(","),
this.tcid.split(",")
).length
) {
this.noWorksS[i].push({
student: a[k].name,
userid: a[k].userid,
});
}
} else {
this.noWorksS[i].push({
student: a[k].name,
userid: a[k].userid,
});
}
}
}
}
this.$forceUpdate();
if (
Object.keys(this.commentDetail).length &&
Object.keys(this.commentIndexJson).length &&
!this.dialogVisibleScore
) {
let a = 1;
let c = this.commentIndexJson;
console.log(c);
if (
this.commentIndexJson.gindex ||
this.commentIndexJson.gindex === 0
) {
for (
var i = 0;
i < this.worksStudent[this.commentIndexJson.toolIndex].length;
i++
) {
let _el = this.worksStudent[this.commentIndexJson.toolIndex][i];
groupA: for (var k = 0; k < _el.length; k++) {
let el = _el[k];
if (el.wid == this.commentDetail.wid) {
a = 2;
this.commentOther(
this.worksStudent[this.commentIndexJson.toolIndex][i][k],
this.commentIndexJson.toolIndex,
k,
this.commentIndexJson.gindex
);
break groupA;
}
}
}
if (a === 1) {
this.commentDetail = [];
this.commentIndexJson = {};
this.commentDialogVisible = false;
this.$message("此作业已被删除");
}
} else {
if (this.isGroup && this.commentIndexJson.gid) {
groupA: for (
var i = 0;
i < this.courseGroup.group.length;
i++
) {
let _group = this.courseGroup.group[i];
if (_group.id == this.commentIndexJson.gid) {
let _el2 = _group.works[this.commentIndexJson.toolIndex];
for (var k = 0; k < _el2.length; k++) {
let el2 = _el2[k];
if (el2.wid == this.commentDetail.wid) {
a = 2;
this.commentOther(
_el2[k],
this.commentIndexJson.toolIndex,
k,
null,
this.commentIndexJson.gid
);
break groupA;
}
}
}
}
}
if (a == 1) {
for (
var i = 0;
i < this.worksStudent[this.commentIndexJson.toolIndex].length;
i++
) {
let el =
this.worksStudent[this.commentIndexJson.toolIndex][i];
if (el.wid == this.commentDetail.wid) {
a = 2;
this.commentOther(
this.worksStudent[this.commentIndexJson.toolIndex][i],
this.commentIndexJson.toolIndex,
i
);
break;
}
}
}
if (a === 1) {
this.commentDetail = [];
this.commentIndexJson = {};
this.commentDialogVisible = false;
this.$message("此作业已被删除");
}
}
}
})
.catch((err) => {
console.error(err);
});
},
selectStudent() {
//学生查看自己作业
let params = {
uid: this.userid,
cid: this.id,
s: this.courseType,
t: this.taskCount,
};
this.ajax
.get(this.$store.state.api + "selectStudentWorks", params)
.then((res) => {
var a =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose;
var b = res.data[0];
var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
var y = [
"AVI",
"NAVI",
"MPEG",
"ASF",
"MOV",
"WMV",
"3GP",
"RM",
"RMVB",
"FLV",
"F4V",
"H.264",
"H.265",
"REAL VIDEO",
"MKV",
"WebM",
"HDDVD",
"MP4",
"MPG",
"M4V",
"MGV",
"OGV",
"QTM",
"STR",
"AMC",
"DVX",
"EVO",
"DAT",
"OGG",
"OGM",
];
for (var i = 0; i < a.length; i++) {
this.workStudent[i] = [];
for (var j = 0; j < b.length; j++) {
if (i == b[j].tool) {
if (
(b[j].type == 1 ||
b[j].type == 4 ||
b[j].type == 5 ||
b[j].type == 6 ||
b[j].type == 12 ||
b[j].type == 7) &&
a[i].tool[0] != 15 &&
a[i].tool[0] != 4 &&
a[i].tool[0] != 45 &&
a[i].tool[0] != 50 &&
a[i].tool[0] != 32 &&
a[i].tool[0] != 57 &&
a[i].tool[0] != 52
) {
if (
c.indexOf(
b[j].content
.split(".")
[b[j].content.split(".").length - 1].toLocaleUpperCase()
) != -1 &&
a[i].tool[0] == 16 &&
b[j].atool != 50
) {
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 1,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (
y.indexOf(
b[j].content
.split(".")
[b[j].content.split(".").length - 1].toLocaleUpperCase()
) != -1 &&
a[i].tool[0] == 16 &&
b[j].atool != 50
) {
this.workStudent[i].push({
userid: b[j].userid,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 3,
time: b[j].time,
});
} else if (b[j].type == 6 && b[j].atool != 50) {
this.workStudent[i].push({
userid: b[j].userid,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 4,
time: b[j].time,
});
} else if (b[j].type == 7 && b[j].atool != 50) {
this.workStudent[i].push({
userid: b[j].userid,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 5,
time: b[j].time,
});
} else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 12,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 0,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 1 && !parseInt(b[j].atool)) {
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 0,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
}
} else if (b[j].type == 3 && a[i].tool[0] == 15) {
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 2,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 2 && a[i].tool[0] == 4) {
//问卷
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 2,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 8 && a[i].tool[0] == 45) {
//选择题
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 8,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 9 && a[i].tool[0] == 47) {
//选择题
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 9,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 10 && a[i].tool[0] == 48) {
//选择题
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 10,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 13 && a[i].tool[0] == 52) {
//选择题
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 13,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 12 && a[i].tool[0] == 32) {
//选择题
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 12,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 12 && a[i].tool[0] == 57) {
//选择题
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 12,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
} else if (b[j].type == 15 && a[i].tool[0] == 57) {
//选择题
this.workStudent[i].push({
works: b[j].content,
sName: b[j].name,
score: b[j].score,
img: b[j].img,
type: 15,
time: b[j].time,
userid: b[j].userid,
wid: b[j].id,
});
}
}
}
}
})
.catch((err) => {
console.error(err);
});
},
openVideo(w) {
this.videoDetail = {};
this.playerOptions1.sources[0].src = w.works;
this.videoDetail = this.playerOptions1;
this.videoVisible = true;
},
isLikes(wid, uid, t, c, isLikes) {
if (isLikes == false) {
let params = [
{
wid: wid,
lid: uid,
t: t,
c: c,
},
];
this.ajax
.post(this.$store.state.api + "insertComment", params)
.then((res) => {
this.$message({
message: "点赞成功",
type: "success",
});
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("点赞失败");
console.error(err);
});
} else {
let params = {
wid: wid,
lid: uid,
type: t,
};
this.ajax
.get(this.$store.state.api + "deleteComment", params)
.then((res) => {
this.$message({
message: "取消点赞成功",
type: "success",
});
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
console.error(err);
});
}
},
deleteComment(wid) {
this.$confirm("确定删除此评论吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
let params = {
id: wid,
};
this.ajax
.get(this.$store.state.api + "deleteComment2", params)
.then((res) => {
this.$message({
message: "删除评论成功",
type: "success",
});
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
console.error(err);
});
})
.catch(() => {});
},
commentOther(w, toolIndex, wIndex, gindex, gid) {
this.commentIndexJson = {
toolIndex: toolIndex,
wIndex: wIndex,
gindex: gindex,
gid: gid,
};
this.commentDetail = [];
this.commentDialogVisible = true;
this.commentDetail = w;
if (w.works && w.type == 1) {
this.pptImgUrl = "";
var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
if (
a.indexOf(
w.works
.split(".")
[w.works.split(".").length - 1].toLocaleUpperCase()
) != -1
) {
this.pptImgUrl =
"https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
this.showPDF = false;
} else if (
w.works
.split(".")
[w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
) {
this.pptImgUrl = w.works;
this.showPDF = true;
}
} else if (w.works && w.type == 3) {
this.videoDetail = {};
this.playerOptions1.sources[0].src = w.works;
this.videoDetail = this.playerOptions1;
// this.videoVisible = true;
} else if (w.works && w.type == 4) {
this.eScore = JSON.parse(w.works);
this.rateJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose[toolIndex].rateJson;
} else if (w.works && w.type == 10) {
this.commentDetail.works = JSON.parse(this.commentDetail.works);
} else if (w.works && w.type == 13) {
this.wordJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose[toolIndex].wordJson;
}
},
openScore(w) {
this.wScore = 0;
this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
this.commentDetail = [];
this.dialogVisibleScore = true;
this.commentDetail = w;
if (w.works && w.type == 1) {
this.pptImgUrl = "";
var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
if (
a.indexOf(
w.works
.split(".")
[w.works.split(".").length - 1].toLocaleUpperCase()
) != -1
) {
this.pptImgUrl =
"https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
this.showPDF = false;
} else if (
w.works
.split(".")
[w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
) {
this.pptImgUrl = w.works;
this.showPDF = true;
}
} else if (w.works && w.type == 3) {
this.videoDetail = {};
this.playerOptions1.sources[0].src = w.works;
this.videoDetail = this.playerOptions1;
}
},
addComment(wid, uid, t) {
if (this.commentText == "") {
this.$message.error("请输入评论");
return;
}
let params2 = [
{
wid: wid,
lid: uid,
t: t,
},
];
this.ajax
.post(this.$store.state.api + "getComment", params2)
.then((res) => {
if (res.data[0].length > 0) {
this.$message.error("一个作业只能评论一条");
} else {
let params = [
{
wid: wid,
lid: uid,
t: t,
c: this.commentText,
},
];
this.ajax
.post(this.$store.state.api + "insertComment", params)
.then((res) => {
this.$message({
message: "评论成功",
type: "success",
});
this.commentText = "";
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("评论失败");
console.error(err);
});
}
})
.catch((err) => {
// this.$message.error("评论失败");
console.error(err);
});
},
scoreWork(wid) {
if (this.wScore == 0) {
this.$message.error("请评分");
return;
}
let params = [
{
wid: wid,
score: JSON.stringify({
wScore: this.wScore,
detail: this.scoreDetail,
}),
},
];
this.ajax
.post(this.$store.state.api + "scoreWork", params)
.then((res) => {
this.$message({
message: "评分成功",
type: "success",
});
this.wScore = 0;
this.scoreDetail = "";
this.dialogVisibleScore = false;
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("评分失败");
console.error(err);
});
},
openXz(w, i) {
this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[this.taskCount].toolChoose[i].selectJson
? JSON.parse(
JSON.stringify(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose[i].selectJson
)
)
: { url: "", select: [], answer: [] };
var a = w.works.split(",");
for (var k = 0; k < a.length; k++) {
a[k] = parseInt(a[k]);
}
this.selectAnswer = { answer: a, stu: w.sName };
this.isSelect = true;
this.dialogVisibleSelect = true;
},
openSen(w, i) {
this.sentenceList1 = JSON.parse(w.works);
this.sentenceList1.stuName = w.sName;
this.dialogVisibleSentence1 = true;
},
openPj(w, toolindex) {
this.isStar = true;
this.eScore = JSON.parse(w);
this.rateJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose[toolindex].rateJson;
this.studentEvalDialogVisible = true;
},
deleteWorks(id) {
this.$confirm("确定删除此作业吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
let params = [
{
id: id,
},
];
this.ajax
.post(this.$store.state.api + "deleteCourseWork", params)
.then((res) => {
this.$message({
message: "删除成功",
type: "success",
});
this.selectStudent();
this.selectSWorks();
this.selectSLook();
})
.catch((err) => {
this.$message.error("网络异常");
console.error(err);
});
})
.catch(() => {});
},
selectSWorks(gindex) {
//教师查看全部作业
let params = {
cid: this.id,
s: this.courseType,
t: this.taskCount,
};
this.ajax
.get(this.$store.state.api + "selectSWorks", params)
.then((res) => {
var a =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose;
var b = res.data[0];
var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
var y = [
"AVI",
"NAVI",
"MPEG",
"ASF",
"MOV",
"WMV",
"3GP",
"RM",
"RMVB",
"FLV",
"F4V",
"H.264",
"H.265",
"REAL VIDEO",
"MKV",
"WebM",
"HDDVD",
"MP4",
"MPG",
"M4V",
"MGV",
"OGV",
"QTM",
"STR",
"AMC",
"DVX",
"EVO",
"DAT",
"OGG",
"OGM",
];
var d = res.data[1];
var e = res.data[2];
var f = res.data[3];
let _worksStudent = [];
for (var i = 0; i < a.length; i++) {
_worksStudent[i] = [];
if (
!this.isCloseList[i] ||
this.isCloseList[i].isClose == undefined
) {
this.isCloseList[i] = { isClose: 0 };
}
this.groupStudent[i] = [];
this.groupStudentUid[i] = [];
if (this.isGroup) {
for (
var groupI = 0;
groupI < this.courseGroup.group.length;
groupI++
) {
this.courseGroup.group[groupI].works[i] = [];
}
}
this.isWorksS[i] = [];
this.checkJson[i] = [];
if (a[i].tool[0] == 49) {
for (var gA = 0; gA < a[i].groupJson.group.length; gA++) {
this.groupStudent[i][gA] = [];
this.groupStudentUid[i][gA] = [];
_worksStudent[i][gA] = [];
this.isCloseList[i][gA] = [];
for (var g = 0; g < f.length; g++) {
if (
f[g].ttype == 2 &&
this.tcid &&
this.arrayToArray(
f[g].classid.split(","),
this.tcid.split(",")
).length == 0
) {
continue;
}
if (gA == f[g].group && f[g].tool == i) {
this.groupStudent[i][gA].push(f[g]);
this.groupStudentUid[i][gA].push(f[g].userid);
}
}
}
this.$forceUpdate();
}
for (var j = 0; j < b.length; j++) {
if (
b[j].ttype == 2 &&
this.tcid &&
this.arrayToArray(b[j].classid.split(","), this.tcid.split(","))
.length == 0
) {
continue;
}
var likesCount = 0;
var commentCount = 0;
var isLikes = false;
var commentJson = [];
var data = b[j];
if (i == b[j].tool) {
if (data.type == 2 && a[i].tool[0] == 4) {
// if(JSON.parse(data.content)[0].anwer){
var checkL =
JSON.parse(data.content)[0].anwer instanceof Array
? JSON.parse(data.content)[0].anwer
: JSON.parse(data.content)[0].anwer.split(",");
for (var z = 0; z < checkL.length; z++) {
if (!this.checkJson[i][z]) {
this.checkJson[i].push({
checkCount: [],
checkPerson: [],
rightPerson: [],
});
}
if (!this.checkJson[i][z].checkCount.length) {
this.checkJson[i][z].checkCount = [];
let _askItemCount = JSON.parse(data.content)[0].askJson
.askJson[z].askItem;
for (var aic = 0; aic < _askItemCount; aic++) {
this.checkJson[i][z].checkCount.push(0);
}
}
if (checkL[z] instanceof Array) {
if (
JSON.parse(data.content)[0].anwer.sort().join(",") ==
checkL[z].sort().join(",")
) {
this.checkJson[i][z].rightPerson.push(data.name);
}
for (var q = 0; q < checkL[z].length; q++) {
this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
? this.checkJson[i][z].checkPerson[
parseInt(checkL[z][q])
].push(data.name)
: (this.checkJson[i][z].checkPerson[
parseInt(checkL[z][q])
] = [data.name]);
this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
? this.checkJson[i][z].checkCount[
parseInt(checkL[z][q])
]++
: (this.checkJson[i][z].checkCount[
parseInt(checkL[z][q])
] = 1);
}
} else {
if (JSON.parse(data.content)[0].anwer[z] == checkL[z]) {
this.checkJson[i][z].rightPerson.push(data.name);
}
if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
? this.checkJson[i][z].checkPerson[
parseInt(checkL[z])
].push(data.name)
: (this.checkJson[i][z].checkPerson[
parseInt(checkL[z])
] = [data.name]);
this.checkJson[i][z].checkCount[parseInt(checkL[z])]
? this.checkJson[i][z].checkCount[
parseInt(checkL[z])
]++
: (this.checkJson[i][z].checkCount[
parseInt(checkL[z])
] = 1);
}
}
}
} else if (data.type == 8 && a[i].tool[0] == 45) {
var checkL = JSON.parse(data.content)[0].anwer;
for (var z = 0; z < checkL.length; z++) {
if (!this.checkJson[i][z]) {
this.checkJson[i].push({
checkCount: [],
checkPerson: [],
rightPerson: [],
});
}
if (!this.checkJson[i][z].checkCount.length) {
this.checkJson[i][z].checkCount = [];
let _askItemCount = JSON.parse(data.content)[0].testJson
.testJson[z].testItem;
console.log(_askItemCount);
for (var aic = 0; aic < _askItemCount; aic++) {
this.checkJson[i][z].checkCount.push(0);
}
}
if (checkL[z] instanceof Array) {
if (
JSON.parse(data.content)[0]
.testJson.testJson[z].answer.sort()
.join(",") == checkL[z].sort().join(",")
) {
this.checkJson[i][z].rightPerson.push(data.name);
}
for (var q = 0; q < checkL[z].length; q++) {
this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
? this.checkJson[i][z].checkPerson[
parseInt(checkL[z][q])
].push(data.name)
: (this.checkJson[i][z].checkPerson[
parseInt(checkL[z][q])
] = [data.name]);
this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
? this.checkJson[i][z].checkCount[
parseInt(checkL[z][q])
]++
: (this.checkJson[i][z].checkCount[
parseInt(checkL[z][q])
] = 1);
}
} else {
if (
JSON.parse(data.content)[0].testJson.testJson[z]
.answer == checkL[z]
) {
this.checkJson[i][z].rightPerson.push(data.name);
}
if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
? this.checkJson[i][z].checkPerson[
parseInt(checkL[z])
].push(data.name)
: (this.checkJson[i][z].checkPerson[
parseInt(checkL[z])
] = [data.name]);
this.checkJson[i][z].checkCount[parseInt(checkL[z])]
? this.checkJson[i][z].checkCount[
parseInt(checkL[z])
]++
: (this.checkJson[i][z].checkCount[
parseInt(checkL[z])
] = 1);
}
}
}
} else if (data.type == 9 && a[i].tool[0] == 47) {
var checkL = JSON.parse(data.content);
for (var z = 0; z < checkL.length; z++) {
if (!this.checkJson[i][z]) {
this.checkJson[i].push({
checkCount: [],
checkPerson: [],
rightPerson: [],
});
}
this.checkJson[i][z].checkPerson.push(data.name);
if (
checkL[z].chooseSenList.toString() ==
checkL[z].rightAnswer.toString()
) {
this.checkJson[i][z].rightPerson.push(data.name);
}
}
}
for (var k = 0; k < d.length; k++) {
//点赞
if (d[k].workId == b[j].id) {
likesCount++;
if (d[k].likesId == this.userid) {
isLikes = true;
}
}
}
for (var l = 0; l < e.length; l++) {
//评论
if (e[l].workId == b[j].id) {
if (e[l].comment != "") {
commentCount++;
commentJson.push({
commentText: e[l].comment,
commentTime: e[l].commentTime,
commentPeople: e[l].commentPeople,
userid: e[l].userid,
wid: e[l].id,
});
}
}
}
if (
(b[j].type == 1 ||
b[j].type == 4 ||
b[j].type == 5 ||
b[j].type == 6 ||
b[j].type == 12 ||
b[j].type == 7) &&
a[i].tool[0] != 15 &&
a[i].tool[0] != 4 &&
a[i].tool[0] != 45 &&
a[i].tool[0] != 50 &&
a[i].tool[0] != 32 &&
a[i].tool[0] != 57 &&
a[i].tool[0] != 52
) {
if (
c.indexOf(
b[j].content
.split(".")
[b[j].content.split(".").length - 1].toLocaleUpperCase()
) != -1 &&
a[i].tool[0] == 16 &&
b[j].atool != 50
) {
let _works = {
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 1,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
};
if (this.isGroup) {
let isGw = 1;
for (
var groupI = 0;
groupI < this.courseGroup.group.length;
groupI++
) {
let gid = this.courseGroup.group[groupI].id;
if (
this.courseGroupStudentUid[gid].indexOf(
b[j].userid
) != -1
) {
isGw = 2;
this.courseGroup.group[groupI].works[i].push(_works);
break;
}
}
if (isGw == 1) {
_worksStudent[i].push(_works);
}
} else {
_worksStudent[i].push(_works);
}
this.isWorksS[i].push({
uid: b[j].userid,
sName: b[j].name,
});
} else if (
y.indexOf(
b[j].content
.split(".")
[b[j].content.split(".").length - 1].toLocaleUpperCase()
) != -1 &&
a[i].tool[0] == 16 &&
b[j].atool != 50
) {
let _works = {
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 3,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
};
if (this.isGroup) {
let isGw = 1;
for (
var groupI = 0;
groupI < this.courseGroup.group.length;
groupI++
) {
let gid = this.courseGroup.group[groupI].id;
if (
this.courseGroupStudentUid[gid].indexOf(
b[j].userid
) != -1
) {
isGw = 2;
this.courseGroup.group[groupI].works[i].push(_works);
break;
}
}
if (isGw == 1) {
_worksStudent[i].push(_works);
}
} else {
_worksStudent[i].push(_works);
}
this.isWorksS[i].push({
uid: b[j].userid,
sName: b[j].name,
});
} else if (b[j].type == 6 && b[j].atool != 50) {
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 4,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({
uid: b[j].userid,
sName: b[j].name,
});
} else if (b[j].type == 7 && b[j].atool != 50) {
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 5,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({
uid: b[j].userid,
sName: b[j].name,
});
} else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
let _works = {
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 12,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
};
if (this.isGroup) {
let isGw = 1;
for (
var groupI = 0;
groupI < this.courseGroup.group.length;
groupI++
) {
let gid = this.courseGroup.group[groupI].id;
if (
this.courseGroupStudentUid[gid].indexOf(
b[j].userid
) != -1
) {
isGw = 2;
this.courseGroup.group[groupI].works[i].push(_works);
break;
}
}
if (isGw == 1) {
_worksStudent[i].push(_works);
}
} else {
_worksStudent[i].push(_works);
}
this.isWorksS[i].push({
uid: b[j].userid,
sName: b[j].name,
});
} else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
let _works = {
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 0,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
};
if (this.isGroup) {
let isGw = 1;
for (
var groupI = 0;
groupI < this.courseGroup.group.length;
groupI++
) {
let gid = this.courseGroup.group[groupI].id;
if (
this.courseGroupStudentUid[gid].indexOf(
b[j].userid
) != -1
) {
isGw = 2;
this.courseGroup.group[groupI].works[i].push(_works);
break;
}
}
if (isGw == 1) {
_worksStudent[i].push(_works);
}
} else {
_worksStudent[i].push(_works);
}
this.isWorksS[i].push({
uid: b[j].userid,
sName: b[j].name,
});
} else if (b[j].type == 1 && !parseInt(b[j].atool)) {
let _works = {
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 0,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
};
if (this.isGroup) {
let isGw = 1;
for (
var groupI = 0;
groupI < this.courseGroup.group.length;
groupI++
) {
let gid = this.courseGroup.group[groupI].id;
if (
this.courseGroupStudentUid[gid].indexOf(
b[j].userid
) != -1
) {
isGw = 2;
this.courseGroup.group[groupI].works[i].push(_works);
break;
}
}
if (isGw == 1) {
_worksStudent[i].push(_works);
}
} else {
_worksStudent[i].push(_works);
}
this.isWorksS[i].push({
uid: b[j].userid,
sName: b[j].name,
});
}
} else if (b[j].type == 3 && a[i].tool[0] == 15) {
let _works = {
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 2,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
};
if (this.isGroup) {
let isGw = 1;
for (
var groupI = 0;
groupI < this.courseGroup.group.length;
groupI++
) {
let gid = this.courseGroup.group[groupI].id;
if (
this.courseGroupStudentUid[gid].indexOf(b[j].userid) !=
-1
) {
isGw = 2;
this.courseGroup.group[groupI].works[i].push(_works);
break;
}
}
if (isGw == 1) {
_worksStudent[i].push(_works);
}
} else {
_worksStudent[i].push(_works);
}
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (b[j].type == 2 && a[i].tool[0] == 4) {
//问卷
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 2,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (b[j].type == 8 && a[i].tool[0] == 45) {
//选择题
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 8,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (b[j].type == 9 && a[i].tool[0] == 47) {
//选择题
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 9,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (b[j].type == 10 && a[i].tool[0] == 48) {
//选择题
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 10,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (b[j].type == 13 && a[i].tool[0] == 52) {
//选择题
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name,
type: 13,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (b[j].type == 11 && a[i].tool[0] == 49) {
let _gindex = JSON.parse(b[j].content);
if (
this.groupStudentUid[i][_gindex.groupIndex].indexOf(
b[j].userid
) != -1
) {
_worksStudent[i][_gindex.groupIndex].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: _gindex.url,
sName: b[j].name,
type: _gindex.type,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
}
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (a[i].tool[0] == 50 && b[j].atool == 50) {
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name ? b[j].name : b[j].userid,
type: b[j].type == 1 ? 0 : b[j].type == 4 ? 1 : 3,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (a[i].tool[0] == 32 && b[j].atool == 32) {
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name ? b[j].name : b[j].userid,
type: 12,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (
a[i].tool[0] == 57 &&
b[j].atool == 57 &&
b[j].type == 12
) {
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name ? b[j].name : b[j].userid,
type: 12,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
} else if (
a[i].tool[0] == 57 &&
b[j].atool == 57 &&
b[j].type == 15
) {
_worksStudent[i].push({
userid: b[j].userid,
ateacher: b[j].ateacher,
wid: b[j].id,
works: b[j].content,
sName: b[j].name ? b[j].name : b[j].userid,
type: 15,
time: b[j].time,
score: b[j].score,
img: b[j].img,
likesCount: likesCount,
commentCount: commentCount,
isLikes: isLikes,
commentJson: commentJson,
});
this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
}
}
}
if (_worksStudent[i] && _worksStudent[i].length) {
_worksStudent[i] = _worksStudent[i].sort(function (a, b) {
let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
var scoreA = parseFloat(jscoreA);
var scoreB = parseFloat(jscoreB);
if (scoreA == scoreB) {
return b.likesCount - a.likesCount;
}
return scoreB - scoreA;
});
if (this.isGroup) {
for (
var groupI = 0;
groupI < this.courseGroup.group.length;
groupI++
) {
this.courseGroup.group[groupI].works[i] =
this.courseGroup.group[groupI].works[i].sort(function (
a,
b
) {
let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
var scoreA = parseFloat(jscoreA);
var scoreB = parseFloat(jscoreB);
if (scoreA == scoreB) {
return b.likesCount - a.likesCount;
}
return scoreB - scoreA;
});
}
}
}
}
for (var i = 0; i < a.length; i++) {
for (var j = 0; j < b.length; j++) {
var data = b[j];
if (i == b[j].tool) {
if (data.type == 2 || data.type == 8) {
for (var z = 0; z < this.checkJson[i].length; z++) {
this.checkJson[i][z].checkPerent = [];
this.checkJson[i][z].right = Math.round(
(this.checkJson[i][z].rightPerson.length /
parseInt(_worksStudent[i].length)) *
100
);
let aaaa = this.checkJson[i][z];
console.log(aaaa);
for (
var k = 0;
k < this.checkJson[i][z].checkCount.length;
k++
) {
this.checkJson[i][z].checkPerent.push(
Math.round(
(this.checkJson[i][z].checkCount[k] /
parseInt(_worksStudent[i].length)) *
100
)
);
}
}
} else if (data.type == 9) {
for (var z = 0; z < this.checkJson[i].length; z++) {
this.checkJson[i][z].checkPerent = [];
this.checkJson[i][z].right = Math.round(
(this.checkJson[i][z].rightPerson.length /
this.checkJson[i][z].checkPerson.length) *
100
);
}
}
}
}
}
if (this.dialogVisibleGroup && (gindex || gindex === 0)) {
this.joinGroup(gindex);
}
this.worksStudent = _worksStudent;
this.selectWorksStudent();
})
.catch((err) => {
console.error(err);
});
},
pngToWhiteBg(file) {
const _file = file;
let read = new FileReader();
read.readAsDataURL(file); // 文件转base64
return new Promise((resolve, reject) => {
read.onload = (e) => {
let img = new Image();
img.src = e.target.result;
img.onload = async () => {
// 生成canvas
let canvas = document.createElement("canvas");
let context = canvas.getContext("2d");
// 绘制图片到canvas上
canvas.width = img.width;
canvas.height = img.height;
// 在canvas绘制前填充白色背景
context.fillStyle = "#fff";
context.fillRect(0, 0, canvas.width, canvas.height);
context.drawImage(img, 0, 0);
let base64 = canvas.toDataURL(file["type"], 1);
let newFile = this.dataUrlToFile(base64, _file);
resolve(newFile);
};
};
});
},
dataUrlToFile(dataurl, file) {
let arr = dataurl.split(","),
mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]),
n = bstr.length,
u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
// return new Blob([u8arr], { type: mime });
return new File([new Blob([u8arr], { type: mime })], file.name, {
type: mime,
});
},
async beforeUpload1(event, type, i) {
// this.$message.success('进入上传')
var file = "";
if (type == 5) {
file = event;
} else {
file = event.target.files[0];
}
var credentials = {
accessKeyId: "AKIATLPEDU37QV5CHLMH",
secretAccessKey: "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",
}; //秘钥形式的登录上传
window.AWS.config.update(credentials);
window.AWS.config.region = "cn-northwest-1"; //设置区域
var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
var _this = this;
_this.progress = 0;
_this.proVisible = true;
_this.isFinishSize = 0;
_this.isAllSize = (file.size / 1024 / 1024).toFixed(2);
var b = [
"DOC",
"DOCX",
"DOCM",
"DOTM",
"DOTX",
"PPTX",
"PPSX",
"PPT",
"PPS",
"PPTM",
"POTM",
"PPAM",
"POTX",
"PPSM",
];
var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
var photoA = [
"BMP",
"GIF",
"PNG",
"JPGE",
"JPEG",
"JPG",
"TIF",
"PCX",
"TGA",
"EXIF",
"FPX",
"SVG",
"APNG",
];
// if (
// b.indexOf(
// file.name
// .split(".")
// [file.name.split(".").length - 1].toLocaleUpperCase()
// ) != -1
// ) {
// if (file.size / 1024 / 1024 > 10) {
// this.$message.error("上传文件大于10兆,请重新选择文件！");
// return;
// }
// } else if (
// excelA.indexOf(
// file.name
// .split(".")
// [file.name.split(".").length - 1].toLocaleUpperCase()
// ) != "-1"
// ) {
// if (file.size / 1024 / 1024 > 5) {
// this.$message.error("添加成上传文件大于5兆,请重新选择文件！");
// return;
// }
// }
if (
photoA.indexOf(
file.name
.split(".")
[file.name.split(".").length - 1].toLocaleUpperCase()
) != -1 &&
type != 4
) {
// const blob = await imageConversion.compress(file, 0.8)
file = await this.pngToWhiteBg(file);
const blob = await imageConversion.compressAccurately(file, 256);
// const blob = await imageConversion.compressAccurately(file, {type:file.type});
file = new File([blob], file.name, { type: file.type });
}
if (file) {
var params = {
Key:
file.name.split(".")[0] +
new Date().getTime() +
"." +
file.name.split(".")[file.name.split(".").length - 1],
ContentType: file.type,
Body: file,
"Access-Control-Allow-Credentials": "*",
ACL: "public-read",
}; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
var options = {
// partSize: 2048 * 1024 * 1024,
partSize: 1024 * 1024 * 1024,
queueSize: 2,
leavePartsOnError: true,
};
bucket
.upload(params, options)
.on("httpUploadProgress", function (evt) {
//这里可以写进度条
// console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
_this.progress = parseInt((evt.loaded / evt.total) * 100);
_this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
})
.send(function (err, data) {
_this.progress = 100;
_this.isFinishSize = _this.isAllSize;
setTimeout(() => {
_this.proVisible = false;
}, 1000);
if (err) {
var a = _this.$refs.upload1.uploadFiles;
a.splice(a.length - 1, a.length);
_this.$message.error("上传失败");
} else {
// _this.$message.success('上传成功')
var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
var c = [
"AVI",
"NAVI",
"MPEG",
"ASF",
"MOV",
"WMV",
"3GP",
"RM",
"RMVB",
"FLV",
"F4V",
"H.264",
"H.265",
"REAL VIDEO",
"MKV",
"WebM",
"HDDVD",
"MP4",
"MPG",
"M4V",
"MGV",
"OGV",
"QTM",
"STR",
"AMC",
"DVX",
"EVO",
"DAT",
"OGG",
"OGM",
];
if (type == 1) {
_this.studyJuri[0].cover.push({
name: file.name,
url: data.Location,
uid: file.uid,
});
if (
c.indexOf(
_this.studyJuri[0].cover[0].url
.split(".")
[
_this.studyJuri[0].cover[0].url.split(".").length - 1
].toLocaleUpperCase()
) != -1
) {
_this.fileType = 2;
} else if (
b.indexOf(
_this.studyJuri[0].cover[0].url
.split(".")
[
_this.studyJuri[0].cover[0].url.split(".").length - 1
].toLocaleUpperCase()
) != -1
) {
_this.fileType = 1;
} else if (
photoA.indexOf(
_this.studyJuri[0].cover[0].url
.split(".")
[
_this.studyJuri[0].cover[0].url.split(".").length - 1
].toLocaleUpperCase()
) != -1
) {
_this.fileType = 0;
} else {
_this.fileType = 3;
}
_this.imgChange(null, null, type);
} else if (type == 2) {
_this.upToolImg = data.Location;
_this.imgChange(null, null, type);
_this.addCourseWorks(i);
} else if (type == 4) {
_this.addPz("3", data.Location);
} else if (type == 5) {
_this.addImgDrawImG(data.Location);
} else if (type == 6) {
var _ftype = 1;
if (
c.indexOf(
data.Location.split(".")[
data.Location.split(".").length - 1
].toLocaleUpperCase()
) != -1
) {
_ftype = 5;
} else if (
b.indexOf(
data.Location.split(".")[
data.Location.split(".").length - 1
].toLocaleUpperCase()
) != -1
) {
_ftype = 4;
} else {
_ftype = 1;
}
_this.plworkFile.push({
name: file.name,
url: data.Location,
uid: file.uid,
fileType: _ftype,
username:
_this.plworkFile.length > 10
? _this.plworkFile.length + 1
: "0" + (_this.plworkFile.length + 1),
});
} else if (type == 7) {
_this.addCourseWorksGong(i, data.Location, 32);
} else if (type == 8) {
_this.addCourseWorksGong(i, data.Location, 57);
}
_this.imgChange(null, null, type);
console.log(data.Location);
// _this.$message.success('上传成功'+data.Location)
}
});
}
},
async beforeUpload3(event, type, i) {
// this.$message.success('进入上传')
let file = "";
let cfindex2 = 0;
for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
file = event.target.files[cfindex];
var credentials = {
accessKeyId: "AKIATLPEDU37QV5CHLMH",
secretAccessKey: "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",
}; //秘钥形式的登录上传
window.AWS.config.update(credentials);
window.AWS.config.region = "cn-northwest-1"; //设置区域
var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
var _this = this;
// _this.progress = 0;
_this.proVisible2 = true;
var b = [
"DOC",
"DOCX",
"DOCM",
"DOTM",
"DOTX",
"PPTX",
"PPSX",
"PPT",
"PPS",
"PPTM",
"POTM",
"PPAM",
"POTX",
"PPSM",
];
var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
var photoA = [
"BMP",
"GIF",
"PNG",
"JPGE",
"JPG",
"TIF",
"PCX",
"TGA",
"EXIF",
"FPX",
"SVG",
"APNG",
];
if (
photoA.indexOf(
file.name
.split(".")
[file.name.split(".").length - 1].toLocaleUpperCase()
) != -1 &&
type != 4
) {
// const blob = await imageConversion.compress(file, 0.8)
file = await this.pngToWhiteBg(file);
const blob = await imageConversion.compressAccurately(file, 256);
// const blob = await imageConversion.compressAccurately(file, {type:file.type});
file = new File([blob], file.name, { type: file.type });
}
if (file) {
var params = {
Key:
file.name.split(".")[0] +
new Date().getTime() +
"." +
file.name.split(".")[file.name.split(".").length - 1],
ContentType: file.type,
Body: file,
"Access-Control-Allow-Credentials": "*",
ACL: "public-read",
}; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
var options = {
// partSize: 2048 * 1024 * 1024,
partSize: 1024 * 1024 * 1024,
queueSize: 2,
leavePartsOnError: true,
};
bucket
.upload(params, options)
.on("httpUploadProgress", function (evt) {
//这里可以写进度条
// console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
// _this.progress = parseInt((evt.loaded * 80) / evt.total);
})
.send(function (err, data) {
// _this.progress = 100;
cfindex2++;
setTimeout(() => {
if (
cfindex2 == event.target.files.length - 1 ||
cfindex2 > event.target.files.length - 1
) {
_this.proVisible2 = false;
}
}, 1000);
if (err) {
var a = _this.$refs.upload1.uploadFiles;
a.splice(a.length - 1, a.length);
_this.$message.error("上传失败");
} else {
// _this.$message.success('上传成功')
var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
var c = [
"AVI",
"NAVI",
"MPEG",
"ASF",
"MOV",
"WMV",
"3GP",
"RM",
"RMVB",
"FLV",
"F4V",
"H.264",
"H.265",
"REAL VIDEO",
"MKV",
"WebM",
"HDDVD",
"MP4",
"MPG",
"M4V",
"MGV",
"OGV",
"QTM",
"STR",
"AMC",
"DVX",
"EVO",
"DAT",
"OGG",
"OGM",
];
if (type == 1) {
_this.studyJuri[0].cover.push({
name: file.name,
url: data.Location,
uid: file.uid,
});
if (
c.indexOf(
_this.studyJuri[0].cover[0].url
.split(".")
[
_this.studyJuri[0].cover[0].url.split(".").length - 1
].toLocaleUpperCase()
) != -1
) {
_this.fileType = 2;
} else if (
b.indexOf(
_this.studyJuri[0].cover[0].url
.split(".")
[
_this.studyJuri[0].cover[0].url.split(".").length - 1
].toLocaleUpperCase()
) != -1
) {
_this.fileType = 1;
} else {
_this.fileType = 0;
}
_this.imgChange(null, null, type);
} else if (type == 2) {
_this.upToolImg = data.Location;
_this.imgChange(null, null, type);
_this.addCourseWorks(i);
} else if (type == 4) {
_this.addPz("3", data.Location);
} else if (type == 5) {
_this.addImgDrawImG(data.Location);
} else if (type == 6) {
var _ftype = 1;
if (
c.indexOf(
data.Location.split(".")[
data.Location.split(".").length - 1
].toLocaleUpperCase()
) != -1
) {
_ftype = 5;
} else if (
b.indexOf(
data.Location.split(".")[
data.Location.split(".").length - 1
].toLocaleUpperCase()
) != -1
) {
_ftype = 4;
} else {
_ftype = 1;
}
_this.plworkFile.push({
name: file.name,
url: data.Location,
uid: file.uid,
fileType: _ftype,
username:
_this.plworkFile.length + 1 > 9
? _this.plworkFile.length + 1
: "0" + (_this.plworkFile.length + 1),
});
}
_this.imgChange(null, null, type);
console.log(data.Location);
// _this.$message.success('上传成功'+data.Location)
}
});
}
}
},
beforeUpload2(event, type) {
var file = event.target.files[0];
var credentials = {
accessKeyId: "AKIATLPEDU37QV5CHLMH",
secretAccessKey: "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",
}; //秘钥形式的登录上传
window.AWS.config.update(credentials);
window.AWS.config.region = "cn-northwest-1"; //设置区域
var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
var _this = this;
_this.progress = 0;
_this.proVisible = true;
if (file) {
var params = {
Key:
file.name.split(".")[0] +
new Date().getTime() +
"." +
file.name.split(".")[file.name.split(".").length - 1],
ContentType: file.type,
Body: file,
"Access-Control-Allow-Credentials": "*",
ACL: "public-read",
}; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
var options = {
partSize: 2048 * 1024 * 1024,
queueSize: 2,
leavePartsOnError: true,
};
bucket
.upload(params, options)
.on("httpUploadProgress", function (evt) {
//这里可以写进度条
// console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
_this.progress = parseInt((evt.loaded * 80) / evt.total);
})
.send(function (err, data) {
_this.progress = 100;
setTimeout(() => {
_this.proVisible = false;
}, 1000);
if (err) {
var a = _this.$refs.upload1.uploadFiles;
a.splice(a.length - 1, a.length);
_this.$message.error("上传失败");
} else {
if (type == 2) {
_this.studyJuri[0].upVedio.push({
name: file.name,
url: data.Location,
uid: file.uid,
});
_this.imgChange(null, null, type);
} else if (type == 3) {
_this.studyJuri[0].upFile.push({
name: file.name,
url: data.Location,
uid: file.uid,
});
_this.imgChange(null, null, type);
}
console.log(data.Location);
}
});
}
},
allScrell() {
window.parent.postMessage({ allScreen: this.screenType }, "*");
},
nextOrpreSteps(t) {
if (this.IsFollow && this.tType == 2) {
this.$message.error("已经开启跟随模式，请认真跟堂听讲");
return;
}
var b = this.chapInfoList.length - 1;
if (t == 0) {
if (this.courseType == 0) {
if (this.taskCount == 0) {
// console.log(this.navList[b].task[this.navList[b].task.length - 1].isLook);
if (this.IsLookOpen) {
if (
!this.navList[b].task[this.navList[b].task.length - 1].isLook
) {
if (
this.courseDetail.userid != this.userid &&
this.courseDetail.course_teacher.indexOf(this.userid) == -1
) {
this.$message.error("任务未解锁");
} else {
this.$message.error("上一任务未解锁");
}
return;
}
}
this.navList[this.courseType].isOpen = false;
this.courseType = b;
this.taskCount =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson
.length - 1;
this.navList[this.courseType].isOpen = true;
} else {
this.taskCount--;
}
} else {
if (this.taskCount == 0) {
this.navList[this.courseType].isOpen = false;
this.courseType--;
this.taskCount =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson
.length - 1;
this.navList[this.courseType].isOpen = true;
} else {
this.taskCount--;
}
}
} else {
if (this.courseType == b) {
if (
this.taskCount ==
this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
1
) {
this.navList[this.courseType].isOpen = false;
this.courseType = 0;
this.taskCount = 0;
this.navList[this.courseType].isOpen = true;
} else {
var bbb = parseInt(this.taskCount) + 1;
if (
!this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
.isLook &&
this.courseDetail.userid != this.userid &&
this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
this.IsLookOpen
) {
this.$message.error("任务未解锁");
return;
}
this.taskCount++;
if (this.IsLookOpen) {
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].isLook = true;
this.addCourseState(3);
}
}
} else {
if (
this.taskCount ==
this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
1
) {
var bbb = parseInt(this.courseType) + 1;
if (
!this.chapInfoList[bbb].chapterInfo[0].taskJson[0].isLook &&
this.courseDetail.userid != this.userid &&
this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
this.IsLookOpen
) {
this.$message.error("任务未解锁");
return;
}
this.navList[this.courseType].isOpen = false;
this.courseType++;
this.taskCount = 0;
this.navList[this.courseType].isOpen = true;
} else {
var bbb = parseInt(this.taskCount) + 1;
if (
!this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
.isLook &&
this.courseDetail.userid != this.userid &&
this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
this.IsLookOpen
) {
this.$message.error("任务未解锁");
return;
}
this.taskCount++;
}
if (this.IsLookOpen) {
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].isLook = true;
this.addCourseState(3);
}
}
// if (
// this.taskCount ==
// this.chapInfo.chapterInfo[0].taskJson.length - 1
// ) {
// this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
// } else {
// this.taskCount++;
// }
}
document.scrollingElement.scrollTop = 0;
this.showType = 0;
this.navId = this.navList[this.courseType].task[this.taskCount].id;
// if (this.vedio[this.taskCount].length > 0) {
// var a =
// document.getElementsByClassName("box_course")[this.taskCount]
// .offsetHeight;
// document.getElementsByClassName("vedioList")[
// this.taskCount
// ].style.height = a + "px";
// document.getElementsByClassName("navBox")[this.taskCount].style.height =
// a - 40 + "px";
// }
this.isNoHomeWork = false;
(this.studyJuri = [
{
content: "",
cover: [],
upVedio: [],
upFile: [],
},
]),
(this.radio = []);
this.isClickNav = "";
this.selectPz();
this.getHomeWork();
this.getCourseDetail(2);
this.$forceUpdate();
},
openTask(s, n, i) {
if (this.IsFollow && this.tType == 2) {
this.$message.error("已经开启跟随模式，请认真跟堂听讲");
return;
}
if (this.IsLookOpen) {
if (
!this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
this.courseDetail.userid != this.userid &&
this.courseDetail.course_teacher.indexOf(this.userid) == -1
) {
this.$message.error("任务未解锁");
return;
}
if (this.courseType == s && this.taskCount != n && n > this.taskCount) {
if (
!this.chapInfoList[this.courseType].chapterInfo[0].taskJson[n - 1]
.isLook
) {
this.$message.error("上一任务未解锁");
return;
}
} else if (s > this.courseType) {
if (n > 0) {
if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
this.$message.error("上一任务未解锁");
return;
}
} else {
if (
!this.chapInfoList[s - 1].chapterInfo[0].taskJson[
this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
].isLook
) {
this.$message.error("上一任务未解锁");
return;
}
}
}
}
this.courseType = s;
this.navId = i;
this.taskCount = n;
if (this.IsLookOpen) {
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].isLook = true;
this.addCourseState(3);
}
for (var ci = 0; ci < this.isCloseList.length; ci++) {
this.isCloseList[ci].isClose = 0;
}
this.showType = 0;
this.isNoHomeWork = false;
(this.studyJuri = [
{
content: "",
cover: [],
upVedio: [],
upFile: [],
},
]),
(this.radio = []);
document.scrollingElement.scrollTop = 0;
// setTimeout(() => {
// let a = document.getElementById(i);
// if (a.offsetTop - 110 == 0) {
// window.scrollTo(0, 0);
// } else {
// window.scrollTo(0, a.offsetTop);
// }
// }, 0);
this.selectPz();
this.getHomeWork();
this.getCourseDetail(2);
},
get(i) {
if (this.IsFollow && this.tType == 2) {
this.$message.error("已经开启跟随模式，请认真跟堂听讲");
return;
}
this.navList[i].isOpen = !this.navList[i].isOpen;
},
addQuestion() {
this.answerList.push({
answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
answer: this.questionAnswer.replaceAll(/%/g, "%25"),
});
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.answerList),
type: 3,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.answerList = [];
this.answerDialogVisible = false;
this.selectStudent();
this.selectSWorks();
this.selectSLook();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addQuestionTeacher() {
this.answerList.push({
answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
answer: this.questionAnswer.replaceAll(/%/g, "%25"),
});
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.answerList),
type: 3,
ateacher: this.userid,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorksTeacher", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.answerList = [];
this.questionAnswer = "";
this.answerDialogVisibleTeacher = false;
this.selectStudent();
this.selectSWorks();
this.selectSLook();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
refreshCourse() {
// window.location.reload();
this.navList = [];
this.getCourseDetail(1);
},
getCourseDetail(type, gindex) {
let loading;
if (type != 2) {
loading = this.$loading.service({
background: "rgba(255, 255, 255, 0.7)",
target: document.querySelector(".student_table"),
});
}
// this.navList[0].isOpen = false;
// this.navList[this.courseType].isOpen = true;
// this.courseType = this.courseTypeLine;
// this.navId = this.navList[this.courseType].task[this.taskCount].id;
let params = {
courseId: this.id,
};
this.ajax
.get(this.$store.state.api + "selectCourseDetail3", params)
.then((res) => {
if (type != 2) {
loading.close();
if (
this.courseType >
JSON.parse(res.data[0][0].chapters).length - 1
) {
this.courseType = JSON.parse(res.data[0][0].chapters).length - 1;
}
var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
.chapterInfo[0].taskJson;
var b = [
"AVI",
"NAVI",
"MPEG",
"ASF",
"MOV",
"WMV",
"3GP",
"RM",
"RMVB",
"FLV",
"F4V",
"H.264",
"H.265",
"REAL VIDEO",
"MKV",
"WebM",
"HDDVD",
"MP4",
"MPG",
"M4V",
"MGV",
"OGV",
"QTM",
"STR",
"AMC",
"DVX",
"EVO",
"DAT",
"OGG",
"OGM",
"MP3",
];
let _chapterData = [];
for (var i = 0; i < a.length; i++) {
var c = a[i].chapterData;
this.vedio[i] = [];
this.textList[i] = [];
this.lineList[i] = [];
this.chapToolList[i] = [];
this.file[i] = [];
this.fileC[i] = [];
_chapterData[i] = c.filter((el) => {
return el.type != 12;
});
this.fileC[i] = c.filter((el) => {
return el.type == 12;
});
// else if (c[j].type == 12) {
// this.fileC[i].push(c[j]);
// }
for (var j = 0; j < c.length; j++) {
if (c[j].type == 7) {
this.chapToolList[i].push(c[j]);
} else if (c[j].type == 8) {
this.lineList[i].push(c[j]);
} else if (c[j].type == 6) {
this.textList[i].push(c[j]);
} else {
if (
b.indexOf(
c[j].url
.split(".")
[c[j].url.split(".").length - 1].toLocaleUpperCase()
) != -1
) {
this.vedio[i].push(c[j]);
} else {
this.file[i].push(c[j]);
}
}
}
var d = JSON.parse(JSON.stringify(this.playerOptions));
d.sources[0].src =
this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
this.playerO[i] = d;
}
this.courseDetail = res.data[0][0];
this.tcid = this.arrayToArray(
this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
this.tcid2 ? this.tcid2.split(",") : []
).join(",");
console.log(this.tcid);
this.evalua = res.data[0][0].evaId;
this.chapInfo = JSON.parse(this.courseDetail.chapters)[
this.courseType
];
this.chapInfoList = JSON.parse(this.courseDetail.chapters);
if (this.tcid && res.data[1].length) {
let _inviteA = [];
for (var ik = 0; ik < res.data[1].length; ik++) {
_inviteA.push({
cid: res.data[1][ik].classid,
ic: res.data[1][ik].code,
});
}
for (var ik = 0; ik < _inviteA.length; ik++) {
if (
this.arrayToArray(
_inviteA[ik].cid.split(","),
this.tcid.split(",")
).length
) {
this.inviteCode = _inviteA[ik].ic;
break;
}
}
}
for (var l = 0; l < this.chapInfoList.length; l++) {
var w = this.chapInfoList[l].chapterInfo[0].taskJson;
for (var m = 0; m < w.length; m++) {
w[m].id = l + "-" + m;
}
}
if (
_chapterData[this.taskCount].length &&
_chapterData[this.taskCount][0].type == 2
) {
this.showType = 0;
} else {
if (_chapterData[this.taskCount].length > 0) {
let _url = _chapterData[this.taskCount][0].url;
if (_chapterData[this.taskCount][0].type == 8) {
this.showType = 2;
if (
_url.indexOf("https://") == -1 &&
_url.indexOf("http://") == -1
) {
_url = "https://" + _url;
}
this.pptImgUrl1 = _url;
} else if (_chapterData[this.taskCount][0].type == 3) {
if (
_url
.split(".")
[_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
) {
this.showType = 3;
this.pptImgUrl1 = _url;
} else if (
this.isAssetTypeAnImage(
_url
.split(".")
[_url.split(".").length - 1].toLocaleLowerCase()
)
) {
this.showType = 4;
this.pptImgUrl1 = _url;
} else {
this.showType = 2;
this.pptImgUrl1 =
"https://view.officeapps.live.com/op/view.aspx?src=" +
_url;
}
} else if (_chapterData[this.taskCount][0].type == 13) {
this.showType = 4;
this.pptImgUrl1 = _url;
} else if (_chapterData[this.taskCount][0].type == 6) {
this.showType = 1;
this.text = this.textList[this.taskCount][0];
}
}
}
this.isClickNav = 0;
if (
!_chapterData[this.taskCount].length ||
_chapterData[this.taskCount][0].type == 12
) {
this.isClickNav = "";
this.showType = "";
}
this.vChapterData = _chapterData;
} else {
this.showType = 0;
var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
.chapterInfo[0].taskJson;
var b = [
"AVI",
"NAVI",
"MPEG",
"ASF",
"MOV",
"WMV",
"3GP",
"RM",
"RMVB",
"FLV",
"F4V",
"H.264",
"H.265",
"REAL VIDEO",
"MKV",
"WebM",
"HDDVD",
"MP4",
"MPG",
"M4V",
"MGV",
"OGV",
"QTM",
"STR",
"AMC",
"DVX",
"EVO",
"DAT",
"OGG",
"OGM",
"MP3",
];
let _chapterData = [];
for (var i = 0; i < a.length; i++) {
var c = a[i].chapterData;
this.vedio[i] = [];
this.textList[i] = [];
this.lineList[i] = [];
this.chapToolList[i] = [];
this.file[i] = [];
this.fileC[i] = [];
_chapterData[i] = c.filter((el) => {
return el.type != 12;
});
this.fileC[i] = c.filter((el) => {
return el.type == 12;
});
for (var j = 0; j < c.length; j++) {
if (c[j].type == 7) {
this.chapToolList[i].push(c[j]);
} else if (c[j].type == 8) {
this.lineList[i].push(c[j]);
} else if (c[j].type == 6) {
this.textList[i].push(c[j]);
} else {
if (
b.indexOf(
c[j].url
.split(".")
[c[j].url.split(".").length - 1].toLocaleUpperCase()
) != -1
) {
this.vedio[i].push(c[j]);
} else {
this.file[i].push(c[j]);
}
}
}
var d = JSON.parse(JSON.stringify(this.playerOptions));
d.sources[0].src =
this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
this.playerO[i] = d;
}
if (
_chapterData[this.taskCount].length &&
_chapterData[this.taskCount][0].type == 2
) {
this.showType = 0;
} else {
if (_chapterData[this.taskCount].length > 0) {
let _url = _chapterData[this.taskCount][0].url;
if (_chapterData[this.taskCount][0].type == 8) {
this.showType = 2;
if (
_url.indexOf("https://") == -1 &&
_url.indexOf("http://") == -1
) {
_url = "https://" + _url;
}
this.pptImgUrl1 = _url;
} else if (_chapterData[this.taskCount][0].type == 3) {
if (
_url
.split(".")
[_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
) {
this.showType = 3;
this.pptImgUrl1 = _url;
} else if (
this.isAssetTypeAnImage(
_url
.split(".")
[_url.split(".").length - 1].toLocaleLowerCase()
)
) {
this.showType = 4;
this.pptImgUrl1 = _url;
} else {
this.showType = 2;
this.pptImgUrl1 =
"https://view.officeapps.live.com/op/view.aspx?src=" +
_url;
}
} else if (_chapterData[this.taskCount][0].type == 13) {
this.showType = 4;
this.pptImgUrl1 = _url;
} else if (_chapterData[this.taskCount][0].type == 6) {
this.showType = 1;
this.text = this.textList[this.taskCount][0];
}
}
}
this.isClickNav = 0;
if (
!_chapterData[this.taskCount].length ||
_chapterData[this.taskCount][0].type == 12
) {
this.isClickNav = "";
this.showType = "";
}
this.vChapterData = _chapterData;
this.$forceUpdate();
}
// else {
// this.courseDetail = res.data[0][0];
// this.chapInfoList = JSON.parse(this.courseDetail.chapters);
// }
let _this = this;
if (_this.timer) {
clearInterval(_this.timer);
_this.timer = null;
}
if (_this.tcid) {
_this.getCourseGroup(gindex);
} else {
_this.selectSWorks(gindex);
}
_this.selectStudent();
_this.selectSLook();
if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
_this.setCTask();
}
if (_this.dialogVisibleGroup) {
_this.groupJson =
_this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
_this.taskCount
].toolChoose[_this.toolindex].groupJson;
}
_this.$nextTick(() => {
setTimeout(() => {
_this.checkEva();
}, 1000);
});
_this.timer = setInterval(function () {
// _this.getCourseDetail(2);
if (_this.tcid) {
_this.getCourseGroup(gindex);
} else {
_this.selectSWorks(gindex);
}
_this.selectStudent();
_this.selectSLook();
if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
_this.setCTask();
}
if (_this.dialogVisibleGroup) {
_this.groupJson =
_this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
_this.taskCount
].toolChoose[_this.toolindex].groupJson;
}
if (_this.tType == 4 || _this.ispzType == 4) {
_this.selectPz();
}
}, 5000);
_this.$nextTick(function () {
setTimeout(() => {
// var a =
// document.getElementsByClassName("box_course")[0].offsetHeight;
// document.getElementsByClassName("vedioList")[0].style.height =
// a + "px";
// document.getElementsByClassName("navBox")[0].style.height =
// a - 40 + "px";
// if (_this.vedio[_this.taskCount].length > 0) {
// _this.vedioTime = [];
// for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
// _this.vedioTime[i] = document.getElementsByClassName(
// "vjs-duration-display"
// )[i].textContent;
// }
// }
}, 1000);
});
})
.catch((err) => {
loading.close();
console.error(err);
});
},
getCourseGroup(gindex) {
let params = {
cid: this.id,
classid: this.tcid ? this.tcid : "1",
};
this.ajax
.get(this.$store.state.api + "getCourseGroup", params)
.then((res) => {
if (res.data && res.data[0].length) {
if (!this.isGroup) {
let courseGroup = JSON.parse(res.data[0][0].group);
courseGroup.group = courseGroup.group.filter((el) => {
el.works = [];
return el;
});
if (courseGroup.isopen == 2) {
this.isGroup = false;
this.selectSWorks(gindex);
return;
}
this.courseGroup = courseGroup;
let groupPerson = res.data[1];
let group = JSON.parse(res.data[0][0].group).group;
let courseGroupStudent = {};
let courseGroupStudentUid = {};
for (var i = 0; i < group.length; i++) {
courseGroupStudent[group[i].id] = [];
courseGroupStudentUid[group[i].id] = [];
for (var j = 0; j < groupPerson.length; j++) {
if (groupPerson[j].groupCid == group[i].id) {
courseGroupStudent[group[i].id].push(groupPerson[j]);
courseGroupStudentUid[group[i].id].push(
groupPerson[j].userid
);
}
}
}
this.courseGroupStudent = courseGroupStudent;
this.courseGroupStudentUid = courseGroupStudentUid;
}
if (this.courseGroup.isopen == 2) {
this.isGroup = false;
} else {
this.isGroup = true;
}
this.selectSWorks(gindex);
} else {
this.selectSWorks(gindex);
this.isGroup = false;
}
})
.catch((err) => {
// this.$message.error("网络不佳");
console.error(err);
});
},
setOperationTime() {
let _this = this;
if (_this.opertimer) {
clearInterval(_this.opertimer);
_this.opertimer = null;
}
_this.opertimer = setInterval(() => {
_this.setoTime("600");
}, 600000);
},
setoTime(time) {
let params = [
{
uid: this.userid,
cid: this.id,
type: "2",
time: time,
},
];
this.ajax
.post(this.$store.state.api + "addOperationTimeT2", params)
.then((res) => {})
.catch((err) => {
console.error(err);
});
},
addPz(type, content) {
if (type == "1" && this.pzConText == "") {
this.$message.error("批注不能为空！");
return;
}
let params = [
{
cid: this.id,
uid: this.userid,
s: this.courseType,
t: this.taskCount,
c: type == "1" ? this.pzConText.replaceAll(/%/g, "%25") : content,
type: type,
},
];
this.ajax
.post(this.$store.state.api + "addPz2", params)
.then((res) => {
this.$message({
message: "添加成功",
type: "success",
});
this.pzConText = "";
this.addPzDialog = false;
this.selectPz();
})
.catch((err) => {
this.$message.error("添加失败");
console.error(err);
});
},
deletePz(id) {
this.$confirm("确定删除此批注吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
let params = [
{
id: id,
},
];
this.ajax
.post(this.$store.state.api + "deletePz", params)
.then((res) => {
this.$message({
message: "删除成功",
type: "success",
});
this.selectPz();
})
.catch((err) => {
this.$message.error("网络异常");
console.error(err);
});
})
.catch(() => {});
},
setPz() {
if (this.ispzType == 4) {
this.ispzType = 0;
this.pzDialog = false;
return;
}
this.ispzType = 4;
this.pzDialog = true;
this.selectPz();
},
selectPz() {
let params = {
cid: this.id,
s: this.courseType,
t: this.taskCount,
};
this.ajax
.get(this.$store.state.api + "selectPzList", params)
.then((res) => {
this.pzList = res.data[0];
})
.catch((err) => {
console.error(err);
});
},
updateSLook() {
let params = {
sopen: this.sIsOpen == false ? 1 : 2,
cid: this.id,
};
this.ajax
.get(this.$store.state.api + "updateCourseSLook", params)
.then((res) => {
if (this.sIsOpen == true) {
this.$message({
message: "权限设置成功",
type: "success",
});
} else {
this.$message({
message: "权限关闭成功",
type: "success",
});
}
})
.catch((err) => {
console.error(err);
});
},
updateFollow() {
let params = [
{
sopen: this.IsFollow == false ? 1 : 2,
cid: this.id,
},
];
this.ajax
.post(this.$store.state.api + "updateCourseFollow", params)
.then((res) => {
if (this.IsFollow == true) {
this.$message({
message: "开启成功",
type: "success",
});
} else {
this.$message({
message: "关闭成功",
type: "success",
});
}
this.setCTask();
})
.catch((err) => {
console.error(err);
});
},
setCTask() {
let params = [
{
sopen: this.courseType + "-" + this.taskCount,
cid: this.id,
},
];
this.ajax
.post(this.$store.state.api + "updateCourseFollowC", params)
.then((res) => {})
.catch((err) => {
console.error(err);
});
},
updateLookOpen() {
let params = [
{
sopen: this.IsLookOpen == false ? 1 : 2,
cid: this.id,
},
];
this.ajax
.post(this.$store.state.api + "updateCourseLookOpen", params)
.then((res) => {
if (this.IsLookOpen == true) {
// if (this.courseType != 0 && this.taskCount != 0) {
// this.openTask(0, 0, "0-0");
// }
this.$message({
message: "权限设置成功",
type: "success",
});
} else {
this.$message({
message: "权限关闭成功",
type: "success",
});
}
this.getCourseState(2);
})
.catch((err) => {
console.error(err);
});
},
selectSLook() {
let params = {
cid: this.id,
};
this.ajax
.get(this.$store.state.api + "selectCourseSLook", params)
.then((res) => {
// this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
this.sIsOpen = true;
this.IsLookOpen = res.data[0][0].look == 1 ? false : true;
this.IsFollow = res.data[0][0].follow == 1 ? false : true;
if (!this.IsLookOpen) {
this.setNavList();
} else {
this.getCourseState(1);
}
if (this.IsFollow && this.tType == 2) {
this.setContent2(false);
let _followC = res.data[0][0].followC.split("-");
if (
this.courseType != _followC[0] ||
this.taskCount != _followC[1]
) {
this.navList[this.courseType].isOpen = false;
this.courseType = _followC[0];
this.navList[this.courseType].isOpen = true;
this.taskCount = parseInt(_followC[1]);
this.navId = res.data[0][0].followC;
document.scrollingElement.scrollTop = 0;
this.getCourseDetail(2);
}
}
})
.catch((err) => {
console.error(err);
});
},
setNavList() {
if (this.navList.length == 0) {
this.navList = [];
for (var l = 0; l < this.chapInfoList.length; l++) {
var q = this.chapInfoList[l].dyName;
var w = this.chapInfoList[l].chapterInfo[0].taskJson;
var e;
this.navList.push({
dyName: q,
isOpen: l === 0 ? true : false,
task: [],
});
for (var r = 0; r < w.length; r++) {
e = w[r].task;
if (this.chapInfoList[l].easy == 1) {
this.navList[l].task.push({
taskName: q,
id: l + "-" + r,
isLook: w[r].isLook,
});
} else {
this.navList[l].task.push({
taskName: e,
id: l + "-" + r,
isLook: w[r].isLook,
});
}
// this.navId = this.navId ? this.navId : l + "-" + r;
// this.navId = l + "-" + r;
}
}
this.navList[0].isOpen = false;
this.navList[this.courseType].isOpen = true;
this.navId = this.navList[this.courseType].task[this.taskCount].id;
} else {
this.setNavList2();
}
},
setNavList2() {
for (var l = 0; l < this.chapInfoList.length; l++) {
var w = this.chapInfoList[l].chapterInfo[0].taskJson;
for (var r = 0; r < w.length; r++) {
this.navList[l].task[r].isLook = w[r].isLook;
}
}
if (
this.IsLookOpen &&
!this.navList[this.courseType].task[this.taskCount].isLook
) {
this.openTask(0, 0, "0-0");
}
this.$forceUpdate();
},
getCourseState(type) {
let params = {
cid: this.id,
};
this.ajax
.get(this.$store.state.api + "getCourseState", params)
.then((res) => {
if (res.data[0].length > 0 && this.IsLookOpen && type == 1) {
this.chapInfoList = JSON.parse(res.data[0][0].state);
this.setNavList();
this.$forceUpdate();
} else if (res.data[0].length > 0 && this.IsLookOpen && type == 2) {
this.addCourseState(2);
} else {
this.addCourseState(1);
}
})
.catch((err) => {
console.error(err);
});
},
addCourseState(type) {
let _state = this.chapInfoList;
// this.courseType this.taskCount
if (type == 1 || type == 2) {
for (var i = 0; i < _state.length; i++) {
let el = _state[i].chapterInfo[0].taskJson;
for (var j = 0; j < el.length; j++) {
// if (i == 0 && j == 0) {
// el[j].isLook = true;
// } else {
// el[j].isLook = false;
// }
if (
this.courseType > i ||
(this.courseType == i && this.taskCount + 1 > j)
) {
el[j].isLook = true;
} else {
el[j].isLook = false;
}
}
}
}
let params = [
{
cid: this.id,
state: JSON.stringify(_state).replaceAll(/%/g, "%25"),
},
];
this.ajax
.post(
this.$store.state.api +
(type == 1 ? "addCourseState" : "updateCourseSate"),
params
)
.then((res) => {
if (this.IsLookOpen) {
this.setNavList();
}
if (type == 3 && type == 2) {
this.getCourseState(1);
}
})
.catch((err) => {
console.error(err);
});
},
getHomeWork() {
let params = {
cid: this.id,
stage: this.courseType,
task: this.taskCount,
uid: this.userid,
};
this.ajax
.get(this.$store.state.api + "selectWork", params)
.then((res) => {
if (res.data[0].length > 0) {
this.studyJuri = JSON.parse(res.data[0][0].content);
this.isNoHomeWork = true;
}
})
.catch((err) => {
console.error(err);
});
},
isAssetTypeAnImage(ext) {
return (
[
"png",
"jpg",
"jpeg",
"bmp",
"gif",
"webp",
"psd",
"svg",
"tiff",
].indexOf(ext) !== -1
);
},
switchVideo(media) {
this.playerO = {};
this.playerOptions.poster = "";
this.playerOptions.sources[0].src = media;
this.playerO = this.playerOptions;
},
onPlayerPlay() {},
onPlayerTimeupdate(player) {
let gklog = player.cache_.currentTime; //当前播放的秒数
let a = player.cache_.duration; //视频的总时长
let gklog2 = parseInt(gklog);
// if(gklog2 == '3'){
// player.pause()
// setTimeout(()=>{
// player.currentTime(gklog2+1)
// player.play()
// },1000)
// }
console.log(" onPlayerTimeupdate!", gklog);
console.log(" onPlayerTimeupdate!", gklog2);
},
lookVedio(u, i) {
this.isClickNav = "";
// this.playerOptions.sources[0].src = u;
var d = JSON.parse(JSON.stringify(this.playerOptions));
d.sources[0].src = u;
this.playerO[this.taskCount] = d;
this.showType = 0;
// this.isClickNav = "video" + i;
this.isClickNav = i;
this.$forceUpdate();
},
lookText(i, t) {
this.isClickNav = "";
// this.text = this.textList[i][t];
this.text = this.vChapterData[i][t];
// this.dialogVisible1 = true;
this.showType = 1;
// this.isClickNav = "text" + t;
this.isClickNav = t;
},
lookTools(i, t) {
this.chapTools = this.chapToolList[i][t];
this.dialogVisible2 = true;
},
openFile(f) {
this.pptImgUrl = "";
var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
if (
a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
-1
) {
this.pptImgUrl =
"https://view.officeapps.live.com/op/view.aspx?src=" + f;
this.showPDF = false;
this.dialogVisible3 = true;
} else if (
f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
) {
this.pptImgUrl = f;
this.showPDF = true;
this.dialogVisible3 = true;
}
},
openTable(f) {
this.tableJson = JSON.parse(f.works);
this.dialogVisibleTable2 = true;
},
openWord(f) {
this.tableJson = JSON.parse(f.works);
this.dialogVisibleTable3 = true;
},
doUrl(url, i) {
this.isClickNav = "";
this.pptImgUrl1 = "";
this.showType = 2;
if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
url = "https://" + url;
}
this.pptImgUrl1 = "";
setTimeout(() => {
this.pptImgUrl1 = url;
}, 500);
// this.isClickNav = "line" + i;
this.isClickNav = i;
this.$forceUpdate();
},
checkPhoto(f, i) {
this.showType = 4;
this.pptImgUrl1 = f.url;
this.isClickNav = i;
this.$forceUpdate();
},
downFile(f, i) {
this.isClickNav = "";
this.pptImgUrl1 = "";
var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
if (
a.indexOf(
f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
) != -1
) {
this.pptImgUrl1 =
"https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
// this.dialogVisible3 = true;
this.showType = 2;
} else if (
this.isAssetTypeAnImage(
f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
)
) {
this.showType = 4;
this.pptImgUrl1 = f.url;
} else if (
f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
"PDF"
) {
this.pptImgUrl1 = f.url;
// this.dialogVisible3 = true;
this.showType = 3;
} else {
window.open(this.file[i].url);
}
// this.isClickNav = "word" + i;
this.isClickNav = i;
},
downFileList(i) {
window.open(this.noImgList[i].url);
},
openAddWork() {
this.dialogVisible = true;
},
addBzWorks() {
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.eScore),
type: 6,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.eScore = { eBzText: "", eStar: [] };
this.studentEvalDialogVisible = false;
this.selectSWorks();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addBzWorksTeacher() {
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.eScore),
type: 6,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.eScore = { eBzText: "", eStar: [] };
this.studentEvalDialogVisibleTeacher = false;
this.selectSWorks();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addStudentAsk() {
if (!this.radio.length) {
this.$message.error("请选择选项");
return;
}
for (var i = 0; i < this.askJson.askCount; i++) {
if (
(this.radio[i] instanceof Array && !this.radio[i].length) ||
(this.radio[i] !== 0 && !this.radio[i])
) {
this.$message.error("请选择选项");
return;
}
}
this.askList.push({ askJson: this.askJson, anwer: this.radio });
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
type: 2,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.askList = [];
this.dialogVisible5 = false;
this.selectStudent();
this.selectSWorks();
this.selectSLook();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addStudentAskTeacher() {
if (!this.radio.length) {
this.$message.error("请选择选项");
return;
}
for (var i = 0; i < this.askJson.askCount; i++) {
if (
(this.radio[i] instanceof Array && !this.radio[i].length) ||
(this.radio[i] !== 0 && !this.radio[i])
) {
this.$message.error("请选择选项");
return;
}
}
this.askList.push({ askJson: this.askJson, anwer: this.radio });
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
type: 2,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.askList = [];
this.dialogVisible5Teacher = false;
this.selectStudent();
this.selectSWorks();
this.selectSLook();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addStudentTest() {
if (!this.radio.length) {
this.$message.error("请选择选项");
return;
}
for (var i = 0; i < this.testJson.testCount; i++) {
if (
(this.radio[i] instanceof Array && !this.radio[i].length) ||
(this.radio[i] !== 0 && !this.radio[i])
) {
this.$message.error("请选择选项");
return;
}
}
this.askList.push({ testJson: this.testJson, anwer: this.radio });
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
type: 8,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.askList = [];
this.dialogVisibleChoice = false;
this.selectStudent();
this.selectSWorks();
this.selectSLook();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addStudentTestTeacher() {
if (!this.radio.length) {
this.$message.error("请选择选项");
return;
}
for (var i = 0; i < this.testJson.testCount; i++) {
if (
(this.radio[i] instanceof Array && !this.radio[i].length) ||
(this.radio[i] !== 0 && !this.radio[i])
) {
this.$message.error("请选择选项");
return;
}
}
this.askList.push({ testJson: this.testJson, anwer: this.radio });
let params = [
{
uid: this.sStudent.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
type: 8,
},
];
this.ajax
.post(this.$store.state.api + "addCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.askList = [];
this.dialogVisibleChoiceTeacher = false;
this.selectStudent();
this.selectSWorks();
this.selectSLook();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
addWork() {
if (this.studyJuri[0].content == "") {
this.$message.error("请将信息填写完整");
return;
} else if (this.studyJuri[0].cover.length == 0) {
this.$message.error("请将信息填写完整");
return;
} else if (this.studyJuri[0].upVedio.length == 0) {
this.$message.error("请将信息填写完整");
return;
}
if (this.isNoHomeWork) {
this.$confirm(
"您已经提交了该作业了，如果您再提交将覆盖上次提交的作业！",
"提示",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}
)
.then(() => {
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
content: JSON.stringify(this.studyJuri),
},
];
this.ajax
.post(this.$store.state.api + "addWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.isNoHomeWork = true;
this.dialogVisible = false;
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
})
.catch(() => {});
} else {
let params = [
{
uid: this.userid,
cid: this.id,
stage: this.courseType,
task: this.taskCount,
content: JSON.stringify(this.studyJuri),
},
];
this.ajax
.post(this.$store.state.api + "addWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.isNoHomeWork = true;
this.dialogVisible = false;
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
}
},
selectCount() {
let params = {
cid: this.id,
chid: this.courseType,
uid: this.userid,
};
this.ajax
.get(this.$store.state.api + "selectToolsCount", params)
.then((res) => {
for (var i = 0; i < res.data[0].length; i++) {
if (res.data[0][i].tools == 1) {
this.wbCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 2) {
this.wordCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 3) {
this.mindCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 4) {
this.askCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 6) {
this.noteCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 7) {
this.mindNetWorkCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 8) {
this.libraryCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 16) {
this.workCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 10) {
this.timeCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 15) {
this.answerCount = res.data[0][i].count;
} else if (res.data[0][i].tools == 18) {
this.trainCount = res.data[0][i].count;
}
}
})
.catch((err) => {
console.error(err);
});
},
openTools(t, i, index, c, sName) {
var z = JSON.parse(c);
this.noteName = sName;
if (t == 4) {
this.radio = [];
this.isAnswer = false;
let b = z[0].anwer;
this.radio = b;
this.askJson = z[0].askJson;
this.isAnswer = true;
this.dialogVisible5 = true;
} else if (t == 45) {
this.radio = [];
this.isAnswer = false;
let b = z[0].anwer;
this.radio = b;
this.testJson = z[0].testJson;
this.isAnswer = true;
this.dialogVisibleChoice = true;
}
// else if (t == 15) {
// this.answerQ = "";
// this.questionAnswer = "";
// this.answerQ = z[0].answerTitle;
// this.questionAnswer = z[0].answer;
// this.answerDialogVisible = true;
// }
},
fastText(p, t) {
if (t == 1) {
this.commentText += p;
} else {
this.eScore.eBzText += p;
}
},
addTools(t, i, index) {
var a = 0;
// this.taskCount = index;
this.toolindex = i;
if (t == 1) {
if (this.wbCount > 0) {
this.updateCount(this.wbCount, t);
} else {
this.wbCount++;
a = this.wbCount;
this.toolsCount(a, t);
}
window.parent.postMessage(
{
tools: "1",
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
},
"*"
);
} else if (t == 2) {
if (this.wordCount > 0) {
this.updateCount(this.wordCount, t);
} else {
this.wordCount++;
a = this.wordCount;
this.toolsCount(a, t);
}
window.parent.postMessage({ tools: "2" }, "*");
} else if (t == 3) {
if (this.mindCount > 0) {
this.updateCount(this.mindCount, t);
} else {
this.mindCount++;
a = this.mindCount;
this.toolsCount(a, t);
}
window.parent.postMessage(
{
tools: "3",
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
},
"*"
);
} else if (t == 4) {
this.radio = [];
this.noteName = "";
this.isAnswer = false;
if (this.askCount > 0) {
this.updateCount(this.askCount, t);
} else {
this.askCount++;
a = this.askCount;
this.toolsCount(a, t);
}
if (!this.dialogVisible2) {
this.askJson.askJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].askJson;
this.askJson.askTitle =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].askTitle;
this.askJson.askCount =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].askCount;
} else {
this.askJson.askJson = this.chapTools.askJson.askJson;
this.askJson.askTitle = this.chapTools.askJson.askTitle;
this.askJson.askCount = this.chapTools.askJson.askCount;
}
for (var k = 0; k < this.askJson.askJson.length; k++) {
if (this.askJson.askJson[k].type == "2") {
this.radio.push([]);
} else {
this.radio.push("");
}
}
this.dialogVisible5 = true;
// window.parent.postMessage({ tools: "4" }, "*");
} else if (t == 45) {
this.noteName = "";
this.radio = [];
this.isAnswer = false;
if (this.askCount > 0) {
this.updateCount(this.askCount, t);
} else {
this.askCount++;
a = this.askCount;
this.toolsCount(a, t);
}
this.testJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].testJson;
for (var k = 0; k < this.testJson.testJson.length; k++) {
if (this.testJson.testJson[k].type == "2") {
this.radio.push([]);
} else {
this.radio.push("");
}
}
this.dialogVisibleChoice = true;
// window.parent.postMessage({ tools: "4" }, "*");
} else if (t == 5) {
if (this.scoreCount > 0) {
this.updateCount(this.scoreCount, t);
} else {
this.scoreCount++;
a = this.scoreCount;
this.toolsCount(a, t);
}
this.dialogVisible4 = true;
// window.parent.postMessage({ tools: "5" }, "*");
} else if (t == 6) {
if (this.noteCount > 0) {
this.updateCount(this.noteCount, t);
} else {
this.noteCount++;
a = this.noteCount;
this.toolsCount(a, t);
}
window.parent.postMessage(
{
tools: "6",
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
},
"*"
);
} else if (t == 7) {
if (this.mindNetWorkCount > 0) {
this.updateCount(this.mindNetWorkCount, t);
} else {
this.mindNetWorkCount++;
a = this.mindNetWorkCount;
this.toolsCount(a, t);
}
window.parent.postMessage(
{
tools: "7",
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
},
"*"
);
} else if (t == 16) {
if (this.workCount > 0) {
this.updateCount(this.workCount, t);
} else {
this.workCount++;
a = this.workCount;
this.toolsCount(a, t);
}
this.dialogVisible = true;
} else if (t == 50) {
if (this.tType == 2) {
this.$message.error("不支持学生使用");
return;
}
this.plworkFile = [];
this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
if (!this.uploadCid) {
this.$message.error(
"提示：批量上传未添加班级权限，请添加班级或从班级入口进入。"
);
return;
}
// this.uploadCid =
// this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
// index
// ].toolChoose[i].uploadJson[0];
this.selectUploadStudent(2);
} else if (t == 8) {
if (this.libraryCount > 0) {
this.updateCount(this.libraryCount, t);
} else {
this.libraryCount++;
a = this.libraryCount;
this.toolsCount(a, t);
}
window.parent.postMessage({ tools: "8" }, "*");
} else if (t == 17) {
if (this.libraryCount > 0) {
this.updateCount(this.libraryCount, t);
} else {
this.libraryCount++;
a = this.libraryCount;
this.toolsCount(a, t);
}
window.parent.postMessage({ tools: "17" }, "*");
} else if (t == 18) {
if (this.trainCount > 0) {
this.updateCount(this.trainCount, t);
} else {
this.trainCount++;
a = this.trainCount;
this.toolsCount(a, t);
}
window.parent.postMessage({ tools: "18" }, "*");
} else if (t == 10) {
if (this.timeCount > 0) {
this.updateCount(this.timeCount, t);
} else {
this.timeCount++;
a = this.timeCount;
this.toolsCount(a, t);
}
this.preTime = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].preTime
? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
.toolChoose[i].preTime
: "";
this.timeDialogVisible = true;
} else if (t == 15) {
this.answerQ = "";
this.questionAnswer = "";
if (this.answerCount > 0) {
this.updateCount(this.answerCount, t);
} else {
this.answerCount++;
a = this.answerCount;
this.toolsCount(a, t);
}
this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].answerQ
? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
.toolChoose[i].answerQ
: "";
this.answerDialogVisible = true;
} else if (t == 21) {
window.parent.postMessage({ tools: "21" }, "*");
} else if (t == 22) {
window.parent.postMessage({ tools: "22" }, "*");
} else if (t == 23) {
window.parent.postMessage({ tools: "23" }, "*");
} else if (t == 24) {
window.parent.postMessage({ tools: "24" }, "*");
} else if (t == 25) {
window.parent.postMessage({ tools: "25" }, "*");
} else if (t == 31) {
window.parent.postMessage({ tools: "31" }, "*");
} else if (t == 28) {
window.parent.postMessage({ tools: "28" }, "*");
} else if (t == 37) {
window.parent.postMessage({ tools: "37" }, "*");
} else if (t == 38) {
window.parent.postMessage({ tools: "38" }, "*");
} else if (t == 39) {
window.parent.postMessage({ tools: "39" }, "*");
} else if (t == 32) {
window.parent.postMessage({ tools: "32" }, "*");
} else if (t == 57) {
// window.parent.postMessage({ tools: "57" }, "*");
window.parent.postMessage(
{
tools: "57u",
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
},
"*"
);
} else if (t == 58) {
window.parent.postMessage({ tools: "58" }, "*");
} else if (t == 59) {
window.parent.postMessage({ tools: "59" }, "*");
} else if (t == 60) {
window.parent.postMessage({ tools: "60" }, "*");
} else if (t == 61) {
window.parent.postMessage({ tools: "61" }, "*");
} else if (t == 63) {
window.parent.postMessage({ tools: "63" }, "*");
} else if (t == 26) {
window.parent.postMessage(
{
tools: "26",
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
},
"*"
);
} else if (t == 40) {
if (this.evalCount > 0) {
this.updateCount(this.evalCount, t);
} else {
this.evalCount++;
a = this.evalCount;
this.toolsCount(a, t);
}
this.eScore = { eBzText: "", eStar: [] };
if (this.worksStudent[i].length) {
for (var k = 0; k < this.worksStudent[i].length; k++) {
if (this.userid == this.worksStudent[i][k].userid) {
this.eScore = JSON.parse(this.worksStudent[i][k].works);
this.rateJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].rateJson;
break;
} else {
this.rateJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].rateJson;
}
}
} else {
this.rateJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].rateJson;
}
this.isStar = false;
this.studentEvalDialogVisible = true;
} else if (t == 41) {
this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].selectJson
? JSON.parse(
JSON.stringify(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].selectJson
)
)
: { url: "", select: [], answer: [] };
if (this.worksStudent[i].length) {
for (var k = 0; k < this.worksStudent[i].length; k++) {
if (this.userid == this.worksStudent[i][k].userid) {
var a = this.worksStudent[i][k].works.split(",");
for (var ki = 0; ki < a.length; ki++) {
a[ki] = parseInt(a[ki]);
}
this.selectAnswer = {
answer: a,
stu: this.worksStudent[i][k].sName,
};
break;
} else {
this.selectAnswer = { answer: [], stu: "" };
}
}
} else {
this.selectAnswer = { answer: [], stu: "" };
}
this.isSelect = false;
this.dialogVisibleSelect = true;
} else if (t == 44) {
window.parent.postMessage({ tools: "44" }, "*");
} else if (t == 47) {
this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].sentenceList
? JSON.parse(
JSON.stringify(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].sentenceList
)
)
: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
for (var q = 0; q < this.sentenceList.length; q++) {
this.sentenceList[q].chooseSenList = [];
this.sentenceList[q].addChangeSen = [];
this.sentenceList[q].addChangeSen = JSON.parse(
JSON.stringify(this.sentenceList[q].addSentence)
);
this.sentenceList[q].chooseSenList.length =
this.sentenceList[q].rightAnswer.length;
}
this.dialogVisibleSentence = true;
} else if (t == 48) {
this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].tableJson
? JSON.parse(
JSON.stringify(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].tableJson
)
)
: { text: "" };
this.tableJsonO = JSON.parse(JSON.stringify(this.tableJson));
if (this.worksStudent[i].length) {
for (var k = 0; k < this.worksStudent[i].length; k++) {
if (this.userid == this.worksStudent[i][k].userid) {
this.tableJson = JSON.parse(this.worksStudent[i][k].works);
break;
}
}
}
this.dialogVisibleTable = true;
} else if (t == 52) {
this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].wordJson
? JSON.parse(
JSON.stringify(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].wordJson
)
)
: { text: "" };
this.wordJsonO = JSON.parse(JSON.stringify(this.wordJson));
if (this.worksStudent[i].length) {
for (var k = 0; k < this.worksStudent[i].length; k++) {
if (this.userid == this.worksStudent[i][k].userid) {
this.wordJson = JSON.parse(this.worksStudent[i][k].works);
break;
}
}
}
this.dialogVisibleWord = true;
} else if (t == 49) {
this.groupJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].groupJson;
this.islock = this.groupJson.islock == 1 ? true : false;
this.dialogVisibleGroup = true;
} else if (t == 62) {
this.videoJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].videoJson;
this.dialogVisibleVideo = true;
}
},
teacherWorkSubmit(t, i, index, s) {
this.sStudent = s;
this.toolindex = i;
this.sTool = t;
if (this.tType !== "1" && this.tType !== "4") {
return;
}
if (t == 16 || t == 32 || t == 50) {
this.dialogVisibleWorks = true;
} else if (t == 15) {
this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].answerQ
? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
.toolChoose[i].answerQ
: "";
this.questionAnswer = "";
this.answerDialogVisibleTeacher = true; //问答
} else if (t == 52) {
this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].wordJson
? JSON.parse(
JSON.stringify(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].wordJson
)
)
: { text: "" };
if (this.worksStudent[i].length) {
for (var k = 0; k < this.worksStudent[i].length; k++) {
if (this.sStudent.userid == this.worksStudent[i][k].userid) {
this.wordJson = JSON.parse(this.worksStudent[i][k].works);
break;
}
}
}
this.dialogVisibleWordTeacher = true; //文档
} else if (t == 4) {
this.radio = [];
this.noteName = "";
this.isAnswer = false;
if (this.askCount > 0) {
this.updateCount(this.askCount, t);
} else {
this.askCount++;
a = this.askCount;
this.toolsCount(a, t);
}
if (!this.dialogVisible2) {
this.askJson.askJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].askJson;
this.askJson.askTitle =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].askTitle;
this.askJson.askCount =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].askCount;
} else {
this.askJson.askJson = this.chapTools.askJson.askJson;
this.askJson.askTitle = this.chapTools.askJson.askTitle;
this.askJson.askCount = this.chapTools.askJson.askCount;
}
this.dialogVisible5Teacher = true;
} else if (t == 45) {
this.noteName = "";
this.radio = [];
this.isAnswer = false;
if (this.askCount > 0) {
this.updateCount(this.askCount, t);
} else {
this.askCount++;
a = this.askCount;
this.toolsCount(a, t);
}
this.testJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].testJson;
for (var k = 0; k < this.testJson.testJson.length; k++) {
if (this.testJson.testJson[k].type == "2") {
this.radio.push([]);
} else {
this.radio.push("");
}
}
this.dialogVisibleChoiceTeacher = true;
} else if (t == 41) {
this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].selectJson
? JSON.parse(
JSON.stringify(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].selectJson
)
)
: { url: "", select: [], answer: [] };
if (this.worksStudent[i].length) {
for (var k = 0; k < this.worksStudent[i].length; k++) {
if (this.sStudent.userid == this.worksStudent[i][k].userid) {
var a = this.worksStudent[i][k].works.split(",");
for (var ki = 0; ki < a.length; ki++) {
a[ki] = parseInt(a[ki]);
}
this.selectAnswer = {
answer: a,
stu: this.worksStudent[i][k].sName,
};
break;
} else {
this.selectAnswer = { answer: [], stu: "" };
}
}
} else {
this.selectAnswer = { answer: [], stu: "" };
}
this.isSelect = false;
this.dialogVisibleSelectTeacher = true;
} else if (t == 47) {
this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].sentenceList
? JSON.parse(
JSON.stringify(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].sentenceList
)
)
: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
for (var q = 0; q < this.sentenceList.length; q++) {
this.sentenceList[q].chooseSenList = [];
this.sentenceList[q].addChangeSen = [];
this.sentenceList[q].addChangeSen = JSON.parse(
JSON.stringify(this.sentenceList[q].addSentence)
);
this.sentenceList[q].chooseSenList.length =
this.sentenceList[q].rightAnswer.length;
}
this.dialogVisibleSentenceTeacher = true;
} else if (t == 48) {
this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
.taskJson[index].toolChoose[i].tableJson
? JSON.parse(
JSON.stringify(
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].tableJson
)
)
: { text: "" };
if (this.worksStudent[i].length) {
for (var k = 0; k < this.worksStudent[i].length; k++) {
if (this.sStudent.userid == this.worksStudent[i][k].userid) {
this.tableJson = JSON.parse(this.worksStudent[i][k].works);
break;
}
}
}
this.dialogVisibleTableTeacher = true;
} else if (t == 40) {
if (this.evalCount > 0) {
this.updateCount(this.evalCount, t);
} else {
this.evalCount++;
a = this.evalCount;
this.toolsCount(a, t);
}
this.eScore = { eBzText: "", eStar: [] };
if (this.worksStudent[i].length) {
for (var k = 0; k < this.worksStudent[i].length; k++) {
if (this.sStudent.userid == this.worksStudent[i][k].userid) {
this.eScore = JSON.parse(this.worksStudent[i][k].works);
this.rateJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].rateJson;
break;
} else {
this.rateJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].rateJson;
}
}
} else {
this.rateJson =
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
index
].toolChoose[i].rateJson;
}
this.isStar = false;
this.studentEvalDialogVisibleTeacher = true;
} else if (t == 3 || t == 1 || t == 7 || t == 57) {
window.parent.postMessage(
{
tools: t + "teacher",
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
student: this.sStudent,
},
"*"
);
}
},
openCocoPi(tool, i, uid, uname) {
let student = {
userid: uid,
student: uname,
};
if (tool == 57) {
window.parent.postMessage(
{
tools: tool + "teacher",
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: i,
student: student,
},
"*"
);
}
},
setRightAnswer(s, i, j) {
for (var q = 0; q < this.sentenceList[i].chooseSenList.length; q++) {
if (
this.sentenceList[i].chooseSenList[q] == undefined ||
this.sentenceList[i].chooseSenList[q] == ""
) {
this.sentenceList[i].chooseSenList[q] = s;
this.sentenceList[i].addChangeSen[j] = "";
break;
}
}
this.$forceUpdate();
},
returnCard(r, i, j) {
var a = this.sentenceList[i].addSentence.indexOf(r);
this.sentenceList[i].chooseSenList[j] = "";
this.sentenceList[i].addChangeSen[a] = r;
this.$forceUpdate();
},
// addSentenceTool() {
// this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
// this.taskCount
// ].toolChoose[this.toolindex].sentenceList = this.sentenceList;
// this.sentenceList = [
// { sentenceTitle: "", addSentence: [], rightAnswer: [] },
// ];
// this.dialogVisibleSentence = false;
// },
toolsCount(a, t) {
let params = {
cid: this.id,
chid: this.courseType,
uid: this.userid,
tid: t,
count: a,
};
this.ajax
.get(this.$store.state.api + "insertToolsCount", params)
.then((res) => {
this.selectCount();
})
.catch((err) => {
console.error(err);
});
},
updateCount(c, t) {
c++;
let params = {
cid: this.id,
chid: this.courseType,
uid: this.userid,
tid: t,
count: c,
};
this.ajax
.get(this.$store.state.api + "updateToolsCount", params)
.then((res) => {
this.selectCount();
})
.catch((err) => {
console.error(err);
});
},
checkEva() {
if (this.evalua != "") {
for (var i = 0; i < this.evaJuri.length; i++) {
if (this.evalua == this.evaJuri[i].id) {
this.eTitle = this.evaJuri[i].title;
this.eJson = JSON.parse(this.evaJuri[i].content);
}
}
this.$forceUpdate();
setTimeout(() => {
this.setMindData();
}, 0);
}
},
selectEva() {
let params = {
oid: this.oid,
};
this.ajax
.get(this.$store.state.api + "selectAllEvaluation", params)
.then((res) => {
this.evaJuri = res.data[0];
})
.catch((err) => {
console.error(err);
});
},
setMindData() {
this.data.data = [];
this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
let _eJson = Object.keys(this.eJson);
let _e = this.eJson;
for (let i = 0; i < _eJson.length; i++) {
let element = _e[_eJson[i]];
this.data.data.push({
id: element.id,
parentid: "root",
topic: element.name,
});
let _eJsonc = Object.keys(element.child);
let _e2 = element.child;
for (let j = 0; j < _eJsonc.length; j++) {
let _ec = _e2[_eJsonc[j]];
this.data.data.push({
id: _ec.id,
parentid: element.id,
topic: _ec.name,
});
let _eJsonz = Object.keys(_ec.child);
let _e3 = _ec.child;
for (let z = 0; z < _eJsonz.length; z++) {
let _ez = _e3[_eJsonz[z]];
this.data.data.push({
id: _ez.id,
parentid: _ec.id,
topic: _ez.name,
});
}
}
}
this.$forceUpdate();
},
checkFileFull(type, url) {
this.fullDialogVisible = true;
this.fulltype = type;
this.fullUrl = url;
},
openSname(n, id, i, uid) {
this.snameWid = id;
this.worksSName = n;
this.worksSid = uid == n ? "" : uid;
this.toolindex = i;
this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
if (!this.uploadCid) {
this.$message.error(
"提示：批量上传未添加班级权限，请添加班级或从班级入口进入。"
);
return;
}
this.selectUploadStudent(1);
},
updateName() {
let params = {
n: this.worksSName,
cid: this.snameWid,
};
this.ajax
.get(this.$store.state.api + "updateCourseWorksName", params)
.then((res) => {
this.$message({
message: "修改成功",
type: "success",
});
this.dialogVisibleSname = false;
this.getCourseDetail(2);
this.snameWid = "";
this.worksSName = "";
})
.catch((err) => {
console.error(err);
});
},
downloadFile2(f) {
const loading = this.$loading.service({
background: "rgba(255, 255, 255, 0.7)",
target: document.body,
text: "文件加载中...",
});
let url2 = f.url;
let _url2 = "";
if (
url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
) {
_url2 = url2.split(
"https://view.officeapps.live.com/op/view.aspx?src="
)[1];
} else {
_url2 = url2;
}
let params = {
url: _url2,
name: f.name,
};
this.ajax
.get(this.$store.state.api + "download", params)
.then((res) => {
console.log(res);
loading.close();
let content = res.data.data.data;
let ab = new ArrayBuffer(content.length);
let view = new Uint8Array(ab);
for (var i = 0; i < content.length; ++i) {
view[i] = content[i];
}
let elink = document.createElement("a");
elink.download = f.name;
elink.style.display = "none";
let blob = new Blob([ab], {
type: res.data.response.headers["content-type"] + ";charset=UTF-8",
});
elink.href = URL.createObjectURL(blob);
document.body.appendChild(elink);
elink.click();
document.body.removeChild(elink);
})
.catch((err) => {
loading.close();
console.error(err);
});
},
downloadFile(url) {
let _this = this;
let _url = "";
if (
url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
) {
_url = url.split(
"https://view.officeapps.live.com/op/view.aspx?src="
)[1];
} else {
_url = url;
}
const x = new XMLHttpRequest();
x.open("GET", _url, true);
x.responseType = "blob";
const loading = _this.$loading.service({
background: "rgba(255, 255, 255, 0.7)",
target: document.body,
text: "文件加载中...",
});
// _this.$message.success("文件下载中...");
x.onload = function (e) {
loading.close();
let content = x.response;
let elink = document.createElement("a");
elink.download = decodeURI(
_url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
);
elink.style.display = "none";
let blob = new Blob([content]);
elink.href = URL.createObjectURL(blob);
document.body.appendChild(elink);
elink.click();
document.body.removeChild(elink);
};
x.send();
},
openLine(url) {
window.open(url);
},
resize() {
if (document.getElementsByClassName("box_course").length) {
var a = document.getElementsByClassName("box_course")[0].offsetHeight;
// document.getElementsByClassName("vedioList")[0].style.height = a + "px";
if (this.showType == 2 || this.showType == 3) {
document.getElementsByClassName("navBox")[0].style.height =
a - 40 + 46 + "px";
} else {
document.getElementsByClassName("navBox")[0].style.height =
a - 40 + "px";
}
}
this.Stbodywidth =
document.getElementsByClassName("student_body").length &&
document.getElementsByClassName("student_body")[0].offsetWidth;
},
closeDraw() {
this.bg = null;
this.drawShow = false;
},
showPicturePaint(url) {
let params = {
img: url,
};
this.ajax
.get(this.$store.state.api + "imgToBase64", params)
.then((res) => {
console.log(res);
this.drawShow = true;
this.bg = res.data[0].img;
})
.catch((err) => {
console.error(err);
});
},
addImgDraw(base64) {
let file = { name: "批注图.png" };
let img = this.dataUrlToFile(base64, file);
this.beforeUpload1(img, 5);
},
addImgDrawImG(url) {
// console.log(url);
let params = [
{
wid: this.commentDetail.wid,
img: url,
},
];
this.ajax
.post(this.$store.state.api + "updateCourseWorks", params)
.then((res) => {
this.$message({
message: "提交成功",
type: "success",
});
this.drawShow = false;
this.bg = "";
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("提交失败");
console.error(err);
});
},
deletePicturePaint() {
this.$confirm("确定删除此批注吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
let params = [
{
wid: this.commentDetail.wid,
img: "",
},
];
this.ajax
.post(this.$store.state.api + "updateCourseWorks", params)
.then((res) => {
this.$message({
message: "删除成功",
type: "success",
});
this.selectSWorks();
this.selectStudent();
})
.catch((err) => {
this.$message.error("删除失败");
console.error(err);
});
})
.catch(() => {});
},
getAudioVideo(constraintsData) {
if (navigator.mediaDevices === undefined) {
navigator.mediaDevices = {};
}
if (navigator.mediaDevices.getUserMedia === undefined) {
navigator.mediaDevices.getUserMedia = function (constraints) {
// 首先，如果有getUserMedia的话，就获得它
var getUserMedia =
navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia;
// 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
if (!getUserMedia) {
return Promise.reject({ code: 404 });
}
// 否则，为老的navigator.getUserMedia方法包裹一个Promise
return new Promise(function (resolve, reject) {
getUserMedia.call(navigator, constraints, resolve, reject);
});
};
}
return navigator.mediaDevices.getUserMedia(constraintsData);
},
/**
* 开始录制
*/
startRecording(callback) {
let _function = (screenStream) => {
this.addStreamStopListener(screenStream, () => {
console.log("流停止监听");
this.stopRecording();
this.$emit("streamStop", {});
// this.stopRecording();
});
var options = {
type: "video",
mimeType: "video/webm",
disableLogs: false,
getNativeBlob: false, // enable it for longer recordings
ignoreMutedMedia: false,
};
// this.video.srcObject = screenStream;
this.recorder = RecordRTC(screenStream, options);
this.recorder.startRecording();
this.recorder.screen = screenStream;
this.videoStart = true;
// callback(true);
};
this.getAudioVideo({ audio: true })
.then((res) => {
this.captureScreen(_function, true);
console.log("已点击允许,开启成功");
})
.catch((err) => {
// console.log('浏览器不支持，请更换浏览器')
// } else {
this.captureScreen(_function, false);
console.log("请检查是否存在麦克风");
});
},
/**
* 停止录制
*/
stopRecording(callback) {
this.recorder.stopRecording(() => {
// this.video.src = this.video.srcObject = null;
// this.video.src = URL.createObjectURL(this.recorder.getBlob());
const url = URL.createObjectURL(this.recorder.getBlob());
const a = document.createElement("a"); //this.fileName+
let videoFile = new File(
[this.recorder.getBlob()],
this.courseDetail.title + "录屏.mp4",
{
type: "video/mp4",
}
);
let downloadUrl = URL.createObjectURL(videoFile);
document.body.appendChild(a);
a.style.display = "none";
a.href = url;
a.download = this.courseDetail.title + "录屏.mp4"; //this.fileName +
a.click();
this.recorder.screen.stop();
this.recorder.destroy();
this.recorder = null;
this.videoStart = false;
// callback(false);
});
},
//初始化
captureScreen(callback, type) {
if (navigator.getDisplayMedia) {
//录制结束,文件下载
navigator
.getDisplayMedia({
video: true,
})
.then((screenStream) => {
if (type) {
navigator.mediaDevices
.getUserMedia({ audio: true })
.then((mic) => {
screenStream.addTrack(mic.getTracks()[0]);
callback(screenStream);
});
} else {
callback(screenStream);
}
})
.catch(function (error) {
console.log("error", error);
});
} else if (navigator.mediaDevices.getDisplayMedia) {
navigator.mediaDevices
.getDisplayMedia({
video: true,
})
.then((screenStream) => {
if (type) {
navigator.mediaDevices
.getUserMedia({ audio: true })
.then((mic) => {
screenStream.addTrack(mic.getTracks()[0]);
callback(screenStream);
});
} else {
callback(screenStream);
}
})
.catch(function (error) {
console.log("error", error);
});
} else {
var error = "getDisplayMedia API are not supported in this browser.";
console.log("error", error);
alert(error);
}
},
//流监听
addStreamStopListener(stream, callback) {
stream.addEventListener(
"ended",
function () {
callback();
callback = function () {};
},
false
);
stream.addEventListener(
"inactive",
function () {
callback();
callback = function () {};
},
false
);
stream.getTracks().forEach(function (track) {
track.addEventListener(
"ended",
function () {
callback();
callback = function () {};
},
false
);
track.addEventListener(
"inactive",
function () {
callback();
callback = function () {};
},
false
);
});
},
updateGroup() {
this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
this.dialogVisibleGroup2 = true;
},
updateGroupJson() {
for (var i = 0; i < this.groupStudentUid[this.toolindex].length; i++) {
if (
this.groupStudentUid[this.toolindex][i].length >
this.groupJson2.number
) {
this.$message.error("已经有小组比你设置的人数多，请重新设置");
return;
}
}
this.groupJson = JSON.parse(JSON.stringify(this.groupJson2));
this.islock = this.groupJson.islock == 1 ? true : false;
this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
this.taskCount
].toolChoose[this.toolindex].groupJson = this.groupJson;
let params = [
{
cid: this.id,
chapters: JSON.stringify(this.chapInfoList),
uid: this.userid,
unitIndex: this.courseType,
},
];
this.ajax
.post(this.$store.state.api + "updateWorkNew4", params)
.then((res) => {
this.$message.success("设置成功");
this.getCourseDetail(2);
this.dialogVisibleGroup2 = false;
this.groupJson2 = {};
this.$forceUpdate();
})
.catch((err) => {
this.$message.error("网络不佳");
console.error(err);
});
},
lockChair() {
this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
this.groupJson2.islock = this.groupJson2.islock == 1 ? 2 : 1;
this.updateGroupJson();
},
selectGroup(index) {
this.getCourseDetail(2, index);
},
joinGroup(index) {
if (this.groupJson.islock == 2) {
this.$message.error("位置已被锁定，无法加入");
return;
}
if (
this.groupStudent[this.toolindex][index].length >
this.groupJson.number ||
this.groupStudent[this.toolindex][index].length == this.groupJson.number
) {
this.$message.error("位置已满，无法加入");
return;
}
let params = [
{
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
g: index,
uid: this.userid,
},
];
this.ajax
.post(this.$store.state.api + "joinGroup", params)
.then((res) => {
this.$message.success("加入成功");
this.getCourseDetail(2);
})
.catch((err) => {
this.$message.error("网络不佳");
console.error(err);
});
},
exitGroup(id) {
if (this.groupJson.islock == 2) {
this.$message.error("位置已被锁定，无法退出");
return;
}
let params = [
{
gid: id,
},
];
this.ajax
.post(this.$store.state.api + "exitGroup", params)
.then((res) => {
this.$message.success("退出成功");
this.getCourseDetail(2);
})
.catch((err) => {
this.$message.error("网络不佳");
console.error(err);
});
},
groupUpload(index, task, gindex) {
this.taskCount = task;
this.toolindex = index;
this.groupIndex = gindex;
this.dialogVisibleGroupWork = true;
},
updateGroupChair(user) {
this.updateGroupArray = this.groupJson.group.filter((el, index) => {
el.label = index;
return index != user.group;
});
this.updateGroupUser = user;
this.dialogVisibleUpdateGroup = true;
},
updateChair() {
if (
this.groupStudent[this.toolindex][this.checkChair].length >
this.groupJson.number ||
this.groupStudent[this.toolindex][this.checkChair].length ==
this.groupJson.number
) {
this.$message.error("位置已满，无法加入");
return;
}
let params = [
{
cid: this.id,
stage: this.courseType,
task: this.taskCount,
tool: this.toolindex,
g: this.checkChair,
uid: this.updateGroupUser.userid,
},
];
this.ajax
.post(this.$store.state.api + "joinGroup", params)
.then((res) => {
this.$message.success("修改成功");
this.updateGroupUser = {};
this.checkChair = "";
this.updateGroupArray = {};
this.dialogVisibleUpdateGroup = false;
this.getCourseDetail(2);
})
.catch((err) => {
this.$message.error("网络不佳");
console.error(err);
});
},
deleteGroupChair(gindex) {
this.checkDeleteGroup = [];
this.deleteGroupUser = JSON.parse(
JSON.stringify(this.groupStudent[this.toolindex][gindex])
);
this.deleteGroupArray = this.groupJson.group[gindex];
this.groupIndex = gindex;
this.dialogVisibleDeleteGroup = true;
},
async deleteChair() {
for (let i = 0; i < this.checkDeleteGroup.length; i++) {
const gid =
this.groupStudent[this.toolindex][this.groupIndex][
this.groupStudentUid[this.toolindex][this.groupIndex].indexOf(
this.checkDeleteGroup[i]
)
];
let params = [
{
gid: gid.id,
},
];
var a = await this.deleteChairA(params);
if (i == this.checkDeleteGroup.length - 1) {
this.$message.success("退出成功");
this.dialogVisibleDeleteGroup = false;
this.deleteGroupUser = [];
this.deleteGroupArray = {};
this.groupIndex = "";
this.checkDeleteGroup = [];
this.getCourseDetail(2);
}
}
},
deleteChairA(params) {
return new Promise((resolve, reject) => {
this.ajax
.post(this.$store.state.api + "exitGroup", params)
.then((res) => {
resolve(1);
})
.catch((err) => {
this.$message.error("网络不佳");
console.error(err);
});
});
},
contract(i) {
if (this.isCloseList[i].isClose == 0) {
this.isCloseList[i].isClose = 1;
} else {
this.isCloseList[i].isClose = 0;
}
this.$forceUpdate();
},
},
directives: {
// 使用局部注册指令的方式
resize: {
// 指令的名称
bind(el, binding) {
// el为绑定的元素，binding为绑定给指令的对象
let width = "",
height = "";
function isReize() {
const style = document.defaultView.getComputedStyle(el);
if (width !== style.width || height !== style.height) {
binding.value(); // 关键
}
width = style.width;
height = style.height;
}
el.__vueSetInterval__ = setInterval(isReize, 300);
},
unbind(el) {
clearInterval(el.__vueSetInterval__);
},
},
},
beforeDestroy() {
window.onresize = null;
clearInterval(this.timer);
this.timer = null;
clearInterval(this.opertimer);
this.opertimer = null;
},
computed: {
contentConvent() {
return function (c) {
return c
? c
.replaceAll(/\r\n/g, "<br/>")
.replaceAll(/\n/g, "<br/>")
.replaceAll(/\s/g, "  ")
: "";
};
},
checkUpload() {
return function () {
var studentK = [];
if (this.plworkFile.length > 0) {
for (var z = 0; z < this.plworkFile.length; z++) {
studentK.push(this.plworkFile[z].username);
}
studentK = studentK.join(",");
}
var a = this.uploadStudentJuri.filter((el) => {
return studentK.indexOf(el.userid) == -1;
});
return a;
};
},
getSName() {
return function (name) {
var check = name;
this.uploadStudentJuri.forEach((el) => {
if (el.userid == check) {
check = el.name ? el.name : el.username;
}
});
return check;
};
},
},
mounted() {
if (this.screenType == 2) {
window.parent.postMessage({ allScreen: 4 }, "*");
} else if (this.screenType == 3) {
window.parent.postMessage({ allScreen: 5 }, "*");
} else if (this.screenType == 1) {
window.parent.postMessage({ allScreen: 6 }, "*");
}
this.setOperationTime();
this.selectEva();
this.getCourseDetail();
this.selectCount();
this.getHomeWork();
this.contentDialog = true;
this.setContent2(true);
if (this.tType == 4) {
this.pzDialog = true;
this.selectPz();
}
document.scrollingElement.scrollTop = 0;
window.addEventListener("resize", () => {
var a = document.getElementsByClassName("box_course")[0].offsetHeight;
// document.getElementsByClassName("vedioList")[0].style.height = a + "px";
if (this.showType == 2 || this.showType == 3) {
document.getElementsByClassName("navBox")[0].style.height =
a - 40 + 46 + "px";
} else {
document.getElementsByClassName("navBox")[0].style.height =
a - 40 + "px";
}
});
let _this = this;
setTimeout(() => {
// _this.vedioTime = [];
// for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
// _this.vedioTime[i] = document.getElementsByClassName(
// "vjs-duration-display"
// )[i].textContent;
// }
}, 1000);
},
};
</script>
<style scoped>
@media screen and (max-width: 1280px) {
/* .courseIndex > div:first-child(2) {
width: 15% !important;
} */
/* .navText {
width: 120px !important;
} */
.evaCss {
flex-direction: column !important;
align-items: center !important;
}
.elist_input {
width: 90% !important;
}
.dialog_diy1 >>> .el-dialog {
width: 100% !important;
}
.rightWidthCss {
width: 100% !important;
}
.dialog_diy3 >>> .el-dialog {
width: 100% !important;
}
/* .textTitle >>> .el-form-item__label {
width: 150px !important;
} */
/* .stageItemTitle > div:last-child{
max-width: 50px;
} */
}
.evaCssMax {
flex-direction: column !important;
align-items: center !important;
}
.dialog_diy >>> .el-dialog {
margin-top: 10vh !important;
}
.body_student {
width: 77%;
height: 100%;
position: absolute;
left: 22%;
top: 0;
}
.student_head {
width: 100%;
margin: 40px auto 0;
padding-bottom: 20px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
}
.pb_left {
width: 20%;
margin-right: 10px;
background: rgb(255, 255, 255);
position: fixed;
height: calc(100% - 40px);
border-radius: 20px;
padding-bottom: 15px;
box-sizing: border-box;
}
.wheel > img,
.project > img,
.star > img,
.evaluate > img,
.up_photo > img,
.chapter_add > img,
.deleteWord > img,
.question > img,
.homework > img {
width: 100%;
height: 100%;
}
.upCover > img {
width: 131px;
height: 69px;
object-fit: cover;
}
.upCover {
width: calc(100% / 3.5);
position: relative;
margin: 0 15px 10px 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
height: fit-content;
}
.upCover2 {
width: 100%;
position: relative;
margin: 0 15px 10px 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
}
.upCover2 > img {
width: 100%;
height: 90px;
object-fit: contain;
}
.chapter_add {
width: 120px;
position: relative;
text-align: center;
}
.isAddThings {
margin-top: 20px;
position: relative;
text-align: center;
background: #f7f8fa;
height: 90px;
width: 90px;
display: flex;
flex-direction: column;
justify-content: center;
}
.deleteWord {
width: 22px;
height: 22px;
position: absolute;
right: -5px;
top: -5px;
cursor: pointer;
}
.box_course {
/* width: 60%; */
width: calc(100% - 300px);
}
.wheel {
width: 100%;
/* height: 100%; */
height: 650px;
}
.right_box {
display: flex;
flex-direction: column;
margin-left: 30px;
justify-content: space-around;
}
.right_box_title {
font-size: 23px;
}
.people {
display: flex;
}
.student_body {
width: 100%;
margin: 0 auto;
margin-top: 10px;
padding: 0 0 20px;
}
.study_top {
margin-top: 100px;
width: 100%;
height: auto;
padding-bottom: 20px;
}
.study_top .checkbox {
display: flex;
align-items: center;
padding: 15px 0 15px 30px;
flex: 0 0 auto;
font-weight: bold;
border-bottom: 1px solid #eee;
}
.study_top .check {
padding-bottom: 5px;
text-align: center;
cursor: pointer;
height: 30px;
box-sizing: border-box;
display: flex;
}
.study_top .checked {
border-bottom: 4px solid #3fc6a0;
padding-bottom: 5px;
color: #3fc6a0;
display: flex;
height: 35px;
}
.study_top .checked > div,
.study_top .check > div {
margin-right: 5px;
}
.videoTop {
display: flex;
flex-direction: row;
justify-content: space-between;
background: #fff;
align-items: center;
width: 95%;
padding: 20px;
}
.upbtn {
margin: 25px;
background: #70afdb;
color: #fff;
width: 120px;
text-align: center;
height: 30px;
line-height: 30px;
font-size: 13px;
border-radius: 5px;
cursor: pointer;
}
.filebox {
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding: 15px 0 5px;
position: relative;
}
.filebox:before {
content: ""; /* 使用 :before 伪元素创建纵向虚线 */
position: absolute;
top: 35px;
left: 13px;
border-left: 2px dotted #cad1dc;
height: calc(100% - 15px);
}
.toolHeng2 > div:last-child::before {
height: calc(100% - 43px);
}
.filebox .tooldetail {
width: 35%;
margin: 0px 12px;
padding: 12px 25px 0 13px;
line-height: 30px;
word-break: break-word;
font-size: 18px;
background: #ffffff;
border-radius: 8px 8px 8px 8px;
opacity: 1;
border: 1px solid #cad1dc;
}
.file {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
width: 200px;
}
.file div {
margin-top: 10px;
width: 150px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.media {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 20px 20px 0;
cursor: pointer;
margin: 12px 0 5px 15px;
overflow: hidden;
box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
0px 2px 1px -1px rgb(0 0 0 / 12%);
box-sizing: border-box;
}
.media img {
height: 90px;
width: 160px;
object-fit: cover;
}
.media .title {
padding: 5px;
text-align: left;
width: 100%;
box-sizing: border-box;
}
.media .btn {
width: 100%;
height: 35px;
line-height: 35px;
color: #fff;
background: #606060;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.detail_content_top {
width: 100%;
padding: 25px 0 25px 0;
}
.detail_title {
text-align: center;
font-size: 24px;
}
.detail_time {
font-size: 13px;
padding: 15px 0 0 40px;
}
.detail_content {
line-height: 2pc;
width: 90%;
margin: 0 auto;
padding-top: 30px;
text-indent: 30px;
overflow: auto;
height: 200px;
}
.score_box >>> .el-rate {
margin-left: 10px;
}
.dialog_change >>> .el-dialog {
border-radius: 5px;
}
.dialog_change >>> .el-dialog__header {
background: #f2f2f2;
text-align: center;
}
.dialog_change >>> .el-dialog__title {
line-height: 5px;
}
.dialog_change >>> .el-dialog__body {
background: #fff;
padding: 10px 20px;
}
.score_box {
display: flex;
align-items: center;
margin-bottom: 18px;
margin-top: 20px;
}
.up_photo {
width: 120px;
cursor: pointer;
margin-top: 10px;
}
.up_photo2 {
width: 180px;
box-sizing: border-box;
min-width: 180px;
height: 180px;
max-height: 180px;
min-height: 180px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgb(242, 246, 255);
/* padding: 25px; */
margin-bottom: 10px;
}
.up_photo2 img {
width: 50%;
height: auto;
}
.up_photo2 span {
color: #898989;
}
.plworkBox {
display: flex;
align-items: center;
margin-top: 10px;
flex-wrap: wrap;
}
.upload_send {
margin: 30px auto 30px;
width: 60%;
background: #169bd6;
text-align: center;
height: 35px;
line-height: 35px;
color: #fff;
border-radius: 5px;
cursor: pointer;
}
.marginT {
margin-top: 20px;
}
.cd_content_steps {
display: flex;
width: 90%;
justify-content: space-around;
border-top: 1px solid #eeeeee;
}
.cd_steps_box {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
cursor: pointer;
}
.first {
display: flex;
align-items: center;
margin: 15px 0 20px 0;
font-size: 20px;
}
.first > div:nth-child(2) {
font-size: 16px !important;
padding-left: 10px;
line-height: 26px;
box-sizing: border-box;
}
.blue_box_one {
text-align: center;
color: #fff;
background-image: linear-gradient(90deg, #477cd7, #65b9fc);
border-radius: 7px;
margin: 10px;
cursor: pointer;
width: 95%;
height: 45px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.blue_box_one > div:nth-child(1) {
line-height: 30px;
margin: 0 5px 0 10px;
width: 30%;
min-width: 70px;
border-radius: 4px;
}
.blue_box_one > div:nth-child(2) {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
width: 70%;
text-align: left;
margin-right: 10px;
max-width: calc(100% - 85px);
}
.blue_box_one > div:nth-child(2):hover {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.upFile {
margin: 0 auto;
width: 120px;
background: #70afdb;
color: #fff;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
}
.courseTitle {
width: 85%;
margin: 10px auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
text-align: center;
}
.courseTitle .ctitle {
font-size: 24px;
font-weight: bold;
color: #0e1e33;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.inviteBox {
font-size: 14px;
margin-top: 5px;
color: #a6cbff;
text-align: center;
}
.courseTitle >>> .el-tooltip {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.ml {
margin-left: 20px;
color: #5b7dba;
border-left: 3px solid #5b7dba;
padding-left: 5px;
font-weight: bold;
}
.return {
width: 2rem;
height: 2rem;
cursor: pointer;
}
.return > img {
width: 100%;
height: 100%;
}
.returnBtn {
width: 86px;
height: 36px;
background: #e7ebf1;
border-radius: 4px;
color: #717c8d;
text-align: center;
line-height: 36px;
margin-right: 20px;
cursor: pointer;
font-size: 14px;
font-weight: 400;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.commentIcon::before,
.vedioIcon::before,
.lockIcon::before,
.returnIcon::before {
content: "";
display: block;
background-size: 100% 100%;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-right: 5px;
}
.commentIcon::before {
background-image: url("../assets/icon/newIcon/comment.png");
}
.vedioIcon::before {
background-image: url("../assets/icon/newIcon/vedio.png");
}
.lockIcon::before {
background-image: url("../assets/icon/newIcon/lock.png");
}
.returnIcon::before {
background-image: url("../assets/icon/newIcon/return.png");
}
.tool {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 13%;
margin: 0 30px;
align-items: center;
}
.whiteBIcon {
width: 150px;
cursor: pointer;
}
.whiteBIcon > img {
width: 100%;
height: 100%;
}
.mask {
background-color: rgba(0, 0, 0, 0);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20000;
display: flex;
align-items: center;
justify-content: center;
}
.progressBox {
width: 500px;
height: 180px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 6px 1px #bfbfbf;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
color: #6c6c6c;
}
.progressBox >>> .el-progress-bar__outer {
background-color: #d1dfff !important;
}
.progressBox .lbox {
height: 50px;
font-size: 19px;
display: flex;
align-items: center;
color: #747474;
}
.progressBox .lbox img {
width: 40px;
margin-right: 20px;
}
.closeCss {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
width: 20px;
height: 20px;
}
.closeCss > img {
width: 100%;
height: 100%;
}
.uploadVedio {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0 15px 10px 0;
}
.uploadVedio > img {
width: 30px;
height: 30px;
}
.uploadVedio > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 75px;
margin-top: 7px;
}
.picName {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 75px;
margin-top: 7px;
}
.new_top {
display: flex;
background: #fff;
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: 60px;
position: relative;
}
.new_top::before {
content: "";
width: 100%;
height: 20px;
position: absolute;
top: -20px;
display: block;
background: #f2f2f2;
}
.before {
position: absolute;
background: #c3dad4;
width: 6px;
height: 100%;
}
.courseIndex {
display: flex;
flex-direction: row;
align-items: center;
width: calc(100% - 600px);
}
.courseIndex > div:nth-child(1) {
margin: 0 0 0 10px;
font-size: 24px;
min-width: 100px;
font-weight: bold;
border-left: 4px solid #3363b9;
height: 35px;
text-align: center;
line-height: 35px;
}
.courseIndex > div:nth-child(2) {
font-size: 23px;
/* width: 300px; */
max-width: calc(100% - 180px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.courseIndex > div:nth-child(3) {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 5px;
background: #49a0f0;
width: 55px;
min-width: 55px;
border-radius: 5px;
color: #fff;
text-align: center;
height: 20px;
line-height: 26px;
font-size: 14px;
margin: 0 0 0 10px;
}
.course_text {
padding: 20px 0 0 15px;
text-indent: 30px;
width: 80%;
min-height: 20px;
}
.vedioList {
background: #f2f2f2;
border: 1px solid #ececec;
/* width: 38.8%; */
width: 300px;
height: 445px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
}
.vedioNav {
margin: 10px 0 0 15px;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 5px;
background: #96d1ff;
width: 55px;
min-width: 55px;
border-radius: 5px;
color: #fff;
text-align: center;
height: 20px;
line-height: 26px;
font-size: 14px;
}
.queTop {
display: flex;
padding: 20px 0 20px 30px;
width: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
}
.queTop::before {
content: "";
width: 2px;
height: 22px;
background: #3681fc;
border-radius: 3px;
display: block;
margin: 2px 6px 0 0;
}
.question {
width: 40px;
margin-right: 10px;
margin-top: 7px;
}
.queTitle {
margin-left: 5px;
font-size: 25px;
display: flex;
align-items: center;
}
.addEditor {
width: 100px;
height: 30px;
background: #42cda6;
color: #fff;
border-radius: 5px;
text-align: center;
line-height: 30px;
box-shadow: 1px 3px 6px 1px #bfbfbf;
cursor: pointer;
}
/* .vedioName {
cursor: pointer;
margin: 0px 0px 10px 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
} */
.vedioTime {
width: 35px;
position: absolute;
color: #fff;
bottom: 0px;
right: 0px;
text-align: center;
background: #46411f;
height: 20px;
font-size: 14px;
line-height: 20px;
}
.homework {
width: 200px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
cursor: pointer;
}
.homebox {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 15px 0;
}
.isChooseActive {
color: #3681fc !important;
font-weight: bold !important;
}
.chooseWho {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding-bottom: 10px;
}
.chooseWho > div {
cursor: pointer;
padding-bottom: 10px;
margin: 0 30px 0 0;
font-weight: 400;
color: #0e1e33;
}
.addPoint > div > img {
cursor: pointer;
width: 85px;
border-radius: 15px;
box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
}
.addPoint > div {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
}
.isBorder > div {
margin: 0 0 10px 0;
align-items: flex-start !important;
}
.noiframeBox {
display: flex;
flex-wrap: wrap;
}
.iframeBox iframe {
width: 100%;
height: 800px;
border: none;
margin-bottom: 20px;
border: 1px solid #ccc;
}
.upload_toolBtn {
background: #6b92c9;
color: #fff;
width: 110px;
text-align: center;
height: 35px;
line-height: 35px;
font-size: 14px;
border-radius: 5px;
cursor: pointer;
position: absolute;
right: 10px;
bottom: 0;
}
.binfo_input,
.pj {
font: inherit;
color: currentColor;
width: 100%;
margin: 0;
padding: 15px 14px;
display: block;
min-width: 0;
outline: none;
box-sizing: content-box;
background: none;
-webkit-tap-highlight-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.23);
border-radius: 4px;
box-sizing: border-box;
resize: none;
}
.binfo_input:focus-visible {
border: 1px solid rgba(61, 103, 188);
}
.dialog_diy >>> .el-dialog__header,
.dialog_diy1 >>> .el-dialog__header {
background: #454545 !important;
padding: 15px 20px;
}
.dialog_diy >>> .el-dialog__title,
.dialog_diy1 >>> .el-dialog__title {
color: #fff;
}
.dialog_diy >>> .el-dialog__headerbtn,
.dialog_diy1 >>> .el-dialog__headerbtn {
top: 19px;
}
.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
color: #fff;
}
.dialog_diy1 >>> .el-dialog__body {
padding: 0;
}
.dialog_diy >>> .el-dialog__body,
.dialog_diy >>> .el-dialog__footer,
.dialog_diy1 >>> .el-dialog__footer {
background: #fafafa;
}
.a_addBox {
margin: 10px 0;
background: #fff;
padding: 15px;
}
.a_add_box {
border-bottom: 2px solid #eee;
padding-bottom: 10px;
}
.a_add_head {
display: flex;
align-items: flex-start;
/* justify-content: space-between; */
flex-direction: column;
/* flex-direction: row; */
margin: 10px 0 20px 0;
font-size: 18px;
width: 100%;
}
.a_add_head .a_add_head_input {
width: 300px;
}
.a_add_head .a_add_head_div {
display: flex;
align-items: center;
justify-content: space-between;
}
.a_add_body {
display: flex;
align-items: center;
}
.a_add_input {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.a_add_input >>> el-radio-group {
margin: 10px 0;
}
.a_add_input >>> .el-radio,
.a_add_input >>> .el-checkbox {
margin-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.redioStyle >>> .el-radio__label {
font-size: 18px;
}
.redioStyle >>> .el-checkbox__label {
font-size: 18px;
}
.toolHeng2 {
width: 100%;
padding-left: 37px;
box-sizing: border-box;
}
.workNav {
font-size: 20px;
font-weight: bold;
color: #0e1e33;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding: 24px 0 15px 0;
}
.workNav::before {
content: "";
width: 2px;
height: 22px;
background: #3681fc;
border-radius: 3px;
display: block;
margin: 2px 6px 0 0;
}
.toolHeng {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.toolHeng > div {
padding-left: 20px;
}
.isWidth {
width: 20%;
}
.textTitle {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: 95%;
}
.textTitle >>> .el-form-item__label {
font-size: 22px;
color: #918f8f;
width: 100px;
}
.textTitle >>> .el-form-item__content {
width: calc(100% - 100px);
}
.textCss >>> .el-dialog {
width: 800px !important;
height: 400px;
background: #fafafa;
}
.textCss >>> .el-dialog__body {
margin: 55px 8% 0 8%;
padding: 0 !important;
}
.textCss >>> .el-dialog__footer {
padding-top: 38px;
}
.toolsCss >>> .el-dialog__body {
padding: 20px;
}
.lineCss >>> .el-dialog__body {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.newNav {
display: flex;
flex-direction: row;
align-items: baseline;
justify-content: flex-start;
}
.navListItem {
width: 280px;
height: 50px;
margin: 0px auto 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
background: #f0f4fa;
border-radius: 6px 6px 6px 6px;
}
.navText {
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 220px;
padding: 0 10px;
font-weight: 400;
color: #0e1e33;
}
.downIcon {
width: 20px;
height: 20px;
margin-right: 15px;
cursor: pointer;
}
.downIcon > img {
width: 100%;
height: 100%;
}
.noVedio {
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
}
.noNavText {
cursor: pointer;
margin: 0px 0px 10px 5px;
width: 112px;
}
.listNoVedio {
margin: 0 0 0 30px;
width: 97%;
}
.video-player >>> .video-js {
height: 100%;
}
.hangVedioList {
width: 90% !important;
height: 150px !important;
margin: 20px 0 0 30px;
}
.hangVedio {
width: 100%;
height: 170px !important;
align-items: flex-start !important;
}
.hangHand {
height: 150px !important;
}
.twoChild {
width: 95%;
margin: 10px;
border-radius: 5px;
background: #f2f2f2;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
transition: all 0.5s;
overflow: hidden;
height: 0;
background: #e7f3ff;
}
.twoChild > div:nth-child(1) {
margin-top: 5px;
}
.navChild {
width: 100%;
cursor: pointer;
margin-bottom: 10px;
position: relative;
}
.navChild img {
position: absolute;
right: 11px;
width: 15px;
top: 50%;
transform: translateY(-50%);
}
.navActive {
height: auto !important;
overflow: auto !important;
padding-bottom: 16px;
}
.navTask {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: flex-start;
height: 40px;
justify-content: flex-start;
padding: 0 10px;
width: 100%;
box-sizing: border-box;
}
.navTaskname {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding-left: 5px;
}
.openTaskActive {
background-color: #3681fc !important;
}
.iframeName {
margin: 5px 0;
border-left: 4px solid #41c4a4;
padding-left: 4px;
}
.toolTitle {
margin: 0px 0px 20px;
font-size: 20px;
font-weight: 500;
border-left: 4px solid #41c4a4;
padding-left: 4px;
}
.cru_selectBox {
overflow: auto;
width: 90%;
margin: 17px auto 0;
height: calc(100% - 40px - 21px - 20px - 17px);
background: #f0f4fa;
border-radius: 8px;
}
.cru_selectBox::-webkit-scrollbar,
.study_top::-webkit-scrollbar,
.textContent::-webkit-scrollbar {
/*滚动条整体样式*/
width: 6px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 6px;
}
/*定义滚动条轨道 内阴影+圆角*/
.cru_selectBox::-webkit-scrollbar-track,
.study_top::-webkit-scrollbar-track,
.textContent::-webkit-scrollbar {
border-radius: 10px;
background-color: #b8bdc9;
}
/*定义滑块 内阴影+圆角*/
.cru_selectBox::-webkit-scrollbar-thumb,
.study_top::-webkit-scrollbar-thumb,
.textContent::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
background-color: #2c5ab3;
}
.vedioBox {
border-radius: 20px;
background: #fff;
margin-bottom: 10px;
overflow: auto;
}
.taskBox {
width: 95%;
margin: 0 auto;
}
.vedioTaskBox {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
position: relative;
}
.toolBox {
padding: 30px 0 0 25px;
display: flex;
}
.btnAll {
position: absolute;
right: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
/* .vedioTimeBox {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
position: relative;
} */
.navBox {
background: #fff;
height: calc(100% - 40px);
overflow-y: auto;
overflow-x: hidden;
}
.worksBox {
padding: 20px 0 0 10px;
border-bottom: 1px solid #eeeeee;
width: 96%;
margin: 0 auto;
}
.worksBTitle {
font-size: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #eeeeee;
display: flex;
align-items: center;
}
.greenBox {
width: 5px;
height: 30px;
background: #63b6fa;
margin-right: 5px;
}
.worksDetailBox {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-end;
justify-content: flex-start;
padding: 15px 0;
}
.works {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
align-content: center;
max-width: 240px;
width: calc(100% / 3 - 10px);
height: auto;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
height: 140px;
box-shadow: 0 0 6px 1px #dfdada;
border-radius: 15px;
}
.workImg {
width: 100%;
/* height: calc(100% - 40px); */
height: 105px;
position: relative;
}
.workImg > img {
width: 100%;
height: 100%;
object-fit: contain;
cursor: pointer;
}
.worksName {
height: 40px;
line-height: 40px;
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0 0 0 10px;
}
.worksName > div:nth-child(1) {
width: 110px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.worksName > div:nth-child(2) {
color: #b7b4b5;
}
.noWorksS {
padding: 15px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.noWorksName,
.isWorksName {
background: #7cbcf1;
color: #fff;
width: 90px;
height: 25px;
text-align: center;
line-height: 25px;
border-radius: 5px;
margin: 10px 15px 10px 0;
white-space: nowrap;
overflow: hidden;
padding: 5px;
text-overflow: ellipsis;
cursor: pointer;
}
.isWorksName {
background: #46a1eb !important;
width: 100px;
height: 40px;
line-height: 40px;
position: relative;
}
.noWorksName:hover {
background: #46a1eb !important;
}
.title {
background: #1e5cc9;
/* width: 98%; */
height: 45px;
color: #fff;
line-height: 45px;
padding-left: 20px;
box-sizing: border-box;
}
.textBox {
font-size: 20px;
width: 90%;
display: flex;
flex-direction: column;
align-items: center;
margin: 20px auto 0;
max-height: 500px;
overflow: auto;
}
.textContent {
font-size: 18px;
width: 95%;
max-width: 95%;
}
.answerBg {
background: url("../assets/icon/answerBgNew.png") no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
color: #fff;
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
position: relative;
justify-content: center;
}
.answerBg > div:nth-child(1) {
/* font-size: 22px;
padding: 25px 0 10px; */
}
.answerContent {
width: 215px;
max-height: 60px;
word-break: break-all;
text-align: center;
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
/* padding: 23px 0 0; */
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
font-size: 15px;
cursor: pointer;
}
.elist_input_box {
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
padding: 10px 0 15px 30px;
flex-direction: column;
}
.elist_input {
/* width: 40%; */
width: 45%;
margin: 20px 20px 0 20px;
}
.elist_input .elist_input_box input {
font: inherit;
color: currentColor;
width: 200px;
padding: 8px 14px;
display: block;
min-width: 0;
outline: none;
border: 1px solid rgba(0, 0, 0, 0.23);
border-radius: 4px;
box-sizing: border-box;
background: #fff;
margin: 0 20px 0 0;
}
.elist_input .elist_input_box span {
height: 36px;
line-height: 36px;
color: rgb(82, 82, 82);
}
.elist_input .elist_input_box .remove {
height: 20px;
width: 20px;
background-size: 100% 100%;
background-position: unset;
margin-left: 5px;
}
.elist_input_box >>> .el-rate {
display: flex;
height: 36px;
align-items: center;
}
.elist_input_box .elist_inptu_text {
min-height: 50px;
/* width: 500px;
max-height: 150px; */
width: 100%;
line-height: 50px;
color: rgb(82, 82, 82);
overflow: auto;
text-indent: 5px;
background: #f7f6f9;
border-radius: 10px;
}
.elist_input_box .elist_inptu_text input {
width: 500px;
}
.elist_input_box >>> .el-rate__icon {
font-size: 24px;
}
.isClick {
background: #4d9def;
}
.bzBox {
display: flex;
flex-direction: row;
align-items: center;
}
.bzBox .yCss {
width: 14px;
height: 14px;
background: #3681fc;
margin: 0 16px 0 7px;
border-radius: 50%;
}
.bzBox > div:nth-child(2) {
font-size: 18px;
font-weight: bold;
color: #0e1e33;
}
.navTitile {
padding: 0 0px 0 15px;
font-size: 16px;
font-weight: bold;
color: #0e1e33;
height: 40px;
line-height: 40px;
}
.isTypeOne {
width: 240px;
height: 170px;
/* border: 1px solid #f8f8f8; */
border-radius: 10px;
box-shadow: 0 0 6px 1px #dfdada;
}
.e_add_top {
display: flex;
justify-content: space-between;
padding: 20px 20px 0 20px;
border-radius: 3px;
background: #fff;
}
.e_add_title2 {
display: flex;
align-items: center;
}
.e_add_title2 span {
width: 40px;
}
.e_add_title {
display: flex;
align-items: center;
color: #b8b8b8;
font-size: 18px;
position: relative;
height: 40px;
}
.e_add_title span {
margin-right: 10px;
}
.e_add_title .el_input {
width: 300px;
}
.e_add_title >>> .el-input__inner {
width: 400px;
}
.e_add_btn {
}
.e_add_content {
display: flex;
width: 100%;
max-width: 650px;
height: 550px;
}
.e_add_list {
background: #fff;
height: 500px;
width: 210px;
position: relative;
margin: 15px 5px 0 0;
flex-shrink: 0;
display: flex;
flex-direction: column;
}
.e_add_list_title {
font-size: 20px;
width: 100%;
box-sizing: border-box;
padding: 15px 40px;
text-align: center;
border-bottom: 1px solid #eaeaea;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 57px;
background: #f6f6f6;
}
.e_add_list_title span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.e_add_list_title img {
position: absolute;
right: 15px;
width: 25px;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
}
.e_add_list_body {
height: calc(100% - 187px);
overflow: auto;
}
.e_add_list_child {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-sizing: border-box;
padding: 15px 40px;
text-align: center;
}
.e_add_list_child span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
}
.e_add_list_child img {
position: absolute;
right: 10px;
width: 21px;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
}
.e_add_list_child + .e_add_list_child {
border-top: 1px solid #eaeaea;
}
.e_add_list_child .active {
color: #409eff;
}
.e_add_list_btn {
position: absolute;
bottom: 0;
height: 50px;
background: rgb(120, 120, 254);
width: 100%;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.e_add_list_detail {
position: absolute;
bottom: 0;
height: 130px;
background: rgb(120, 120, 254);
width: 100%;
color: #fff;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.e_add_list_detail textarea {
height: 90%;
width: 95%;
border: none;
resize: none;
outline: none;
padding: 5px;
box-sizing: border-box;
}
.e_add_list_pbox {
width: 100%;
max-width: 650px;
/* height: 600px; */
}
.e_add_list_pbox_title {
height: 50px;
background: #fff;
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 0 20px;
}
.type_title {
font-size: 18px;
font-weight: 700;
}
.type_content {
font-size: 16px;
margin-left: 30px;
}
.type_content span + span {
margin-left: 20px;
}
.type_content span {
cursor: pointer;
padding-bottom: 5px;
box-sizing: border-box;
}
.type_content .active {
color: #409eff;
border-bottom: 2px solid #409eff;
}
.e_add_list_pbox_content {
height: calc(100% - 50px);
display: flex;
align-items: center;
width: 100%;
background: #fff;
}
.evaCss {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
}
.cru_line {
position: absolute;
bottom: 0px;
transition: all 0.5s;
left: 0px;
width: 125px;
margin-left: -25px;
}
.isNoMessage {
width: 20%;
margin: 25% auto 0;
}
.isNoMessage > img {
width: 100%;
height: 100%;
}
.fullStyle >>> .el-dialog__body {
height: 100% !important;
}
.fullStyle >>> .el-dialog,
.fullStyle {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
margin: 0 !important;
}
.full_diy >>> .el-dialog {
margin: 0 !important;
height: 100%;
padding: 4px;
}
.full_diy >>> .el-dialog__body {
height: calc(100% - 100px);
}
.full_diy2 >>> .el-dialog__body {
height: calc(100% - 50px);
padding: 0;
}
.switchCss {
/* width: 100%; */
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
/* justify-content: center; */
}
.isClickNav {
color: #499eef;
}
.commentImg {
width: 25px;
height: 25px;
cursor: pointer;
}
.commentImg > img {
width: 100%;
height: 100%;
}
.comment {
background: #f9f9f9;
border-radius: 0 0 4px 4px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
height: 35px;
}
.commentList {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
align-content: center;
/* margin-left: 15px; */
/* margin-left: 8px; */
}
.scoreImg {
width: 17px;
height: 17px;
}
.studentDetail {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
/* align-items: center; */
align-items: flex-start;
}
.tx {
width: 50px;
}
.tx > img {
width: 100%;
height: 100%;
}
.nameAndTime {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
margin-left: 10px;
}
.worksAnswer {
color: #4078dd;
margin: 10px 0;
font-size: 16px;
position: relative;
}
.worksAnswer > img {
width: 500px;
height: 300px;
object-fit: contain;
margin: 0 auto;
display: block;
}
.commentTop {
border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
}
.commentBox {
padding-top: 15px;
}
.pl {
font-size: 18px;
}
.plPerson {
width: 100%;
}
.plName {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: baseline;
color: #78787a;
width: 100%;
}
.deleteComment {
cursor: pointer;
margin-left: auto;
color: #237ade;
}
.plContent {
margin-top: 5px;
}
.evalCss {
background: #fff;
font-size: 18px;
}
.nav {
color: #9d9d9d;
padding: 5px 0 15px 20px;
}
.middleBox {
padding: 5px 0 15px 20px;
}
.pfBox {
padding-bottom: 30px;
}
.nameAndrate {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding-bottom: 10px;
height: 30px;
line-height: 30px;
}
.nameAndrate > div {
margin-left: 10px;
color: #000;
height: 30px;
}
.nameAndrate >>> .el-rate__icon {
font-size: 28px !important;
}
.pfBox > div:nth-child(2) {
background: #f7f6f9;
width: 400px;
min-height: 45px;
border-radius: 10px;
font-size: 16px;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 10px 20px;
box-sizing: border-box;
color: #000;
}
.bz {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
}
.bz > div {
padding: 0 10px;
}
.select_box2_title {
background: #fff;
border-radius: 5px;
padding: 15px 10px;
box-sizing: border-box;
margin-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.select_box2_title > div:nth-child(2) {
margin-left: 10px;
color: #c4c4c4;
}
.select_box2_box {
display: flex;
height: 500px;
}
.select_box2_img {
width: calc(100% - 310px);
height: 100%;
overflow: auto;
background: #fff;
border-radius: 5px;
}
.select_box2_img img {
width: 100%;
}
.select_box2_answer {
background: #fff;
margin-left: 10px;
border-radius: 5px;
width: 300px;
overflow: auto;
height: 90%;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: 10px;
box-sizing: border-box;
position: relative;
}
.select_answer_title {
padding: 0 0 15px 20px;
color: #c4c4c4;
}
.select_box2_answer_box {
margin: 0 0 10px 20px;
width: 85%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.select_box2_answer_box >>> .el-input.is-disabled .el-input__inner {
color: #000;
}
.upAnswerCss {
position: absolute;
bottom: 15px;
right: 15px;
}
.upAnswerCss >>> .el-button {
width: 95px;
height: 35px;
line-height: 35px;
padding: 0;
}
.rightWidthCss {
width: 60%;
display: flex;
flex-direction: row;
align-items: flex-start;
}
.rightAnswer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
color: red;
margin-bottom: 31px;
}
.rightAnswerCss {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
padding-top: 60px;
}
.blueCss {
color: #767de1;
margin-left: 10px;
}
.redCss {
color: red;
}
.redioStyle >>> .el-radio__input.is-checked + .el-radio__label {
color: rgb(0 123 255) !important;
}
.redioStyle >>> .el-checkbox__input.is-checked + .el-checkbox__label {
color: rgb(0 123 255) !important;
}
.zuoyeYulan {
padding-top: 15px;
font-size: 18px;
display: flex;
align-items: flex-end;
}
.buttonA {
margin-left: 10px;
padding: 0;
}
.displayBox {
margin-bottom: 10px;
display: block;
border-bottom: 3px solid #eee;
display: flex;
align-items: center;
}
.easy_comment {
width: calc(100% - 90px);
margin-left: 10px;
display: flex;
flex-wrap: wrap;
}
.easy_comment > div {
border: 1px solid #4a4a4a;
color: #666;
border-radius: 15px;
padding: 5px 10px;
font-size: 16px;
margin-bottom: 10px;
margin-right: 5px;
cursor: pointer;
}
.easy_comment div:hover {
border: 1px solid #f7ba2a;
color: #c69217;
}
.xuan_right_box {
padding: 10px;
background: rgb(247, 247, 247);
margin: 10px 15px 10px 30px;
border-radius: 5px;
width: 90%;
}
.tool_right_box {
display: flex;
align-items: center;
}
.tool_right_box + .tool_right_box {
margin-top: 10px;
}
.right_box_xuan {
background: rgb(0 123 255);
color: #fff;
border-radius: 5px;
padding: 5px;
margin-left: 10px;
}
.pButton:hover {
opacity: 1 !important;
}
.pButton {
position: fixed;
/* right: 5%; */
/* bottom: 5%; */
color: #fff;
/* width: 50px;
height: 50px; */
/* border-radius: 50%; */
text-align: center;
/* line-height: 50px; */
/* background-image: -webkit-linear-gradient(left, #72aaf4, #4d81d5); */
cursor: pointer;
z-index: 999;
right: 20px;
top: 110px;
width: 50px;
height: 50px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0 8px 2px #c5c5c5;
border-radius: 5px;
}
.pzClass {
width: calc(100% - 340px);
}
.newDialogCss {
/* position: fixed;
right: 5%;
top: 50%;
width: 340px;
transform: translateY(-50%);
height: 60%;
box-shadow: 0px 0 8px 0px #555555;
border-radius: 15px;
z-index: 999; */
position: fixed;
right: 20px;
top: 101px;
width: 330px;
height: calc(100% - 80px);
z-index: 999;
background: #fff;
border-radius: 15px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
overflow: hidden;
}
.pzTop {
color: #fff;
background: #000;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
height: 40px;
border-radius: 15px 15px 0 0;
}
.pzTop2 .checkbox {
display: flex;
align-items: center;
padding: 15px 30px;
flex: 0 0 auto;
font-weight: bold;
border-bottom: 1px solid #eee;
justify-content: space-between;
}
.pzTop2 .check {
text-align: center;
cursor: pointer;
box-sizing: border-box;
display: flex;
}
.pzTop2 img {
width: 25px;
cursor: pointer;
}
.pzTop > div:nth-child(1) {
padding-left: 10px;
}
.pzTop > div:nth-child(2) {
width: 15px;
height: 15px;
padding-right: 10px;
cursor: pointer;
}
.pzTop > div:nth-child(2) > img {
width: 100%;
height: 100%;
}
.pzBox,
.noPzBox {
height: calc(100% - 60px);
/* background: #ededed; */
background: #fff;
/* border-radius: 0 0 15px 15px; */
}
.noPzBox {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.pzList {
background: #f7f7f7;
width: 90%;
margin: 0 auto 15px;
border-radius: 5px;
}
.pzNavTop {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 10px 10px 0 10px;
align-items: center;
}
.pzDelete {
cursor: pointer;
margin-left: auto;
font-size: 14px;
color: #afafaf;
}
.pzNavTop > div:nth-child(1) {
background: #3760af;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
line-height: 35px;
border-radius: 50%;
font-size: 14px;
}
.pzNavTop > div:nth-child(2) {
font-size: 18px;
color: #959595;
margin-left: 5px;
}
.pzContent {
padding: 10px;
word-break: break-word;
}
.pzContent audio {
width: 100%;
}
.pzContent audio::-webkit-media-controls-panel {
background: #fff;
}
.pzListBox {
padding-top: 15px;
height: calc(100% - 110px);
overflow: auto;
}
.addPzButton {
position: relative;
margin-top: 3px;
width: 100%;
}
.addPzButton .img1 {
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
height: 100%;
display: flex;
align-items: center;
}
.addPzButton .img1 div {
display: flex;
}
.addPzButton .img1 div img {
width: 28px;
margin-left: 10px;
cursor: pointer;
}
.addPzButton .img1 div span {
font-size: 14px;
margin: 4px 0 0 3px;
color: #afafaf;
}
.addPz {
background: #4b79ce;
width: 100px;
color: #fff;
font-size: 12px;
height: 30px;
margin: 0 auto;
text-align: center;
line-height: 30px;
border-radius: 10px;
cursor: pointer;
}
.addDialogCss {
position: fixed;
right: 37%;
top: 50%;
width: 600px;
transform: translateY(-50%);
height: 70%;
min-height: 450px;
box-shadow: 0px 0 8px 0px #555555;
border-radius: 15px;
z-index: 999;
}
.teacherPz {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
}
.teacherPzImg {
width: 30px;
height: 30px;
}
.teacherPzImg > img {
width: 100%;
height: 100%;
}
.addPzBox {
height: calc(100% - 40px);
background: #ededed;
}
.pzAudioClass {
margin: 15px 14px;
background: #fff;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.pzConText {
width: 95%;
height: 100%;
margin: 10px auto 0;
border: none;
background: #fff;
border-radius: 0px;
}
.pzConText >>> .text {
height: calc(100% - 82px);
}
.addTextCss {
background: #4b79ce;
width: 80px;
height: 30px;
text-align: center;
color: #fff;
line-height: 30px;
border-radius: 10px;
margin: 10px auto 0;
cursor: pointer;
}
.pzConText:focus-visible {
border: none !important;
}
.maxWidth {
width: 1000px;
}
.noPz {
width: 150px;
margin: 0 auto 20%;
}
.noPz > img {
width: 100%;
height: 100%;
}
.pzList .time {
text-align: right;
box-sizing: border-box;
padding: 0 10px 10px 0px;
color: #949494;
font-size: 14px;
}
/* table 样式 */
.cont >>> table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.cont >>> table td,
.cont >>> table th {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
/* padding: 20px 5px; */
padding: 5px 10px;
max-width: 0px;
height: 30px;
vertical-align: baseline;
box-sizing: border-box;
}
.cont >>> table th {
border-bottom: 2px solid #ccc;
text-align: center;
}
/* blockquote 样式 */
.cont >>> blockquote {
display: block;
border-left: 8px solid #d0e5f2;
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: #f1f1f1;
}
/* code 样式 */
.cont >>> code {
display: inline-block;
*display: inline;
*zoom: 1;
background-color: #f1f1f1;
border-radius: 3px;
padding: 3px 5px;
margin: 0 3px;
}
.cont >>> pre code {
display: block;
}
/* ul ol 样式 */
.cont >>> ul,
ol {
margin: 10px 0 10px 20px;
}
.addPzCheck {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 10px 15px 0;
}
.addPzCheck span {
cursor: pointer;
padding-bottom: 5px;
font-weight: bold;
}
.addPzCheck span + span {
margin-left: 10px;
}
.addPzCheck .isChooseActive {
color: #3e88f4;
border-bottom: 2px solid #2f80f3;
}
/* code 样式 */
.cont {
/* -webkit-user-modify: read-write; */
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
}
.scoreBox,
.scoreDetailBox {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 20px;
font-size: 18px;
width: 100%;
}
.scoreBox .t,
.scoreDetailBox .t {
margin-right: 10px;
width: 100px;
text-align: right;
}
.scoreDetailBox {
align-items: flex-start;
}
.scoreDetailBox >>> .el-textarea {
width: calc(100% - 200px);
}
.scoreBox >>> .el-input {
width: 130px;
font-size: 38px;
}
.scoreBox >>> .el-input__inner {
height: 60px;
}
.answerScore {
position: absolute;
top: 10px;
right: 10px;
background: #0000008f;
border-radius: 5px;
padding: 3px 5px;
font-size: 14px;
color: #fff;
cursor: pointer;
}
.open_box .switch_box {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.open_box .switch_box + .switch_box {
margin-top: 10px;
}
.deleteImg {
width: 25px !important;
height: 25px !important;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
}
.deleteImg2 {
width: 15px !important;
height: 15px !important;
top: 5px;
right: 5px;
}
.rightW {
right: 40px;
}
.drawPBox {
display: flex;
flex-direction: column;
position: relative;
}
.drawPBox span {
font-size: 18px;
color: #606266;
padding-bottom: 10px;
margin: 10px 0;
border-bottom: 1px solid #eaeaea;
}
.drawPBox img {
width: 500px;
height: 300px;
object-fit: contain;
cursor: pointer;
margin: 0 auto;
}
.sentenBox {
background: #fff;
height: 450px;
overflow: auto;
background-image: url("../assets/icon/conSentences/stuBg.png");
background-position: 102%;
background-repeat: no-repeat;
background-size: 60%;
}
.addSen {
background: #409efe;
width: 90px;
color: #fff;
height: 35px;
text-align: center;
line-height: 35px;
border-radius: 5px;
float: right;
margin: 10px 20px 0 0;
cursor: pointer;
}
.sentenTop {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding: 55px 0 0 20px;
box-sizing: border-box;
}
.sentenTop > div:nth-child(2) {
width: 300px;
margin: 0 15px;
}
.sentenTop > div:nth-child(3) {
background: #409efe;
color: #fff;
width: 65px;
height: 35px;
text-align: center;
line-height: 35px;
border-radius: 5px;
cursor: pointer;
}
.cardList,
.cardList1 {
padding: 10px 0 10px 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
box-sizing: border-box;
border-bottom: 1px solid #f4f4f4;
width: 98%;
margin: 0 auto;
min-width: 60%;
max-width: 85%;
}
.cardList1 {
padding: 10px 0 10px 10px !important;
margin: 0 !important;
}
.cardBox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.cardBox > div {
margin-bottom: 10px;
}
.isCard,
.isChooseCard,
.noCard,
.isCard1 {
width: 130px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 20px;
cursor: pointer;
background-image: url("../assets/icon/conSentences/titleBorder.png");
background-size: cover;
transition: all 2s;
margin-right: 20px;
}
.isCard > div,
.noCard > div,
.isCard1 > div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 75%;
margin: 0 auto;
}
.noCard {
background-image: none;
}
.isCard1 {
background-image: url("../assets/icon/conSentences/answerBorder.png");
}
.isChooseCard {
background-image: none;
border: 1px dashed #b9b9b9;
border-radius: 10px;
}
.card {
width: 130px;
height: 60px;
}
.card > img {
width: 100%;
height: 100%;
}
.rightCardBox {
margin: 10px 0 0 10px;
}
.rightCardBox > div:nth-child(1) {
margin-bottom: 10px;
}
.cardCss {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
border-bottom: 3px solid #b4c3d3;
padding: 0 0 5px 0;
margin-right: 10px;
}
.cardCss > div:nth-child(2) {
background: #5b7b9d;
color: #fff;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 20px;
}
.isWrong {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: center;
}
.answerRight {
width: 25%;
}
.isTj {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.isTj > div:nth-child(2) {
color: #727070;
margin-left: 10px;
}
.isTjImg {
width: 30px;
height: 30px;
}
.isTjImg > img {
width: 100%;
height: 100%;
}
.cardAnswerBox {
font-size: 18px;
width: 97%;
border: 5px;
padding: 0;
border-radius: 5px;
margin: 10px auto;
word-break: break-word;
}
.w_name {
margin-bottom: 10px;
}
.w_name span {
font-size: 16px;
}
.w_teachert {
width: 50px !important;
position: absolute;
height: auto !important;
z-index: 10;
right: 25px;
top: -25px;
}
.group_workBox {
}
.group_workBox + .group_workBox {
margin-top: 20px;
}
.group_box {
padding-bottom: 20px;
border-bottom: 2px solid #f0f0f0;
}
.group_title {
display: flex;
align-items: center;
justify-content: space-between;
width: 95%;
}
.group_name {
background-image: url(../assets/icon/groupN.png);
width: 220px;
background-size: 100% 100%;
height: 67px;
padding: 0 20px 0 43px;
box-sizing: border-box;
line-height: 63px;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.group_work {
width: 100%;
padding: 0 10px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.g_d_box {
display: flex;
flex-flow: wrap;
justify-content: space-around;
}
.g_d_box .isChair {
background-image: url(../assets/avatar.png) !important;
}
.g_d_group {
width: 500px;
margin-bottom: 80px;
}
.g_d_group_chair {
display: flex;
align-items: center;
justify-content: center;
}
.g_d_group_chair > div + div {
margin-left: 30px;
}
.g_d_group_chair > div,
.g_d_group_chair2 > div {
display: flex;
flex-direction: column;
align-items: center;
}
.g_d_group_chair > div > span:nth-child(1),
.g_d_group_chair2 > div > span:nth-child(1) {
background-image: url(../assets/icon/chair.png);
width: 50px;
height: 50px;
display: block;
background-size: 100% 100%;
}
.g_d_group_tableBox {
display: flex;
align-items: center;
justify-content: center;
}
.g_d_group_chair2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.g_d_group_chair2 > div + div {
margin-top: 10px;
}
.g_d_group_table {
background-image: url(../assets/icon/groupBg.png);
width: 354px;
height: 196px;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
}
.g_d_group_table > div:nth-child(1) {
font-size: 24px;
margin-bottom: 5px;
}
.g_d_group_table > div:nth-child(2) div {
cursor: pointer;
background: #2e77bf;
padding: 4px 10px;
border-radius: 5px;
}
.groupBox {
}
.groupContent + .groupContent {
margin-top: 30px;
}
.groupTitle {
font-size: 24px;
color: rgb(80, 80, 80);
margin-bottom: 20px;
}
.groupName {
display: flex;
align-items: center;
}
.groupn {
font-size: 15px;
margin-right: 10px;
}
.groupName + .groupName {
margin-top: 15px;
}
.groupBtn {
margin-left: 10px;
}
.groupContent >>> .el-input-number.is-without-controls .el-input__inner {
text-align: left;
}
.g_d_btnBox {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 20px;
}
.updateChair {
position: relative;
}
.updateChairBtn {
position: absolute;
width: 50px;
height: 50px;
overflow: hidden;
/* display: flex; */
align-items: center;
justify-content: center;
background: #00000087;
color: #fff;
border-radius: 50px;
display: none;
cursor: pointer;
}
.updateChair:hover .updateChairBtn {
display: flex;
}
.group_staic_box {
display: flex;
padding: 30px 40px 10px;
flex-wrap: wrap;
}
.group_staic {
/* width: 50%; */
margin-bottom: 20px;
display: flex;
align-items: center;
}
.group_staic span:nth-child(1) {
width: 150px;
text-align: right;
margin-right: 15px;
}
.group_staic span:nth-child(2) {
background: rgb(0 123 255);
color: #fff;
border-radius: 5px;
padding: 5px;
}
.codeFileBox {
height: 300px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.codeFileBox img {
width: 200px;
margin: 0;
height: auto;
}
.codeFileBox div {
background: rgb(80, 142, 226);
color: #fff;
padding: 10px 20px;
border-radius: 25px;
cursor: pointer;
margin-left: 15px;
}
.radioBox {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
}
.radioBox > div {
margin: 10px 0 0 10px;
}
/* .radioBox >>> .el-radio__input,
.radioBox >>> .el-checkbox__inner {
margin-left: 10px;
} */
.radioBox >>> .el-radio__label,
.radioBox >>> .el-checkbox__label {
display: flex;
align-items: center;
}
.radioBox >>> .el-radio__label > span {
width: 100%;
display: -webkit-box;
overflow: hidden;
white-space: normal !important;
text-overflow: ellipsis;
word-wrap: break-word;
}
.inImg {
width: 100px;
cursor: pointer;
}
.inImg > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.timuImgBox {
margin: 10px 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
}
.timuImg {
width: 150px;
margin: 5px 0;
cursor: pointer;
}
.timuImg > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.worksTop {
display: flex;
flex-direction: row;
align-items: flex-end;
}
.corOpen {
margin: 0 0 0 10px;
font-size: 14px;
cursor: pointer;
color: #505050;
}
.corOpen:hover {
color: #499eef;
}
.navCorOpenBox {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
height: 55px;
background: #ffffff;
box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
border-radius: 8px 8px 0px 0px;
z-index: 9;
position: relative;
}
.navCorOpen {
padding-right: 15px;
cursor: pointer;
width: 28px;
display: flex;
}
.navCorOpen > img {
width: 100%;
height: 100%;
}
.mlImg {
width: 25px !important;
min-width: 25px;
cursor: pointer;
transform: rotate(180deg);
}
.mlImg > img {
width: 100%;
height: 100%;
}
.navLeftCss {
width: 100% !important;
left: 0 !important;
}
.isContentCss {
width: 100% !important;
}
.isAllWidth {
width: 100% !important;
}
.group_switch {
margin-right: 10px;
height: 30px;
display: flex;
align-items: center;
}
.group_switch > span {
margin-right: 5px;
}
.fileC_box {
padding-top: 15px;
}
.fileC_box > .fileC_title {
padding: 10px 5px 14px 11px;
border-top: 1px solid #cad1dc;
font-size: 14px;
font-weight: 400;
color: #cad1dc;
width: 88%;
margin: 0 auto;
}
.pl_select_box {
height: 40px;
line-height: 40px;
width: 100%;
cursor: pointer;
padding: 0 20px;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #d6d6d6;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #fff;
text-align: left;
}
.newButton {
width: 102px;
height: 36px;
background: #e7ebf1;
border-radius: 4px;
color: #0e1e33;
font-weight: 400;
font-size: 14px;
border: none;
float: right;
margin-left: 10px;
}
.el-table >>> .even_row {
background-color: #f0f4fa;
}
.stageBoxCss {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
height: 50px;
border-bottom: 1px solid #e2f5fc;
cursor: pointer;
width: 100%;
}
.stageItemTitle {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin-left: 6px;
width: calc(100% - 60px);
}
.stageItemTitle > div:first-child {
color: #0e1e33;
font-size: 16px;
font-weight: bold;
min-width: 55px;
}
.stageItemTitle > div:last-child {
margin-left: 10px;
font-size: 14px;
font-weight: 400;
color: #acb4bf;
max-width: 190px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
width: calc(100% - 55px);
}
.closeTri {
min-width: 20px;
width: 20px;
height: 20px;
padding-left: 15px;
}
.closeTri > img {
width: 100%;
height: 100%;
}
.stageChild {
height: 0;
overflow: hidden;
transition: all 0.5s;
}
.navItem {
background: #ffffff;
border-radius: 4px;
width: 90%;
margin: 16px auto 0;
position: relative;
}
.navItemList {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
padding: 8px 13px;
cursor: pointer;
}
.navItemList > div:first-child {
font-size: 14px;
font-weight: 400;
color: #acb4bf;
padding-bottom: 4px;
}
.navItemList > div:last-child {
width: auto;
font-size: 16px;
font-weight: 400;
color: #0e1e33;
}
.isItemList > div:first-child {
color: #aeccfe;
}
.isItemList > div:last-child {
color: #fff;
}
.tool_work_box {
width: 100%;
padding: 0 37px 10px;
box-sizing: border-box;
}
.tool_box {
width: 100%;
margin-top: 20px;
}
.tool_type_box {
display: flex;
flex-direction: row;
align-items: baseline;
flex-wrap: nowrap;
justify-content: flex-start;
position: relative;
}
.toolSort {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.toolSort > div {
margin: 0 45px 0 0;
width: auto;
}
.tools {
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
}
.whiteBIcon {
width: 80px;
cursor: pointer;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
}
.whiteBIcon > img {
width: 100%;
height: 100%;
}
.whiteBIcon > img {
box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
border-radius: 15px;
}
.check {
/* width: 20px;
height: 20px; */
cursor: pointer;
margin: 10px 0;
}
.checkDiv {
display: flex;
align-items: center;
}
.checkDiv span {
margin-left: 5px;
color: #858585;
}
.check img {
width: 20px;
height: 20px;
}
.lockTaskIcon {
width: 25px;
height: 25px;
position: absolute;
right: 0;
top: 23px;
}
.lockTaskIcon > img {
width: 100%;
height: 100%;
}
</style>