|
|
@@ -1,26325 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="pb_content" style="height: 100%;overflow: unset;">
|
|
|
- <!-- 阶段模式 -->
|
|
|
- <div
|
|
|
- class="pb_content_body"
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- height: 100%;
|
|
|
- position: relative;
|
|
|
- padding: 20px 0 20px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- overflow: auto;
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="btnAllNT" v-if="false">
|
|
|
- <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
|
|
|
- <img
|
|
|
- v-if="
|
|
|
- courseDetail.userid == userid ||
|
|
|
- (courseDetail.course_teacher &&
|
|
|
- courseDetail.course_teacher.indexOf(userid) != -1)
|
|
|
- "
|
|
|
- src="../assets/icon/learn/addTool.png"
|
|
|
- @click="openToolAll"
|
|
|
- style="position: relative"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="pButton"
|
|
|
- style="left: 0; top: 140px"
|
|
|
- v-if="mlDialog == false && !(IsFollow && tType == 2)"
|
|
|
- @click="setContent2(true)"
|
|
|
- >
|
|
|
- <!-- 批 , getCourseDetail()-->
|
|
|
- <img
|
|
|
- src="../assets/icon/newIcons/isRight.png"
|
|
|
- style="width: 45px"
|
|
|
- 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; width: 100%">
|
|
|
- <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}">
|
|
|
- <div
|
|
|
- style="
|
|
|
- max-width: calc(100% - 40px);
|
|
|
- width: auto;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-word;
|
|
|
- display: block;
|
|
|
- "
|
|
|
- >
|
|
|
- <el-tooltip
|
|
|
- effect="light"
|
|
|
- :content="courseDetail.title"
|
|
|
- placement="top"
|
|
|
- >
|
|
|
- <div class="ctitle">
|
|
|
- {{ courseDetail.title }}
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- <el-tooltip effect="light" content="收缩" placement="top">
|
|
|
- <div class="mlImg" @click="setContent2(false)">
|
|
|
- <img src="../assets/icon/newIcons/isRight.png" alt="" />
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="inviteBox"
|
|
|
- v-if="tcid && inviteCode"
|
|
|
- style="padding: 0 0 8px 0"
|
|
|
- >
|
|
|
- <div>
|
|
|
- <span>随机码：{{ inviteCode }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="cru_selectBox">
|
|
|
- <div
|
|
|
- style="background: #fff; margin: 0 10px; border-radius: 8px"
|
|
|
- v-for="(item, stageIndex) in navList"
|
|
|
- :key="stageIndex"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="stageBoxCss"
|
|
|
- @click="get(stageIndex)"
|
|
|
- :class="{
|
|
|
- // stageBoxIsCss: stageIndex == courseType,
|
|
|
- }"
|
|
|
- >
|
|
|
- <div class="stageItemTitle" :class="{ stageNav: item.isOpen }">
|
|
|
- <div>阶段{{ stageIndex + 1 }}</div>
|
|
|
- <el-tooltip
|
|
|
- effect="light"
|
|
|
- :content="item.dyName"
|
|
|
- placement="top"
|
|
|
- >
|
|
|
- <div>
|
|
|
- {{ item.dyName }}
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- <!-- <div class="closeTri" v-if="stageIndex == courseType" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
|
|
|
- <img src="../assets/icon/newIcons/downC.png" alt />
|
|
|
- </div> -->
|
|
|
- <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(90deg)' : 'rotate(0deg)'}">
|
|
|
- <img src="../assets/icon/newIcons/right.png" alt />
|
|
|
- </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 v-if="nav.tool[0].tool != undefined">
|
|
|
- <div
|
|
|
- class="closeTri1"
|
|
|
- v-if="navIndex == taskCount && nav.id == navId && stageIndex == courseType"
|
|
|
- @click="openTask(stageIndex, navIndex, nav.id)"
|
|
|
- >
|
|
|
- <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/bDown2.png" alt />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="closeTri1"
|
|
|
- v-else
|
|
|
- @click="openTask(stageIndex, navIndex, nav.id)"
|
|
|
- >
|
|
|
- <img :style="{transform: nav.isOpen ? 'rotate(90deg)':'rotate(0deg)'}" src="../assets/icon/newIcons/right.png" alt />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-else class="noToolBlue"></div>
|
|
|
- <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 &&
|
|
|
- !(
|
|
|
- navIndex == taskCount &&
|
|
|
- nav.id == navId &&
|
|
|
- stageIndex == courseType
|
|
|
- )
|
|
|
- ? 'calc(100% - 75px)'
|
|
|
- : 'auto',
|
|
|
- }"
|
|
|
- >
|
|
|
- {{ nav.taskName }}
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- <div class="lockTaskIcon">
|
|
|
- <img
|
|
|
- src="../assets/lock.png"
|
|
|
- v-if="IsLookOpen && !nav.isLook && courseDetail.userid != userid &&
|
|
|
- courseDetail.course_teacher.indexOf(userid) ==-1"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="nav.tool[0].tool != undefined"
|
|
|
- class="toolChild"
|
|
|
- :class="{ toolActive: nav.isOpen }"
|
|
|
- >
|
|
|
- <div v-for="(t, toolIndex) in nav.tool" :key="toolIndex">
|
|
|
- <div
|
|
|
- class="gjCss"
|
|
|
- :class="{ isGjCss: t.isTool }"
|
|
|
- @click="jumpGj(stageIndex, navIndex, toolIndex, nav.id)"
|
|
|
- >
|
|
|
- <div>工具{{ toolIndex + 1 }}：</div>
|
|
|
- <div v-if="t.tool == 58">模拟驾驶</div>
|
|
|
- <div v-if="t.tool == 59">路径搜索</div>
|
|
|
- <div v-if="t.tool == 60">深度学习</div>
|
|
|
- <div v-if="t.tool == 10">倒计时</div>
|
|
|
- <div v-if="t.tool == 65">挑人</div>
|
|
|
- <div v-if="t.tool == 7">思维网格</div>
|
|
|
- <div v-if="t.tool == 1">电子白板</div>
|
|
|
- <div v-if="t.tool == 52">文档</div>
|
|
|
- <div v-if="t.tool == 3">思维导图</div>
|
|
|
- <div v-if="t.tool == 48">表格</div>
|
|
|
- <div v-if="t.tool == 49">学生分组</div>
|
|
|
- <div v-if="t.tool == 4">问卷调查</div>
|
|
|
- <div v-if="t.tool == 45">选择题</div>
|
|
|
- <div v-if="t.tool == 15">问答</div>
|
|
|
- <div v-if="t.tool == 16">作业提交</div>
|
|
|
- <div v-if="t.tool == 50">批量上传</div>
|
|
|
- <div v-if="t.tool == 41">选择匹配</div>
|
|
|
- <div v-if="t.tool == 47">排序</div>
|
|
|
- <div v-if="t.tool == 40">个人评价</div>
|
|
|
- <div v-if="t.tool == 18">训练平台</div>
|
|
|
- <div v-if="t.tool == 21">AIoT Blockly</div>
|
|
|
- <div v-if="t.tool == 23">AI Python</div>
|
|
|
- <div v-if="t.tool == 24">AI Blockly</div>
|
|
|
- <div v-if="t.tool == 32">源码编辑</div>
|
|
|
- <div v-if="t.tool == 57">CocoPi</div>
|
|
|
- <div v-if="t.tool == 63">海龟编程</div>
|
|
|
- <div v-if="t.tool == 28">翻译</div>
|
|
|
- <div v-if="t.tool == 31">数字画板</div>
|
|
|
- <div v-if="t.tool == 39">GeoGebra</div>
|
|
|
- <div v-if="t.tool == 66">公式编辑</div>
|
|
|
- <div v-if="t.tool == 67">分子结构</div>
|
|
|
- <div v-if="t.tool == 68">时间轴</div>
|
|
|
- <div v-if="t.tool == 69">英语写作</div>
|
|
|
- <div v-if="t.tool == 70">英语口语</div>
|
|
|
- <div v-if="t.tool == 25">目标管理</div>
|
|
|
- <div v-if="t.tool == 26">课程设计</div>
|
|
|
- <div v-if="t.tool == 62">交互视频</div>
|
|
|
- <div v-if="t.tool == 71">AI智能体</div>
|
|
|
- <div v-if="t.tool == 72">应用中心</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- :class="{ navLeftCss: !mlDialog }" -->
|
|
|
- <div class="body_student" :style="{width: mlDialog ? 'calc(100% - '+`${classRoomHelperWidth}`+' - 15% - 40px)' : 'calc(100% - '+`${classRoomHelperWidth}`+' - 10px)', left: mlDialog ? 'calc(15% + 35px)' : '10px' }">
|
|
|
- <div class="new_topFixed" :style="{width: mlDialog ? 'calc(100% - '+`${classRoomHelperWidth}`+' - 15% - 40px)' : 'calc(100% - '+`${classRoomHelperWidth}`+' - 10px)', left: mlDialog ? 'calc(15% + 35px)' : '10px' }"></div>
|
|
|
- <div class="new_top" :style="{width: mlDialog ? 'calc(100% - '+`${classRoomHelperWidth}`+' - 15% - 47px)' : 'calc(100% - '+`${classRoomHelperWidth}`+' - 18px)', left: mlDialog ? 'calc(15% + 35px)' : '10px' }">
|
|
|
- <div class="courseIndex" :style="{width: (orgArray.includes(org) || oidArray.includes(oid))? '100%' : 'calc(100% - 745px)'}">
|
|
|
- <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" v-show="!orgArray.includes(org) && !oidArray.includes(oid)"><!--v-show="org !== '1973f6c7-1561-11ee-91d8-005056b86db5' || org !== '777559d2-7239-11ee-b98c-005056b86db5'"-->
|
|
|
- <div class="btnLeft">
|
|
|
- <el-tooltip effect="light" content="刷新" placement="top">
|
|
|
- <div class="reBtnIcon" @click="refreshCourse">
|
|
|
- <span>刷新</span>
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- <el-tooltip effect="light" content="评论" placement="top">
|
|
|
- <div class="commentIcon" @click="setPz" v-if="tType == 1">
|
|
|
- <span>评论</span>
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- <div v-if="!videoStart && (tType == 1 || tType == 4)">
|
|
|
- <el-tooltip effect="light" content="录制" placement="top">
|
|
|
- <div class="vedioIcon" @click="startRecording">
|
|
|
- <span>录制</span>
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- <div v-else-if="tType == 1 || tType == 4">
|
|
|
- <el-tooltip effect="light" content="下载" placement="top">
|
|
|
- <div class="vedioIcon1" @click="stopRecording">
|
|
|
- <span>下载</span>
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="btnRight">
|
|
|
- <div
|
|
|
- class="last"
|
|
|
- @click="nextOrpreSteps(0)"
|
|
|
- v-if="!(IsFollow && tType == 2)"
|
|
|
- @mouseover="isHovered = true"
|
|
|
- @mouseout="isHovered = false"
|
|
|
- >
|
|
|
- <div class="lastImg">
|
|
|
- <img
|
|
|
- :src="
|
|
|
- isHovered
|
|
|
- ? require('../assets/icon/newIcons/whiteLast.png')
|
|
|
- : require('../assets/icon/newIcons/last.png')
|
|
|
- "
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div class="lastText">上一步</div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="last"
|
|
|
- @click="nextOrpreSteps(1)"
|
|
|
- v-if="!(IsFollow && tType == 2)"
|
|
|
- @mouseover="isHovered1 = true"
|
|
|
- @mouseout="isHovered1 = false"
|
|
|
- >
|
|
|
- <div class="lastText">下一步</div>
|
|
|
- <div class="lastImg">
|
|
|
- <img
|
|
|
- :src="
|
|
|
- isHovered1
|
|
|
- ? require('../assets/icon/newIcons/whiteNext.png')
|
|
|
- : require('../assets/icon/newIcons/next.png')
|
|
|
- "
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="last"
|
|
|
- @click="juriVisible = true"
|
|
|
- v-if="tType == 1"
|
|
|
- @mouseover="isHovered2 = true"
|
|
|
- @mouseout="isHovered2 = false"
|
|
|
- >
|
|
|
- <div class="lastImg">
|
|
|
- <img
|
|
|
- :src="
|
|
|
- isHovered2
|
|
|
- ? require('../assets/icon/newIcons/whiteLock.png')
|
|
|
- : require('../assets/icon/newIcons/lock.png')
|
|
|
- "
|
|
|
- alt=""
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div class="lastText">权限</div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="returnBtn1 returnIcon"
|
|
|
- @click.stop="
|
|
|
- goTo(
|
|
|
- '/courseDetail?userid=' +
|
|
|
- userid +
|
|
|
- '&oid=' +
|
|
|
- oid +
|
|
|
- '&org=' +
|
|
|
- org +
|
|
|
- '&cid=' +
|
|
|
- classId +
|
|
|
- '&courseId=' +
|
|
|
- id +
|
|
|
- '&tType=' +
|
|
|
- tType +
|
|
|
- '&screenType=' +
|
|
|
- screenType
|
|
|
- )
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="lastImg">
|
|
|
- <img src="../assets/icon/newIcon/return.png" alt="" />
|
|
|
- </div>
|
|
|
- <div class="lastText" style="color: #000">返回</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- <div
|
|
|
- class="returnBtn lockIcon"
|
|
|
- @click="juriVisible = true"
|
|
|
- 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 commentIcon" @click="setPz" v-if="tType == 1">
|
|
|
- 评论
|
|
|
- </div>
|
|
|
- <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="refreshCourse">刷新</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 &&
|
|
|
- !(
|
|
|
- courseDetail.userid == userid ||
|
|
|
- (courseDetail.course_teacher &&
|
|
|
- courseDetail.course_teacher.indexOf(userid) != -1)
|
|
|
- )
|
|
|
- "
|
|
|
- >
|
|
|
- <img src="../assets/icon/isNoMessage.png" alt />
|
|
|
- </div>
|
|
|
- <div class="study_top" :class="{ pzClass: pzDialog }">
|
|
|
- <div
|
|
|
- class="vedioBox"
|
|
|
- v-if="
|
|
|
- (chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
- .taskDetail != '' ||
|
|
|
- vChapterData[taskCount].length > 0 ||
|
|
|
- fileC[taskCount].length > 0) && (tType == 1 || (tType == 2 && IsStulook))
|
|
|
- "
|
|
|
- style="border-radius: 0 0 20px 20px"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="taskBox"
|
|
|
- v-if="
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
- .taskDetail != ''
|
|
|
- "
|
|
|
- >
|
|
|
- <div
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- flex-wrap: nowrap;
|
|
|
- flex-direction: column;
|
|
|
- position: relative;
|
|
|
- "
|
|
|
- >
|
|
|
- <div
|
|
|
- style="
|
|
|
- padding: 15px 0;
|
|
|
- line-height: 29px;
|
|
|
- font-size: 18px;
|
|
|
- color: #0e1e33;
|
|
|
- "
|
|
|
- class="cont"
|
|
|
- v-if="
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
- .taskDetail != ''
|
|
|
- "
|
|
|
- v-html="
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
- .taskDetail
|
|
|
- ? renderedFormula2(chapInfoList[courseType].chapterInfo[0].taskJson[
|
|
|
- taskCount
|
|
|
- ].taskDetail)
|
|
|
- : '暂无描述'
|
|
|
- "
|
|
|
- ></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="student_head"
|
|
|
- v-if="
|
|
|
- vChapterData[taskCount].length > 0 ||
|
|
|
- fileC[taskCount].length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="vedioTaskBox" v-loading="downLoading || showType == 7">
|
|
|
- <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"
|
|
|
- allow="camera *; microphone *;display-capture;midi;encrypted-media;"
|
|
|
- :key="diffKey"
|
|
|
- v-if="pptImgUrl1.indexOf('cocorobo')!=-1"
|
|
|
- :src="pptImgUrl1"
|
|
|
- ></iframe>
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- security="restricted"
|
|
|
- v-else
|
|
|
- sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
|
|
|
- :src="pptImgUrl1"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="wheel"
|
|
|
- v-if="showType === 16"
|
|
|
- style="width: 95%; margin: 0 auto"
|
|
|
- >
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- :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; z-index: 998"
|
|
|
- v-if="!contentDialog"
|
|
|
- @click="setContent(true)"
|
|
|
- >
|
|
|
- <!-- 批 -->
|
|
|
- <img
|
|
|
- src="../assets/icon/newIcons/isLeft.png"
|
|
|
- style="width: 45px"
|
|
|
- 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/newIcons/isRight.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="checkFileFull1(vitem.type, vitem)"
|
|
|
- >
|
|
|
- <img
|
|
|
- src="../assets/icon/newIcon/allScreen.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="navListItem"
|
|
|
- v-if="vitem.type == 8 || vitem.type == 14 || vitem.type == 15"
|
|
|
- >
|
|
|
- <div
|
|
|
- @click="doUrl(vitem.url, vindex)"
|
|
|
- class="navText"
|
|
|
- :class="isClickNav == vindex ? 'isClickNav' : ''"
|
|
|
- >
|
|
|
- {{ vitem.title ? vitem.title : vitem.url }}
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="downIcon"
|
|
|
- @click="checkFileFull1(vitem.type, vitem)"
|
|
|
- >
|
|
|
- <img
|
|
|
- src="../assets/icon/newIcon/allScreen.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="checkFileFull1(vitem.type, vitem)"
|
|
|
- >
|
|
|
- <img
|
|
|
- src="../assets/icon/newIcon/allScreen.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- </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="checkFileFull1(vitem.type, vitem)"
|
|
|
- >
|
|
|
- <img
|
|
|
- src="../assets/icon/newIcon/allScreen.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- </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 class="navListItem" v-if="vitem.type == 16">
|
|
|
- <div
|
|
|
- class="navText"
|
|
|
- @click="checkHtml(vitem, vindex)"
|
|
|
- :class="isClickNav == vindex ? 'isClickNav' : ''"
|
|
|
- >
|
|
|
- {{ vitem.name }}
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="downIcon"
|
|
|
- @click="checkFileFull1(vitem.type, vitem)"
|
|
|
- >
|
|
|
- <img
|
|
|
- src="../assets/icon/newIcon/allScreen.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">
|
|
|
- <!-- <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:
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
- .taskDetail == '' &&
|
|
|
- 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
|
|
|
- "
|
|
|
- >
|
|
|
- <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 :ref="'bz' + toolIndex" :id="'gj' + toolIndex">
|
|
|
- 工具{{ toolIndex + 1 }}
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="timeWorkList[toolIndex].length > 0"
|
|
|
- style="margin: 0 0 0 10px"
|
|
|
- >
|
|
|
- {{
|
|
|
- timeWorkList[toolIndex][0].time
|
|
|
- ? "时间：" + timeWorkList[toolIndex][0].time
|
|
|
- : ""
|
|
|
- }}
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,1)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,3)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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>
|
|
|
- <!-- && worksStudent[toolIndex].length>0 -->
|
|
|
- <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,7)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,4)"
|
|
|
- style="position: absolute;right: 153px;top: -30px;">
|
|
|
- 分析
|
|
|
- </div>
|
|
|
- <div class="upload_toolBtn" v-if="tType==='1'" @click="openStatisticalAnalysis(tooC,toolIndex,taskCount)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 统计分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,45)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,15)"
|
|
|
- style="position: absolute;right: 135px;top: -45px;height: 40px;display: flex;align-items: center;justify-content: center;background: #409EFF;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,18)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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">AIoT Blockly</div>
|
|
|
- <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,21)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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">AI Python</div>
|
|
|
- <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,23)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 Blockly</div>
|
|
|
- <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,24)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,31)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,28)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,39)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,32)"
|
|
|
- style="position: absolute;right: 153px;top: -42px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,40)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,41)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,47)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,48)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,52)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,49)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,57)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,63)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 71">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/fourthToolList/chatgpt.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">AI智能体</div>
|
|
|
- <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,71)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 72">
|
|
|
- <img
|
|
|
- style="height: 85px;object-fit: cover;"
|
|
|
- v-if="tool.appJson && tool.appJson.json && tool.appJson.json.icon"
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- :src="tool.appJson.json.icon"
|
|
|
- alt
|
|
|
- />
|
|
|
- <img
|
|
|
- v-else
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/firstToolList/appStore.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <el-tooltip :content="tool.appJson && tool.appJson.name ? tool.appJson.name : '应用中心'" placement="top" effect="dark">
|
|
|
- <!-- content to trigger tooltip here -->
|
|
|
- <div class="Ovh">
|
|
|
- {{tool.appJson && tool.appJson.name ? tool.appJson.name : '应用中心'}}
|
|
|
- </div>
|
|
|
- <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,72)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 65">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/firstToolList/pickPeople.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">挑人</div>
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 66">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/secondToolList/formulaEdi.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">公式编辑</div>
|
|
|
- <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,66)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 67">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/secondToolList/molStr.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">分子结构</div>
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 68">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/secondToolList/timeAxis.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">时间轴</div>
|
|
|
- <!-- <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,68)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 69">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/secondToolList/english.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">英语写作</div>
|
|
|
- <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,69)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 70">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/thirdToolList/englishVoice.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">英语口语</div>
|
|
|
- <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,70)"
|
|
|
- style="position: absolute;right: 33px;top: -30px;">
|
|
|
- 分析
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tooldetail" v-if="tool.toolDetail != ''" :class="{isUpdateToolDetailClass:toolDetailIndex == toolIndex}">
|
|
|
- <!-- <div class="toolTitle">工具描述</div> -->
|
|
|
- <!-- @click.stop="updateToolDetail(toolIndex, 2)" -->
|
|
|
- <div style="height:100%;"
|
|
|
- v-html="renderedFormula(tool.toolDetail)"
|
|
|
- v-if="toolDetailIndex != toolIndex"
|
|
|
- ></div>
|
|
|
- <div v-else @click.stop="" style="height:100%;">
|
|
|
- <textarea @change="() => { $forceUpdate() }" class="checkTextArea" rows="3" v-autoHeight="70" type="text" placeholder="请输入任务描述" v-model="updateToolDetailInner"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- v-if="tool.tool[0] == 32"
|
|
|
- style="position: absolute; right: 30px; top: -45px"
|
|
|
- @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] == 15"
|
|
|
- style="position: absolute; right: 30px; top: -45px"
|
|
|
- @click="openWordCloud(toolIndex)"
|
|
|
- >生成词云</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- v-if="
|
|
|
- tool.tool[0] == 16 && worksStudent[toolIndex].length > 0 && tType==1
|
|
|
- "
|
|
|
- style="position: absolute; right: 30px; top: -45px"
|
|
|
- @click="uploadWorks(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 class="worksTitle">作业预览</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,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 == 1">
|
|
|
- <img :src="word" @click="openFile(w.works,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 == 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,w.userid)"
|
|
|
- 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 class="worksTitle">作业预览</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,w.userid)"
|
|
|
- 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 class="worksTitle">作业预览</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,w.userid)"
|
|
|
- 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 class="worksTitle">作业预览</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="isWorksName2"
|
|
|
- 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 == true) ||
|
|
|
- tType == 1 ||
|
|
|
- tType == 4) &&
|
|
|
- tool.tool.indexOf(62) != -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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="
|
|
|
- worksStudent.length &&
|
|
|
- worksStudent[toolIndex].length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- class="isWorksName2"
|
|
|
- @click="
|
|
|
- openTools(
|
|
|
- 62,
|
|
|
- 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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="
|
|
|
- tType &&
|
|
|
- tType == 2 &&
|
|
|
- !sIsOpen &&
|
|
|
- tool.tool.indexOf(62) != -1
|
|
|
- "
|
|
|
- class="worksBox"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="workStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</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="isWorksName2"
|
|
|
- v-for="(w, wIndex) in workStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- @click="
|
|
|
- openTools(62, 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(45) != -1
|
|
|
- "
|
|
|
- class="worksBox"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="workStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</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="isWorksName2"
|
|
|
- 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(69) != -1
|
|
|
- "
|
|
|
- class="worksBox"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="workStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</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="isWorksName2"
|
|
|
- v-for="(w, wIndex) in workStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- @click="
|
|
|
- openTools(69, 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 class="worksTitle">作业预览</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 class="worksTitle">作业预览</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,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 &&
|
|
|
- tool.tool.indexOf(3) != -1
|
|
|
- "
|
|
|
- class="worksBox"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="workStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</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,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 &&
|
|
|
- tool.tool.indexOf(6) != -1
|
|
|
- "
|
|
|
- class="worksBox"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="workStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</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,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 &&
|
|
|
- tool.tool.indexOf(7) != -1
|
|
|
- "
|
|
|
- class="worksBox"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="workStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</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,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 &&
|
|
|
- tool.tool.indexOf(26) != -1
|
|
|
- "
|
|
|
- class="worksBox"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="workStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</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,w)"
|
|
|
- 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) || (courseGroup.group && courseGroup.group.length)
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="worksTop">
|
|
|
- <div>作业预览</div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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,w)"
|
|
|
- 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,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="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,w.userid)"
|
|
|
- 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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[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,w)"
|
|
|
- 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,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="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,w.userid)"
|
|
|
- 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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(16, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="
|
|
|
- tType &&
|
|
|
- ((tType == 2 && sIsOpen == true) ||
|
|
|
- tType == 1 ||
|
|
|
- tType == 4) &&
|
|
|
- tool.tool.indexOf(70) != -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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- :class="w.type == 1 ? 'isTypeOne' : ''"
|
|
|
- >
|
|
|
- <div class="workImg" @click.stop="openScore(w,toolIndex)">
|
|
|
- <img :src="word" 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>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="font-size: 18px" v-if="courseDetail.juri != ''">
|
|
|
- 未提交
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="noWorksS"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="
|
|
|
- tType &&
|
|
|
- tType == 2 &&
|
|
|
- !sIsOpen &&
|
|
|
- tool.tool.indexOf(70) != -1
|
|
|
- "
|
|
|
- class="worksBox"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="workStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</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" @click.stop="openScore(w,toolIndex)">
|
|
|
- <img :src="word" 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(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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- isCloseList[toolIndex].isClose == 0
|
|
|
- "
|
|
|
- >
|
|
|
- 折叠
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="isCloseList[toolIndex].isClose == 1"
|
|
|
- >
|
|
|
- 展开
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- class="worksDetailBox"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- :class="w.type == 1 ? 'isTypeOne' : ''"
|
|
|
- >
|
|
|
- <div class="workImg">
|
|
|
- <img
|
|
|
- :src="word2"
|
|
|
- @click="downloadFile(w.works,w.userid)"
|
|
|
- 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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(32, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- isCloseList[toolIndex].isClose == 0
|
|
|
- "
|
|
|
- >
|
|
|
- 折叠
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="isCloseList[toolIndex].isClose == 1"
|
|
|
- >
|
|
|
- 展开
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- class="worksDetailBox"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- :class="w.type == 1 ? 'isTypeOne' : ''"
|
|
|
- >
|
|
|
- <div class="workImg">
|
|
|
- <img
|
|
|
- :src="word2"
|
|
|
- @click="downloadFile(w.works,w.userid)"
|
|
|
- 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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(57, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="
|
|
|
- tType &&
|
|
|
- ((tType == 2 && sIsOpen == true) ||
|
|
|
- tType == 1 ||
|
|
|
- tType == 4) &&
|
|
|
- tool.tool.indexOf(72) != -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="
|
|
|
- isCloseList[toolIndex].isCloseBoolean &&
|
|
|
- isCloseList[toolIndex].isClose == 0
|
|
|
- "
|
|
|
- >
|
|
|
- 折叠
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="isCloseList[toolIndex].isClose == 1"
|
|
|
- >
|
|
|
- 展开
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:
|
|
|
- isCloseList[toolIndex].isClose == 1
|
|
|
- ? retrnToolHeight('tool-' + toolIndex)
|
|
|
- : 'auto',
|
|
|
- overflow:
|
|
|
- isCloseList[toolIndex].isClose == 1
|
|
|
- ? 'hidden'
|
|
|
- : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :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="
|
|
|
- openCocoFlow(w)
|
|
|
- "
|
|
|
- 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 &&
|
|
|
- courseDetail.state != 5 &&
|
|
|
- chapInfoList[courseType].chapterInfo[0]
|
|
|
- .taskJson[taskCount].eList &&
|
|
|
- chapInfoList[courseType].chapterInfo[0]
|
|
|
- .taskJson[taskCount].eList.length
|
|
|
- "
|
|
|
- :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,
|
|
|
- w.sName
|
|
|
- )
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(72, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip
|
|
|
- effect="dark"
|
|
|
- :content="s.student"
|
|
|
- placement="top"
|
|
|
- >
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="
|
|
|
- tType &&
|
|
|
- tType == 2 &&
|
|
|
- !sIsOpen &&
|
|
|
- tool.tool.indexOf(72) != -1
|
|
|
- "
|
|
|
- class="worksBox"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="workStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</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="
|
|
|
- openCocoFlow(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(50) != -1" class="worksBox">
|
|
|
- <div
|
|
|
- class="zuoyeYulan"
|
|
|
- v-if="
|
|
|
- worksStudent.length &&
|
|
|
- worksStudent[toolIndex].length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <span class="worksTitle">作业预览</span>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- isCloseList[toolIndex].isClose == 0
|
|
|
- "
|
|
|
- >
|
|
|
- 折叠
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="isCloseList[toolIndex].isClose == 1"
|
|
|
- >
|
|
|
- 展开
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[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,w)"
|
|
|
- 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,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="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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(50, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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 style="width: calc(100% - 30px);">
|
|
|
- <el-tooltip
|
|
|
- effect="light"
|
|
|
- :content="index + 1 + '、' + item.askstitle"
|
|
|
- placement="top"
|
|
|
- popper-class="text_tooltip"
|
|
|
- >
|
|
|
- <div
|
|
|
- style="
|
|
|
- width: calc(100% - 130px);
|
|
|
- display: block;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-word;
|
|
|
- cursor: pointer;
|
|
|
- "
|
|
|
- >
|
|
|
- {{ index + 1 + "、" + item.askstitle }}
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- </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; padding: 0 10px"
|
|
|
- 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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="
|
|
|
- worksStudent.length &&
|
|
|
- worksStudent[toolIndex].length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- class="isWorksName2"
|
|
|
- @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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(4, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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 class="right_box_xuan" style="margin-right: 10px">
|
|
|
- <span>正确率</span>
|
|
|
- <span>{{
|
|
|
- (checkJson[toolIndex][index].right
|
|
|
- ? checkJson[toolIndex][index].right
|
|
|
- : 0) + "%"
|
|
|
- }}</span>
|
|
|
- </div>
|
|
|
- <div style="width: calc(100% - 30px);">
|
|
|
- <el-tooltip
|
|
|
- effect="light"
|
|
|
- :content="index + 1 + '、' + item.teststitle"
|
|
|
- placement="top"
|
|
|
- popper-class="text_tooltip"
|
|
|
- >
|
|
|
- <div
|
|
|
- style="
|
|
|
- width: calc(100% - 130px);
|
|
|
- display: flex;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-word;
|
|
|
- cursor: pointer;
|
|
|
- "
|
|
|
- >
|
|
|
- {{ index + 1 + "、" }} <span v-html="renderedFormula(item.teststitle)"></span>
|
|
|
- </div>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="xuan_right_box"
|
|
|
- style="background: unset; padding: 0 10px; width: 91.5%"
|
|
|
- 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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="
|
|
|
- worksStudent.length &&
|
|
|
- worksStudent[toolIndex].length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- class="isWorksName2"
|
|
|
- @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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(45, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="
|
|
|
- tType &&
|
|
|
- ((tType == 2 && sIsOpen == true) ||
|
|
|
- tType == 1 ||
|
|
|
- tType == 4) &&
|
|
|
- tool.tool.indexOf(69) != -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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="
|
|
|
- worksStudent.length &&
|
|
|
- worksStudent[toolIndex].length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- class="isWorksName2"
|
|
|
- style="width: 160px;height: 65px;line-height: 65px;"
|
|
|
- @click="
|
|
|
- openTools(
|
|
|
- 69,
|
|
|
- toolIndex,
|
|
|
- taskCount,
|
|
|
- w.works,
|
|
|
- w.sName,
|
|
|
- w.wid
|
|
|
- )
|
|
|
- "
|
|
|
- >
|
|
|
- {{ w.sName }}
|
|
|
- <img
|
|
|
- class="deleteImg1"
|
|
|
- src="../assets/evaEnglish.png"
|
|
|
- @click.stop="openEnglishEva(w.wid,toolIndex)"
|
|
|
- alt
|
|
|
- v-if="(courseDetail && (courseDetail.userid == userid || (courseDetail.course_teacher && courseDetail.course_teacher.indexOf(userid) != -1))) || (w.aiCode || w.teacherCode)"
|
|
|
- />
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(69, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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) || (courseGroup.group && courseGroup.group.length)
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="worksTop">
|
|
|
- <div>作业预览</div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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: 0px 0px 5px 5px #eee;
|
|
|
- "
|
|
|
- >
|
|
|
- <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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="
|
|
|
- worksStudent.length &&
|
|
|
- worksStudent[toolIndex].length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <div
|
|
|
- class="works"
|
|
|
- v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="workImg"
|
|
|
- style="
|
|
|
- border-radius: 15px;
|
|
|
- box-shadow: 0px 0px 5px 5px #eee;
|
|
|
- "
|
|
|
- >
|
|
|
- <!-- <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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(15, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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) || (courseGroup.group && courseGroup.group.length)
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="worksTop">
|
|
|
- <div>作业预览</div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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,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="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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- >
|
|
|
- <!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
|
|
|
- <div class="workImg">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works,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="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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(1, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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) || (courseGroup.group && courseGroup.group.length)
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="worksTop">
|
|
|
- <div>作业预览</div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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,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="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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- >
|
|
|
- <!-- @click="previewImg(w.works)" -->
|
|
|
- <div class="workImg">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works,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="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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(3, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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) || (courseGroup.group && courseGroup.group.length)
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="worksTop">
|
|
|
- <div>作业预览</div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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,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="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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- >
|
|
|
- <!-- @click="previewImg(w.works)" -->
|
|
|
- <div class="workImg">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works,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="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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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) || (courseGroup.group && courseGroup.group.length)
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="worksTop">
|
|
|
- <div>作业预览</div>
|
|
|
- <div
|
|
|
- class="corOpen"
|
|
|
- @click="contract(toolIndex)"
|
|
|
- v-if="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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,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="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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- >
|
|
|
- <!-- @click="previewImg(w.works)" -->
|
|
|
- <div class="workImg">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works,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="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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(7, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- :class="w.type == 1 ? 'isTypeOne' : ''"
|
|
|
- >
|
|
|
- <div class="workImg" v-if="w.type == 0">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works,w)"
|
|
|
- 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,w)" 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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(40, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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 class="worksTitle">作业预览</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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="
|
|
|
- worksStudent.length &&
|
|
|
- worksStudent[toolIndex].length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- class="isWorksName2"
|
|
|
- @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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(41, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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 class="worksTitle">作业预览</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
|
|
|
- style="word-break: break-all; white-space: normal"
|
|
|
- >{{ 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> -->
|
|
|
- <sortToolWorkShow v-if="
|
|
|
- worksStudent[toolIndex].length
|
|
|
- "
|
|
|
- :people="worksStudent[toolIndex]"></sortToolWorkShow>
|
|
|
- </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 class="worksTitle">作业预览</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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="
|
|
|
- worksStudent.length &&
|
|
|
- worksStudent[toolIndex].length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <!-- @click="openXz(w, toolIndex)" -->
|
|
|
- <div
|
|
|
- v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
- :key="wIndex"
|
|
|
- class="isWorksName2"
|
|
|
- @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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(47, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(48, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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 class="worksTitle">作业预览</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="
|
|
|
- (isCloseList[toolIndex].isCloseBoolean) &&
|
|
|
- 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
|
|
|
- :id="'tool-' + toolIndex"
|
|
|
- :style="{
|
|
|
- height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
|
|
|
- overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
|
|
|
- }"
|
|
|
- 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 worksStudent[toolIndex]"
|
|
|
- :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,w.sName)
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- v-if="noWorksS && noWorksS[toolIndex].length"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(s, sIndex) in noWorksS[toolIndex]"
|
|
|
- :key="sIndex"
|
|
|
- class="noWorksName"
|
|
|
- @click="teacherWorkSubmit(52, toolIndex, taskCount, s)"
|
|
|
- >
|
|
|
- <el-tooltip effect="dark" :content="s.student" placement="top">
|
|
|
- <span>{{ s.student }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </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 class="worksTitle">作业预览</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"
|
|
|
- style="margin: 0 15px 0 25px; width: 93%"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-if="courseDetail.userid == userid"
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- margin-right: 10px;
|
|
|
- "
|
|
|
- >
|
|
|
- <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 class="worksTitle">作业预览</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,w)"
|
|
|
- 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,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="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,w.userid)"
|
|
|
- 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,
|
|
|
- w.sName
|
|
|
- )
|
|
|
- "
|
|
|
- >
|
|
|
- <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"
|
|
|
- style="margin-top: 10px"
|
|
|
- v-if="
|
|
|
- courseDetail.userid == userid ||
|
|
|
- (courseDetail.course_teacher &&
|
|
|
- courseDetail.course_teacher.indexOf(userid) != -1)
|
|
|
- "
|
|
|
- :style="{
|
|
|
- borderRadius:
|
|
|
- !(
|
|
|
- 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 == '' &&
|
|
|
- vChapterData[taskCount].length == 0 &&
|
|
|
- fileC[taskCount].length == 0
|
|
|
- ? '0 0 20px 20px'
|
|
|
- : '20px',
|
|
|
- }"
|
|
|
- >
|
|
|
- <div
|
|
|
- class="queTop"
|
|
|
- @click="isClose = !isClose"
|
|
|
- style="
|
|
|
- padding: 15px 0 15px 37px;
|
|
|
- justify-content: space-between;
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="queTopTitle">新增工具</div>
|
|
|
- <div class="queTopRight">
|
|
|
- <div class="queTopClose" v-if="isClose == 0">
|
|
|
- 展开
|
|
|
- <div class="closeImg">
|
|
|
- <img src="../assets/icon/newIcon/close.png" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="queTopClose" v-if="isClose == 1">
|
|
|
- 折叠
|
|
|
- <div class="openImg">
|
|
|
- <img src="../assets/icon/newIcon/open.png" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-button
|
|
|
- style="margin: 0 30px 0 auto"
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- v-if="isClose == 1 && checktoolArray.length > 0"
|
|
|
- @click.stop="addToolChoose"
|
|
|
- >确定</el-button
|
|
|
- >
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool_work_box"
|
|
|
- :style="isClose == 0 ? 'display:none' : 'display:block'"
|
|
|
- >
|
|
|
- <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 == 2 ? 'isChooseActive' : ''"
|
|
|
- @click="(toolType = 2), $forceUpdate()"
|
|
|
- >
|
|
|
- 测评类
|
|
|
- </div>
|
|
|
- <div
|
|
|
- :class="toolType == 3 ? 'isChooseActive' : ''"
|
|
|
- @click="(toolType = 3), $forceUpdate()"
|
|
|
- >
|
|
|
- 编程类
|
|
|
- </div>
|
|
|
- <div
|
|
|
- :class="toolType == 5 ? 'isChooseActive' : ''"
|
|
|
- @click="(toolType = 5), $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 class="tool">
|
|
|
- <div class="whiteBIcon" @click="addTools2(65)">
|
|
|
- <img
|
|
|
- src="../assets/icon/firstToolList/pickPeople.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">挑人</div>
|
|
|
- </div>
|
|
|
- <div class="check" @click="addTools2(65)">
|
|
|
- <img
|
|
|
- src="../assets/icon/checkNo.png"
|
|
|
- alt
|
|
|
- v-if="checktoolArray.indexOf(65) == -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">AIoT Blockly</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(23)">
|
|
|
- <img
|
|
|
- src="../assets/icon/fourthToolList/Pythonprogram.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">AI 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 Blockly</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 == 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(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(66)">
|
|
|
- <img
|
|
|
- src="../assets/icon/secondToolList/formulaEdi.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">公式编辑</div>
|
|
|
- </div>
|
|
|
- <div class="check" @click="addTools2(66)">
|
|
|
- <img
|
|
|
- src="../assets/icon/checkNo.png"
|
|
|
- alt
|
|
|
- v-if="checktoolArray.indexOf(66) == -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(67)">
|
|
|
- <img
|
|
|
- src="../assets/icon/secondToolList/molStr.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">分子结构</div>
|
|
|
- </div>
|
|
|
- <div class="check" @click="addTools2(67)">
|
|
|
- <img
|
|
|
- src="../assets/icon/checkNo.png"
|
|
|
- alt
|
|
|
- v-if="checktoolArray.indexOf(67) == -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(68)">
|
|
|
- <img
|
|
|
- src="../assets/icon/secondToolList/timeAxis.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">时间轴</div>
|
|
|
- </div>
|
|
|
- <div class="check" @click="addTools2(68)">
|
|
|
- <img
|
|
|
- src="../assets/icon/checkNo.png"
|
|
|
- alt
|
|
|
- v-if="checktoolArray.indexOf(68) == -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 == 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> -->
|
|
|
- <div
|
|
|
- class="vedioBox"
|
|
|
- style="margin-top: 10px; border-radius: 20px"
|
|
|
- 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" :style="{width:evalua ? chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2?'45%':'calc(100% - 180px)' : '100%'}">
|
|
|
- <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="评价名称"
|
|
|
- align="center"
|
|
|
- >
|
|
|
- <template slot-scope="scope"
|
|
|
- ><div>{{ scope.row.value }}</div></template
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="评价描述"
|
|
|
- align="center"
|
|
|
- >
|
|
|
- <template slot-scope="scope"
|
|
|
- ><div>
|
|
|
- {{ scope.row.detail != "" ? scope.row.detail : "-" }}
|
|
|
- </div></template
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="目标" align="center">
|
|
|
- <template slot-scope="scope"
|
|
|
- ><div>
|
|
|
- {{
|
|
|
- scope.row.target
|
|
|
- ? scope.row.target[scope.row.target.length - 1]
|
|
|
- : "-"
|
|
|
- }}
|
|
|
- </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;
|
|
|
- "
|
|
|
- :style="{width:chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2?'100%':'116px'}"
|
|
|
- >
|
|
|
- <div class="e_add_top">
|
|
|
- <div class="e_add_title" style="width: 100%">
|
|
|
- <!-- <span>目标管理名称</span> -->
|
|
|
- <span v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2">{{ eTitle }}</span>
|
|
|
- <img
|
|
|
- v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2"
|
|
|
- src="../assets/line.png"
|
|
|
- class="cru_line"
|
|
|
- style="
|
|
|
- width: 125px;
|
|
|
- height: 20px;
|
|
|
- bottom: -10px;
|
|
|
- left: 5px;
|
|
|
- "
|
|
|
- />
|
|
|
- <!-- <el-input
|
|
|
- v-model="eTitle"
|
|
|
- placeholder="请输入名称"
|
|
|
- @change="setMindData"
|
|
|
- ></el-input>-->
|
|
|
- <div v-show="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" class="show_taskD show" style="margin:0 0 0 auto" @click="foldEva()"><img src="../assets/icon/newIcon/icon-slide.png" />收起目标</div>
|
|
|
- <div v-show="!chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" style="margin:0 0 0 auto" class="show_taskD" @click="foldEva()"><img src="../assets/icon/newIcon/icon-slide.png" />展开目标</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="e_add_content" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" >
|
|
|
- <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" style="min-height: 200px;">
|
|
|
- <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 style="display: flex; gap: 10px">
|
|
|
- <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"
|
|
|
- @click="addImg($event)"
|
|
|
- v-if="studyJuri[0].cover.length == 0"
|
|
|
- >
|
|
|
- <div class="up_photo" style="background: rgb(232, 239, 248);width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;">
|
|
|
- <img src="../assets/icon/uploadImg2.png" style="width: 110px; height: 110px" alt />
|
|
|
- </div>
|
|
|
- <input
|
|
|
- type="file"
|
|
|
- accept="image/*"
|
|
|
- capture="camera"
|
|
|
- style="display: none"
|
|
|
- @change="beforeUpload1($event, 1)"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </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>
|
|
|
- <!-- v-show="org == '1973f6c7-1561-11ee-91d8-005056b86db5' || org == '777559d2-7239-11ee-b98c-005056b86db5' || org == '884c5665-a453-46f3-b7b6-01d575290aa9'" -->
|
|
|
- <classRoomHelper v-if="!['2'].includes(tType) || canUseCourseId.includes(id)" @studentFreePreview="studentFreePreview" @OpenJobPreview="OpenJobPreview" :videoStart="videoStart" :IsFollow="IsFollow" :sIsOpen="sIsOpen" :IsLookOpen="IsLookOpen" :splitScreenData="splitScreenData" @splitScreenBehavior="splitScreenBehavior" @startRecording="startRecording" @stopRecording="stopRecording" :fileList="vChapterData[taskCount]" :worksStudent="worksStudent" :courseType="parseInt(courseType)" :taskCount="taskCount" :tcid="tcid" :navList="navList" v-show="orgArray.includes(org) || oidArray.includes(oid)" ref="classRoomHelperRef" :courseDetail="courseDetail" :tType="tType" @setWidth="setClassRoomHelperWidth" @refresh="refreshCourse" @goStep="nextOrpreSteps" @authority="juriVisible = true" @review="setPz" @backPage="goTo(
|
|
|
- '/courseDetail?userid=' +
|
|
|
- userid +
|
|
|
- '&oid=' +
|
|
|
- oid +
|
|
|
- '&org=' +
|
|
|
- org +
|
|
|
- '&cid=' +
|
|
|
- classId +
|
|
|
- '&courseId=' +
|
|
|
- id +
|
|
|
- '&tType=' +
|
|
|
- tType +
|
|
|
- '&screenType=' +
|
|
|
- screenType+
|
|
|
- '&role=' +
|
|
|
- role
|
|
|
- )"></classRoomHelper>
|
|
|
- <studentClassRoomHelper v-else-if="['2'].includes(tType)" @studentFreePreview="studentFreePreview" @OpenJobPreview="OpenJobPreview" :videoStart="videoStart" :IsFollow="IsFollow" :sIsOpen="sIsOpen" :IsLookOpen="IsLookOpen" :splitScreenData="splitScreenData" @splitScreenBehavior="splitScreenBehavior" @startRecording="startRecording" @stopRecording="stopRecording" :fileList="vChapterData[taskCount]" :worksStudent="worksStudent" :courseType="parseInt(courseType)" :taskCount="taskCount" :tcid="tcid" :navList="navList" v-show="orgArray.includes(org) || oidArray.includes(oid)" :courseDetail="courseDetail" :tType="tType" @setWidth="setClassRoomHelperWidth" @refresh="refreshCourse" @goStep="nextOrpreSteps" @authority="juriVisible = true" @review="setPz" @backPage="goTo(
|
|
|
- '/courseDetail?userid=' +
|
|
|
- userid +
|
|
|
- '&oid=' +
|
|
|
- oid +
|
|
|
- '&org=' +
|
|
|
- org +
|
|
|
- '&cid=' +
|
|
|
- classId +
|
|
|
- '&courseId=' +
|
|
|
- id +
|
|
|
- '&tType=' +
|
|
|
- tType +
|
|
|
- '&screenType=' +
|
|
|
- screenType+
|
|
|
- '&role=' +
|
|
|
- role
|
|
|
- )"></studentClassRoomHelper>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="pButton"
|
|
|
- @click="(pzDialog = true), selectPz()"
|
|
|
- v-if="pzDialog == false && (tType == 4 || ispzType == 4)"
|
|
|
- style="background-image: linear-gradient(90deg, #477cd7, #65b9fc)"
|
|
|
- >
|
|
|
- <!-- 批 -->
|
|
|
- <img src="../assets/mlBtn.png" style="width: 25px" alt="" />
|
|
|
- </div>
|
|
|
- <div v-if="pzDialog == true" class="newDialogCss" :style="`right:${commentRight}`">
|
|
|
- <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; position: unset">
|
|
|
- 评论
|
|
|
- </div> -->
|
|
|
- <div class="cb-tabList">
|
|
|
- <div :class="[commentTagShow==0?'cb-tabItem':'']" @click="commentTagShow=0">评论</div>
|
|
|
- <!-- <div :class="[commentTagShow==1?'cb-tabItem':'']" @click="commentTagShow=1">评分</div> -->
|
|
|
- <!-- v-show="oid == '4c686762-1d0a-11ed-8c78-005056b86db5'" -->
|
|
|
- <div :class="[commentTagShow==2?'cb-tabItem':'']" @click="commentTagShow=2">总评</div>
|
|
|
- </div>
|
|
|
- <el-select v-model="pzStype" @change="selectPz" class="selectBox" v-show="commentTagShow == 0">
|
|
|
- <el-option label="时间降序" :value="1"></el-option>
|
|
|
- <el-option label="时间升序" :value="2"></el-option>
|
|
|
- <el-option label="我的评课" :value="3"></el-option>
|
|
|
- </el-select>
|
|
|
- <img src="../assets/pzBtn.png" @click="pzDialog = false" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'" v-if="commentTagShow==0">
|
|
|
- <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
|
|
|
- @click="checkImg(getImgList(pz.content))"
|
|
|
- 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="timeAndReply">
|
|
|
- <div class="time">
|
|
|
- {{ pz.time }}
|
|
|
- </div>
|
|
|
- <div @click="setReplyIndex(pz.id, pzIndex)">回复</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="pz.hfList && pz.hfList.length > 0" class="hfBox">
|
|
|
- <div
|
|
|
- v-for="(h, hIndex) in pz.hfList"
|
|
|
- :key="hIndex"
|
|
|
- class="hfItem"
|
|
|
- >
|
|
|
- <div class="whoReplyWho">
|
|
|
- <div class="hfName">{{ h.username }}</div>
|
|
|
- <div class="hfImg">
|
|
|
- <img src="../assets/icon/newIcons/right.png" alt="" />
|
|
|
- </div>
|
|
|
- <div class="hfName">{{ pz.username }}</div>
|
|
|
- </div>
|
|
|
- <div class="hfContent" v-html="h.content"></div>
|
|
|
- <div class="hfBottom">
|
|
|
- <div class="hfTime">{{ h.time }}</div>
|
|
|
- <div
|
|
|
- class="deleteHfItem"
|
|
|
- @click="deleteReply(h.id)"
|
|
|
- v-if="userid == h.userid"
|
|
|
- >
|
|
|
- <img src="../assets/icon/newIcons/delete.png" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- <div class="replyBox" v-if="replyIndex[pzIndex] && replyIndex[pzIndex] == true">
|
|
|
- <div class="replyInput">
|
|
|
- <el-input v-model="reply[pzIndex]"></el-input>
|
|
|
- </div>
|
|
|
- <el-button @click="addHf(pz.id, pzIndex)">回复</el-button>
|
|
|
- </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 class="scoreList" v-if="commentTagShow==1">
|
|
|
- <scoreItem v-for="item in scoreList.datalist" @refresh="getScoreList" :data="item" :isScore="scoreList.isScoreList.filter(i=>(i.userid==item.userid && i.courseid == item.courseId))" :key="item.courseId"/>
|
|
|
- </div>
|
|
|
- <div class="scoreList" v-if="commentTagShow==2" style="position: relative">
|
|
|
- <scoreZong :courseid="id" :userid="userid" @insertMemorandum="insertMemorandum"></scoreZong>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="toolDialogVisible == true"
|
|
|
- class="toolMask"
|
|
|
- @click="toolDialogVisible = false"
|
|
|
- ></div>
|
|
|
- <div v-if="toolDialogVisible == true" class="addToolCss">
|
|
|
- <div class="toolTop">
|
|
|
- <div style="font-weight: bold">新增工具</div>
|
|
|
- <div @click="toolDialogVisible = false">
|
|
|
- <img src="../assets/icon/close.png" class="toolClose" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <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 == 2 ? 'isChooseActive' : ''"
|
|
|
- @click="(toolType = 2), $forceUpdate()"
|
|
|
- >
|
|
|
- 测评类
|
|
|
- </div>
|
|
|
- <div
|
|
|
- :class="toolType == 3 ? 'isChooseActive' : ''"
|
|
|
- @click="(toolType = 3), $forceUpdate()"
|
|
|
- >
|
|
|
- 编程类
|
|
|
- </div>
|
|
|
- <div
|
|
|
- :class="toolType == 5 ? 'isChooseActive' : ''"
|
|
|
- @click="(toolType = 5), $forceUpdate()"
|
|
|
- >
|
|
|
- 学科类
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="toolSort" v-if="toolType == 0">
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(10) != -1 }"
|
|
|
- @click="addTools2(10)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/thirdToolList/time.png" alt />
|
|
|
- <div style="margin: 5px 0">倒计时</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(10) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(65) != -1 }"
|
|
|
- @click="addTools2(65)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/firstToolList/pickPeople.png" alt />
|
|
|
- <div style="margin: 5px 0">挑人</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(65) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="toolSort" v-if="toolType == 1">
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(7) != -1 }"
|
|
|
- @click="addTools2(7)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
|
|
|
- <div style="margin: 5px 0">思维网格</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(7) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(1) != -1 }"
|
|
|
- @click="addTools2(1)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/whiteBoard.png" alt />
|
|
|
- <div style="margin: 5px 0">电子白板</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(1) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(52) != -1 }"
|
|
|
- @click="addTools2(52)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/fourthToolList/text.png" alt />
|
|
|
- <div style="margin: 5px 0">文档</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(52) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(3) != -1 }"
|
|
|
- @click="addTools2(3)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/mindMapping.png" alt />
|
|
|
- <div style="margin: 5px 0">思维导图</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(3) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(48) != -1 }"
|
|
|
- @click="addTools2(48)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/fourthToolList/table.png" alt />
|
|
|
- <div style="margin: 5px 0">表格</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(48) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></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"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(16) != -1 }"
|
|
|
- @click="addTools2(16)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/thirdToolList/work.png" alt />
|
|
|
- <div style="margin: 5px 0">作业提交</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(16) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(50) != -1 }"
|
|
|
- @click="addTools2(50)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/thirdToolList/plwork.png" alt />
|
|
|
- <div style="margin: 5px 0">批量上传</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(50) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="toolSort" v-if="toolType == 3">
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(18) != -1 }"
|
|
|
- @click="addTools2(18)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/thirdToolList/trainPlatform.png" alt />
|
|
|
- <div style="margin: 5px 0">训练平台</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(18) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(21) != -1 }"
|
|
|
- @click="addTools2(21)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/fourthToolList/program.png" alt />
|
|
|
- <div style="margin: 5px 0">AIoT Blockly</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(21) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(23) != -1 }"
|
|
|
- @click="addTools2(23)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img
|
|
|
- src="../assets/icon/fourthToolList/Pythonprogram.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">AI Python</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(23) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(24) != -1 }"
|
|
|
- @click="addTools2(24)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/fourthToolList/AIprogram.png" alt />
|
|
|
- <div style="margin: 5px 0">AI Blockly</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(24) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(32) != -1 }"
|
|
|
- @click="addTools2(32)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/thirdToolList/code.png" alt />
|
|
|
- <div style="margin: 5px 0">源码编辑</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(32) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(57) != -1 }"
|
|
|
- @click="addTools2(57)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/fourthToolList/cocopi.png" alt />
|
|
|
- <div style="margin: 5px 0">CocoPi</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(57) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(63) != -1 }"
|
|
|
- @click="addTools2(63)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/fourthToolList/Wood.png" alt />
|
|
|
- <div style="margin: 5px 0">海龟编程</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(63) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(71) != -1 }"
|
|
|
- @click="addTools2(71)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/fourthToolList/chatgpt.png" alt />
|
|
|
- <div style="margin: 5px 0">AI智能体</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(71) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="toolSort" v-if="toolType == 7">
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(40) != -1 }"
|
|
|
- @click="addTools2(40)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/eval.png" alt />
|
|
|
- <div style="margin: 5px 0">个人评价</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(40) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="toolSort" v-if="toolType == 5">
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(28) != -1 }"
|
|
|
- @click="addTools2(28)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/translation.png" alt />
|
|
|
- <div style="margin: 5px 0">翻译</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(28) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(31) != -1 }"
|
|
|
- @click="addTools2(31)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/networkPanel.png" alt />
|
|
|
- <div style="margin: 5px 0">数字画板</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(31) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(39) != -1 }"
|
|
|
- @click="addTools2(39)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/GeoGebra.png" alt />
|
|
|
- <div style="margin: 5px 0">GeoGebra</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(39) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(66) != -1 }"
|
|
|
- @click="addTools2(66)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/formulaEdi.png" alt />
|
|
|
- <div style="margin: 5px 0">公式编辑</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(66) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(67) != -1 }">
|
|
|
- <div class="whiteBIcon" @click="addTools2(67)">
|
|
|
- <img src="../../assets/icon/secondToolList/molStr.png" alt />
|
|
|
- <div style="margin: 5px 0">分子结构</div>
|
|
|
- </div>
|
|
|
- <div class="check" @click="addTools2(67)">
|
|
|
- <div v-if="checktoolArray.indexOf(67) == -1" class="noChoose"></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(68) != -1 }"
|
|
|
- @click="addTools2(68)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/timeAxis.png" alt />
|
|
|
- <div style="margin: 5px 0">时间轴</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(68) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(69) != -1 }"
|
|
|
- @click="addTools2(69)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/secondToolList/english.png" alt />
|
|
|
- <div style="margin: 5px 0">英语写作</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(69) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- <div class="toolSort" v-if="toolType == 4">
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(26) != -1 }"
|
|
|
- @click="addTools2(26)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/thirdToolList/courseDesign.png" alt />
|
|
|
- <div style="margin: 5px 0">课程设计</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(26) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="tool"
|
|
|
- :class="{ isToolChoose: checktoolArray.indexOf(25) != -1 }"
|
|
|
- @click="addTools2(25)"
|
|
|
- >
|
|
|
- <div class="whiteBIcon">
|
|
|
- <img src="../assets/icon/thirdToolList/evalua.png" alt />
|
|
|
- <div style="margin: 5px 0">目标管理</div>
|
|
|
- </div>
|
|
|
- <div class="check">
|
|
|
- <div
|
|
|
- v-if="checktoolArray.indexOf(25) == -1"
|
|
|
- class="noChoose"
|
|
|
- ></div>
|
|
|
- <div v-else class="isChoose"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span
|
|
|
- slot="footer"
|
|
|
- class="dialog-footer"
|
|
|
- style="display: block; text-align: center; padding: 0 0 10px 0"
|
|
|
- >
|
|
|
- <el-button @click="toolDialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click.stop="addToolChoose">确 定</el-button>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="replyDialogVisible == true"
|
|
|
- class="addDialogCss"
|
|
|
- v-el-drag-dialog
|
|
|
- >
|
|
|
- <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="replyDialogVisible = false">
|
|
|
- <img src="../assets/close1.png" class="pzClose" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="addPzBox">
|
|
|
- <!-- <div class="addPzCheck">
|
|
|
- <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
|
|
|
- >文本</span
|
|
|
- >
|
|
|
- <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
|
|
|
- >音频</span
|
|
|
- >
|
|
|
- </div> -->
|
|
|
- <div style="height: calc(100% - 50px)">
|
|
|
- <editor-bar
|
|
|
- class="binfo_input pzConText"
|
|
|
- style="width: 100% !important; margin: 0 auto"
|
|
|
- placeholder="请输入回复描述"
|
|
|
- v-model="reply"
|
|
|
- @change="change"
|
|
|
- ></editor-bar>
|
|
|
- </div>
|
|
|
- <div class="addTextCss" @click="addHf">确定</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="addPzDialog == true" class="addDialogCss" v-el-drag-dialog>
|
|
|
- <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" class="pzClose" 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; margin-bottom: 10px">
|
|
|
- 题目内容
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="a_add_box"
|
|
|
- v-for="(item1, index1) in askJson.askCount"
|
|
|
- :key="index1"
|
|
|
- >
|
|
|
- <div class="a_add_head">
|
|
|
- <div style="display: flex">
|
|
|
- <span class="askIndex"> {{ index1 + 1 }}</span>
|
|
|
- <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; margin-bottom: 10px">
|
|
|
- 题目内容
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="a_add_box"
|
|
|
- v-for="(item1, index1) in askJson.askCount"
|
|
|
- :key="index1"
|
|
|
- >
|
|
|
- <div class="a_add_head">
|
|
|
- <div style="display: flex">
|
|
|
- <span class="askIndex">{{ index1 + 1 }}</span>
|
|
|
- <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; margin-bottom: 10px">
|
|
|
- 题目内容
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="a_add_box"
|
|
|
- v-for="(item1, index1) in testJson.testCount"
|
|
|
- :key="index1"
|
|
|
- >
|
|
|
- <div class="a_add_head">
|
|
|
- <div style="display: flex;align-items: center;">
|
|
|
- <span class="askIndex">{{ index1 + 1 }}</span>
|
|
|
- <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>题目：<span v-html="renderedFormula(testJson.testJson[index1].teststitle)"></span></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; margin-bottom: 10px">
|
|
|
- 题目内容
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="a_add_box"
|
|
|
- v-for="(item1, index1) in testJson.testCount"
|
|
|
- :key="index1"
|
|
|
- >
|
|
|
- <div class="a_add_head">
|
|
|
- <div style="display: flex">
|
|
|
- <span class="askIndex">{{ index1 + 1 }}</span>
|
|
|
- <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>
|
|
|
- <div style="margin-bottom: 20px; color: #999">
|
|
|
- 提示：点击“+”或“-”修改倒计时时长。
|
|
|
- </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)) && !splitScreenData.isOpen
|
|
|
- "
|
|
|
- >
|
|
|
- <!-- 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 class="switch_box" v-if="courseDetail.userid == userid">
|
|
|
- <span>允许学生查看内容资料</span>
|
|
|
- <el-switch
|
|
|
- v-model="IsStulook"
|
|
|
- active-text=""
|
|
|
- class="switchCss"
|
|
|
- @change="updateIsStulook"
|
|
|
- ></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,
|
|
|
- commentDetail.sName
|
|
|
- )
|
|
|
- "
|
|
|
- :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,commentDetail)"
|
|
|
- >确 定</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', fulltype == 3 ? 'full_diy2' : '', (splitScreenData.isOpen && (splitScreenData.uid != splitScreenData.myUid)) ? 'dialog_diyCopy' : ''] "
|
|
|
-
|
|
|
- >
|
|
|
- <div slot="title" class="header-title">
|
|
|
- <div v-if="fulltype == 4" style="color: #fff">AI应用</div>
|
|
|
- <div v-else style="color: #fff">查看文档</div>
|
|
|
- <div
|
|
|
- @click="()=>{fullDialogVisible = false,changeSplitScreenBehavior({code:99})}"
|
|
|
- style="
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- top: 20px;
|
|
|
- right: 20px;
|
|
|
- color: #fff;
|
|
|
- "
|
|
|
- >
|
|
|
- 退出全屏
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="height: 100%;position: relative;">
|
|
|
- <el-button
|
|
|
- v-if="(splitScreenData.isOpen && (splitScreenData.uid != splitScreenData.myUid))"
|
|
|
- size="medium"
|
|
|
- type="primary"
|
|
|
- @click="
|
|
|
- () => {
|
|
|
- (fullDialogVisible = false),
|
|
|
- changeSplitScreenBehavior({ code: 99 });
|
|
|
- }
|
|
|
- "
|
|
|
- style="
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- top: 10px;
|
|
|
- right: 20px;
|
|
|
- color: #fff;
|
|
|
- "
|
|
|
- >
|
|
|
- 退出全屏
|
|
|
- </el-button>
|
|
|
- <div
|
|
|
- class="wheel"
|
|
|
- v-if="fulltype == 1"
|
|
|
- style="
|
|
|
- box-shadow: 0 0 6px 1px #f2f2f2;
|
|
|
- width: 100%;
|
|
|
- height: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
|
|
|
- class="wheel"
|
|
|
- v-else-if="
|
|
|
- (fulltype == 2 || fulltype == 4) &&
|
|
|
- fullUrl.indexOf(
|
|
|
- 'https://view.officeapps.live.com/op/view.aspx?src='
|
|
|
- ) != -1
|
|
|
- "
|
|
|
- style="width: 100%;height:100%; 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> -->
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- allow="camera *; microphone *;display-capture;midi;encrypted-media;"
|
|
|
- v-else-if="(fulltype == 2 || fulltype == 4) && (fullUrl.indexOf('cocorobo')!=-1)"
|
|
|
- :src="fullUrl"
|
|
|
- ></iframe>
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- security="restricted"
|
|
|
- v-else-if="(fulltype == 2 || fulltype == 4)"
|
|
|
- sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
|
|
|
- :src="fullUrl"
|
|
|
- ></iframe>
|
|
|
- <pdf
|
|
|
- v-else-if="fulltype == 3"
|
|
|
- :pdfUrl="fullUrl"
|
|
|
- style="width: 100%; height: 100%; overflow: auto"
|
|
|
- ></pdf>
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- security="restricted"
|
|
|
- v-if="(fulltype == 16)"
|
|
|
- sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
|
|
|
- :src="fullUrl"
|
|
|
- ></iframe>
|
|
|
-
|
|
|
- </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,commentDetail.sName)"
|
|
|
- >确 定
|
|
|
- </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"
|
|
|
- class="sentenceTitle"
|
|
|
- :index="stIndex + 1"
|
|
|
- >
|
|
|
- 题目{{ stIndex + 1 }}：请选择正确顺序
|
|
|
- </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"
|
|
|
- class="sentenceTitle"
|
|
|
- :index="stIndex + 1"
|
|
|
- >
|
|
|
- 题目{{ stIndex + 1 }}：请选择正确顺序
|
|
|
- </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 style="display: flex; gap: 10px">
|
|
|
- <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"
|
|
|
- @click="addImg($event)"
|
|
|
- v-if="studyJuri[0].cover.length == 0"
|
|
|
- >
|
|
|
- <div class="up_photo" style="background: rgb(232, 239, 248);width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;">
|
|
|
- <img src="../assets/icon/uploadImg2.png" style="width: 110px; height: 110px" alt />
|
|
|
- </div>
|
|
|
- <input
|
|
|
- type="file"
|
|
|
- accept="image/*"
|
|
|
- capture="camera"
|
|
|
- style="display: none"
|
|
|
- @change="beforeUpload1($event, 1)"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </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
|
|
|
- v-model="groupJson2.number"
|
|
|
- style="width: 150px"
|
|
|
- placeholder="请输入2-10的数字"
|
|
|
- @change="numberPan"
|
|
|
- ></el-input>
|
|
|
- </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: flex; 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" style="text-align: center;">
|
|
|
- <el-button @click="dialogVisibleSname = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="updateName">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog
|
|
|
- title="英语写作"
|
|
|
- :visible.sync="engDialogVisible"
|
|
|
- :append-to-body="true"
|
|
|
- width="800px"
|
|
|
- :before-close="handleClose"
|
|
|
- class="dialog_diy"
|
|
|
- >
|
|
|
- <onlineWrite
|
|
|
- v-if="engDialogVisible"
|
|
|
- :englishList="englishList"
|
|
|
- :myAnswerList1="myAnswerList1"
|
|
|
- :userid="userid"
|
|
|
- ref="engJson"
|
|
|
- ></onlineWrite>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="engDialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addEnglishWork">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog
|
|
|
- title="英语写作"
|
|
|
- :visible.sync="engUpdateDialogVisible"
|
|
|
- :append-to-body="true"
|
|
|
- width="800px"
|
|
|
- :before-close="handleClose"
|
|
|
- class="dialog_diy fullStyle"
|
|
|
- >
|
|
|
- <div class="engUpBox">
|
|
|
- <div class="engUpTop">
|
|
|
- <div class="engTitle">
|
|
|
- <div>作文题目：</div>
|
|
|
- <div>{{ englishList1.engTitle }}</div>
|
|
|
- </div>
|
|
|
- <div class="engText">
|
|
|
- <div>作文内容：</div>
|
|
|
- <div class="cont" v-html="englishList1.englishText" style="white-space: pre-line;" @click="checkImg(getImgList(englishList1.englishText))"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="correctBox" :style="{height: `calc(100% - ${topHeight}px)` }">
|
|
|
- <div class="oldBox">
|
|
|
- <div class="oldMes">原文（ 作者：{{ noteName }} ）</div>
|
|
|
- <div class="oldText">
|
|
|
- <div class="detailBox">
|
|
|
- <div class="oldDetail">
|
|
|
- <div>标题：</div>
|
|
|
- <div>{{ oldEnglishJson.engTitle }} </div>
|
|
|
- </div>
|
|
|
- <div class="oldDetail1">
|
|
|
- <div>正文：</div>
|
|
|
- <div v-html="oldEnglishJson.engText" style="white-space: pre-line;"></div>
|
|
|
- </div>
|
|
|
- <div class="oldDetail" v-if="oldEnglishJson.imgList && oldEnglishJson.imgList.length > 0">
|
|
|
- <div>图片：</div>
|
|
|
- <div class="oldImg"><img :src="oldEnglishJson.imgList[0].url" alt="" /></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="oldBox loadingText" v-if="userMes[0].type == 2">
|
|
|
- <div class="oldMes" style="background: #aacaff;">{{ userMes[0].username }}</div>
|
|
|
- <div class="oldText">
|
|
|
- <div class="detailBox" style="position: relative;">
|
|
|
- <div class="oldDetail">
|
|
|
- <div>标题：</div>
|
|
|
- <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
|
|
|
- <div v-else v-html="newEnglishList.engTitle"></div>
|
|
|
- </div>
|
|
|
- <div class="oldDetail">
|
|
|
- <div>正文：</div>
|
|
|
- <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList.engText" @input="gx"/>
|
|
|
- <correctText :newText="newEnglishList.engText" :oldData="oldEnglishJson.engText"/>
|
|
|
- </div>
|
|
|
- <div style="position: absolute;bottom: -25px;">注：红色划线字为删除，绿色背景白色字为新添加.</div>
|
|
|
- <el-button @click="isUpdateCorrect(newEnglishList.engText,1)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
|
|
|
- <el-button @click="aiCorrect(newEnglishList.engText,1)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
|
|
|
- <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="oldBox loadingText" v-else-if="userMes[0].type == 1">
|
|
|
- <div class="oldMes" style="background: rgb(224 236 255);display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;overflow-x: auto;overflow-y: hidden;" v-if="newEnglishList1.length > 0">
|
|
|
- <div v-if="isNoUserid" class="allName" :style="{minWidth: `calc(100% / ${engListLength})`,background: newEngIndex == -1 ? '#aacaff' : ''}" @click="setEngText(-1)" style="background: #aacaff;">{{ userMes[0].username }}</div>
|
|
|
- <div v-for="(item,index) in newEnglishList1" :key="index" class="allName" :style="{minWidth: `calc(100% / ${engListLength})`,background: index == newEngIndex ? '#aacaff' : ''}" @click="setEngText(index)">{{ item.username }}</div>
|
|
|
- </div>
|
|
|
- <div class="oldMes" style="background: #aacaff;" v-else>{{ userMes[0].username }}</div>
|
|
|
- <div class="oldText" v-if="newEngIndex == -1 && isNoUserid == true && newEnglishList1.length">
|
|
|
- <div class="detailBox" style="position: relative;">
|
|
|
- <div class="oldDetail">
|
|
|
- <div>标题：</div>
|
|
|
- <el-input v-if="greyType" v-model="oldEnglishJson1.engTitle" />
|
|
|
- <div v-else v-html="oldEnglishJson1.engTitle"></div>
|
|
|
- </div>
|
|
|
- <div class="oldDetail">
|
|
|
- <div>正文：</div>
|
|
|
- <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="oldEnglishJson1.engText" @input="gx"/>
|
|
|
- <correctText v-else :newText="oldEnglishJson1.engText" :oldData="oldEnglishJson.engText"/>
|
|
|
- </div>
|
|
|
- <div style="position: absolute;bottom: -25px;">注：红色划线字为删除，绿色背景白色字为新添加.</div>
|
|
|
- <el-button @click="isUpdateCorrect(oldEnglishJson1.engText,2)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
|
|
|
- <el-button @click="aiCorrect(oldEnglishJson1.engText,2)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
|
|
|
- <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="oldText" v-else-if="newEngIndex == -1">
|
|
|
- <div class="detailBox" style="position: relative;">
|
|
|
- <div class="oldDetail">
|
|
|
- <div>标题：</div>
|
|
|
- <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
|
|
|
- <div v-else v-html="newEnglishList.engTitle"></div>
|
|
|
- </div>
|
|
|
- <div class="oldDetail">
|
|
|
- <div>正文：</div>
|
|
|
- <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList.engText" @input="gx"/>
|
|
|
- <correctText v-else :newText="newEnglishList.engText" :oldData="oldEnglishJson.engText"/>
|
|
|
- </div>
|
|
|
- <div style="position: absolute;bottom: -25px;">注：红色划线字为删除，绿色背景白色字为新添加.</div>
|
|
|
- <el-button @click="isUpdateCorrect(newEnglishList.engText,3)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
|
|
|
- <el-button @click="aiCorrect(newEnglishList.engText,3)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
|
|
|
- <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="oldText" v-else-if="newEngIndex > -1 && newEnglishList1.length > 0">
|
|
|
- <div class="detailBox" style="position: relative;">
|
|
|
- <div class="oldDetail">
|
|
|
- <div>标题：</div>
|
|
|
- <div v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" v-html="newEnglishList1[newEngIndex].cWork.engTitle"></div>
|
|
|
- <div v-else>
|
|
|
- <el-input v-if="greyType" v-model="newEnglishList1[newEngIndex].cWork.engTitle"/>
|
|
|
- <div v-else v-html="newEnglishList1[newEngIndex].cWork.engTitle"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="oldDetail">
|
|
|
- <div>正文：</div>
|
|
|
- <correctText v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" :newText="newEnglishList1[newEngIndex].cWork.engText" :oldData="oldEnglishJson.engText"/>
|
|
|
- <div v-else>
|
|
|
- <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList1[newEngIndex].cWork.engText" @input="gx"/>
|
|
|
- <correctText v-else :newText="newEnglishList1[newEngIndex].cWork.engText" :oldData="oldEnglishJson.engText"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="position: absolute;bottom: -25px;">注：红色划线字为删除，绿色背景白色字为新添加.</div>
|
|
|
- <el-button @click="isUpdateCorrect(newEnglishList1[newEngIndex].cWork.engText,4)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }" v-if="!greyType && userMes[0].userid == newEnglishList1[newEngIndex].correct">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
|
|
|
- <el-button @click="aiCorrect(newEnglishList1[newEngIndex].cWork.engText,4)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType && userMes[0].userid == newEnglishList1[newEngIndex].correct">AI批注</el-button>
|
|
|
- <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="engUpdateDialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addCorrect">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <englishEva :evaEngJson="evaEngJson" :engEvaDialogVisible.sync="engEvaDialogVisible" :uid="userid" :tType="tType" :courseDetail="courseDetail"></englishEva>
|
|
|
- <interVideo
|
|
|
- :dialogVisibleVideo.sync="dialogVisibleVideo"
|
|
|
- :videoJson="videoJson"
|
|
|
- :userid="userid"
|
|
|
- :id="id"
|
|
|
- :courseType="courseType"
|
|
|
- :taskCount="taskCount"
|
|
|
- :toolindex="toolindex"
|
|
|
- :videoType="videoType"
|
|
|
- ></interVideo>
|
|
|
- <UpdateMore
|
|
|
- :dialogVisibleMember.sync="dialogVisibleMember"
|
|
|
- :cList="uploadStudentJuri"
|
|
|
- :userid="userid"
|
|
|
- :searchTN="worksSName2"
|
|
|
- @setPlname="setPlname"
|
|
|
- ></UpdateMore>
|
|
|
- <!-- <wordCloud
|
|
|
- :dialogVisibleWordCloud.sync="dialogVisibleWordCloud"
|
|
|
- :data="wordCloudData"
|
|
|
- ></wordCloud> -->
|
|
|
- <el-dialog
|
|
|
- title="词云"
|
|
|
- :visible.sync="dialogVisibleWordCloud"
|
|
|
- width="30%"
|
|
|
- class="dialog_diy"
|
|
|
- :before-close="handleClose">
|
|
|
- <choseWordCloud :cloudData="wordCloudData" :key="wordCloudKey" :dialogVisibleWordCloud="dialogVisibleWordCloud"></choseWordCloud>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog
|
|
|
- title="挑人"
|
|
|
- :visible.sync="dialogVisiblePickPeople"
|
|
|
- width="650px"
|
|
|
- :before-close="handleClose"
|
|
|
- class="dialog_diy"
|
|
|
- center
|
|
|
- >
|
|
|
- <div class="pick_box">
|
|
|
- <div
|
|
|
- class="noWorksName"
|
|
|
- :class="{ isSelectName: isPickStudent.indexOf(item.userid) !== -1 }"
|
|
|
- v-for="(item, index) in uploadStudentJuri"
|
|
|
- :key="index"
|
|
|
- @click="pickStudent(item)"
|
|
|
- >
|
|
|
- {{ item.name }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- <EnglishVoice :EnglishVoiceDialog.sync='EnglishVoiceDialog'
|
|
|
- :englishVoiceJson='englishVoiceJson'
|
|
|
- :userid="userid"
|
|
|
- :id="id"
|
|
|
- :courseType="courseType"
|
|
|
- :taskCount="taskCount"
|
|
|
- :toolindex="toolindex"
|
|
|
- @selectSWorks="selectSWorks"
|
|
|
- @selectStudent="selectStudent"
|
|
|
- :englishVoiceJsonWork="englishVoiceJsonWork"></EnglishVoice>
|
|
|
- <checkEnglishVoice :englishVoiceJson='englishVoiceJson'
|
|
|
- :userid="userid"
|
|
|
- :dialogVisibleENScore.sync='dialogVisibleENScore'
|
|
|
- :commentDetail="commentDetail"
|
|
|
- :courseDetail="courseDetail"
|
|
|
- :wScore="wScore"
|
|
|
- :scoreDetail="scoreDetail"
|
|
|
- @selectSWorks="selectSWorks"
|
|
|
- @selectStudent="selectStudent"></checkEnglishVoice>
|
|
|
- <statisticalAnalysis ref="statisticalAnalysisRef" @refresh="statisticalAnalysisRefresh" @changeSplitScreenBehavior="changeSplitScreenBehavior" :courseType="courseType" :taskCount="taskCount"/>
|
|
|
- <choseWorksDetailDialog
|
|
|
- ref="choseWorksDetailDialogRef"
|
|
|
- :worksStudentData="worksStudent"
|
|
|
- :noWorksSData="noWorksS"
|
|
|
- :chapInfoListData="chapInfoList"
|
|
|
- :courseType="courseType"
|
|
|
- :taskCount="taskCount"
|
|
|
- :tType="tType"
|
|
|
- :sIsOpen="sIsOpen"
|
|
|
- :courseDetail="courseDetail"
|
|
|
- :groupStudent2="groupStudent"
|
|
|
- :groupStudentUid2="groupStudentUid"
|
|
|
- :oid="oid"
|
|
|
- :org="org"
|
|
|
- @getCourseDetail="getCourseDetail"
|
|
|
- @selectSLook="selectSLook"
|
|
|
- @selectSWorks="selectSWorks"
|
|
|
- @selectStudent="selectStudent"
|
|
|
- @deleteWorks="deleteWorks"
|
|
|
- @openTools="openTools"
|
|
|
- @openWord="openWord"
|
|
|
- @openScore="openScore"
|
|
|
- @changeSplitScreenBehavior="changeSplitScreenBehavior"
|
|
|
- />
|
|
|
- <el-dialog
|
|
|
- :visible.sync="confirmOpenDig"
|
|
|
- width="500px"
|
|
|
- :modal="false"
|
|
|
- class="confirmOpenDigCss dialog_diyCopy"
|
|
|
- :before-close="handleClose">
|
|
|
- <div style="display: flex;align-items: center;">
|
|
|
- <img src="../assets/icon/course/confirmOpenDig.svg" alt="">
|
|
|
- <span>“{{ courseDetail.title }}”开课啦</span>
|
|
|
- </div>
|
|
|
- <div style="margin: 20px 0 35px;">
|
|
|
- <div style="margin-bottom: 10px;">接下来你将跟随老师一起开始今天的学习！ </div>
|
|
|
- <div>要认真听讲哦～</div>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div style="text-align: center;">
|
|
|
- <el-button type="primary" style="width: 95%;" @click="confirmOpen">开始学习</el-button>
|
|
|
- </div>
|
|
|
-
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
- <appStoreC ref="appStoreC"
|
|
|
- :sStudent="sStudent"
|
|
|
- :courseType="courseType"
|
|
|
- :taskCount="taskCount"
|
|
|
- :toolindex="toolindex"
|
|
|
- @selectSWorks="selectSWorks"
|
|
|
- @selectStudent="selectStudent"
|
|
|
- ></appStoreC>
|
|
|
- <cocoFlowDia ref="cocoFlowDiaRef"></cocoFlowDia>
|
|
|
-
|
|
|
- </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 sortToolWorkShow from "./components/sortToolWorkShow.vue";
|
|
|
-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";
|
|
|
-import wordCloud from "./wordCloud/index.vue";
|
|
|
-import axios from "axios";
|
|
|
-import JSZip from "jszip";
|
|
|
-import FileSaver from "file-saver";
|
|
|
-import onlineWrite from "./components/onlineWrite";
|
|
|
-import englishEva from "./components/englishEva";
|
|
|
-import * as Diff from 'diff'
|
|
|
-import EnglishVoice from './EnglishVoice2/index.vue'
|
|
|
-import checkEnglishVoice from './checkEnglishVoice/index.vue'
|
|
|
-import correctText from './components/correctText.vue'
|
|
|
-import scoreItem from './scoreList/scoreItem.vue'
|
|
|
-import scoreZong from './scoreZong/index.vue'
|
|
|
-import classRoomHelper from './classRoomHelper/index.vue'
|
|
|
-import studentClassRoomHelper from './classRoomHelper/studentIndex.vue'
|
|
|
-import statisticalAnalysis from "./components/statisticalAnalysis.vue";
|
|
|
-import choseWorksDetailDialog from './components/choseWorksDetailDialog.vue';
|
|
|
-import { v4 as uuidv4 } from "uuid";
|
|
|
-var OpenCC = require("opencc-js");
|
|
|
-import choseWordCloud from './components/choseWordCloud.vue'
|
|
|
-import appStoreC from "./components/appStoreC.vue";
|
|
|
-import cocoFlowDia from "./components/cocoFlowDia.vue";
|
|
|
-import { myMixin } from "@/mixins/mixin.js"
|
|
|
-import { tools as toolsList } from "@/common/tools2.js";
|
|
|
-import katex from 'katex'
|
|
|
-import 'katex/dist/katex.min.css'
|
|
|
-let converter = OpenCC.Converter({
|
|
|
- from: "hk",
|
|
|
- to: "cn"
|
|
|
-});
|
|
|
-const getFile = (url) => {
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- var credentials = {
|
|
|
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
- secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- window.AWS.config.update(credentials);
|
|
|
- window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
- let url2 = 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;
|
|
|
- }
|
|
|
- var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
|
|
|
- let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
|
|
|
- var params = {
|
|
|
- Bucket: "ccrb",
|
|
|
- Key: name
|
|
|
- };
|
|
|
- s3.getObject(params, function (err, data) {
|
|
|
- if (err) {
|
|
|
- console.log(err, err.stack)
|
|
|
- resolve({ data: 1 });
|
|
|
- }else {
|
|
|
- resolve({ data: data.Body });
|
|
|
- console.log(data);
|
|
|
- } // sxuccessful response
|
|
|
-
|
|
|
- });
|
|
|
- // axios({
|
|
|
- // method: "get",
|
|
|
- // url,
|
|
|
- // responseType: "blob",
|
|
|
- // })
|
|
|
- // .then((data) => {
|
|
|
- // resolve({ data: data.data });
|
|
|
- // })
|
|
|
- // .catch((error) => {
|
|
|
- // resolve({ data: 1 });
|
|
|
- // // reject(error.toString());
|
|
|
- // });
|
|
|
- });
|
|
|
-};
|
|
|
-export default {
|
|
|
- mixins: [ myMixin ],
|
|
|
- components: {
|
|
|
- choseWordCloud,
|
|
|
- EditorBar,
|
|
|
- Time,
|
|
|
- pdf,
|
|
|
- AskStatic,
|
|
|
- AskStatic2,
|
|
|
- Mind,
|
|
|
- Sunburst,
|
|
|
- SeeBoard,
|
|
|
- AnswerData2,
|
|
|
- AnswerData,
|
|
|
- sortToolWorkShow,
|
|
|
- Audio,
|
|
|
- ImgDraw,
|
|
|
- Table,
|
|
|
- interVideo,
|
|
|
- UpdateMore,
|
|
|
- wordCloud,
|
|
|
- onlineWrite,
|
|
|
- englishEva,
|
|
|
- EnglishVoice,
|
|
|
- checkEnglishVoice,
|
|
|
- correctText,
|
|
|
- scoreItem,
|
|
|
- classRoomHelper,
|
|
|
- scoreZong,
|
|
|
- statisticalAnalysis,
|
|
|
- choseWorksDetailDialog,
|
|
|
- appStoreC,
|
|
|
- cocoFlowDia,
|
|
|
- studentClassRoomHelper
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- startTime: "",
|
|
|
- // 是否允许学生查看内容资料 2不可以 1可以
|
|
|
- IsStulook:false,
|
|
|
- homeWorkLoading:false,
|
|
|
- wordCloudKey: 0,
|
|
|
- bg: null,
|
|
|
- drawShow: false,
|
|
|
- dialogVisible: false,
|
|
|
- dialogVisiblePl: false,
|
|
|
- commentDialogVisible: false,
|
|
|
- dialogVisibleMember: false,
|
|
|
- dialogVisibleWordCloud: false,
|
|
|
- videoVisible: false,
|
|
|
- isStar: false,
|
|
|
- studentEvalDialogVisible: false,
|
|
|
- studentEvalDialogVisibleTeacher: false,
|
|
|
- dialogVisibleSelect: false,
|
|
|
- dialogVisibleSelectTeacher: false,
|
|
|
- dialogVisibleScore: false,
|
|
|
- dialogVisibleENScore: 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,
|
|
|
- dialogVisiblePickPeople: false,
|
|
|
- engDialogVisible: false,
|
|
|
- engUpdateDialogVisible: false,
|
|
|
- engEvaDialogVisible: false,
|
|
|
- evaEngJson: {
|
|
|
- teacherJson: {},
|
|
|
- studentJson: {},
|
|
|
- message: {},
|
|
|
- },
|
|
|
- isNoUserid:false,
|
|
|
- engListLength:0,
|
|
|
- engWid:"",
|
|
|
- newEnglishList:{
|
|
|
- engTitle:"",
|
|
|
- engText:"",
|
|
|
- },
|
|
|
- newEnglishList1:[],
|
|
|
- oldEnglishJson:{},
|
|
|
- oldEnglishJson1:{},
|
|
|
- englishList1:{},
|
|
|
- englishList:{},
|
|
|
- myAnswerList1:{},
|
|
|
- topHeight:0,
|
|
|
- newEngIndex:-1,
|
|
|
- englishToolIndex:0,
|
|
|
- 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,
|
|
|
- role: this.$route.query.role,
|
|
|
- // 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: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- isClose: 0,
|
|
|
- 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: {},
|
|
|
- reply: "",
|
|
|
- isSelect: false,
|
|
|
- chapInfo: [],
|
|
|
- chapInfoList: [],
|
|
|
- taskCount: 0,
|
|
|
- imgList: [],
|
|
|
- noImgList: [],
|
|
|
- pzList: [],
|
|
|
- timeWorkList: [],
|
|
|
- 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,
|
|
|
- replyDialogVisible: false,
|
|
|
- toolDialogVisible: false,
|
|
|
- replyIndex: 0,
|
|
|
- replyPid: "",
|
|
|
- radio: [],
|
|
|
- isAsk: false,
|
|
|
- askJson: {
|
|
|
- askCount: 1,
|
|
|
- askTitle: "",
|
|
|
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- },
|
|
|
- testJson: {},
|
|
|
- videoType:0,
|
|
|
- checkJson: [],
|
|
|
- askList: [],
|
|
|
- answerList: [],
|
|
|
- navList: [],
|
|
|
- addPzDialog: false,
|
|
|
- pzConText: "",
|
|
|
- worksStudent: [],
|
|
|
- isCloseList: [],
|
|
|
- workStudent: [],
|
|
|
- groupStudent: [],
|
|
|
- groupStudentUid: [],
|
|
|
- noWorksS: [],
|
|
|
- isWorksS: [],
|
|
|
- noWorksStudent: [],
|
|
|
- toolindex: 0,
|
|
|
- toolDetailIndex: null,
|
|
|
- groupIndex: 0,
|
|
|
- workTypeB: false,
|
|
|
- workTypeC: false,
|
|
|
- isAnswer: false,
|
|
|
- isHovered: false,
|
|
|
- isHovered1: false,
|
|
|
- isHovered2: false,
|
|
|
- commentTagShow:0,
|
|
|
- timer: null,
|
|
|
- timer2: 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: 0,
|
|
|
- checktoolArray: [],
|
|
|
- vChapterData: [],
|
|
|
- isUpdateToolDetail: false,
|
|
|
- isUpdateToolDetail1: false,
|
|
|
- updateToolDetailInner: "",
|
|
|
- checkboxList: [],
|
|
|
- plIndex: "",
|
|
|
- worksSName2: "",
|
|
|
- worksSid: "",
|
|
|
- wordCloudData: [],
|
|
|
- isPickStudent: [],
|
|
|
- pzStype: 1,
|
|
|
- myAnList: {},
|
|
|
- userMes:{},
|
|
|
- downLoading: false,
|
|
|
- greyType: false,
|
|
|
- correctWord: [],
|
|
|
- isUpdateText: "",
|
|
|
- EnglishVoiceDialog: false,
|
|
|
- englishVoiceJson: {},
|
|
|
- englishVoiceJsonWork:[],
|
|
|
- scoreList:{
|
|
|
- listdata:[],
|
|
|
- isScoreList:[],
|
|
|
- },
|
|
|
- classRoomHelperWidth: '85px',
|
|
|
- orgArray:[],
|
|
|
- oidArray:[],
|
|
|
- toolsList: toolsList,
|
|
|
- splitScreenData:{
|
|
|
- isOpen:false,
|
|
|
- userId:"",
|
|
|
- uid:"",
|
|
|
- myUid:"",
|
|
|
- loading:false,
|
|
|
- behavior:null,
|
|
|
- },
|
|
|
- confirmOpenDig:false,
|
|
|
- confirmOpenDigData:'',
|
|
|
- canUseCourseId: ['bfbe1913-2f87-11ef-bf55-005056b86db5','3a64b199-d2eb-11ef-a2d1-005056b86db5', 'bb0b1995-0207-11ef-b534-005056b86db5', 'f77921c8-d2f1-11ef-a2d1-005056b86db5'],
|
|
|
- diffKey:"1",
|
|
|
- };
|
|
|
- },
|
|
|
- methods: {
|
|
|
- //查看应用中心作业
|
|
|
- openCocoFlow(w){
|
|
|
- this.$refs.cocoFlowDiaRef.openAppWork(w)
|
|
|
- },
|
|
|
- getAIJ(){
|
|
|
- this.ajax.get(this.$store.state.api+"getAIJ","").then(res=>{
|
|
|
- let oid = res.data[0];
|
|
|
- let org = res.data[1];
|
|
|
- let oidArray = [];
|
|
|
- let orgArray = [];
|
|
|
- oid.forEach(i=>oidArray.push(i.oid))
|
|
|
- org.forEach(i=>orgArray.push(i.oid))
|
|
|
- this.orgArray = orgArray;
|
|
|
- this.oidArray = oidArray;
|
|
|
- })
|
|
|
- },
|
|
|
- insertMemorandum(_html){//保存行为操作
|
|
|
- //variable
|
|
|
- //btn
|
|
|
- let params = [{
|
|
|
- uid:this.userid,
|
|
|
- courseId:this.id+(this.tcid2?this.tcid2:''),
|
|
|
- content:_html
|
|
|
- }]
|
|
|
- console.log("👇👇")
|
|
|
- console.log(params)
|
|
|
-
|
|
|
- this.ajax.post(this.$store.state.api+'insert_systemOperation_countdownBehavior',params).then(res=>{
|
|
|
- if(res.data==1){
|
|
|
- console.log('保存操作成功')
|
|
|
- }else{
|
|
|
- console.log('保存操作失败')
|
|
|
- }
|
|
|
- }).catch(e=>{
|
|
|
- console.log('保存操作失败')
|
|
|
- console.log(e)
|
|
|
- })
|
|
|
- },
|
|
|
- gx(){
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- isUpdateCorrect(t,p){
|
|
|
- if(this.greyType == false){
|
|
|
- this.isUpdateText = t;
|
|
|
- this.greyType = true;
|
|
|
- }else{
|
|
|
- if(p == 1){
|
|
|
- this.newEnglishList.engText = this.isUpdateText;
|
|
|
- }else if(p == 2){
|
|
|
- this.oldEnglishJson1.engText = this.isUpdateText;
|
|
|
- }else if(p == 3){
|
|
|
- this.newEnglishList.engText = this.isUpdateText;
|
|
|
- }else{
|
|
|
- this.newEnglishList1[this.newEngIndex].cWork.engText = this.isUpdateText;
|
|
|
- }
|
|
|
- this.greyType = false
|
|
|
- }
|
|
|
- },
|
|
|
- aiCorrect(t,p){
|
|
|
- let aiText = "";
|
|
|
- const loading = this.$loading.service({
|
|
|
- background: "rgba(255, 255, 255)",
|
|
|
- target: document.querySelectorAll(".loadingText")[0],
|
|
|
- });
|
|
|
- let param = {
|
|
|
- model: "gpt-3.5-turbo",
|
|
|
- temperature: 0,
|
|
|
- max_tokens: 2048,
|
|
|
- top_p: 1,
|
|
|
- frequency_penalty: 0,
|
|
|
- presence_penalty: 0,
|
|
|
- messages: [
|
|
|
- {
|
|
|
- role: "user",
|
|
|
- content:
|
|
|
- `Role: 你是一名小学英语作文的老师，根据这篇文章的内容你去批改这篇文章，然后仅输出一篇纠错好的文章。文章：${t}`,
|
|
|
- },
|
|
|
- ],
|
|
|
- uid: this.userid,
|
|
|
- stream: false,
|
|
|
- };
|
|
|
- this.ajax.post("https://gpt.cocorobo.cn/chat", param).then(
|
|
|
- (res) => {
|
|
|
- if (
|
|
|
- res.data.FunctionResponse &&
|
|
|
- res.data.FunctionResponse.result &&
|
|
|
- res.data.FunctionResponse.result == "无效请求,请重新发起对话"
|
|
|
- ) {
|
|
|
- this.$message.error("你的作文内容太长，无法使用Ai批注!");
|
|
|
- return;
|
|
|
- }
|
|
|
- aiText =
|
|
|
- res.data.FunctionResponse.choices[0].message.content;
|
|
|
- aiText = aiText.replace(/%/g,"%25");
|
|
|
- // let w = "";
|
|
|
- // let a = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,aiText);
|
|
|
- // for(var k = 0;k<a.length;k++){
|
|
|
- // //diffWordsWithSpace
|
|
|
- // if(a.length > 1){
|
|
|
- // if(a[k].added == true){
|
|
|
- // w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
|
|
|
- // }else if(a[k].removed == true){
|
|
|
- // w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
|
|
|
- // }else{
|
|
|
- // w += '<span>' + a[k].value + '</span>';
|
|
|
- // }
|
|
|
- // }else{
|
|
|
- // if(p == 1){
|
|
|
- // w = this.newEnglishList.engText;
|
|
|
- // }else if(p == 2){
|
|
|
- // w = this.oldEnglishJson1.engText;
|
|
|
- // }else if(p == 3){
|
|
|
- // w = this.newEnglishList.engText;
|
|
|
- // }else{
|
|
|
- // w = this.newEnglishList1[this.newEngIndex].cWork.engText;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- if(p == 1){
|
|
|
- this.newEnglishList.engText = aiText;
|
|
|
- }else if(p == 2){
|
|
|
- this.oldEnglishJson1.engText = aiText;
|
|
|
- }else if(p == 3){
|
|
|
- this.newEnglishList.engText = aiText;
|
|
|
- }else{
|
|
|
- this.newEnglishList1[this.newEngIndex].cWork.engText = aiText;
|
|
|
- }
|
|
|
- loading.close();
|
|
|
- },
|
|
|
- (err) => {
|
|
|
- console.log(err);
|
|
|
- loading.close();
|
|
|
- }
|
|
|
- );
|
|
|
- },
|
|
|
- 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: 0,
|
|
|
- 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.toolDialogVisible = false;
|
|
|
- this.refreshCourse();
|
|
|
- this.$forceUpdate();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- checkBz(index) {
|
|
|
- this.isUpdateToolDetail = false;
|
|
|
- this.$forceUpdate();
|
|
|
- setTimeout(() => {
|
|
|
- document.scrollingElement.scrollTop =
|
|
|
- document.querySelectorAll(".filebox")[index].offsetTop +
|
|
|
- document.querySelector(".student_body").offsetTop;
|
|
|
- }, 500);
|
|
|
- },
|
|
|
- updateToolDetail(i, type) {
|
|
|
- if (!this.isUpdateToolDetail1 && type == 2 && (this.courseDetail.userid == this.userid || (this.courseDetail.course_teacher && this.courseDetail.course_teacher.indexOf(this.userid) != -1))) {
|
|
|
- this.toolDetailIndex = i
|
|
|
- this.isUpdateToolDetail1 = true;
|
|
|
- setTimeout(() => {
|
|
|
- this.updateToolDetailInner = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[i].toolDetail
|
|
|
- )
|
|
|
- );
|
|
|
- document.querySelector(".checkTextArea").focus();
|
|
|
- }, 0);
|
|
|
- } else if((this.isUpdateToolDetail1 && type != 2)){
|
|
|
- // this.toolDetailIndex = i;
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[i].toolDetail = JSON.parse(
|
|
|
- JSON.stringify(this.updateToolDetailInner)
|
|
|
- );
|
|
|
- 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.isUpdateToolDetail1 = false;
|
|
|
- this.$message({
|
|
|
- message: "修改成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.toolDetailIndex = null;
|
|
|
-
|
|
|
- this.updateToolDetailInner = "";
|
|
|
- this.getCourseDetail(2);
|
|
|
- this.$forceUpdate();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- } else if((this.isUpdateToolDetail1 && type == 2)){
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolDetailIndex].toolDetail = JSON.parse(
|
|
|
- JSON.stringify(this.updateToolDetailInner)
|
|
|
- );
|
|
|
- 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.toolDetailIndex = i;
|
|
|
- this.isUpdateToolDetail1 = true;
|
|
|
- setTimeout(() => {
|
|
|
- this.updateToolDetailInner = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[i].toolDetail
|
|
|
- )
|
|
|
- );
|
|
|
- document.querySelector(".checkTextArea").focus();
|
|
|
- }, 0);
|
|
|
- this.getCourseDetail(2);
|
|
|
- this.$forceUpdate();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- jumpGj(i, j, k, l) {
|
|
|
- for (var z = 0; z < this.navList.length; z++) {
|
|
|
- for (var q = 0; q < this.navList[z].task.length; q++) {
|
|
|
- for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
|
|
|
- this.navList[z].task[q].tool[w].isTool = false;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- this.navList[i].task[j].tool[k].isTool =
|
|
|
- !this.navList[i].task[j].tool[k].isTool;
|
|
|
- var a = document.scrollingElement;
|
|
|
- this.navId = ""
|
|
|
- let target = document.querySelector(`#gj${k}`);
|
|
|
- if (target) {
|
|
|
- // target.scrollIntoView(true);
|
|
|
- // setTimeout(() => {
|
|
|
- // a.scrollTop = a.scrollTop - 150;
|
|
|
- // }, 0);
|
|
|
- target.scrollIntoView();
|
|
|
- setTimeout(()=>{
|
|
|
- let scrollBody = document.querySelector('.body_student').parentElement
|
|
|
- scrollBody.scrollTop = scrollBody.scrollTop - 100
|
|
|
- }, 0);
|
|
|
-
|
|
|
- }
|
|
|
- let flag = this.courseType == i;
|
|
|
- let flag2 = this.taskCount == j
|
|
|
- if (l) {
|
|
|
- this.courseType = i;
|
|
|
- // this.navId = l;
|
|
|
- this.taskCount = j;
|
|
|
-
|
|
|
- this.selectPz();
|
|
|
- this.getHomeWork();
|
|
|
- this.getCourseDetail(2);
|
|
|
- this.changeSplitScreenBehavior({form:{courseType:this.courseType,taskCount:this.taskCount,toolType:k}})
|
|
|
- if(flag){
|
|
|
- if(flag2){
|
|
|
- this.insertMemorandum(`选择<span class="variable">工具${k+1}：${this.toolsList[this.navList[i].task[j].tool[k].tool]}</span>`)
|
|
|
- }else{
|
|
|
- this.insertMemorandum(`选择<span class="variable">任务${j+1}${this.navList[i].task[j].taskName?'：'+this.navList[i].task[j].taskName:''}</span>→<span class="variable">工具${k+1}：${this.toolsList[this.navList[i].task[j].tool[k].tool]}</span>`)
|
|
|
- }
|
|
|
- }else{
|
|
|
- this.insertMemorandum(`选择<span class="variable">阶段${i+1}${this.navList[i].dyName?'：'+this.navList[i].dyName:''}</span>→<span class="variable">任务${j+1}${this.navList[i].task[j].taskName?'：'+this.navList[i].task[j].taskName:''}</span>→<span class="variable">工具${k+1}：${this.toolsList[this.navList[i].task[j].tool[k].tool]}</span>`)
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // var b = this.$refs["bz" + k][0];
|
|
|
- // a.scrollTop = b.offsetTop;
|
|
|
- },
|
|
|
- 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.topU.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,w=null) {
|
|
|
- this.$hevueImgPreview(url);
|
|
|
- if(w){
|
|
|
- this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
|
|
|
- }
|
|
|
- },
|
|
|
- checkImg(list) {
|
|
|
- if (!list.length) {
|
|
|
- return;
|
|
|
- }
|
|
|
- this.$hevueImgPreview({
|
|
|
- multiple: true, // 开启多图预览模式
|
|
|
- imgList: list, // 需要预览的多图数组
|
|
|
- });
|
|
|
- },
|
|
|
- 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";
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- openToolAll() {
|
|
|
- this.toolDialogVisible = true;
|
|
|
- },
|
|
|
- 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,
|
|
|
- },
|
|
|
- ];
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'选择匹配',data: JSON.stringify(this.selectAnswer.answer),type: "course_tool_sub" }, "success")
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.dialogVisibleSelect = false;
|
|
|
- // this.selectAnswer = {};
|
|
|
- this.selectSWorks();
|
|
|
- this.selectStudent();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'选择匹配',data: JSON.stringify(this.selectAnswer.answer),type: "course_tool_sub" }, err)
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- 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,
|
|
|
- },
|
|
|
- ];
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'排序',data: JSON.stringify(this.sentenceList),type: "course_tool_sub" }, "success")
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.dialogVisibleSentence = false;
|
|
|
- // this.selectAnswer = {};
|
|
|
- this.selectSWorks();
|
|
|
- this.selectStudent();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'排序',data: JSON.stringify(this.sentenceList),type: "course_tool_sub" }, err)
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- 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() {
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- let params = [
|
|
|
- {
|
|
|
- uid: this.userid,
|
|
|
- cid: this.id,
|
|
|
- stage: this.courseType,
|
|
|
- task: this.taskCount,
|
|
|
- tool: this.toolindex,
|
|
|
- content: JSON.stringify(this.tableJson),
|
|
|
- type: 10,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks", params)
|
|
|
- .then((res) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'表格',data:JSON.stringify(this.tableJson),type: "course_tool_sub" }, "success")
|
|
|
-
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.dialogVisibleTable = false;
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- // this.selectAnswer = {};
|
|
|
- this.selectSWorks();
|
|
|
- this.selectStudent();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'表格',data:JSON.stringify(this.tableJson),type: "course_tool_sub" }, err)
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- 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),
|
|
|
- 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() {
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- let params = [
|
|
|
- {
|
|
|
- uid: this.userid,
|
|
|
- cid: this.id,
|
|
|
- stage: this.courseType,
|
|
|
- task: this.taskCount,
|
|
|
- tool: this.toolindex,
|
|
|
- content: JSON.stringify(this.wordJson),
|
|
|
- type: 13,
|
|
|
- atool: 52,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks3-2", params)
|
|
|
- .then((res) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'文档',data:JSON.stringify(this.wordJson),type: "course_tool_sub" }, "success")
|
|
|
-
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.dialogVisibleWord = false;
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- // this.selectAnswer = {};
|
|
|
- this.selectSWorks();
|
|
|
- this.selectStudent();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'文档',data:JSON.stringify(this.wordJson),type: "course_tool_sub" }, err)
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- 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),
|
|
|
- type: 13,
|
|
|
- atool: 52,
|
|
|
- },
|
|
|
- ];
|
|
|
- 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;
|
|
|
- }
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- 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.addOp3('1', "", { courseid: this.id,tool:'作业提交',data: this.studyJuri[0].cover[0].url,type: "course_tool_sub" }, "success")
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.studyJuri[0].cover = [];
|
|
|
- this.dialogVisible = false;
|
|
|
- this.getCourseDetail(2);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'作业提交',data: this.studyJuri[0].cover[0].url,type: "course_tool_sub" }, err)
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- 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),
|
|
|
- },
|
|
|
- ];
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorksPl", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'批量上传',data: JSON.stringify(_files),type: "course_tool_sub" }, "success")
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.plworkFile = [];
|
|
|
- this.dialogVisiblePl = false;
|
|
|
- this.getCourseDetail(2);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("提交失败");
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- console.error(err);
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'批量上传',data: JSON.stringify(_files),type: "course_tool_sub" }, 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;
|
|
|
- }
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- 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,
|
|
|
- }),
|
|
|
- type: 11,
|
|
|
- atool: 49,
|
|
|
- text: "",
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks5", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'学生分组',data:JSON.stringify({
|
|
|
- type: typesql,
|
|
|
- groupIndex: this.groupIndex,
|
|
|
- url: this.studyJuri[0].cover[0].url,
|
|
|
- }),type: "course_tool_sub" }, "success")
|
|
|
- this.studyJuri[0].cover = [];
|
|
|
- this.dialogVisibleGroupWork = false;
|
|
|
- this.getCourseDetail(2);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("提交失败");
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- console.error(err);
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'学生分组',data:JSON.stringify({
|
|
|
- type: typesql,
|
|
|
- groupIndex: this.groupIndex,
|
|
|
- url: this.studyJuri[0].cover[0].url,
|
|
|
- }),type: "course_tool_sub" }, err)
|
|
|
- });
|
|
|
- },
|
|
|
- addEnglishWork() {
|
|
|
- this.myAnList = this.$refs['engJson'].myAnswerList;
|
|
|
- if (!this.myAnList.engTitle || !this.myAnList.engText || this.myAnList.engTitle == "" || this.myAnList.engText == "") {
|
|
|
- this.$message.error("请输入作文标题和正文!");
|
|
|
- return;
|
|
|
- }
|
|
|
- let params = [
|
|
|
- {
|
|
|
- uid: this.userid,
|
|
|
- cid: this.id,
|
|
|
- stage: this.courseType,
|
|
|
- task: this.taskCount,
|
|
|
- tool: this.englishToolIndex,
|
|
|
- content: JSON.stringify(this.myAnList),
|
|
|
- type: 16,
|
|
|
- atool: 69,
|
|
|
- text: "",
|
|
|
- },
|
|
|
- ];
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks5", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'英语写作',
|
|
|
- data: JSON.stringify(this.myAnList),
|
|
|
- type: "course_tool_sub" }, "success")
|
|
|
- this.myAnList = {};
|
|
|
- this.englishList = {};
|
|
|
- this.englishToolIndex = 0;
|
|
|
- this.engDialogVisible = false;
|
|
|
- this.selectSWorks();
|
|
|
- this.selectStudent();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("提交失败");
|
|
|
- console.error(err);
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'英语写作',
|
|
|
- data: JSON.stringify(this.myAnList),
|
|
|
- type: "course_tool_sub" }, 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);
|
|
|
- });
|
|
|
- },
|
|
|
- selectPickStudent() {
|
|
|
- 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();
|
|
|
- this.uploadStudentJuri = res.data[0];
|
|
|
- this.dialogVisiblePickPeople = 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 && !this.dialogVisibleENScore
|
|
|
- ) {
|
|
|
- let a = 1;
|
|
|
- let c = this.commentIndexJson;
|
|
|
- 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 &&
|
|
|
- a[i].tool[0] != 69
|
|
|
- ) {
|
|
|
- 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 == 20 && a[i].tool[0] == 72) {
|
|
|
- this.workStudent[i].push({
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- type: 20,
|
|
|
- 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,
|
|
|
- });
|
|
|
- } else if (b[j].type == 16 && a[i].tool[0] == 69) {
|
|
|
- //英语写作
|
|
|
- this.workStudent[i].push({
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- type: 16,
|
|
|
- time: b[j].time,
|
|
|
- userid: b[j].userid,
|
|
|
- wid: b[j].id,
|
|
|
- aiCode: b[j].aiCode,
|
|
|
- teacherCode: b[j].teacherCode
|
|
|
- });
|
|
|
- } else if (b[j].type == 17 && a[i].tool[0] == 70) {
|
|
|
- //英语口语
|
|
|
- this.workStudent[i].push({
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- type: 17,
|
|
|
- time: b[j].time,
|
|
|
- userid: b[j].userid,
|
|
|
- wid: b[j].id,
|
|
|
- });
|
|
|
- } else if (b[j].type == 14 && a[i].tool[0] == 62) {
|
|
|
- //英语口语
|
|
|
- this.workStudent[i].push({
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- type: 14,
|
|
|
- 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,sName) {
|
|
|
- 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();
|
|
|
- if(this.tType==1){
|
|
|
- this.insertMemorandum(`对<span class="variable">${sName}</span>的作业进行<span class="btn">点赞</span>`)
|
|
|
- }
|
|
|
- })
|
|
|
- .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(() => {});
|
|
|
- },
|
|
|
- async 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
|
|
|
- ) {
|
|
|
- let _uuurl = await this.checkLink(w.works);
|
|
|
- this.pptImgUrl =
|
|
|
- "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
|
|
|
- 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;
|
|
|
- }
|
|
|
- },
|
|
|
- async openScore(w, index) {
|
|
|
-
|
|
|
- this.wScore = 0;
|
|
|
- this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
|
|
|
- this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
|
|
|
- this.commentDetail = [];
|
|
|
- if(w.type == 17){
|
|
|
- this.dialogVisibleENScore = true;
|
|
|
- }else{
|
|
|
- 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
|
|
|
- ) {
|
|
|
- let _uuurl = await this.checkLink(w.works);
|
|
|
- this.pptImgUrl =
|
|
|
- "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
|
|
|
- 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;
|
|
|
- }else if(w.type == 17){
|
|
|
- let englishVoiceJson = {}
|
|
|
- englishVoiceJson = this.chapInfoList[this.courseType].chapterInfo[0]
|
|
|
- .taskJson[this.taskCount].toolChoose[index].englishVoiceJson
|
|
|
- ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[index].englishVoiceJson
|
|
|
- : {};
|
|
|
-
|
|
|
- this.englishVoiceJson = JSON.parse(JSON.stringify(englishVoiceJson));
|
|
|
- }
|
|
|
- this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
|
|
|
- },
|
|
|
- addComment(wid, uid, t,detail) {
|
|
|
-
|
|
|
- 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();
|
|
|
- if(this.tType!=2){
|
|
|
- this.insertMemorandum(`对<span class="variable">${detail.sName}</span>的作业进行<span class="btn">评论</span>`)
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("评论失败");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- // this.$message.error("评论失败");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- scoreWork(wid,sName) {
|
|
|
- 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();
|
|
|
- this.insertMemorandum(`对<span class="variable">${sName}</span>的作业进行<span class="btn">评分</span>`)
|
|
|
- })
|
|
|
- .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;
|
|
|
- this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
|
|
|
- },
|
|
|
- openSen(w, i) {
|
|
|
- console.log("openSen")
|
|
|
- // this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
|
|
|
- this.sentenceList1 = JSON.parse(w.works);
|
|
|
- this.sentenceList1.stuName = w.sName;
|
|
|
- this.dialogVisibleSentence1 = true;
|
|
|
- },
|
|
|
- openPj(w, toolindex) {
|
|
|
- console.log("openPJ")
|
|
|
- // this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
|
|
|
- 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;
|
|
|
- },
|
|
|
- openEnglishEva(id,i){
|
|
|
- let params = {
|
|
|
- wid: id
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectEngWork", params)
|
|
|
- .then((res) => {
|
|
|
- this.evaEngJson.message = res.data[0][0];
|
|
|
- this.evaEngJson.studentJson = JSON.parse(res.data[0][0].content);
|
|
|
- this.evaEngJson.teacherJson = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[i].englishList;
|
|
|
- this.engEvaDialogVisible = true;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- 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 = [];
|
|
|
- var _worksStudent2 = [];
|
|
|
- for (var i = 0; i < a.length; i++) {
|
|
|
- _worksStudent[i] = [];
|
|
|
- _worksStudent2[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] = [];
|
|
|
- _worksStudent2[i][gA] = [];
|
|
|
- this.isCloseList[i][gA] = [];
|
|
|
- // debugger
|
|
|
- for (var g = 0; g < f.length; g++) {
|
|
|
- if (
|
|
|
- f[g].ttype == 2 &&
|
|
|
- this.tcid &&
|
|
|
- this.arrayToArray(
|
|
|
- (f[g].classid ? f[g].classid.split(",") : []),
|
|
|
- this.tcid.split(",")
|
|
|
- ).length == 0
|
|
|
- ) {
|
|
|
- continue;
|
|
|
- }
|
|
|
- let _classId = this.arrayToArray(
|
|
|
- this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
|
|
|
- this.classId ? this.classId.split(",") : []
|
|
|
- )
|
|
|
- if (gA == f[g].group && f[g].tool == i && (this.arrayToArray(
|
|
|
- (f[g].classid ? f[g].classid.split(",") : []),
|
|
|
- this.tcid.split(",")
|
|
|
- ).length !== 0 || this.arrayToArray(
|
|
|
- (f[g].classid ? f[g].classid.split(",") : []),
|
|
|
- _classId
|
|
|
- ).length !== 0 || (!this.tcid && this.tType == '1') || (this.courseDetail.juri === '') || f[g].ttype == 1)) {
|
|
|
- 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 likeJson = [];
|
|
|
- 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;
|
|
|
- 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++;
|
|
|
- likeJson.push(d[k])
|
|
|
-
|
|
|
- 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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- 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);
|
|
|
- }
|
|
|
- _worksStudent2[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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- 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);
|
|
|
- }
|
|
|
- _worksStudent2[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) {
|
|
|
- let _works = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 4,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_works);
|
|
|
- _worksStudent2[i].push(_works);
|
|
|
- this.isWorksS[i].push({
|
|
|
- uid: b[j].userid,
|
|
|
- sName: b[j].name,
|
|
|
- });
|
|
|
- } else if (b[j].type == 7 && b[j].atool != 50) {
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 5,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- 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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- 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);
|
|
|
- }
|
|
|
- _worksStudent2[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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- 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);
|
|
|
- }
|
|
|
- _worksStudent2[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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- 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);
|
|
|
- }
|
|
|
- _worksStudent2[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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- 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);
|
|
|
- }
|
|
|
- _worksStudent2[i].push(_works);
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (b[j].type == 20 && a[i].tool[0] == 72) {
|
|
|
- let _works = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 20,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- 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);
|
|
|
- }
|
|
|
- _worksStudent2[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) {
|
|
|
- //问卷
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 2,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (b[j].type == 8 && a[i].tool[0] == 45) {
|
|
|
- //选择题
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 8,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (b[j].type == 9 && a[i].tool[0] == 47) {
|
|
|
- //选择题
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 9,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (b[j].type == 10 && a[i].tool[0] == 48) {
|
|
|
- //选择题
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 10,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (b[j].type == 13 && a[i].tool[0] == 52) {
|
|
|
- //选择题
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 13,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (b[j].type == 16 && a[i].tool[0] == 69) {
|
|
|
- //选择题
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 16,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- aiCode: b[j].aiCode,
|
|
|
- teacherCode: b[j].teacherCode,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (b[j].type == 17 && a[i].tool[0] == 70) {
|
|
|
- //英语口语
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 17,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (b[j].type == 14 && a[i].tool[0] == 62) {
|
|
|
- //交互视频
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: b[j].content,
|
|
|
- sName: b[j].name,
|
|
|
- type: 14,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- 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
|
|
|
- ) {
|
|
|
- let _work = {
|
|
|
- userid: b[j].userid,
|
|
|
- ateacher: b[j].ateacher,
|
|
|
- wid: b[j].id,
|
|
|
- works: _gindex.url,
|
|
|
- sName: b[j].name,
|
|
|
- type: _gindex.type,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i][_gindex.groupIndex].push(_work);
|
|
|
- _worksStudent2[i][_gindex.groupIndex].push(_work);
|
|
|
- }
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (a[i].tool[0] == 50 && b[j].atool == 50) {
|
|
|
- let _work = {
|
|
|
- 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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
|
|
|
- } else if (a[i].tool[0] == 32 && b[j].atool == 32) {
|
|
|
- let _work = {
|
|
|
- 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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- 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
|
|
|
- ) {
|
|
|
- let _work = {
|
|
|
- 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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- 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
|
|
|
- ) {
|
|
|
- let _work = {
|
|
|
- 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,
|
|
|
- ttype:b[j].ttype,
|
|
|
- time: b[j].time,
|
|
|
- score: b[j].score,
|
|
|
- img: b[j].img,
|
|
|
- likesCount: likesCount,
|
|
|
- commentCount: commentCount,
|
|
|
- isLikes: isLikes,
|
|
|
- commentJson: commentJson,
|
|
|
- likeJson:likeJson
|
|
|
- };
|
|
|
- _worksStudent[i].push(_work);
|
|
|
- _worksStudent2[i].push(_work);
|
|
|
- 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;
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.timeWorkList = _worksStudent2;
|
|
|
- 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];
|
|
|
- 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();
|
|
|
- for (let ci = 0; ci < this.isCloseList.length; ci++) {
|
|
|
- this.$nextTick(()=>{
|
|
|
- setTimeout(()=>{
|
|
|
- setTimeout(()=>{
|
|
|
- this.panToolHeight('tool-'+ci);
|
|
|
- }, 500)
|
|
|
- }, 0)
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- .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: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- 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",
|
|
|
- "JPEG",
|
|
|
- "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: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- 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",
|
|
|
- "JPEG",
|
|
|
- "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: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- 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.topU.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 ||
|
|
|
- (this.courseDetail.course_teacher &&
|
|
|
- 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 ||
|
|
|
- (this.courseDetail.course_teacher &&
|
|
|
- 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 ||
|
|
|
- (this.courseDetail.course_teacher &&
|
|
|
- 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 ||
|
|
|
- (this.courseDetail.course_teacher &&
|
|
|
- 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 = 7;
|
|
|
- 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();
|
|
|
- if (this.courseDetail.userid == this.userid && this.IsFollow) {
|
|
|
- this.setCTask();
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- openTask(s, n, i,ctype) {
|
|
|
- if (this.IsFollow && this.tType == 2) {
|
|
|
- this.$message.error("已经开启跟随模式，请认真跟堂听讲");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.IsLookOpen &&
|
|
|
- this.courseDetail.userid != this.userid &&
|
|
|
- this.courseDetail.course_teacher.indexOf(this.userid) ==-1) {
|
|
|
- if (
|
|
|
- !this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
|
|
|
- this.courseDetail.userid != this.userid &&
|
|
|
- (!this.courseDetail.course_teacher ||
|
|
|
- (this.courseDetail.course_teacher &&
|
|
|
- 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;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.navList[s].task[n].isOpen == true && ctype != 2) {
|
|
|
- this.navList[s].task[n].isOpen = !this.navList[s].task[n].isOpen;
|
|
|
- return;
|
|
|
- }
|
|
|
- let flag = this.courseType==s;
|
|
|
-
|
|
|
-
|
|
|
- this.courseType = s;
|
|
|
-
|
|
|
- this.navId = i;
|
|
|
- this.taskCount = n;
|
|
|
- this.changeSplitScreenBehavior({form:{courseType:this.courseType,taskCount:this.taskCount}})
|
|
|
-
|
|
|
- if(ctype == 2){
|
|
|
- this.navList[s].task[n].isOpen = true
|
|
|
- }else{
|
|
|
- this.navList[this.courseType].task[this.taskCount].isOpen =
|
|
|
- !this.navList[this.courseType].task[this.taskCount].isOpen;
|
|
|
- }
|
|
|
- if (this.IsLookOpen) {
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].isLook = true;
|
|
|
- let yym = JSON.parse(JSON.stringify(this.chapInfoList))
|
|
|
- this.addCourseState(3,yym);
|
|
|
- }
|
|
|
-
|
|
|
- for (let ci = 0; ci < this.isCloseList.length; ci++) {
|
|
|
- this.isCloseList[ci].isClose = 0;
|
|
|
- this.isCloseList[ci].isCloseBoolean = false;
|
|
|
- this.$nextTick(()=>{
|
|
|
- setTimeout(()=>{
|
|
|
- setTimeout(()=>{
|
|
|
- this.panToolHeight('tool-'+ci);
|
|
|
- }, 0)
|
|
|
- }, 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);
|
|
|
- for (var z = 0; z < this.navList.length; z++) {
|
|
|
- for (var q = 0; q < this.navList[z].task.length; q++) {
|
|
|
- for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
|
|
|
- this.navList[z].task[q].tool[w].isTool = false;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.selectPz();
|
|
|
- this.getHomeWork();
|
|
|
- this.getCourseDetail(2);
|
|
|
- if (this.courseDetail.userid == this.userid && this.IsFollow) {
|
|
|
- this.setCTask();
|
|
|
- }
|
|
|
- if(flag){
|
|
|
- this.insertMemorandum(`进入<span class="variable">任务${n+1}${this.navList[s].task[n].taskName?'：'+this.navList[s].task[n].taskName:''}</span>`)
|
|
|
- }else{
|
|
|
- this.insertMemorandum(`进入<span class="variable">阶段${s+1}${this.navList[s].dyName?'：'+this.navList[s].dyName:''}</span>→<span class="variable">任务${n+1}${this.navList[s].task[n].taskName?'：'+this.navList[s].task[n].taskName:''}</span>`)
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- get(i) {
|
|
|
- if (this.IsFollow && this.tType == 2) {
|
|
|
- this.$message.error("已经开启跟随模式，请认真跟堂听讲");
|
|
|
- return;
|
|
|
- }
|
|
|
- // for(var k=0;k<this.navList.length;k++){
|
|
|
- // this.navList[k].isOpen = false;
|
|
|
- // }
|
|
|
- // this.navList[i].isOpen = true;
|
|
|
- let a = this.navList[i].isOpen
|
|
|
- this.navList[i].isOpen = !this.navList[i].isOpen;
|
|
|
- this.$forceUpdate()
|
|
|
- if (this.navList[i].isOpen) {
|
|
|
- this.openTask(i, 0, (i + "-0"),2);
|
|
|
- }
|
|
|
- },
|
|
|
- addQuestion() {
|
|
|
- this.answerList.push({
|
|
|
- answerTitle: this.answerQ,
|
|
|
- answer: this.questionAnswer,
|
|
|
- });
|
|
|
- let params = [
|
|
|
- {
|
|
|
- uid: this.userid,
|
|
|
- cid: this.id,
|
|
|
- stage: this.courseType,
|
|
|
- task: this.taskCount,
|
|
|
- tool: this.toolindex,
|
|
|
- content: JSON.stringify(this.answerList),
|
|
|
- type: 3,
|
|
|
- },
|
|
|
- ];
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'问答',data:JSON.stringify(this.answerList),type: "course_tool_sub" }, "success")
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.answerList = [];
|
|
|
- this.answerDialogVisible = false;
|
|
|
- this.selectStudent();
|
|
|
- this.selectSWorks();
|
|
|
- this.selectSLook();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'问答',data:JSON.stringify(this.answerList),type: "course_tool_sub" }, err)
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.$message.error("提交失败");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- addQuestionTeacher() {
|
|
|
- this.answerList.push({
|
|
|
- answerTitle: this.answerQ,
|
|
|
- answer: this.questionAnswer,
|
|
|
- });
|
|
|
- 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.downLoading = false
|
|
|
- // 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) => {
|
|
|
- this.addCourseState(1, JSON.parse(res.data[0][0].chapters));
|
|
|
-
|
|
|
- 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;
|
|
|
- });
|
|
|
- if (this.tType == 2) {
|
|
|
- if (this.fileC[i].length) {
|
|
|
- let yym1 = this.fileC[i].filter(e=>{
|
|
|
- if(!converter(e.name).includes(converter("教案"))){
|
|
|
- return e
|
|
|
- }
|
|
|
- })
|
|
|
- this.fileC[i] = yym1
|
|
|
- }
|
|
|
- }
|
|
|
- // 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 || c[j].type == 14 || c[j].type == 15) {
|
|
|
- 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];
|
|
|
- if(this.tType == 2){
|
|
|
- this.tcid = this.arrayToArray(
|
|
|
- this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
|
|
|
- this.classId ? this.classId.split(",") : []
|
|
|
- ).join(",");
|
|
|
- }else{
|
|
|
- this.tcid = this.arrayToArray(
|
|
|
- this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
|
|
|
- this.tcid2 ? this.tcid2.split(",") : []
|
|
|
- ).join(",");
|
|
|
- }
|
|
|
- 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;
|
|
|
- this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
|
|
|
- } else {
|
|
|
- if (_chapterData[this.taskCount].length > 0) {
|
|
|
- let _url = _chapterData[this.taskCount][0].url;
|
|
|
- if (
|
|
|
- _chapterData[this.taskCount][0].type == 8 ||
|
|
|
- _chapterData[this.taskCount][0].type == 14 ||
|
|
|
- _chapterData[this.taskCount][0].type == 15
|
|
|
- ) {
|
|
|
- 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=" +
|
|
|
- encodeURIComponent(_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];
|
|
|
- } else if (_chapterData[this.taskCount][0].type == 16) {
|
|
|
- this.showType = 16;
|
|
|
- this.pptImgUrl1 = _url;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.isClickNav = 0;
|
|
|
- if (
|
|
|
- !_chapterData[this.taskCount].length ||
|
|
|
- _chapterData[this.taskCount][0].type == 12
|
|
|
- ) {
|
|
|
- this.isClickNav = "";
|
|
|
- this.showType = "";
|
|
|
- }
|
|
|
-
|
|
|
- if (this.tType == 2) {
|
|
|
- _chapterData.forEach((e,i)=>{
|
|
|
- if (e.length) {
|
|
|
- let yym = e.filter(k=>{
|
|
|
- if(!converter(k.name).includes(converter("教案"))){
|
|
|
- return k
|
|
|
- }
|
|
|
- })
|
|
|
- _chapterData[i] = yym
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- 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;
|
|
|
- });
|
|
|
-
|
|
|
- if (this.tType == 2) {
|
|
|
- if (this.fileC[i].length) {
|
|
|
- let yym1 = this.fileC[i].filter(e=>{
|
|
|
- if(!converter(e.name).includes(converter("教案"))){
|
|
|
- return e
|
|
|
- }
|
|
|
- })
|
|
|
- this.fileC[i] = yym1
|
|
|
- }
|
|
|
- }
|
|
|
- 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 || c[j].type == 14 || c[j].type == 15) {
|
|
|
- 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;
|
|
|
- this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
|
|
|
- } else {
|
|
|
- if (_chapterData[this.taskCount].length > 0) {
|
|
|
- let _url = _chapterData[this.taskCount][0].url;
|
|
|
- if (
|
|
|
- _chapterData[this.taskCount][0].type == 8 ||
|
|
|
- _chapterData[this.taskCount][0].type == 14 ||
|
|
|
- _chapterData[this.taskCount][0].type == 15
|
|
|
- ) {
|
|
|
- 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=" +
|
|
|
- encodeURIComponent(_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];
|
|
|
- } else if (_chapterData[this.taskCount][0].type == 16) {
|
|
|
- this.showType = 16;
|
|
|
- this.pptImgUrl1 = _url;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.isClickNav = 0;
|
|
|
- if (
|
|
|
- !_chapterData[this.taskCount].length ||
|
|
|
- _chapterData[this.taskCount][0].type == 12
|
|
|
- ) {
|
|
|
- this.isClickNav = "";
|
|
|
- this.showType = "";
|
|
|
- }
|
|
|
- console.log('_chapterData66666',_chapterData);
|
|
|
-
|
|
|
- if (this.tType == 2) {
|
|
|
- _chapterData.forEach((e,i)=>{
|
|
|
- if (e.length) {
|
|
|
- let yym = e.filter(k=>{
|
|
|
- if(!converter(k.name).includes(converter("教案"))){
|
|
|
- return k
|
|
|
- }
|
|
|
- })
|
|
|
- _chapterData[i] = yym
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- this.vChapterData = _chapterData;
|
|
|
- this.$forceUpdate();
|
|
|
- }
|
|
|
- // else {
|
|
|
- // this.courseDetail = res.data[0][0];
|
|
|
- // this.chapInfoList = JSON.parse(this.courseDetail.chapters);
|
|
|
- // }
|
|
|
- // 判断进入课程是否是创建老师，如果去创建老师，就自动开启下面两个按钮
|
|
|
- if (type == 10) {
|
|
|
- console.log('this.courseDetail.userid',this.courseDetail.userid);
|
|
|
- console.log('this.userid',this.userid);
|
|
|
-
|
|
|
-
|
|
|
- if (this.courseDetail.userid == this.userid) {
|
|
|
-
|
|
|
- // 开局关闭学生查看内容
|
|
|
- this.StulookMode(false)
|
|
|
- // 开局打开跟随模式
|
|
|
- this.followingMode(true)
|
|
|
- }
|
|
|
- }
|
|
|
- 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();
|
|
|
- _this.getPick();
|
|
|
- // 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();
|
|
|
- } else {
|
|
|
- _this.selectSWorks();
|
|
|
- }
|
|
|
-
|
|
|
- _this.selectStudent();
|
|
|
- _this.selectSLook();
|
|
|
- _this.getPick();
|
|
|
- // _this.getSplitScreenData();
|
|
|
-
|
|
|
- // 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);
|
|
|
- if (_this.timer2 == null) {
|
|
|
- _this.timer2 = setInterval(()=> {
|
|
|
- _this.getSplitScreenData();//获取分屏数据
|
|
|
- }, 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 : 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();
|
|
|
- if(this.tType!=2){
|
|
|
- this.insertMemorandum(`使用<span class="btn">评论</span>功能，添加评论`)
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("添加失败");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
-
|
|
|
- },
|
|
|
- setReplyIndex(id, i) {
|
|
|
- this.replyIndex = i;
|
|
|
- this.replyPid = id;
|
|
|
- this.replyDialogVisible = true;
|
|
|
- },
|
|
|
- addHf() {
|
|
|
- if (this.reply == "") {
|
|
|
- this.$message.error("回复不能为空！");
|
|
|
- return;
|
|
|
- }
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.id,
|
|
|
- uid: this.userid,
|
|
|
- s: this.courseType,
|
|
|
- t: this.taskCount,
|
|
|
- type: "1",
|
|
|
- ct: 2,
|
|
|
- pid: this.replyPid,
|
|
|
- c: this.reply,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addHf", params)
|
|
|
- .then((res) => {
|
|
|
- this.reply = "";
|
|
|
- this.$message({
|
|
|
- message: "回复成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.replyDialogVisible = 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(() => {});
|
|
|
- },
|
|
|
- deleteReply(id) {
|
|
|
- this.$confirm("确定删除此回复吗？", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- id: id,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "deleteReply", 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,
|
|
|
- type: this.pzStype,
|
|
|
- uid: this.userid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectPzListType", params)
|
|
|
- .then((res) => {
|
|
|
- this.pzList = res.data[0];
|
|
|
- var a = res.data[1];
|
|
|
- for (var i = 0; i < a.length; i++) {
|
|
|
- for (var j = 0; j < this.pzList.length; j++) {
|
|
|
- if (!this.pzList[j].hfList) {
|
|
|
- this.pzList[j].hfList = [];
|
|
|
- }
|
|
|
- if (a[i].pid == this.pzList[j].id) {
|
|
|
- this.pzList[j].hfList.push(a[i]);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- // selectHf() {
|
|
|
- // let params = {
|
|
|
- // cid: this.id,
|
|
|
- // s: this.courseType,
|
|
|
- // t: this.taskCount,
|
|
|
- // };
|
|
|
- // this.ajax
|
|
|
- // .get(this.$store.state.api + "selectHfList", params)
|
|
|
- // .then((res) => {
|
|
|
- // var a = res.data[0];
|
|
|
- // for (var i = 0; i < a.length; i++) {
|
|
|
- // for (var j = 0; j < this.pzList.length; j++) {
|
|
|
- // if (!this.pzList[i].hfList) {
|
|
|
- // this.pzList[i].hfList = [];
|
|
|
- // }
|
|
|
- // if (a[i].pid == this.pzList[j].id) {
|
|
|
- // this.pzList[i].hfList.push(a[i]);
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // })
|
|
|
- // .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);
|
|
|
- });
|
|
|
- },
|
|
|
- updateIsStulook(){
|
|
|
- let params = [
|
|
|
- {
|
|
|
- sopen: this.IsStulook == false ? 2 : 1,
|
|
|
- cid: this.id
|
|
|
- }
|
|
|
- ];
|
|
|
-
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "updateCourseStulook", params)
|
|
|
- .then(res => {
|
|
|
-
|
|
|
- if (this.IsStulook == true) {
|
|
|
- this.$message({
|
|
|
- message: "学生查看内容资料权限已开启",
|
|
|
- type: "success"
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: "关闭学生查看内容资料权限",
|
|
|
- type: "success"
|
|
|
- });
|
|
|
- }
|
|
|
- // this.setCTask();
|
|
|
- })
|
|
|
- .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.IsLookOpen = res.data[0][0].look == 1 ? false : true;
|
|
|
- this.IsFollow = res.data[0][0].follow == 1 ? false : true;
|
|
|
- this.IsStulook = res.data[0][0].isStulook == 2 ? 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 = [];
|
|
|
- var copyList = [];
|
|
|
- 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;
|
|
|
- copyList.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) {
|
|
|
- copyList[l].task.push({
|
|
|
- taskName: q,
|
|
|
- id: l + "-" + r,
|
|
|
- isLook: w[r].isLook,
|
|
|
- isOpen: r === 0 ? true : false,
|
|
|
- tool: [],
|
|
|
- });
|
|
|
- } else {
|
|
|
- copyList[l].task.push({
|
|
|
- taskName: e,
|
|
|
- id: l + "-" + r,
|
|
|
- isLook: w[r].isLook,
|
|
|
- isOpen: r === 0 ? true : false,
|
|
|
- tool: [],
|
|
|
- });
|
|
|
- }
|
|
|
- var t = w[r].toolChoose;
|
|
|
- for (var k = 0; k < t.length; k++) {
|
|
|
- var tool = t[k].tool[0];
|
|
|
- copyList[l].task[r].tool.push({
|
|
|
- tool: tool,
|
|
|
- isTool: false,
|
|
|
- });
|
|
|
- }
|
|
|
- // this.navId = this.navId ? this.navId : l + "-" + r;
|
|
|
- // this.navId = l + "-" + r;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- this.navList = copyList;
|
|
|
- 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.chapInfoList = JSON.parse(res.data[0][0].state);
|
|
|
- // }
|
|
|
- if (res.data[0].length > 0 && type == 1) {
|
|
|
- this.chapInfoList = JSON.parse(res.data[0][0].state);
|
|
|
- this.setNavList();
|
|
|
- this.$forceUpdate();
|
|
|
- } else if (res.data[0].length > 0 && type == 2) {
|
|
|
- this.addCourseState(2);
|
|
|
- } else {
|
|
|
- // this.addCourseState(1);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- addCourseState(type,val = '') {
|
|
|
- let _state = val ? val : 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),
|
|
|
- },
|
|
|
- ];
|
|
|
- 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();
|
|
|
- this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}：${this.vChapterData[this.taskCount].find(i=>i.url==u).name}</span>`)
|
|
|
- },
|
|
|
- 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;
|
|
|
- this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}：${this.vChapterData[this.taskCount][t].name}.doc</span>`)
|
|
|
- },
|
|
|
- lookTools(i, t) {
|
|
|
- this.chapTools = this.chapToolList[i][t];
|
|
|
- this.dialogVisible2 = true;
|
|
|
- },
|
|
|
- async openFile(f,w) {
|
|
|
- this.pptImgUrl = "";
|
|
|
- var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
|
|
|
- if (
|
|
|
- a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
|
|
|
- -1
|
|
|
- ) {
|
|
|
- let _uuurl = await this.checkLink(f);
|
|
|
- this.pptImgUrl =
|
|
|
- "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
|
|
|
- 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;
|
|
|
- }
|
|
|
- this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
|
|
|
- },
|
|
|
- openTable(f) {
|
|
|
- this.tableJson = JSON.parse(f.works);
|
|
|
- this.dialogVisibleTable2 = true;
|
|
|
- this.insertMemorandum(`查看<span class="variable">${f.sName}的作业</span>`)
|
|
|
- },
|
|
|
- openWord(f) {
|
|
|
- this.tableJson = JSON.parse(f.works);
|
|
|
- this.dialogVisibleTable3 = true;
|
|
|
- this.insertMemorandum(`查看<span class="variable">${f.sName}的作业</span>`)
|
|
|
-
|
|
|
- },
|
|
|
- doUrl(url, i) {
|
|
|
- this.isClickNav = "";
|
|
|
- this.pptImgUrl1 = "";
|
|
|
- this.showType = 2;
|
|
|
- if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
|
|
|
- url = "https://" + url;
|
|
|
- }
|
|
|
- this.pptImgUrl1 = "";
|
|
|
- this.diffKey = new Date().getTime();
|
|
|
- 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();
|
|
|
- this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}：${this.vChapterData[this.taskCount][i].name}</span>`)
|
|
|
- },
|
|
|
- checkHtml(f, i){
|
|
|
- this.showType = 16;
|
|
|
- this.pptImgUrl1 = f.url;
|
|
|
- this.isClickNav = i;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- async 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
|
|
|
- ) {
|
|
|
- let _uuurl = await this.checkLink(f.url);
|
|
|
- this.pptImgUrl1 =
|
|
|
- "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
|
|
|
- // 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;
|
|
|
- this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}：${this.vChapterData[this.taskCount][i].name}</span>`)
|
|
|
- },
|
|
|
- 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,
|
|
|
- },
|
|
|
- ];
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'个人评价',data: JSON.stringify(this.eScore),type: "course_tool_sub" }, "success")
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.eScore = { eBzText: "", eStar: [] };
|
|
|
- this.studentEvalDialogVisible = false;
|
|
|
- this.selectSWorks();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'个人评价',data: JSON.stringify(this.eScore),type: "course_tool_sub" }, err)
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- 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),
|
|
|
- type: 2,
|
|
|
- },
|
|
|
- ];
|
|
|
- // console.log('params',params);
|
|
|
-
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
-
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.askList = [];
|
|
|
- this.dialogVisible5 = false;
|
|
|
- this.selectStudent();
|
|
|
- this.selectSWorks();
|
|
|
- this.selectSLook();
|
|
|
-
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'问卷调查',data:JSON.stringify(this.askList),type: "course_tool_sub" }, "success")
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'问卷调查',data:JSON.stringify(this.askList),type: "course_tool_sub" }, err)
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- 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),
|
|
|
- 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),
|
|
|
- type: 8,
|
|
|
- },
|
|
|
- ];
|
|
|
- if (this.homeWorkLoading) return this.$message.info('点击过快，请稍后...')
|
|
|
- this.homeWorkLoading = true
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorks", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'选择题',data:JSON.stringify(this.askList),type: "course_tool_sub" }, "success")
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- this.askList = [];
|
|
|
- this.dialogVisibleChoice = false;
|
|
|
- this.selectStudent();
|
|
|
- this.selectSWorks();
|
|
|
- this.selectSLook();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool:'选择题',data:JSON.stringify(this.askList),type: "course_tool_sub" }, err)
|
|
|
- setTimeout(() => {
|
|
|
- this.homeWorkLoading = false
|
|
|
- }, 500);
|
|
|
-
|
|
|
- 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),
|
|
|
- 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,id) {
|
|
|
-
|
|
|
- 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 == 69){
|
|
|
- this.oldEnglishJson1 = {}
|
|
|
- this.oldEnglishJson = {}
|
|
|
- this.englishList1 = {}
|
|
|
- this.newEngIndex = -1;
|
|
|
- this.isNoUserid = false;
|
|
|
- this.englishList1 = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
|
|
|
- .toolChoose[i].englishList;
|
|
|
- this.oldEnglishJson = z;
|
|
|
- this.engWid = id;
|
|
|
- this.newEnglishList = { engTitle:"",engText:"" }
|
|
|
- this.newEnglishList1 = []
|
|
|
- this.selectEngC(id,z);
|
|
|
- }else if(t == 62){
|
|
|
- this.videoType = 1;
|
|
|
- this.videoJson = {};
|
|
|
- this.videoJson = JSON.parse(c);
|
|
|
- // this.videoJson =
|
|
|
- // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- // index
|
|
|
- // ].toolChoose[i].videoJson;
|
|
|
- this.dialogVisibleVideo = true;
|
|
|
- //this.dialog
|
|
|
- }
|
|
|
- // else if (t == 15) {
|
|
|
- // this.answerQ = "";
|
|
|
- // this.questionAnswer = "";
|
|
|
- // this.answerQ = z[0].answerTitle;
|
|
|
- // this.questionAnswer = z[0].answer;
|
|
|
- // this.answerDialogVisible = true;
|
|
|
- // }
|
|
|
- this.insertMemorandum(`查看<span class="variable">${sName}</span>的作业`)
|
|
|
- },
|
|
|
-
|
|
|
- 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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.postMessage({ tools: "21" }, "*");
|
|
|
- } else if (t == 22) {
|
|
|
- window.topU.postMessage({ tools: "22" }, "*");
|
|
|
- } else if (t == 23) {
|
|
|
- window.topU.postMessage({ tools: "23" }, "*");
|
|
|
- } else if (t == 24) {
|
|
|
- window.topU.postMessage({ tools: "24" }, "*");
|
|
|
- } else if (t == 25) {
|
|
|
- window.topU.postMessage({ tools: "25" }, "*");
|
|
|
- } else if (t == 31) {
|
|
|
- window.topU.postMessage({ tools: "31" }, "*");
|
|
|
- } else if (t == 28) {
|
|
|
- window.topU.postMessage({ tools: "28" }, "*");
|
|
|
- } else if (t == 37) {
|
|
|
- window.topU.postMessage({ tools: "37" }, "*");
|
|
|
- } else if (t == 38) {
|
|
|
- window.topU.postMessage({ tools: "38" }, "*");
|
|
|
- } else if (t == 39) {
|
|
|
- window.topU.postMessage({ tools: "39" }, "*");
|
|
|
- } else if (t == 32) {
|
|
|
- window.topU.postMessage({ tools: "32" }, "*");
|
|
|
- } else if (t == 66) {
|
|
|
- window.topU.postMessage({ tools: "66" }, "*");
|
|
|
- } else if (t == 67) {
|
|
|
- window.topU.postMessage({ tools: "67" }, "*");
|
|
|
- } else if (t == 68) {
|
|
|
- window.topU.postMessage({ tools: "68" }, "*");
|
|
|
- } else if (t == 57) {
|
|
|
- // window.topU.postMessage({ tools: "57" }, "*");
|
|
|
- window.topU.postMessage(
|
|
|
- {
|
|
|
- tools: "57u",
|
|
|
- cid: this.id,
|
|
|
- stage: this.courseType,
|
|
|
- task: this.taskCount,
|
|
|
- tool: i,
|
|
|
- },
|
|
|
- "*"
|
|
|
- );
|
|
|
- } else if (t == 58) {
|
|
|
- window.topU.postMessage({ tools: "58" }, "*");
|
|
|
- } else if (t == 59) {
|
|
|
- window.topU.postMessage({ tools: "59" }, "*");
|
|
|
- } else if (t == 60) {
|
|
|
- window.topU.postMessage({ tools: "60" }, "*");
|
|
|
- } else if (t == 61) {
|
|
|
- window.topU.postMessage({ tools: "61" }, "*");
|
|
|
- } else if (t == 63) {
|
|
|
- window.topU.postMessage({ tools: "63" }, "*");
|
|
|
- } else if (t == 71) {
|
|
|
- // if(this.org == '16ace517-b5c7-4168-a9bb-a9e0035df840'){
|
|
|
- // this.$message.error("该工具不可使用");
|
|
|
- // return
|
|
|
- // }
|
|
|
- window.topU.postMessage({ tools: "71" }, "*");
|
|
|
- } else if (t == 72) {
|
|
|
- let item = this.chapInfoList[this.courseType].chapterInfo[0]
|
|
|
- .taskJson[index].toolChoose[i].appJson
|
|
|
- ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
|
|
|
- .toolChoose[i].appJson
|
|
|
- : "";
|
|
|
- if(!item || !item.url){
|
|
|
- this.$message.error("应用连接为空, 请到课程管理中添加");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (!document.fullscreenElement) {
|
|
|
- this.enterFullScreen();
|
|
|
- }
|
|
|
- this.$refs.appStoreC.getData(item.url,this.userid)
|
|
|
-
|
|
|
- // window.open(item.url, "_blank");
|
|
|
- // window.topU.postMessage({ tools: "72", data: item }, "*");
|
|
|
- } else if (t == 69) {
|
|
|
- if (this.worksStudent[i].length) {
|
|
|
- for (var k = 0; k < this.worksStudent[i].length; k++) {
|
|
|
- if (this.userid == this.worksStudent[i][k].userid) {
|
|
|
- this.myAnswerList1 = JSON.parse(this.worksStudent[i][k].works)
|
|
|
- break;
|
|
|
- } else {
|
|
|
- this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
|
|
|
- }
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
|
|
|
- }
|
|
|
- this.englishList = this.chapInfoList[this.courseType].chapterInfo[0]
|
|
|
- .taskJson[index].toolChoose[i].englishList
|
|
|
- ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
|
|
|
- .toolChoose[i].englishList
|
|
|
- : {};
|
|
|
-
|
|
|
- this.englishToolIndex = i;
|
|
|
- this.myAnList = this.myAnswerList1;
|
|
|
- this.engDialogVisible = true;
|
|
|
- } else if (t == 70) {
|
|
|
- if (this.worksStudent[i].length) {
|
|
|
- for (var k = 0; k < this.worksStudent[i].length; k++) {
|
|
|
- if (this.userid == this.worksStudent[i][k].userid && this.worksStudent[i][k].type == 17) {
|
|
|
- this.englishVoiceJsonWork = JSON.parse(this.worksStudent[i][k].works)
|
|
|
- break;
|
|
|
- } else {
|
|
|
- this.englishVoiceJsonWork = [];
|
|
|
- }
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.englishVoiceJsonWork = [];
|
|
|
- }
|
|
|
- let englishVoiceJson = {}
|
|
|
- englishVoiceJson = this.chapInfoList[this.courseType].chapterInfo[0]
|
|
|
- .taskJson[index].toolChoose[i].englishVoiceJson
|
|
|
- ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
|
|
|
- .toolChoose[i].englishVoiceJson
|
|
|
- : {};
|
|
|
-
|
|
|
- this.englishVoiceJson = JSON.parse(JSON.stringify(englishVoiceJson));
|
|
|
- this.EnglishVoiceDialog = true;
|
|
|
- } else if (t == 65) {
|
|
|
- if (this.tType == 2) {
|
|
|
- this.$message.error("不支持学生使用");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.uploadCid = this.tcid;
|
|
|
- if (!this.uploadCid) {
|
|
|
- this.$message.error(
|
|
|
- "提示：未添加班级权限，请添加班级或从班级入口进入。"
|
|
|
- );
|
|
|
- return;
|
|
|
- }
|
|
|
- this.selectPickStudent();
|
|
|
- } else if (t == 26) {
|
|
|
- window.topU.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.topU.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) {
|
|
|
- if(!this.tcid2 && this.courseDetail.juri != '' && this.tType == "1"){
|
|
|
- return
|
|
|
- }
|
|
|
- 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.videoType = 0;
|
|
|
- this.videoJson = {};
|
|
|
- this.videoJson =
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- index
|
|
|
- ].toolChoose[i].videoJson;
|
|
|
- this.dialogVisibleVideo = true;
|
|
|
- }
|
|
|
- this.addOp3('1', "", { courseid: this.id,tool: this.toolsList[t] ,type: "course_tool_open" }, 'success')
|
|
|
-
|
|
|
- this.insertMemorandum(`点击工作区<span class="variable">工具${index+1}：${this.toolsList[t]}</span>`)
|
|
|
- },
|
|
|
- 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;
|
|
|
- }
|
|
|
- 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.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.topU.postMessage(
|
|
|
- {
|
|
|
- tools: t + "teacher",
|
|
|
- cid: this.id,
|
|
|
- stage: this.courseType,
|
|
|
- task: this.taskCount,
|
|
|
- tool: i,
|
|
|
- student: this.sStudent,
|
|
|
- },
|
|
|
- "*"
|
|
|
- );
|
|
|
- }else if (t == 72) {
|
|
|
- if (!document.fullscreenElement) {
|
|
|
- this.enterFullScreen();
|
|
|
- }
|
|
|
- let url = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index].toolChoose[i].appJson.url
|
|
|
- this.$refs.appStoreC.getData(url,this.sStudent.userid)
|
|
|
- }
|
|
|
- },
|
|
|
- openCocoPi(tool, i, uid, uname) {
|
|
|
- let student = {
|
|
|
- userid: uid,
|
|
|
- student: uname,
|
|
|
- };
|
|
|
- if (tool == 57) {
|
|
|
- window.topU.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;
|
|
|
- },
|
|
|
- async checkFileFull1(t, f) {
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- this.fullDialogVisible = true;
|
|
|
- if (t == 6) {
|
|
|
- this.fulltype = 1;
|
|
|
- this.fullUrl = JSON.parse(JSON.stringify(f));
|
|
|
- } else if (t == 8 ) {
|
|
|
- this.fulltype = 2;
|
|
|
- this.fullUrl = f.url;
|
|
|
- }else if (t == 15) {
|
|
|
- this.diffKey = new Date().getTime();
|
|
|
- this.fulltype = 4;
|
|
|
- this.fullUrl = f.url;
|
|
|
- } else if (t == 16) {
|
|
|
- this.fulltype = 16;
|
|
|
- this.fullUrl = f.url;
|
|
|
- } else if (
|
|
|
- t == 3 &&
|
|
|
- f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
|
|
|
- "PDF"
|
|
|
- ) {
|
|
|
- this.fulltype = 3;
|
|
|
- this.fullUrl = f.url;
|
|
|
- } else if (t == 3) {
|
|
|
- this.fulltype = 2;
|
|
|
- let _uuurl = await this.checkLink(f.url);
|
|
|
- this.fullUrl =
|
|
|
- "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
|
|
|
- }
|
|
|
- this.changeSplitScreenBehavior({code:0,form:{t:t,f:f}})
|
|
|
- },
|
|
|
- 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) => {
|
|
|
- // 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);
|
|
|
- // });
|
|
|
-
|
|
|
-
|
|
|
- var credentials = {
|
|
|
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
- secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- window.AWS.config.update(credentials);
|
|
|
- window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
- 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 _this = this;
|
|
|
-
|
|
|
- _this.downLoading = true
|
|
|
- var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
|
|
|
- let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
|
|
|
- var params = {
|
|
|
- Bucket: "ccrb",
|
|
|
- Key: name
|
|
|
- };
|
|
|
- s3.getObject(params, function (err, data) {
|
|
|
- _this.downLoading = false
|
|
|
- if (err) console.log(err, err.stack); // an error occurred
|
|
|
- else {
|
|
|
- let url = window.URL.createObjectURL(new Blob([data.Body]));
|
|
|
- let a = document.createElement("a");
|
|
|
- a.name = f.name;
|
|
|
- a.href = url;
|
|
|
- a.download = f.name;
|
|
|
- a.click();
|
|
|
- console.log(data);
|
|
|
- } // sxuccessful response
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- return;
|
|
|
- let url = f.url;
|
|
|
- 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;
|
|
|
- }
|
|
|
- _this.downLoading = true
|
|
|
- let x = new XMLHttpRequest();
|
|
|
- x.open("GET", _url, true);
|
|
|
- x.responseType = "blob";
|
|
|
- x.onload = function () {
|
|
|
- _this.downLoading = false
|
|
|
- let url = window.URL.createObjectURL(new Blob([x.response]));
|
|
|
- let a = document.createElement("a");
|
|
|
- a.name = f.name;
|
|
|
- a.href = url;
|
|
|
- a.download = f.name;
|
|
|
- a.click();
|
|
|
- };
|
|
|
- x.send();
|
|
|
- },
|
|
|
- downloadFile(url,uid) {
|
|
|
- if (this.tType == 1 || this.userid == uid) {
|
|
|
- // this.$message.info("查看作业-下载文件")
|
|
|
- var credentials = {
|
|
|
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
- secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- window.AWS.config.update(credentials);
|
|
|
- window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
- let url2 = 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;
|
|
|
- }
|
|
|
- const loading2 = this.$loading.service({
|
|
|
- background: "rgba(255, 255, 255, 0.7)",
|
|
|
- target: document.body,
|
|
|
- text: "文件加载中...",
|
|
|
- });
|
|
|
- var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
|
|
|
- let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
|
|
|
- var params = {
|
|
|
- Bucket: "ccrb",
|
|
|
- Key: name
|
|
|
- };
|
|
|
- s3.getObject(params, function (err, data) {
|
|
|
- loading2.close();
|
|
|
- if (err) console.log(err, err.stack); // an error occurred
|
|
|
- else {
|
|
|
- let url = window.URL.createObjectURL(new Blob([data.Body]));
|
|
|
- let a = document.createElement("a");
|
|
|
- a.name = name;
|
|
|
- a.href = url;
|
|
|
- a.download = name;
|
|
|
- a.click();
|
|
|
- console.log(data);
|
|
|
- } // sxuccessful response
|
|
|
-
|
|
|
- });
|
|
|
- }
|
|
|
- return;
|
|
|
- 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";
|
|
|
- // this.downLoading = true
|
|
|
- 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) {
|
|
|
- if (document.getElementsByClassName("navBox") && document.getElementsByClassName("navBox")[0]) {
|
|
|
- document.getElementsByClassName("navBox")[0].style.height =
|
|
|
- a - 40 + 0+ "px";
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (document.getElementsByClassName("navBox") && document.getElementsByClassName("navBox")[0]) {
|
|
|
- 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) => {
|
|
|
- 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);
|
|
|
- if(this.$refs.classRoomHelperRef){
|
|
|
- this.$refs.classRoomHelperRef.checkUploadFile(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;
|
|
|
- },
|
|
|
- numberPan() {
|
|
|
- if (
|
|
|
- /[^\d]/.test(this.groupJson.number) ||
|
|
|
- this.groupJson.number < 2 ||
|
|
|
- this.groupJson.number > 10
|
|
|
- ) {
|
|
|
- this.$message.error("请输入2-10的数字");
|
|
|
- this.groupJson.number = "";
|
|
|
- }
|
|
|
- },
|
|
|
- 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();
|
|
|
- },
|
|
|
- openWordCloud(toolindex) {
|
|
|
- this.wordCloudData = '';
|
|
|
-
|
|
|
- let array = [];
|
|
|
- for (var i = 0; i < this.worksStudent[toolindex].length; i++) {
|
|
|
- let works = JSON.parse(this.worksStudent[toolindex][i].works)[0].answer;
|
|
|
- array.push({ name: works });
|
|
|
- }
|
|
|
- if (this.isGroup) {
|
|
|
- for (var i = 0; i < this.courseGroup.group.length; i++) {
|
|
|
- let works = this.courseGroup.group[i].works[toolindex];
|
|
|
- for (var j = 0; j < works.length; j++) {
|
|
|
- let answer = JSON.parse(works[j].works)[0].answer;
|
|
|
- array.push({ name: answer });
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- let _result = ''
|
|
|
- array.forEach(e=>{
|
|
|
- _result +=e.name+','
|
|
|
- })
|
|
|
- this.wordCloudData = _result;
|
|
|
-
|
|
|
- this.dialogVisibleWordCloud = true;
|
|
|
- this.wordCloudKey += 1;
|
|
|
-
|
|
|
- },
|
|
|
- uploadWorks(i) {
|
|
|
- this.$confirm("确定导出作业吗？", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- const loading = this.$loading.service({
|
|
|
- background: "rgba(255, 255, 255, 0.7)",
|
|
|
- target: document.body,
|
|
|
- text: "文件加载中...",
|
|
|
- });
|
|
|
- const _worksStudent = this.worksStudent;
|
|
|
- let url = [];
|
|
|
- var counts = {};
|
|
|
- for (var l = 0; l < _worksStudent[i].length; l++) {
|
|
|
- var item = _worksStudent[i][l];
|
|
|
- var name = item.sName;
|
|
|
- if (!counts.hasOwnProperty(name)) {
|
|
|
- counts[name] = 0;
|
|
|
- } else {
|
|
|
- counts[name]++;
|
|
|
- }
|
|
|
- if (counts[name] > 0) {
|
|
|
- item.sName += " (" + counts[name] + ")";
|
|
|
- }
|
|
|
- }
|
|
|
- for (var l = 0; l < _worksStudent[i].length; l++) {
|
|
|
- var item = _worksStudent[i][l];
|
|
|
- if (
|
|
|
- item.works.indexOf(
|
|
|
- "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn"
|
|
|
- ) !== -1 &&
|
|
|
- item.works.indexOf("img") === -1
|
|
|
- ) {
|
|
|
- url.push({ name: item.sName, url: item.works });
|
|
|
- }
|
|
|
- }
|
|
|
- // var toolList = [
|
|
|
- // { name: "电子白板", tool: 1 },
|
|
|
- // { name: "思维导图", tool: 3 },
|
|
|
- // { name: "协同文档", tool: 6 },
|
|
|
- // { name: "思维网格", tool: 7 },
|
|
|
- // { name: "素材库", tool: 8 },
|
|
|
- // { name: "学习资料", tool: 17 },
|
|
|
- // { name: "便签", tool: 2 },
|
|
|
- // { name: "问卷调查", tool: 4 },
|
|
|
- // { name: "选择题", tool: 45 },
|
|
|
- // { name: "倒计时", tool: 10 },
|
|
|
- // { name: "问答", tool: 15 },
|
|
|
- // { name: "课程设计", tool: 26 },
|
|
|
- // { name: "训练服务器", tool: 18 },
|
|
|
- // { name: "作业提交", tool: 16 },
|
|
|
- // { name: "批量上传", tool: 50 },
|
|
|
- // { name: "AIoT Blockly", tool: 21 },
|
|
|
- // { name: "AI Python", tool: 23 },
|
|
|
- // { name: "AI Blockly", tool: 24 },
|
|
|
- // { name: "目标管理", tool: 25 },
|
|
|
- // { name: "数学画板", tool: 31 },
|
|
|
- // { name: "翻译", tool: 28 },
|
|
|
- // { name: "魔盒识字", tool: 37 },
|
|
|
- // { name: "数学画板", tool: 31 },
|
|
|
- // { name: "24点", tool: 38 },
|
|
|
- // { name: "GeoGebra", tool: 39 },
|
|
|
- // { name: "源码编辑", tool: 32 },
|
|
|
- // { name: "个人评价", tool: 40 },
|
|
|
- // { name: "选择匹配", tool: 41 },
|
|
|
- // { name: "汉字宫", tool: 44 },
|
|
|
- // { name: "排序", tool: 47 },
|
|
|
- // { name: "表格", tool: 48 },
|
|
|
- // { name: "文档", tool: 52 },
|
|
|
- // { name: "学生分组", tool: 49 },
|
|
|
- // { name: "CocoPi", tool: 57 },
|
|
|
- // { name: "模拟驾驶", tool: 58 },
|
|
|
- // { name: "路径搜索", tool: 59 },
|
|
|
- // { name: "深度学习", tool: 60 },
|
|
|
- // { name: "全历史", tool: 61 },
|
|
|
- // { name: "交互视频", tool: 62 },
|
|
|
- // { name: "海龟编程", tool: 63 },
|
|
|
- // { name: "挑人", tool: 65 },
|
|
|
- // { name: "公式编辑", tool: 66 },
|
|
|
- // { name: "分子结构", tool: 67 },
|
|
|
- // { name: "时间轴", tool: 68 },
|
|
|
- // ];
|
|
|
- // var toolName = "";
|
|
|
- // for(var w = 0;w<toolList.length;w++){
|
|
|
- // if(this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose[i].tool[0] == toolList[w].tool){
|
|
|
- // toolName = toolList[w].name;
|
|
|
- // }
|
|
|
- // }
|
|
|
- console.log(url);
|
|
|
- this.downLoadAll(url, loading);
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
- },
|
|
|
- downLoadAll(url, loading) {
|
|
|
- const data = url; // 需要下载打包的路径, 可以是本地相对路径, 也可以是跨域的全路径
|
|
|
- const zip = new JSZip();
|
|
|
- const cache = {};
|
|
|
- const promises = [];
|
|
|
- data.forEach((item) => {
|
|
|
- const promise = getFile(item.url).then((data) => {
|
|
|
- if (data.data != 1) {
|
|
|
- // 下载文件, 并存成ArrayBuffer对象
|
|
|
- const file_name =
|
|
|
- item.name +
|
|
|
- "." +
|
|
|
- item.url.split(".")[item.url.split(".").length - 1]; // 获取文件名
|
|
|
- zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
|
|
|
- cache[file_name] = data.data;
|
|
|
- }
|
|
|
- });
|
|
|
- promises.push(promise);
|
|
|
- });
|
|
|
- Promise.all(promises).then(() => {
|
|
|
- zip.generateAsync({ type: "blob" }).then((content) => {
|
|
|
- // 生成二进制流
|
|
|
- FileSaver.saveAs(
|
|
|
- content,
|
|
|
- this.courseDetail.title + "-" + "作业提交工具.zip"
|
|
|
- ); // 利用file-saver保存文件 自定义文件名
|
|
|
- setTimeout(() => {
|
|
|
- loading.close();
|
|
|
- }, 2000);
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
- pickStudent(stu) {
|
|
|
- if (this.isPickStudent.indexOf(stu.userid) !== -1) {
|
|
|
- return;
|
|
|
- }
|
|
|
- this.$confirm(`是否让${stu.name}同学回答问题？`, "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- uid: stu.userid,
|
|
|
- cid: this.id,
|
|
|
- stage: this.courseType,
|
|
|
- task: this.taskCount,
|
|
|
- tool: this.toolindex,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "updateCoursePick", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message.success("操作成功");
|
|
|
- this.getPick();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
- },
|
|
|
- selectUser(){
|
|
|
- let params = {
|
|
|
- userid: this.userid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectUser", params)
|
|
|
- .then((res) => {
|
|
|
- this.userMes = res.data[0];
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- setEngText(i){
|
|
|
- this.newEngIndex = i;
|
|
|
-
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- addCorrect(){
|
|
|
- this.$confirm("你确定提交批改嘛？", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- showCancelButton: false,
|
|
|
- closeOnClickModal: false,
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- let params = {
|
|
|
- cid: this.id,
|
|
|
- s: parseInt(this.courseType),
|
|
|
- t: this.taskCount,
|
|
|
- tool: this.toolindex,
|
|
|
- wid: this.engWid,
|
|
|
- c: this.userid,
|
|
|
- w: this.userMes[0].type == 2 ? JSON.parse(this.newEnglishList) : (this.newEngIndex == -1 && this.isNoUserid == true && this.newEnglishList1.length) ? JSON.stringify(this.oldEnglishJson1) : this.newEngIndex == -1 ? JSON.stringify(this.newEnglishList) : (this.newEngIndex > -1 && this.newEnglishList1.length > 0) ? JSON.stringify(this.newEnglishList1[this.newEngIndex].cWork) : "",
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "addEngC", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message.success("提交成功");
|
|
|
- this.engUpdateDialogVisible = false;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
- },
|
|
|
- selectEngC(id,z){
|
|
|
- let params = {
|
|
|
- workid: id,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectEngC", params)
|
|
|
- .then((res) => {
|
|
|
- if(res.data[0].length == 0){
|
|
|
- this.newEnglishList.engTitle = z.engTitle;
|
|
|
- this.newEnglishList.engText = z.engText;
|
|
|
- }else{
|
|
|
- var a = res.data[0];
|
|
|
- var ppp = JSON.parse(JSON.stringify(res.data[0]));
|
|
|
- if(this.userMes[0].type == 2){
|
|
|
- var snum = 0;
|
|
|
- for(var i = 0;i<a.length;i++){
|
|
|
- if(this.userMes[0].userid == a[i].correct){
|
|
|
- this.newEnglishList = JSON.parse(a[i].cWork);
|
|
|
- snum = 1;
|
|
|
- }
|
|
|
- }
|
|
|
- if(snum == 0){
|
|
|
- this.newEnglishList = { engTitle:"",engText:"" };
|
|
|
- this.newEnglishList.engTitle = z.engTitle;
|
|
|
- this.newEnglishList.engText = z.engText;
|
|
|
- }
|
|
|
- }else if(this.userMes[0].type == 1){
|
|
|
- var num = 0;
|
|
|
- for(var w= 0;w<a.length;w++){
|
|
|
- if(this.userMes[0].userid == a[w].correct){
|
|
|
- num = 1;
|
|
|
- }
|
|
|
- }
|
|
|
- if(num == 0){
|
|
|
- this.isNoUserid = true;
|
|
|
- var c = JSON.parse(JSON.stringify(z));
|
|
|
- this.oldEnglishJson1 = c;
|
|
|
- }else{
|
|
|
- this.isNoUserid = false;
|
|
|
- }
|
|
|
- var b = a.sort((item, index) => {
|
|
|
- console.log(item)
|
|
|
- if (item.correct === this.userMes[0].userid) {
|
|
|
- return -1; // 将a移到前面
|
|
|
- } else if (index.correct === this.userMes[0].userid) {
|
|
|
- return 1; // 将b移到前面
|
|
|
- } else {
|
|
|
- return 0; // 保持默认顺序
|
|
|
- }
|
|
|
- });
|
|
|
- for(var p = 0;p<b.length;p++){
|
|
|
- for(var y = 0;y<ppp.length;y++){
|
|
|
- if(b[p].id == ppp[y].id){
|
|
|
- b[p].cWork = JSON.parse(ppp[y].cWork);
|
|
|
- break
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.newEnglishList1 = b;
|
|
|
- }
|
|
|
- }
|
|
|
- this.greyType = false;
|
|
|
- setTimeout(() => {
|
|
|
- this.topHeight = document.querySelectorAll(".engUpTop")[0].offsetHeight;
|
|
|
- if(this.newEnglishList1.length > 0){
|
|
|
- if(this.isNoUserid == true){
|
|
|
- this.engListLength = this.newEnglishList1.length + 1;
|
|
|
- this.newEngIndex = -1;
|
|
|
- }else{
|
|
|
- this.engListLength = this.newEnglishList1.length;
|
|
|
- this.newEngIndex = 0;
|
|
|
- }
|
|
|
- }
|
|
|
- if(this.userMes[0].type == 2){
|
|
|
- this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList.engText);
|
|
|
- }else if(this.newEngIndex == -1 && this.isNoUserid == true && this.newEnglishList1.length){
|
|
|
- this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.oldEnglishJson1.engText);
|
|
|
- }else if(this.newEngIndex == -1){
|
|
|
- this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList.engText);
|
|
|
- }else if(this.newEngIndex > -1 && this.newEnglishList1.length > 0){
|
|
|
- this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList1[this.newEngIndex].cWork.engText);
|
|
|
- }
|
|
|
- }, 500);
|
|
|
- this.engUpdateDialogVisible = true;
|
|
|
- this.$forceUpdate();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- getPick() {
|
|
|
- let params = {
|
|
|
- cid: this.id,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "getPick", params)
|
|
|
- .then((res) => {
|
|
|
- let array = [];
|
|
|
- for (var i = 0; i < res.data[0].length; i++) {
|
|
|
- array.push(res.data[0][i].userid);
|
|
|
- }
|
|
|
- this.isPickStudent = array;
|
|
|
- if (array.indexOf(this.userid) !== -1) {
|
|
|
- this.$confirm("你被老师选到啦！", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- showCancelButton: false,
|
|
|
- closeOnClickModal: false,
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- let pa = [
|
|
|
- {
|
|
|
- uid: this.userid,
|
|
|
- cid: this.id,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "deletePick", pa)
|
|
|
- .then((res) => {
|
|
|
- this.getPick();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- foldEva() {
|
|
|
- if (this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2) {
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2 = false;
|
|
|
- } else {
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2 = true;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva();
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva();
|
|
|
- }, 500);
|
|
|
- }, 0);
|
|
|
-
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- panToolHeight(tool) {
|
|
|
- var _tool = document.querySelectorAll('#'+tool)[0]
|
|
|
- var _toolA = _tool ? _tool.offsetHeight : 0
|
|
|
- var _toolC = 0
|
|
|
- var _toolC = _tool && _tool.children && _tool.children[0] ? _tool.children[0].offsetHeight + 50 : 0
|
|
|
- let boolean2 = (_toolA > _toolC) ? true : false
|
|
|
- this.isCloseList[tool.split('-')[1]].isCloseBoolean = boolean2
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- async checkLink(url) {
|
|
|
- console.log(url)
|
|
|
- let _url = url
|
|
|
- try {
|
|
|
- const response = await fetch(url);
|
|
|
- if(!response.ok){
|
|
|
- _url = await this.checkLink("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/" + encodeURIComponent(_url.split('https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/')[1]))
|
|
|
- }
|
|
|
- console.log(response.ok)
|
|
|
- } catch (error) {
|
|
|
- console.error('Error checking link:', error);
|
|
|
- // console.log(false)
|
|
|
- _url = await this.checkLink("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/" + encodeURIComponent(_url.split('https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/')[1]))
|
|
|
- }
|
|
|
- // console.log(_url)
|
|
|
- return _url
|
|
|
- },
|
|
|
- getScoreList(){
|
|
|
- let params = {
|
|
|
- cid: this.id,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectTestCourseByCid", params)
|
|
|
- .then((res) => {
|
|
|
- let result = res.data;
|
|
|
- this.scoreList.datalist = result[0];
|
|
|
- this.scoreList.isScoreList = result[1];
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- setClassRoomHelperWidth(width){
|
|
|
- this.classRoomHelperWidth = width
|
|
|
- },
|
|
|
- openChoseWorksDetailDialog(tooC, toolIndex, taskCount,tooc) {
|
|
|
- this.$refs.choseWorksDetailDialogRef.open({
|
|
|
- toolType:tooc,
|
|
|
- tType: this.tType,
|
|
|
- toolIndex: toolIndex
|
|
|
- });
|
|
|
- this.changeSplitScreenBehavior({
|
|
|
- code: 1,
|
|
|
- form: {
|
|
|
- toolType:tooc,
|
|
|
- toolIndex: toolIndex,
|
|
|
- courseType: this.courseType,
|
|
|
- taskCount: this.taskCount,
|
|
|
- type: 0
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- openStatisticalAnalysis(tooC, toolIndex, taskCount) {
|
|
|
- this.$refs.statisticalAnalysisRef.open({
|
|
|
- worksStudent: this.worksStudent[toolIndex],
|
|
|
- tType: this.tType,
|
|
|
- toolIndex: toolIndex
|
|
|
- });
|
|
|
- this.changeSplitScreenBehavior({
|
|
|
- code: 2,
|
|
|
- form: {
|
|
|
- toolType:4,
|
|
|
- courseType: this.courseType,
|
|
|
- taskCount: this.taskCount,
|
|
|
- toolIndex: toolIndex,
|
|
|
- type: 0
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- statisticalAnalysisRefresh(toolIndex) {
|
|
|
- this.$refs.statisticalAnalysisRef.refreshData({
|
|
|
- worksStudent: this.worksStudent[toolIndex],
|
|
|
- tType: this.tType,
|
|
|
- toolIndex: toolIndex
|
|
|
- });
|
|
|
- },
|
|
|
- async splitScreenBehavior(type = 0) {
|
|
|
- // return;
|
|
|
- if (this.splitScreenData.loading)
|
|
|
- return this.$message.info("操作过快,请稍等");
|
|
|
- if (type == 0) {
|
|
|
- //关闭分屏
|
|
|
- this.splitScreenData.isOpen = false;
|
|
|
- // this.splitScreenData.userId = "";
|
|
|
- // this.splitScreenData.uid = "";
|
|
|
- this.splitScreenData.behavior = null;
|
|
|
- await this.updateSplitScreenData(1);
|
|
|
- this.$message.success("已关闭分屏模式");
|
|
|
- this.studentFreePreview(false);
|
|
|
- this.OpenJobPreview(false);
|
|
|
- // this.followingMode(false);
|
|
|
- } else if (type == 1) {
|
|
|
- //开启分屏
|
|
|
- this.splitScreenData.isOpen = true;
|
|
|
- this.splitScreenData.userId = this.userid;
|
|
|
- this.splitScreenData.uid = this.splitScreenData.myUid;
|
|
|
- this.splitScreenData.behavior = null;
|
|
|
- let status = await this.updateSplitScreenData(0);
|
|
|
- this.changeSplitScreenBehavior({form:{}})
|
|
|
- if (status == 1) {
|
|
|
- this.$message.success("已开启分屏");
|
|
|
- this.studentFreePreview(false);
|
|
|
- this.OpenJobPreview(true);
|
|
|
- // this.followingMode(true);
|
|
|
- } else {
|
|
|
- this.splitScreenData.isOpen = false;
|
|
|
- this.splitScreenData.userId = "";
|
|
|
- this.splitScreenData.uid = "";
|
|
|
- this.splitScreenData.behavior = null;
|
|
|
- this.$message.success("分屏开启失败");
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- enterFullScreen() {
|
|
|
- let element = document.documentElement;
|
|
|
- if (element.requestFullscreen) {
|
|
|
- element.requestFullscreen();
|
|
|
- } else if (element.mozRequestFullScreen) { /* Firefox */
|
|
|
- element.mozRequestFullScreen();
|
|
|
- } else if (element.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
|
|
|
- element.webkitRequestFullscreen();
|
|
|
- } else if (element.msRequestFullscreen) { /* IE/Edge */
|
|
|
- element.msRequestFullscreen();
|
|
|
- }
|
|
|
- },
|
|
|
- exitFullScreen() {
|
|
|
- if (document.exitFullscreen) {
|
|
|
- document.exitFullscreen();
|
|
|
- } else if (document.mozCancelFullScreen) { /* Firefox */
|
|
|
- document.mozCancelFullScreen();
|
|
|
- } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
|
|
|
- document.webkitExitFullscreen();
|
|
|
- } else if (document.msExitFullscreen) { /* IE/Edge */
|
|
|
- document.msExitFullscreen();
|
|
|
- }
|
|
|
- },
|
|
|
- confirmOpen(){
|
|
|
- this.splitScreenData.isOpen = true;
|
|
|
- this.splitScreenData.uid = this.confirmOpenDigData.uid;
|
|
|
- this.splitScreenData.userId = this.confirmOpenDigData.userId;
|
|
|
- this.splitScreenData.behavior = this.confirmOpenDigData.behavior;
|
|
|
- this.confirmOpenDig = false
|
|
|
- if (!document.fullscreenElement) {
|
|
|
- this.enterFullScreen();
|
|
|
- }
|
|
|
- // if (this.timer2) {
|
|
|
- // clearInterval(this.timer2);
|
|
|
- // this.timer2 = null;
|
|
|
- // }
|
|
|
- // this.timer2 = setInterval(()=> {
|
|
|
- // this.getSplitScreenData();//获取分屏数据
|
|
|
- // }, 5000);
|
|
|
- this.$message.success("分屏模式已开启");
|
|
|
- },
|
|
|
- // 获取分屏数据
|
|
|
- getSplitScreenData() {
|
|
|
- // return;
|
|
|
- // if (this.tType != 1) return;
|
|
|
- let params = {
|
|
|
- cid: this.id
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "select_courseSplitScreenData", params)
|
|
|
- .then(async res => {
|
|
|
- let data = res.data[0][0]["splitScreenData"];
|
|
|
- console.log("获取了分屏数：", data);
|
|
|
- if (data) {
|
|
|
- data = JSON.parse(data);
|
|
|
- if (
|
|
|
- !this.splitScreenData.isOpen &&
|
|
|
- data.isOpen &&
|
|
|
- this.splitScreenData.myUid == data.uid
|
|
|
- ) {
|
|
|
- this.splitScreenData.isOpen = false;
|
|
|
- this.splitScreenData.userId = "";
|
|
|
- this.splitScreenData.uid = "";
|
|
|
- this.splitScreenData.behavior = null;
|
|
|
- await this.updateSplitScreenData(1);
|
|
|
- } else if (!this.splitScreenData.isOpen && data.isOpen) {
|
|
|
- this.confirmOpenDig = true
|
|
|
- this.confirmOpenDigData = data
|
|
|
- } else if (this.splitScreenData.isOpen && !data.isOpen) {
|
|
|
- this.splitScreenData.isOpen = false;
|
|
|
- this.splitScreenData.userId = "";
|
|
|
- this.splitScreenData.uid = "";
|
|
|
- this.splitScreenData.behavior = null;
|
|
|
- this.$message.error("已结束分屏模式");
|
|
|
- } else if (this.splitScreenData.isOpen && data.isOpen) {
|
|
|
- this.splitScreenData.isOpen = true;
|
|
|
- this.splitScreenData.uid = data.uid;
|
|
|
- this.splitScreenData.userId = data.userId;
|
|
|
- this.splitScreenData.behavior = data.behavior;
|
|
|
- }
|
|
|
-
|
|
|
- this.doSplitScreenBehavior();
|
|
|
- } else {
|
|
|
- if (this.splitScreenData.isOpen) {
|
|
|
- this.splitScreenData.isOpen = false;
|
|
|
- this.splitScreenData.userId = "";
|
|
|
- this.splitScreenData.uid = "";
|
|
|
- this.splitScreenData.behavior = null;
|
|
|
- this.$message.error("已结束分屏模式");
|
|
|
- // if (this.timer2) {
|
|
|
- // clearInterval(this.timer2);
|
|
|
- // this.timer2 = null;
|
|
|
- // }
|
|
|
- // this.timer2 = setInterval(()=> {
|
|
|
- // this.getSplitScreenData();//获取分屏数据
|
|
|
- // }, 5000);
|
|
|
- this.$confirm("教师已结束分屏，确定后自由预览。", "提示", {
|
|
|
- confirmButtonText: '确定', //确认按钮的文字
|
|
|
- showCancelButton: false, //是否显示取消按钮
|
|
|
- showClose: false, //是否显示关闭按钮
|
|
|
- closeOnClickModal: false, //是否可以通过点击空白处关闭弹窗
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- if (document.fullscreenElement) {
|
|
|
- this.exitFullScreen();
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {});
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- console.log("获取分屏数出错：", e);
|
|
|
- });
|
|
|
- },
|
|
|
- // 操作
|
|
|
- doSplitScreenBehavior() {
|
|
|
- if (
|
|
|
- this.splitScreenData.isOpen &&
|
|
|
- this.splitScreenData.uid != this.splitScreenData.myUid
|
|
|
- ) {
|
|
|
- let behavior = this.splitScreenData.behavior;
|
|
|
-
|
|
|
- if (behavior) {
|
|
|
- // console.log('behavior',behavior);
|
|
|
-
|
|
|
- // this.toolindex = behavior.form.toolType
|
|
|
- // 初始状态
|
|
|
- if (behavior.code === 99) {
|
|
|
- //初始化
|
|
|
- this.fullDialogVisible = false;
|
|
|
- if(this.$refs.choseWorksDetailDialogRef.show){
|
|
|
- this.$refs.choseWorksDetailDialogRef.close();
|
|
|
- }
|
|
|
- if(this.$refs.statisticalAnalysisRef.show){
|
|
|
- this.$refs.statisticalAnalysisRef.close();
|
|
|
- }
|
|
|
- }
|
|
|
- // 文件列表
|
|
|
- if (behavior.code === 0) {
|
|
|
- //开启内容列表弹窗
|
|
|
- this.checkFileFull1(behavior.form.t, behavior.form.f);
|
|
|
- }else{
|
|
|
- this.fullDialogVisible = false;
|
|
|
- }
|
|
|
- // 打开工具
|
|
|
- if (behavior.code === 1) {
|
|
|
- //关于选择题的作业详细的操作
|
|
|
- // toolIndex:toolIndex,courseType:this.courseType,taskCount:this.taskCount,type:0
|
|
|
- if(this.courseType!==behavior.form.courseType || this.taskCount!==behavior.form.taskCount){
|
|
|
- this.courseType = behavior.form.courseType;
|
|
|
- this.taskCount = behavior.form.taskCount;
|
|
|
- }
|
|
|
- this.$nextTick(() => {
|
|
|
- if (this.$refs.choseWorksDetailDialogRef.show) {
|
|
|
- //已经打开了
|
|
|
- this.$refs.choseWorksDetailDialogRef.splitScreenFn({toolType:behavior.form.toolType,type:behavior.form.type,showStatisticsType:behavior.form.showStatisticsType,lookWorks:behavior.form.lookWorks})
|
|
|
- } else {
|
|
|
- this.$refs.choseWorksDetailDialogRef.open({toolType:behavior.form.toolType,toolIndex:behavior.form.toolIndex,tType: this.tType,lookWorks:behavior.form.lookWorks})
|
|
|
- }
|
|
|
- });
|
|
|
- }else{
|
|
|
- this.$refs.choseWorksDetailDialogRef.close()
|
|
|
- }
|
|
|
- // 问卷调查
|
|
|
- if(behavior.code === 2){
|
|
|
- if(this.$refs.statisticalAnalysisRef.show){
|
|
|
- this.$refs.statisticalAnalysisRef.splitScreenFn({type:behavior.form.type})
|
|
|
- }else{
|
|
|
- this.$refs.statisticalAnalysisRef.open({
|
|
|
- worksStudent: this.worksStudent[behavior.form.toolIndex],
|
|
|
- tType: this.tType,
|
|
|
- toolIndex: behavior.form.toolIndex
|
|
|
- });
|
|
|
- }
|
|
|
- }else{
|
|
|
- this.$refs.statisticalAnalysisRef.close();
|
|
|
- }
|
|
|
- if(behavior.form.taskCount!=="" && behavior.form.courseType !==""){
|
|
|
-
|
|
|
- let oldData = [parseInt(this.courseType),parseInt(this.taskCount)]
|
|
|
- let newData = [parseInt(behavior.form.courseType),parseInt(behavior.form.taskCount)]
|
|
|
-
|
|
|
- // console.log('behavior.form',behavior.form.courseType,behavior.form.taskCount,behavior.form.toolType);
|
|
|
- // console.log('666666',this.courseType,this.taskCount,this.toolindex);
|
|
|
-
|
|
|
- if (behavior.form.courseType != this.courseType ||
|
|
|
- behavior.form.taskCount != this.taskCount ||
|
|
|
- behavior.form.toolType != this.toolindex
|
|
|
- ) {
|
|
|
- var a = document.scrollingElement;
|
|
|
- let target = document.querySelector(`#gj${behavior.form.toolType}`);
|
|
|
- if (target) {
|
|
|
- target.scrollIntoView(true);
|
|
|
- setTimeout(()=>{
|
|
|
- let scrollBody = document.querySelector('.body_student').parentElement
|
|
|
- scrollBody.scrollTop = scrollBody.scrollTop - 100
|
|
|
- }, 0);
|
|
|
- // setTimeout(() => {
|
|
|
- // a.scrollTop = 0
|
|
|
- // }, 0);
|
|
|
- }
|
|
|
- }
|
|
|
- if(this.courseType !=behavior.form.courseType){
|
|
|
- this.courseType = behavior.form.courseType;
|
|
|
- }
|
|
|
- if(this.taskCount !=behavior.form.taskCount){
|
|
|
- this.taskCount = behavior.form.taskCount;
|
|
|
- }
|
|
|
- if((behavior.form.toolType || behavior.form.toolType == 0) && this.toolindex != behavior.form.toolType){
|
|
|
- this.toolindex = behavior.form.toolType;
|
|
|
- }
|
|
|
-
|
|
|
- // if(behavior.form.navId){
|
|
|
- // this.navId = behavior.form.navId
|
|
|
- // }
|
|
|
- // console.log("分屏阶段和任务",JSON.stringify(oldData),JSON.stringify(newData))
|
|
|
- if(JSON.stringify(oldData)!=JSON.stringify(newData)){
|
|
|
- // console.log("分屏测试====",JSON.stringify(oldData),JSON.stringify(newData))
|
|
|
- this.getCourseDetail()
|
|
|
- }
|
|
|
- this.setContent2(false)
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- } else {
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 修改分屏数据
|
|
|
- updateSplitScreenData(empty = 0) {
|
|
|
- return new Promise(resolve => {
|
|
|
- if(this.userid!==this.courseDetail.userid){
|
|
|
- if(!this.courseDetail.userid){
|
|
|
- return setTimeout(()=>{
|
|
|
- this.updateSplitScreenData(empty)
|
|
|
- },2000)
|
|
|
- }
|
|
|
- return;
|
|
|
- };
|
|
|
- if (
|
|
|
- this.splitScreenData.uid == this.splitScreenData.myUid &&
|
|
|
- this.splitScreenData.userId == this.userid
|
|
|
- ) {
|
|
|
- this.splitScreenData.loading = true;
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.id,
|
|
|
- nData: empty === 1 ? "" : JSON.stringify(this.splitScreenData)
|
|
|
- }
|
|
|
- ];
|
|
|
-
|
|
|
- this.ajax
|
|
|
- .post(
|
|
|
- this.$store.state.api + "update_courseSplitScreenData",
|
|
|
- params
|
|
|
- )
|
|
|
- .then(res => {
|
|
|
- this.splitScreenData.loading = false;
|
|
|
- if (res.data == 1) {
|
|
|
- resolve(1);
|
|
|
- console.log("修改分屏数据成功");
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- this.splitScreenData.loading = false;
|
|
|
- console.log("修改分屏数据失败", e);
|
|
|
- resoleve(0);
|
|
|
- });
|
|
|
- } else if (empty == 2 && this.tType == 1) {
|
|
|
- console.log("清空清空清空清空")
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.id,
|
|
|
- nData: ""
|
|
|
- }
|
|
|
- ];
|
|
|
-
|
|
|
- return this.ajax
|
|
|
- .post(
|
|
|
- this.$store.state.api + "update_courseSplitScreenData",
|
|
|
- params
|
|
|
- )
|
|
|
- .then(_ => resolve(1))
|
|
|
- .catch(_ => resolve(0));
|
|
|
- } else {
|
|
|
- return resolve(0);
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 修改分屏数据
|
|
|
- changeSplitScreenBehavior(newValue) {
|
|
|
- if (
|
|
|
- this.splitScreenData.isOpen &&
|
|
|
- this.splitScreenData.uid == this.splitScreenData.myUid
|
|
|
- ) {
|
|
|
- let _behavior = null;
|
|
|
- if(!newValue){
|
|
|
- _behavior = {}
|
|
|
- }else{
|
|
|
- _behavior = newValue
|
|
|
- }
|
|
|
- if(_behavior.form){
|
|
|
- _behavior.form.taskCount = this.taskCount;
|
|
|
- _behavior.form.courseType = this.courseType
|
|
|
- }else{
|
|
|
- _behavior.form = {
|
|
|
- taskCount:this.taskCount,
|
|
|
- courseType:this.courseType,
|
|
|
- }
|
|
|
- }
|
|
|
- this.splitScreenData.behavior = _behavior;
|
|
|
- this.updateSplitScreenData(0);
|
|
|
- }
|
|
|
- },
|
|
|
- studentFreePreview(flag) {
|
|
|
- this.IsLookOpen = flag;
|
|
|
- this.updateLookOpen();
|
|
|
- this.followingMode(flag)
|
|
|
-
|
|
|
- },
|
|
|
- OpenJobPreview(flag) {
|
|
|
- this.sIsOpen = flag;
|
|
|
- this.updateSLook();
|
|
|
- },
|
|
|
- followingMode(flag) {
|
|
|
- this.IsFollow = flag;
|
|
|
- this.updateFollow();
|
|
|
- },
|
|
|
- StulookMode(flag) {
|
|
|
- this.IsStulook = flag;
|
|
|
- this.updateIsStulook();
|
|
|
- },
|
|
|
- },
|
|
|
- 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__);
|
|
|
- },
|
|
|
- },
|
|
|
- autoHeight: {
|
|
|
- update(el, binding) {
|
|
|
- const { value } = binding
|
|
|
- if (value && typeof value === 'number') {
|
|
|
- el.style.height = `${value}px`
|
|
|
- } else {
|
|
|
- el.style.height = 'auto'
|
|
|
- }
|
|
|
- },
|
|
|
- componentUpdated(el) {
|
|
|
- el.style.height = `${el.scrollHeight}px`
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- beforeDestroy() {
|
|
|
- window.onresize = null;
|
|
|
- clearInterval(this.timer);
|
|
|
- this.timer = null;
|
|
|
- clearInterval(this.timer2);
|
|
|
- this.timer2 = null;
|
|
|
- clearInterval(this.opertimer);
|
|
|
- this.opertimer = null;
|
|
|
- this.updateSplitScreenData(1);
|
|
|
- if(this.courseDetail.userid == this.userid && this.tcid2 && this.org == '16ace517-b5c7-4168-a9bb-a9e0035df840'){
|
|
|
- let endTime = new Date().toLocaleString("zh-CN", {
|
|
|
- hour12: false,
|
|
|
- timeZone: "Asia/Shanghai"
|
|
|
- }).replace(/\//g, "-")
|
|
|
- let courseTime = Math.floor((new Date(endTime) - new Date(this.startTime)) / (1000 * 60))
|
|
|
- this.syncClassData({
|
|
|
- courseId: this.id,
|
|
|
- title: this.courseDetail.title,
|
|
|
- courseGrade: this.tcid2,
|
|
|
- courseTime: courseTime,
|
|
|
- startTime: this.startTime,
|
|
|
- endTime: endTime,
|
|
|
- })
|
|
|
- console.log('同步数据')
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- renderedFormula2() {
|
|
|
- return function(val){
|
|
|
- // 处理换行符和HTML实体
|
|
|
- const normalized = val
|
|
|
- .replace(/&/g, '&')
|
|
|
- .replace(/<br\/?>/g, '\n');
|
|
|
-
|
|
|
- // 匹配行内公式($...$)和块级公式($$...$$)
|
|
|
- return normalized.replace(/(\${1,2})([^$]+)(\${1,2})/g, (_, delim, expr) => {
|
|
|
- try {
|
|
|
- return katex.renderToString(expr.trim(), {
|
|
|
- displayMode: false,
|
|
|
- throwOnError: false,
|
|
|
- macros: {
|
|
|
- '\\aligned': '\\begin{aligned}#1\\end{aligned}'
|
|
|
- }
|
|
|
- });
|
|
|
- } catch (e) {
|
|
|
- console.warn('KaTeX渲染失败:', e);
|
|
|
- return `<span style="color:red">${expr}</span>`;
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- renderedFormula() {
|
|
|
- return function(val){
|
|
|
- try {
|
|
|
- // 判断是否含有HTML标签，<tag ...>...</tag>
|
|
|
- const hasTag = /<([a-zA-Z][\w\-]*)([^>]*)>([\s\S]*?)<\/\1>/g.test(val);
|
|
|
- if (!hasTag) {
|
|
|
- val = val.trim().replace(/[\u200B-\u200D\uFEFF]/g, '');
|
|
|
-
|
|
|
- // 纯文本，整体渲染
|
|
|
- try {
|
|
|
- return katex.renderToString(val.trim(), {
|
|
|
- throwOnError: false,
|
|
|
- strict: false,
|
|
|
- output: "htmlAndMathml"
|
|
|
- });
|
|
|
- } catch (e) {
|
|
|
- return val; // 渲染失败原样输出
|
|
|
- }
|
|
|
- } else {
|
|
|
- // 有标签，对每个标签内容渲染
|
|
|
- return val.replace(
|
|
|
- /<([a-zA-Z][\w\-]*)([^>]*)>([\s\S]*?)<\/\1>/g,
|
|
|
- (match, tag, attrs, inner) => {
|
|
|
- let html;
|
|
|
- val = val.trim().replace(/[\u200B-\u200D\uFEFF]/g, '');
|
|
|
- try {
|
|
|
- html = katex.renderToString(inner.trim(), {
|
|
|
- throwOnError: false,
|
|
|
- strict: false,
|
|
|
- output: "htmlAndMathml"
|
|
|
- });
|
|
|
- } catch (e) {
|
|
|
- html = inner;
|
|
|
- }
|
|
|
- return `<${tag}${attrs}>${html}</${tag}>`;
|
|
|
- }
|
|
|
- );
|
|
|
- }
|
|
|
- } catch (e) {
|
|
|
- console.error('KaTeX渲染错误:', e);
|
|
|
- return val;
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- isAndroid() {
|
|
|
- return /Android/i.test(navigator.userAgent);
|
|
|
- },
|
|
|
- contentConvent() {
|
|
|
- return function (c) {
|
|
|
- return c
|
|
|
- ? c
|
|
|
- .replaceAll(/\r\n/g, "<br/>")
|
|
|
- .replaceAll(/\n/g, "<br/>")
|
|
|
- .replaceAll(/\s/g, " ")
|
|
|
- : "";
|
|
|
- };
|
|
|
- },
|
|
|
- commentRight(){
|
|
|
- if(!this.orgArray.includes(this.org) && !this.oidArray.includes(this.oid)){
|
|
|
- return "35px";
|
|
|
- }
|
|
|
- return `calc(${this.classRoomHelperWidth} + 5px)`
|
|
|
- // if(this.$refs["classRoomHelperRef"].type==0){
|
|
|
- // return "100px";
|
|
|
- // }else if(this.$refs["classRoomHelperRef"].type==1){
|
|
|
- // return "502px"
|
|
|
- // }else{
|
|
|
- // return "0px"
|
|
|
- // }
|
|
|
- },
|
|
|
- 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;
|
|
|
- };
|
|
|
- },
|
|
|
- getImgList() {
|
|
|
- return function (val) {
|
|
|
- let srcList = []; // 定义一个数组用来接收后面的img地址
|
|
|
-
|
|
|
- val.replace(
|
|
|
- /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
|
|
|
- function (match, capture) {
|
|
|
- // 查找匹配的元素 match为整个img标签 capture为src中的内容
|
|
|
- srcList.push(capture);
|
|
|
- }
|
|
|
- );
|
|
|
- return srcList;
|
|
|
- };
|
|
|
- },
|
|
|
- retrnToolHeight(){
|
|
|
- return function (tool) {
|
|
|
- var _tool = document.querySelectorAll('#'+tool)[0]
|
|
|
- return _tool ? document.querySelectorAll('#'+tool)[0].children[0].offsetHeight + 30 + 'px' : 0;
|
|
|
- };
|
|
|
- },
|
|
|
- Correct() {
|
|
|
- return function (c) {
|
|
|
- let w = "";
|
|
|
- let a = this.correctWord;
|
|
|
- for(var k = 0;k<a.length;k++){
|
|
|
- //diffWordsWithSpace
|
|
|
- if(a.length > 1){
|
|
|
- if(a[k].added == true){
|
|
|
- w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
|
|
|
- }else if(a[k].removed == true){
|
|
|
- w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
|
|
|
- }else{
|
|
|
- w += '<span>' + a[k].value + '</span>';
|
|
|
- }
|
|
|
- }else{
|
|
|
- w = c
|
|
|
- }
|
|
|
- //diffChars方法
|
|
|
- // if(a.length > 1){
|
|
|
- // if(w == ""){
|
|
|
- // if(a[k].added == true){
|
|
|
- // w = '<span>' + a[k - 1].value + '</span>' + '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
|
|
|
- // }else if(a[k].removed == true){
|
|
|
- // w = '<span>' + a[k - 1].value + '</span>' + '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
|
|
|
- // }
|
|
|
-
|
|
|
- // }else{
|
|
|
- // if(k == a.length - 1){
|
|
|
- // if(a[k].added == true){
|
|
|
- // w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
|
|
|
- // }else if(a[k].removed == true){
|
|
|
- // w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
|
|
|
- // }
|
|
|
- // }else{
|
|
|
- // if(a[k].added == true){
|
|
|
- // w += '<span>' + a[k - 1].value + '</span>' + '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
|
|
|
- // }else if(a[k].removed == true){
|
|
|
- // w += '<span>' + a[k - 1].value + '</span>' + '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }else{
|
|
|
- // w = c
|
|
|
- // }
|
|
|
- }
|
|
|
- c = w;
|
|
|
- return c;
|
|
|
- };
|
|
|
- },
|
|
|
-
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.startTime = new Date().toLocaleString("zh-CN", {
|
|
|
- hour12: false,
|
|
|
- timeZone: "Asia/Shanghai"
|
|
|
- }).replace(/\//g, "-");
|
|
|
- if (this.tType == 1) {
|
|
|
- // 开局关闭学生查看内容
|
|
|
- this.StulookMode(false)
|
|
|
- // 开局打开跟随模式
|
|
|
- this.followingMode(true)
|
|
|
- }
|
|
|
- document.body.addEventListener("click", (e) => {
|
|
|
- if (this.isUpdateToolDetail1) {
|
|
|
- this.updateToolDetail(this.toolDetailIndex);
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- this.setOperationTime();
|
|
|
- this.selectEva();
|
|
|
- this.getCourseDetail(10);
|
|
|
- this.selectCount();
|
|
|
- this.getHomeWork();
|
|
|
- this.selectUser();
|
|
|
- this.getAIJ();
|
|
|
-
|
|
|
- this.updateSplitScreenData(2);
|
|
|
- this.splitScreenData.myUid = uuidv4();
|
|
|
-
|
|
|
- this.contentDialog = false;
|
|
|
- this.setContent2(true);
|
|
|
- if (this.tType == 4) {
|
|
|
- this.pzDialog = true;
|
|
|
- this.selectPz();
|
|
|
- }
|
|
|
- // 获取评分列表
|
|
|
- this.getScoreList()
|
|
|
- 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 + 0+ "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);
|
|
|
- try{
|
|
|
- if (this.screenType == 2) {
|
|
|
- window.topU.postMessage({ allScreen: 4 }, "*");
|
|
|
- } else if (this.screenType == 3) {
|
|
|
- window.topU.postMessage({ allScreen: 5 }, "*");
|
|
|
- } else if (this.screenType == 1) {
|
|
|
- window.topU.postMessage({ allScreen: 6 }, "*");
|
|
|
- }
|
|
|
- }catch(e){
|
|
|
- console.log(e)
|
|
|
- }
|
|
|
- },
|
|
|
-};
|
|
|
-</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;
|
|
|
- }
|
|
|
-
|
|
|
- .addToolCss {
|
|
|
- right: 0 !important;
|
|
|
- width: 100% !important;
|
|
|
- min-width: unset !important;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.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: 20px auto 0;
|
|
|
- padding-bottom: 20px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.pb_left {
|
|
|
- width: 15%;
|
|
|
- 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;
|
|
|
- margin-left: 2px;
|
|
|
- min-height: 90%;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
-}
|
|
|
-
|
|
|
-.filebox {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- flex-direction: column;
|
|
|
- padding: 0 0 5px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.filebox:before {
|
|
|
- content: ""; /* 使用 :before 伪元素创建纵向虚线 */
|
|
|
- position: absolute;
|
|
|
- top: 20px;
|
|
|
- left: 13px;
|
|
|
- border-left: 2px dotted #cad1dc;
|
|
|
- height: calc(100% - 15px);
|
|
|
-}
|
|
|
-
|
|
|
-.toolHeng2 > div:last-child::before {
|
|
|
- height: calc(100% - 43px);
|
|
|
-}
|
|
|
-
|
|
|
-.filebox .tooldetail {
|
|
|
- width: calc(100%);
|
|
|
- margin: 0px 12px;
|
|
|
- padding: 12px;
|
|
|
- line-height: 30px;
|
|
|
- word-break: break-word;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 8px 8px 8px 8px;
|
|
|
- opacity: 1;
|
|
|
- border: 1px solid #cad1dc;
|
|
|
- overflow:hidden;
|
|
|
- box-sizing:border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.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: #3681fc;
|
|
|
- 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: #3681fc;
|
|
|
- color: #fff;
|
|
|
- height: 30px;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
- border-radius: 5px;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.courseTitle {
|
|
|
- width: 85%;
|
|
|
- margin: 10px auto 26px auto;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.courseTitle .ctitle {
|
|
|
- font-size: 20px;
|
|
|
- font-weight: bold;
|
|
|
- color: #0e1e33;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-.inviteBox {
|
|
|
- font-size: 14px;
|
|
|
- /* margin-top: 5px; */
|
|
|
- color: #00000099;
|
|
|
- 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: #3681fc;
|
|
|
- border-radius: 4px;
|
|
|
- color: #fff;
|
|
|
- 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;
|
|
|
-}
|
|
|
-
|
|
|
-.reBtnIcon,
|
|
|
-.commentIcon,
|
|
|
-.vedioIcon,
|
|
|
-.vedioIcon1 {
|
|
|
- /* width: 36px; */
|
|
|
- height: 36px;
|
|
|
- border-radius: 4px;
|
|
|
- position: relative;
|
|
|
- /* background: #e0eafb; */
|
|
|
- background: #0061ff;
|
|
|
- cursor: pointer;
|
|
|
- margin-right: 12px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 14px;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.reBtnIcon::before,
|
|
|
-.commentIcon::before,
|
|
|
-.vedioIcon::before,
|
|
|
-.vedioIcon1::before {
|
|
|
- content: "";
|
|
|
- display: block;
|
|
|
- background-size: 100% 100%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- margin-right: 5px;
|
|
|
- /* position: absolute; */
|
|
|
- /* top: 8px;
|
|
|
- left: 8px; */
|
|
|
-}
|
|
|
-
|
|
|
-.vedioIcon1 {
|
|
|
- background: #f63564;
|
|
|
-}
|
|
|
-.reBtnIcon::before {
|
|
|
- background-image: url("../assets/icon/newIcons/refresh.png");
|
|
|
-}
|
|
|
-.commentIcon::before {
|
|
|
- background-image: url("../assets/icon/newIcons/comment.png");
|
|
|
-}
|
|
|
-.vedioIcon::before {
|
|
|
- background-image: url("../assets/icon/newIcons/transcribe.png");
|
|
|
-}
|
|
|
-.vedioIcon1::before {
|
|
|
- /* background-image: url("../assets/icon/newIcons/istranscribe.png"); */
|
|
|
- background-image: url("../assets/icon/newIcons/transcribe.png");
|
|
|
-}
|
|
|
-
|
|
|
-.tool {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- width: 13%;
|
|
|
- margin: 0 30px;
|
|
|
- align-items: center;
|
|
|
- position: relative;
|
|
|
- padding: 10px 25px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.whiteBIcon {
|
|
|
- width: 150px;
|
|
|
-}
|
|
|
-
|
|
|
-.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: fixed;
|
|
|
- top: 20px;
|
|
|
- left: 22%;
|
|
|
- width: 77%;
|
|
|
- z-index: 999;
|
|
|
- border-radius: 12px 12px 0 0;
|
|
|
- border-bottom: 1px solid #cad1dc;
|
|
|
- padding: 10px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.new_topFixed {
|
|
|
- width: 100%;
|
|
|
- height: 40px;
|
|
|
- position: fixed;
|
|
|
- top: 0px;
|
|
|
- display: block;
|
|
|
- background: #f2f2f2;
|
|
|
- z-index: 998;
|
|
|
-}
|
|
|
-
|
|
|
-.before {
|
|
|
- position: absolute;
|
|
|
- background: #c3dad4;
|
|
|
- width: 6px;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.courseIndex {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- width: calc(100% - 745px);
|
|
|
-}
|
|
|
-
|
|
|
-.courseIndex > div:nth-child(1) {
|
|
|
- margin: 0 0 0 10px;
|
|
|
- font-size: 20px;
|
|
|
- min-width: 100px;
|
|
|
- font-weight: bold;
|
|
|
- border-left: 4px solid #3363b9;
|
|
|
- height: 32px;
|
|
|
- text-align: center;
|
|
|
- line-height: 35px;
|
|
|
-}
|
|
|
-
|
|
|
-.courseIndex > div:nth-child(2) {
|
|
|
- font-size: 20px;
|
|
|
- /* width: 300px; */
|
|
|
- max-width: calc(100% - 105px);
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-.courseIndex > div:nth-child(3) {
|
|
|
- border-bottom: 1px solid #d7d7d7;
|
|
|
- padding-bottom: 5px;
|
|
|
- background: #3681fc;
|
|
|
- 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; */
|
|
|
- width: 100%;
|
|
|
- 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: #3681fc;
|
|
|
- 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;
|
|
|
-}
|
|
|
-
|
|
|
-.queTopTitle {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 20px;
|
|
|
- color: rgb(14, 30, 51);
|
|
|
-}
|
|
|
-
|
|
|
-.queTopTitle::before {
|
|
|
- content: "";
|
|
|
- width: 2px;
|
|
|
- height: 22px;
|
|
|
- background: #3681fc;
|
|
|
- border-radius: 3px;
|
|
|
- display: block;
|
|
|
- margin: 2px 6px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.queTopRight {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-.queTopClose {
|
|
|
- margin-right: 20px;
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-
|
|
|
-.closeImg,
|
|
|
-.openImg {
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- position: absolute;
|
|
|
- left: -20px;
|
|
|
- top: -1px;
|
|
|
-}
|
|
|
-
|
|
|
-.closeImg > img,
|
|
|
-.openImg > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.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: #3681fc;
|
|
|
- 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 {
|
|
|
- padding: 0 0 0 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_box {
|
|
|
- padding: 10px;
|
|
|
- background: #fff;
|
|
|
- margin-bottom: 10px;
|
|
|
- border-radius: 5px;
|
|
|
- box-shadow: 0 0 5px 0 #d5d5d5;
|
|
|
-}
|
|
|
-
|
|
|
-.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%;
|
|
|
-}
|
|
|
-
|
|
|
-.askIndex {
|
|
|
- background: #3681fc;
|
|
|
- border-radius: 50%;
|
|
|
- color: #fff;
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- min-width: 25px;
|
|
|
- min-height: 25px;
|
|
|
- text-align: center;
|
|
|
- line-height: 25px;
|
|
|
- margin-right: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_input >>> .el-radio-group,
|
|
|
-.a_add_input >>> .el-checkbox-group {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_input >>> .el-radio,
|
|
|
-.a_add_input >>> .el-checkbox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- padding: 15px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_input >>> .el-radio:not(:last-child),
|
|
|
-.a_add_input >>> .el-checkbox:not(:last-child) {
|
|
|
- width: 100%;
|
|
|
- border-bottom: 1px solid #efefef;
|
|
|
-}
|
|
|
-
|
|
|
-.redioStyle >>> .el-radio__label {
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-.redioStyle >>> .el-radio__label > span,
|
|
|
-.redioStyle >>> .el-checkbox__label > span {
|
|
|
- word-break: break-all;
|
|
|
- white-space: normal;
|
|
|
-}
|
|
|
-
|
|
|
-.redioStyle >>> .el-checkbox__label {
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-.toolHeng2 {
|
|
|
- width: 100%;
|
|
|
- padding-left: 15px;
|
|
|
- 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: 15px 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: calc(100% - 20px);
|
|
|
- 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;
|
|
|
- min-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,
|
|
|
-.toolActive {
|
|
|
- height: auto !important;
|
|
|
- overflow: auto !important;
|
|
|
- /* padding-bottom: 16px; */
|
|
|
-}
|
|
|
-.toolActive {
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.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: #e0eafb !important;
|
|
|
- color: #0061ff; */
|
|
|
- color:#fff;
|
|
|
- background: rgb(55, 129, 252) !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: 95%;
|
|
|
- margin: 17px auto 0;
|
|
|
- height: calc(100% - 40px - 21px - 20px - 17px);
|
|
|
- background: #fff;
|
|
|
- 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: 0 0 20px 20px;
|
|
|
- background: #fff;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.taskBox {
|
|
|
- width: 98%;
|
|
|
- background: #f0f4fa;
|
|
|
- margin: 10px auto;
|
|
|
- padding: 0 10px;
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.vedioTaskBox {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.toolBox {
|
|
|
- margin: 15px 0 0 25px;
|
|
|
- display: flex;
|
|
|
- position: relative;
|
|
|
- padding: 18px 20px;
|
|
|
- border-top-left-radius: 5px;
|
|
|
- border-top-right-radius: 5px;
|
|
|
- width: 90%;
|
|
|
-}
|
|
|
-
|
|
|
-.btnAll {
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.btnLeft,
|
|
|
-.btnRight {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- padding: 5px 0;
|
|
|
-}
|
|
|
-.btnLeft {
|
|
|
- border-right: 1px solid #cad1dc;
|
|
|
-}
|
|
|
-.btnLeft > .custom-tooltip {
|
|
|
- background: #3681fc;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-.last:hover {
|
|
|
- background: #3383fa !important;
|
|
|
- color: #fff;
|
|
|
- border: 1px solid #3383fa !important;
|
|
|
-}
|
|
|
-.last,
|
|
|
-.returnBtn1 {
|
|
|
- width: 90px;
|
|
|
- height: 36px;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #0061ff;
|
|
|
- color: #0061ff;
|
|
|
- cursor: pointer;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin-left: 12px;
|
|
|
-}
|
|
|
-.returnBtn1 {
|
|
|
- background: #f0f4fa;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #cad1dc;
|
|
|
- margin: 0 12px;
|
|
|
-}
|
|
|
-.lastImg {
|
|
|
- min-width: 15px;
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-.lastText {
|
|
|
- padding: 0 5px 0 5px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-.lastImg > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-/* .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 {
|
|
|
- margin: 0 0 10px 25px;
|
|
|
- border-bottom: 1px solid #eeeeee;
|
|
|
- padding: 18px 20px;
|
|
|
- border-radius: 4px;
|
|
|
- width: 90%;
|
|
|
-}
|
|
|
-
|
|
|
-.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 5px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.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,
|
|
|
-.isWorksName2 {
|
|
|
- background: #ddebf8;
|
|
|
- color: #000;
|
|
|
- width: 90px;
|
|
|
- height: 25px;
|
|
|
- text-align: center;
|
|
|
- line-height: 25px;
|
|
|
- border-radius: 4px;
|
|
|
- margin: 10px 15px 10px 0;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- padding: 5px;
|
|
|
- text-overflow: ellipsis;
|
|
|
- cursor: pointer;
|
|
|
- border: 1px solid #ddebf8;
|
|
|
-}
|
|
|
-
|
|
|
-.noWorksName {
|
|
|
- background: #fff;
|
|
|
- color: #0061ff;
|
|
|
- border: 1px solid #0061ff;
|
|
|
-}
|
|
|
-
|
|
|
-.noWorksName > span{
|
|
|
- max-width: 100%;
|
|
|
- display: block;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
-.isWorksName2 {
|
|
|
- width: 100px;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- position: relative;
|
|
|
- background: #dae6f9;
|
|
|
-}
|
|
|
-
|
|
|
-.isWorksName {
|
|
|
- background: #e7ebf1 !important;
|
|
|
- width: 100px;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- position: relative;
|
|
|
- color: #acb4bf;
|
|
|
- border: 1px solid #cad1dc !important;
|
|
|
-}
|
|
|
-
|
|
|
-.isSelectName,
|
|
|
-.noWorksName:hover {
|
|
|
- background: #3383fa !important;
|
|
|
- color: #fff !important;
|
|
|
- border: 1px solid #3383fa !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: calc(100% - 75px);
|
|
|
- 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;
|
|
|
-}
|
|
|
-
|
|
|
-.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: 7px;
|
|
|
- height: 7px;
|
|
|
- background: #fff;
|
|
|
- margin: 0 16px 0 6px;
|
|
|
- border-radius: 50%;
|
|
|
- border: 5px solid #3681fc;
|
|
|
- z-index: 99;
|
|
|
-}
|
|
|
-
|
|
|
-.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: 10px 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;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
- padding: 0 0 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.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; */
|
|
|
- color: #000;
|
|
|
-}
|
|
|
-
|
|
|
-.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: 0;
|
|
|
- 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 0;
|
|
|
- background: #f0f4fa;
|
|
|
- margin: 0 15px 0 25px;
|
|
|
- border-bottom-left-radius: 5px;
|
|
|
- border-bottom-right-radius: 5px;
|
|
|
- width: 91.5%;
|
|
|
-}
|
|
|
-
|
|
|
-.tool_right_box {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-.tool_right_box >>> .katex {
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-.tool_right_box + .tool_right_box {
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.right_box_xuan {
|
|
|
- border-radius: 5px;
|
|
|
- padding: 5px;
|
|
|
- margin-left: 10px;
|
|
|
- min-width: 85px;
|
|
|
- background: #fff;
|
|
|
- color: #0061ff;
|
|
|
- border: 1px solid #0061ff;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-.pButton:hover {
|
|
|
- opacity: 1 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.pButton {
|
|
|
- position: fixed;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
- z-index: 999;
|
|
|
- right: 20px;
|
|
|
- top: 110px;
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- 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-top-right-radius: 0px;
|
|
|
- border-bottom-right-radius: 0px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.newDialogCss>.scoreList{
|
|
|
- width:100%;
|
|
|
- height:100%;
|
|
|
- box-sizing:border-box;
|
|
|
- padding:10px 15px;
|
|
|
- overflow:auto;
|
|
|
- padding-bottom:80px;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
- user-select: none;
|
|
|
-}
|
|
|
-
|
|
|
-.pzTop2 .checkbox {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 5px 10px;
|
|
|
- flex: 0 0 auto;
|
|
|
- font-weight: bold;
|
|
|
- border-bottom: 1px solid #eee;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.checkbox>.cb-tabList{
|
|
|
- display:flex;
|
|
|
- align-items:center;
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-.cb-tabList>div{
|
|
|
- margin-right:20px;
|
|
|
- font-weight:400;
|
|
|
- cursor:pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.cb-tabList>.cb-tabItem{
|
|
|
- color:#1684FC;
|
|
|
- position:relative;
|
|
|
-}
|
|
|
-
|
|
|
-.cb-tabItem::after{
|
|
|
- content:"";
|
|
|
- width:100%;
|
|
|
- height:2px;
|
|
|
- background:#1684FC;
|
|
|
- position:absolute;
|
|
|
- bottom:-5px;
|
|
|
- left:0
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
-}
|
|
|
-
|
|
|
-.pzContent >>> img {
|
|
|
- max-width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
- width: 600px;
|
|
|
- height: 70%;
|
|
|
- min-height: 450px;
|
|
|
- box-shadow: 0px 0 8px 0px #555555;
|
|
|
- border-radius: 15px;
|
|
|
- z-index: 999;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- margin: -18% 0 0 -300px;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
- border-bottom-left-radius: 15px;
|
|
|
- border-bottom-right-radius: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.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%;
|
|
|
-}
|
|
|
-.timeAndReply {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0 10px 10px 0px;
|
|
|
-}
|
|
|
-.timeAndReply .time {
|
|
|
- color: #bfbfbf;
|
|
|
- padding: 0 0 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.timeAndReply > div:last-child {
|
|
|
- cursor: pointer;
|
|
|
- color: #777;
|
|
|
-}
|
|
|
-
|
|
|
-/* 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;
|
|
|
- word-break: break-word;
|
|
|
- white-space: pre-line;
|
|
|
-}
|
|
|
-
|
|
|
-.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,.deleteImg1 {
|
|
|
- width: 25px !important;
|
|
|
- height: 25px !important;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- top: 10px;
|
|
|
- right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.deleteImg2 {
|
|
|
- width: 23px !important;
|
|
|
- height: 23px !important;
|
|
|
- top: 5px;
|
|
|
- right: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.deleteImg1{
|
|
|
- width: 23px !important;
|
|
|
- height: 23px !important;
|
|
|
- top: 5px !important;
|
|
|
- right: 30px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.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 {
|
|
|
- min-width: 130px;
|
|
|
- width: auto;
|
|
|
- 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;
|
|
|
- background-size: 100% 100%;
|
|
|
- padding: 0 20px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.isCard > div,
|
|
|
-.noCard > div,
|
|
|
-.isCard1 > div {
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: 100%;
|
|
|
- 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;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
-}
|
|
|
-
|
|
|
-.worksTitle{
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.worksTitle::before,.worksTop::before{
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 3px;
|
|
|
- height: 20px;
|
|
|
- background: #0061FF;
|
|
|
- border-radius: 3px;
|
|
|
- margin: 0 5px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.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: 45px;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-
|
|
|
-.navCorOpen > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.mlImg {
|
|
|
- width: 40px !important;
|
|
|
- min-width: 40px;
|
|
|
- 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 10px;
|
|
|
- border-top: 1px solid #cad1dc;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 400;
|
|
|
- color: #cad1dc;
|
|
|
- width: calc(100% - 20px);
|
|
|
- margin: 0 auto;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.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,
|
|
|
-.stageBoxIsCss {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- height: 50px;
|
|
|
- border-bottom: 1px solid #e2f5fc;
|
|
|
- cursor: pointer;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.stageBoxIsCss {
|
|
|
- background: #0061ff;
|
|
|
- color: #fff;
|
|
|
- border-radius: 8px;
|
|
|
-}
|
|
|
-
|
|
|
-.stageItemTitle {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- margin-left: 15px;
|
|
|
- width: calc(100% - 50px);
|
|
|
-}
|
|
|
-/* .stageNav{ */
|
|
|
- /* font-weight: bold; */
|
|
|
-/* } */
|
|
|
-.stageItemTitle > div:first-child {
|
|
|
- min-width: 55px;
|
|
|
-}
|
|
|
-.stageItemTitle > div:last-child {
|
|
|
- max-width: 242px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-word;
|
|
|
- width: calc(100% - 55px);
|
|
|
-}
|
|
|
-.closeTri,
|
|
|
-.closeTri1 {
|
|
|
- min-width: 15px;
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- transition: all .5s;
|
|
|
-}
|
|
|
-
|
|
|
-.closeTri1 {
|
|
|
- padding-left: 10px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.closeTri > img,
|
|
|
-.closeTri1 > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- /* transition: all .5s; */
|
|
|
-}
|
|
|
-
|
|
|
-.noToolBlue {
|
|
|
- min-width: 10px;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- background: #0061ff;
|
|
|
- border-radius: 50%;
|
|
|
- margin-left: 13px;
|
|
|
-}
|
|
|
-
|
|
|
-.stageChild,
|
|
|
-.toolChild {
|
|
|
- height: 0;
|
|
|
- overflow: hidden;
|
|
|
- transition: all 0.5s;
|
|
|
-}
|
|
|
-/* .toolChild { */
|
|
|
- /* margin: 0 0 0 17px;
|
|
|
- padding: 0 0 0 20px;
|
|
|
- border-left: 1px solid #d7d7d7; */
|
|
|
-/* } */
|
|
|
-
|
|
|
-.toolChild > div + div{
|
|
|
- margin-top:5px;
|
|
|
-}
|
|
|
-
|
|
|
-.gjCss {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- padding: 10px 0 10px 40px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- border-radius:5px;
|
|
|
-}
|
|
|
-
|
|
|
-.toolChild > div {
|
|
|
- position: relative;
|
|
|
- width:100%;
|
|
|
-}
|
|
|
-
|
|
|
-/* .toolChild > div::before { */
|
|
|
- /* content: "";
|
|
|
- width: 15px;
|
|
|
- height: 1px;
|
|
|
- background: #cad1dc;
|
|
|
- position: absolute;
|
|
|
- top: 24px;
|
|
|
- left: -20px;
|
|
|
- display: block; */
|
|
|
-/* } */
|
|
|
-
|
|
|
-.isGjCss {
|
|
|
- /* color: #0061ff; */
|
|
|
- color:#fff;
|
|
|
- background: rgb(55, 129, 252);
|
|
|
- /* background-color: #e0eafb !important;
|
|
|
- color: #0061ff !important; */
|
|
|
-}
|
|
|
-
|
|
|
-.navItem {
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 4px;
|
|
|
- width: 100%;
|
|
|
- margin: 10px auto;
|
|
|
- position: relative;
|
|
|
- height: 40px;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-.navItemList {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- padding: 0 13px;
|
|
|
- cursor: pointer;
|
|
|
- width: calc(100% - 60px);
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.navItemList > div:first-child {
|
|
|
- /* min-width: 60px; */
|
|
|
- min-width:fit-content;
|
|
|
-}
|
|
|
-.navItemList > div:last-child {
|
|
|
- width: calc(100% - 80px);
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-word;
|
|
|
-}
|
|
|
-/* .isItemList > div {
|
|
|
- color: #fff !important;
|
|
|
-} */
|
|
|
-
|
|
|
-.tool_work_box {
|
|
|
- width: 100%;
|
|
|
- padding: 0 37px 0;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.tool_box {
|
|
|
- width: 100%;
|
|
|
- padding: 0 0 0 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;
|
|
|
- padding: 0 0 15px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.toolSort > div {
|
|
|
- margin: 0 10px 0 0;
|
|
|
- width: 135px;
|
|
|
- box-sizing: border-box;
|
|
|
- border: 2px solid transparent;
|
|
|
-}
|
|
|
-
|
|
|
-.tools {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.whiteBIcon {
|
|
|
- width: fit-content;
|
|
|
- cursor: pointer;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-.tool:hover {
|
|
|
- border: 2px solid #a5c7ff;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.whiteBIcon > img {
|
|
|
- width: 65px;
|
|
|
- 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;
|
|
|
- position: absolute;
|
|
|
- right: 2px;
|
|
|
- top: -5px;
|
|
|
-}
|
|
|
-
|
|
|
-.noChoose,
|
|
|
-.isChoose {
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- border-radius: 50%;
|
|
|
- border: 1px solid #adadad;
|
|
|
-}
|
|
|
-
|
|
|
-.isChoose {
|
|
|
- border: 4px solid #0363ff !important;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.isToolChoose {
|
|
|
- border: 2px solid #5394ff !important;
|
|
|
- border-radius: 5px;
|
|
|
- box-shadow: 0 0 6px 0px #5394ff;
|
|
|
-}
|
|
|
-
|
|
|
-.checkDiv {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.checkDiv span {
|
|
|
- margin-left: 5px;
|
|
|
- color: #858585;
|
|
|
-}
|
|
|
-
|
|
|
-.check img {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
-}
|
|
|
-.lockTaskIcon {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- position: absolute;
|
|
|
- right: 10px;
|
|
|
- top: 5px;
|
|
|
-}
|
|
|
-.lockTaskIcon > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.pick_box {
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.selectBox {
|
|
|
- width: 110px;
|
|
|
- margin-left: 10px;
|
|
|
- margin: 0 10px 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.selectBox >>> .el-input__inner {
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.selectBox >>> .el-input__icon {
|
|
|
- line-height: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenceTitle {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenceTitle::before {
|
|
|
- content: attr(index);
|
|
|
- background: #3681fc;
|
|
|
- border-radius: 50%;
|
|
|
- color: #fff;
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- min-width: 25px;
|
|
|
- min-height: 25px;
|
|
|
- text-align: center;
|
|
|
- line-height: 25px;
|
|
|
- margin-right: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.hfBox {
|
|
|
- padding: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.whoReplyWho {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: baseline;
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
-.hfBottom {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-.deleteHfItem {
|
|
|
- cursor: pointer;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.deleteHfItem > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.whoReplyWho > .hfImg {
|
|
|
- width: 12px;
|
|
|
- height: 12px;
|
|
|
- margin: 0 5px;
|
|
|
-}
|
|
|
-.whoReplyWho > .hfImg > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.hfContent {
|
|
|
- padding-top: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- display: -webkit-box;
|
|
|
- overflow: hidden;
|
|
|
- white-space: normal !important;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-wrap: break-word;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
-}
|
|
|
-
|
|
|
-.hfTime {
|
|
|
- text-align: left;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 10px 0 10px 0px;
|
|
|
- color: #bfbfbf;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-.btnAllNT {
|
|
|
- position: fixed;
|
|
|
- bottom: 100px;
|
|
|
- right: 40px;
|
|
|
- z-index: 999;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
-}
|
|
|
-
|
|
|
-.btnAllNT > img {
|
|
|
- cursor: pointer;
|
|
|
- width: 80px;
|
|
|
-}
|
|
|
-
|
|
|
-.toolMask {
|
|
|
- position: fixed;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: #3f3c3c;
|
|
|
- opacity: 0.5;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- z-index: 999;
|
|
|
-}
|
|
|
-.addToolCss {
|
|
|
- position: fixed;
|
|
|
- z-index: 999;
|
|
|
- background: #fff;
|
|
|
- right: 5%;
|
|
|
- bottom: 18%;
|
|
|
- min-width: 1035px;
|
|
|
- min-height: 300px;
|
|
|
- border-radius: 10px;
|
|
|
- box-shadow: 0 0 8px 1px #b2b2b2;
|
|
|
-}
|
|
|
-.toolTop {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- padding: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.toolTop > div:nth-child(2) {
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- padding-right: 10px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.toolTop > div:nth-child(2) > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.fullStyle>>>.el-dialog__body {
|
|
|
- height: calc(100% - 125px) !important;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 30px 0 !important;
|
|
|
- background: #fff !important;
|
|
|
-}
|
|
|
-
|
|
|
-.fullStyle>>>.el-dialog {
|
|
|
- width: 100% !important;
|
|
|
- max-width: 100% !important;
|
|
|
- height: 100% !important;
|
|
|
- margin: 0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.fullStyle {
|
|
|
- width: 100% !important;
|
|
|
- max-width: 100% !important;
|
|
|
- height: 100% !important;
|
|
|
- margin: 0 auto !important;
|
|
|
-}
|
|
|
-
|
|
|
-.fullStyle>>>.el-dialog__footer{
|
|
|
- background: #fff !important;
|
|
|
-}
|
|
|
-
|
|
|
-.engUpBox {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.engTitle,
|
|
|
-.engText {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
- padding: 0 20px 20px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.engTitle > .div:first-child,
|
|
|
-.engText > div:first-child {
|
|
|
- min-width: 75px;
|
|
|
-}
|
|
|
-
|
|
|
-.correctBox{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.oldBox{
|
|
|
- width: 50%;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- border-top: 1px solid #d9d9d9;
|
|
|
- border-left: 1px solid #d9d9d9;
|
|
|
- border-right: 1px solid #d9d9d9;
|
|
|
-}
|
|
|
-.oldBox>div:first-child{
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- background: #d9d9d9;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-.oldText{
|
|
|
- width: 100%;
|
|
|
- height: calc(100% - 35px);
|
|
|
- overflow: auto;
|
|
|
- margin: 10px 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-content: center;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.detailBox{
|
|
|
- width: 50%;
|
|
|
- padding: 10px;
|
|
|
- background: #f6f6f6;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.oldDetail,.oldDetail1{
|
|
|
- padding-bottom: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.oldImg{
|
|
|
- width:30px;
|
|
|
- height: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.oldImg>img{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.allName{
|
|
|
- min-width: 200px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-word;
|
|
|
- cursor: pointer;
|
|
|
- text-align: center;
|
|
|
- border: 1px solid #bcc2cc;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.engUpTop{
|
|
|
- max-height: 300px;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.isUpdateToolDetailClass{
|
|
|
- padding: 0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.isUpdateToolDetailClass textarea{
|
|
|
- padding:12px;
|
|
|
- font-size: 16px;
|
|
|
- min-height:100%;
|
|
|
- width: 100%;
|
|
|
- box-sizing:border-box;
|
|
|
- outline: none;
|
|
|
- border:none;
|
|
|
- line-height: 30px;
|
|
|
- resize: none;
|
|
|
- font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
|
|
|
- color: #838383;
|
|
|
-}
|
|
|
-
|
|
|
-.show_taskD {
|
|
|
- min-width: fit-content;
|
|
|
- margin-left: 10px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- color: #717c8d;
|
|
|
-}
|
|
|
-
|
|
|
-.show_taskD > img {
|
|
|
- width: 15px;
|
|
|
- margin-right: 5px;
|
|
|
- transition: 0.2s all;
|
|
|
- transform: rotate(-90deg);
|
|
|
-}
|
|
|
-
|
|
|
-.show_taskD.show > img {
|
|
|
- transform: rotate(0deg);
|
|
|
-}
|
|
|
-
|
|
|
-.correctCss{
|
|
|
- position: absolute;
|
|
|
- bottom: -70px;
|
|
|
- background: #409eff;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-.dialog_diyCopy >>> .el-dialog__header {
|
|
|
- display: none !important;
|
|
|
-}
|
|
|
-.dialog_diyCopy >>> .el-dialog__body {
|
|
|
- padding: 0 !important;
|
|
|
- height: 100% !important;
|
|
|
-}
|
|
|
-.confirmOpenDigCss > div{
|
|
|
- font-size: 14px;
|
|
|
- color: rgba(0, 0, 0, 0.6);
|
|
|
-}
|
|
|
-.confirmOpenDigCss >>> .el-dialog{
|
|
|
- border-radius: 6px;
|
|
|
-}
|
|
|
-.confirmOpenDigCss >>> .el-dialog__body{
|
|
|
- padding: 25px !important;
|
|
|
-}
|
|
|
-.confirmOpenDigCss > span{
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 600;
|
|
|
- color: rgba(0, 0, 0, 0.8);
|
|
|
-}
|
|
|
-div::-webkit-scrollbar {
|
|
|
- width: 10px;
|
|
|
- height: 6px;
|
|
|
-}
|
|
|
-.Ovh{
|
|
|
- margin: 5px 0;
|
|
|
- width: 4em;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- display: -webkit-box;
|
|
|
-
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-.pb_content >>> .katex {
|
|
|
- font-size: 16px;
|
|
|
- width: 100%;
|
|
|
- white-space: normal;
|
|
|
-}
|
|
|
-.pb_content >>> .katex .base{
|
|
|
- display: inline !important;
|
|
|
- display: contents !important;
|
|
|
-}
|
|
|
-
|
|
|
-.pb_content >>> .katex .base .cjk_fallback{
|
|
|
- white-space: normal !important;
|
|
|
- display: inline !important;
|
|
|
-}
|
|
|
-</style>
|
SanHQin
