|
|
@@ -64,10 +64,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="body_student">
|
|
|
- <div v-for="(jd, jdIndex) in chapInfoList" :key="jdIndex" style="background:#F2F2F2;">
|
|
|
+ <div
|
|
|
+ v-for="(jd, jdIndex) in chapInfoList"
|
|
|
+ :key="jdIndex"
|
|
|
+ style="background: #f2f2f2"
|
|
|
+ >
|
|
|
<div
|
|
|
class="new_top"
|
|
|
- style="width: 100%; box-shadow: 0px 9px 0 0 #F2F2F2"
|
|
|
+ style="width: 100%; box-shadow: 0px 9px 0 0 #f2f2f2"
|
|
|
>
|
|
|
<div class="courseIndex">
|
|
|
<div>第{{ jdIndex - 0 + 1 }}阶段</div>
|
|
|
@@ -555,6 +559,12 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
+ <div class="tooldetail" v-if="tool.toolDetail != ''">
|
|
|
+ <!-- <div class="toolTitle">工具描述</div> -->
|
|
|
+ <div v-html="contentConvent(tool.toolDetail)">
|
|
|
+ <!-- {{ contentConvent(tool.toolDetail) }} -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="noiframeBox">
|
|
|
<div
|
|
|
class="addPoint"
|
|
|
@@ -562,108 +572,189 @@
|
|
|
: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="iframeName">电子白板</div>
|
|
|
+ <iframe
|
|
|
+ src="https://iwb.cocorobo.cn/"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</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="iframeName">思维导图</div>
|
|
|
+ <iframe
|
|
|
+ src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</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 class="iframeName">协同文档</div>
|
|
|
+ <iframe
|
|
|
+ src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</div>
|
|
|
<div v-if="tooC == 7">
|
|
|
- <img
|
|
|
- src="../assets/icon/secondToolList/mindNetwork.png"
|
|
|
- alt
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">思维网格</div>
|
|
|
+ <div class="iframeName">思维网格</div>
|
|
|
+ <iframe
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</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 class="iframeName">素材库</div>
|
|
|
+ <iframe
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/library"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</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 class="iframeName">学习资料</div>
|
|
|
+ <iframe
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/studyLibrary"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</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 class="iframeName">便签</div>
|
|
|
+ <iframe
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/note"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</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="iframeName">问卷调查</div>
|
|
|
+ <div>
|
|
|
+ <div
|
|
|
+ class="a_add_title"
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin: 10px 0;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ style="margin-right: 20px; font-size: 20px"
|
|
|
+ >
|
|
|
+ 问卷标题:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 20px">
|
|
|
+ {{ tool.askTitle }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="a_addBox"
|
|
|
+ style="padding: 0 !important"
|
|
|
+ >
|
|
|
+ <div style="font-size: 16px; color: #c7c7c7">
|
|
|
+ 问卷内容
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="a_add_box"
|
|
|
+ v-for="(item1, index1) in tool.askCount"
|
|
|
+ :key="index1"
|
|
|
+ >
|
|
|
+ <div class="a_add_head">
|
|
|
+ <div style="display: flex">
|
|
|
+ {{ index1 + 1 + "、" }}
|
|
|
+ <div>
|
|
|
+ 问卷题目：{{
|
|
|
+ tool.askJson[index1].askstitle
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body" v-if="!isAnswer">
|
|
|
+ <div class="a_add_input">
|
|
|
+ <el-radio-group v-model="radio[index1]">
|
|
|
+ <el-radio
|
|
|
+ v-for="(item2, checkIndex) in tool
|
|
|
+ .askJson[index1].checkList"
|
|
|
+ :key="checkIndex"
|
|
|
+ :label="checkIndex"
|
|
|
+ class="redioStyle"
|
|
|
+ >{{ item2 }}</el-radio
|
|
|
+ >
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body" v-else>
|
|
|
+ <div class="a_add_input">
|
|
|
+ <el-radio-group v-model="radio[index1]">
|
|
|
+ <el-radio
|
|
|
+ v-for="(item2, checkIndex) in tool
|
|
|
+ .askJson[index1].checkList"
|
|
|
+ :key="checkIndex"
|
|
|
+ :label="checkIndex"
|
|
|
+ disabled
|
|
|
+ class="redioStyle"
|
|
|
+ >{{ item2 }}</el-radio
|
|
|
+ >
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div v-if="tooC == 5">
|
|
|
+ <!-- <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> -->
|
|
|
<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 class="iframeName">倒计时</div>
|
|
|
+ <div>
|
|
|
+ <Time></Time>
|
|
|
+ </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="iframeName">问答工具</div>
|
|
|
+ <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>{{ tool.answerQ }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </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 class="iframeName">课程设计</div>
|
|
|
+ <iframe
|
|
|
+ src="https://cloud.cocorobo.cn/course-design/index.html"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</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="iframeName">训练平台</div>
|
|
|
+ <iframe
|
|
|
+ src="https://xunlian.cocorobo.cn/"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</div>
|
|
|
<div v-if="tooC == 16">
|
|
|
<img
|
|
|
@@ -674,46 +765,36 @@
|
|
|
<div style="margin: 5px 0">作业提交</div>
|
|
|
</div>
|
|
|
<div v-if="tooC == 21">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/fourthToolList/program.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">编程平台</div>
|
|
|
+ <div class="iframeName">编程平台</div>
|
|
|
+ <iframe
|
|
|
+ src="https://x.cocorobo.cn"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</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 class="iframeName">AI体验</div>
|
|
|
+ <iframe
|
|
|
+ src="https://aihub.cocorobo.cn/"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</div>
|
|
|
<div v-if="tooC == 23">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/fourthToolList/program.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">python</div>
|
|
|
+ <div class="iframeName">python</div>
|
|
|
+ <iframe
|
|
|
+ src="https://python-blockly.cocorobo.cn/"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</div>
|
|
|
<div v-if="tooC == 24">
|
|
|
- <img
|
|
|
- @click="addTools(tooC, toolIndex, taskCount)"
|
|
|
- src="../assets/icon/fourthToolList/program.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">AI平台</div>
|
|
|
+ <div class="iframeName">AI平台</div>
|
|
|
+ <iframe
|
|
|
+ src="https://ai-blockly.cocorobo.cn/?lang=zh-hans"
|
|
|
+ class="iframeCss"
|
|
|
+ ></iframe>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="tooldetail" v-if="tool.toolDetail != ''">
|
|
|
- <!-- <div class="toolTitle">工具描述</div> -->
|
|
|
- <div v-html="contentConvent(tool.toolDetail)">
|
|
|
- <!-- {{ contentConvent(tool.toolDetail) }} -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<div
|
|
|
v-if="tType && tType == 1 && tool.tool.indexOf(16) != -1"
|
|
|
@@ -2265,7 +2346,7 @@ export default {
|
|
|
var data = b[j];
|
|
|
if (i == b[j].tool) {
|
|
|
if (data.type == 2) {
|
|
|
- console.log(this.checkJson)
|
|
|
+ console.log(this.checkJson);
|
|
|
for (var z = 0; z < this.checkJson[i].length; z++) {
|
|
|
this.checkJson[q][w][i][z].checkPerent = [];
|
|
|
for (
|
|
|
@@ -3134,16 +3215,16 @@ export default {
|
|
|
a = this.wbCount;
|
|
|
this.toolsCount(a, t);
|
|
|
}
|
|
|
- window.parent.postMessage(
|
|
|
- {
|
|
|
- tools: "1",
|
|
|
- cid: this.id,
|
|
|
- stage: this.courseType,
|
|
|
- task: this.taskCount,
|
|
|
- tool: i,
|
|
|
- },
|
|
|
- "*"
|
|
|
- );
|
|
|
+ // window.parent.postMessage(
|
|
|
+ // {
|
|
|
+ // tools: "1",
|
|
|
+ // cid: this.id,
|
|
|
+ // stage: this.courseType,
|
|
|
+ // task: this.taskCount,
|
|
|
+ // tool: i,
|
|
|
+ // },
|
|
|
+ // "*"
|
|
|
+ // );
|
|
|
} else if (t == 2) {
|
|
|
if (this.wordCount > 0) {
|
|
|
this.updateCount(this.wordCount, t);
|
|
|
@@ -3629,8 +3710,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
.filebox .tooldetail {
|
|
|
- width: 100%;
|
|
|
- margin: 0px 12px;
|
|
|
+ width: 95%;
|
|
|
+ margin: 0px 12px 10px;
|
|
|
background: rgb(247, 247, 247);
|
|
|
padding: 20px;
|
|
|
line-height: 30px;
|
|
|
@@ -4138,11 +4219,15 @@ export default {
|
|
|
border-radius: 15px;
|
|
|
box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
|
|
|
}
|
|
|
+.addPoint {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
.addPoint > div {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
+ align-items: flex-start;
|
|
|
}
|
|
|
.isBorder > div {
|
|
|
margin: 0 0 10px 0;
|
|
|
@@ -4412,6 +4497,11 @@ export default {
|
|
|
margin: 5px 0;
|
|
|
border-left: 4px solid #41c4a4;
|
|
|
padding-left: 4px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.iframeCss {
|
|
|
+ width: 100%;
|
|
|
+ height: 600px;
|
|
|
}
|
|
|
.toolTitle {
|
|
|
margin: 0px 0px 20px;
|
|
|
@@ -4472,7 +4562,6 @@ export default {
|
|
|
}
|
|
|
.toolBox {
|
|
|
padding: 20px 0 0 0;
|
|
|
- display: flex;
|
|
|
}
|
|
|
.btnAll {
|
|
|
position: absolute;
|
zengyicheng