|
|
@@ -21,16 +21,8 @@
|
|
|
<div class="logoLive">
|
|
|
<img src="../assets/icon/logo.png" alt />
|
|
|
</div>
|
|
|
- <div style="color: #fff; line-height: 45px; padding-left: 15px">
|
|
|
- 湖心亭看雪可可乐博模拟展示课件
|
|
|
- </div>
|
|
|
+ <div style="color: #fff; line-height: 45px; padding-left: 15px">展示课件</div>
|
|
|
</div>
|
|
|
- <!-- <div
|
|
|
- style="display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center"
|
|
|
- >
|
|
|
- <div class="blackButton" @click="answerWork" v-if="steps == 0">下一步</div>
|
|
|
- <div class="blackButton" @click="steps = 3" v-if="steps != 3">提交作业</div>
|
|
|
- </div>-->
|
|
|
</div>
|
|
|
<div class="isNoOther">
|
|
|
<div
|
|
|
@@ -38,10 +30,6 @@
|
|
|
:class="isBlock > 0 ? 'imghalf' : 'imgMiddle'"
|
|
|
v-show="!full"
|
|
|
>
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://view.officeapps.live.com/op/view.aspx?src=https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0701%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656644341323.pptx"
|
|
|
- ></iframe>-->
|
|
|
<pdf
|
|
|
:pdfUrl="pdfUrl"
|
|
|
style="width: 100%; height: 100%"
|
|
|
@@ -88,34 +76,7 @@
|
|
|
>
|
|
|
开始答题
|
|
|
</div>
|
|
|
- <!-- <div
|
|
|
- style="
|
|
|
- margin-left: 25px;
|
|
|
- border-bottom: 3px solid #2c83ee;
|
|
|
- width: 70px;
|
|
|
- padding-bottom: 3px;
|
|
|
- text-align: center;
|
|
|
- "
|
|
|
- v-if="steps == 2"
|
|
|
- >
|
|
|
- 选择工具
|
|
|
- </div>-->
|
|
|
<div class="answerBox" v-if="isBlock == 1">
|
|
|
- <!-- <div>
|
|
|
- <span class="timuButton">题目</span>
|
|
|
- <span style="letter-spacing: 3px; line-height: 35px"
|
|
|
- >小明有3本不同的语文书，2本不同的数学书，4本不同的英语书，小明整理书架时，要把这些书放在同一层，且相同科目的书要相邻摆放，问共有多少种摆放方式？</span
|
|
|
- >
|
|
|
- </div>
|
|
|
- <el-radio-group v-model="answerBox" class="anserBoxCss">
|
|
|
- <el-radio v-for="item1 in answer" :key="item1" :label="item1">{{
|
|
|
- item1.name
|
|
|
- }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <span slot="footer" class="dialog-footer sztFooter">
|
|
|
- <el-button type="primary" @click="answerQue">确定</el-button>
|
|
|
- </span>
|
|
|
- <div class="nextStepOne" @click="answerWork">下一步</div>-->
|
|
|
<div class="answerBox">
|
|
|
<div
|
|
|
style="
|
|
|
@@ -129,9 +90,6 @@
|
|
|
:key="item"
|
|
|
>
|
|
|
<div class="choose_style">
|
|
|
- <!-- {{
|
|
|
- item
|
|
|
- }}、小明有3本不同的语文书，2本不同的数学书，4本不同的英语书，小明整理书架时，要把这些书放在同一层，且相同科目的书要相邻摆放，问共有多少种摆放方式？-->
|
|
|
<span
|
|
|
@click="isChooseActive(1)"
|
|
|
:class="typeC.indexOf(1) != -1 ? 'isChoose' : ''"
|
|
|
@@ -187,145 +145,55 @@
|
|
|
"
|
|
|
>
|
|
|
<div
|
|
|
- v-if="toolsList[0].tools.indexOf(1) != -1"
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(1) != -1"
|
|
|
@click="checkTools(1)"
|
|
|
class="toolCss"
|
|
|
>
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://iwb.cocorobo.cn/"
|
|
|
- ></iframe>-->
|
|
|
<div class="toolImg">
|
|
|
<img src="../assets/icon/secondToolList/whiteBoard.png" alt />
|
|
|
<div>电子白板</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- v-if="toolsList[0].tools.indexOf(2) != -1"
|
|
|
- @click="checkTools(2)"
|
|
|
- class="toolCss"
|
|
|
- >
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://iwb.cocorobo.cn/"
|
|
|
- ></iframe>-->
|
|
|
- <div class="toolImg">
|
|
|
- <img src="../assets/icon/secondToolList/note.png" alt />
|
|
|
- <div>便签</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools.indexOf(3) != -1"
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(3) != -1"
|
|
|
@click="checkTools(3)"
|
|
|
class="toolCss"
|
|
|
>
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
- ></iframe>-->
|
|
|
<div class="toolImg">
|
|
|
- <img
|
|
|
- src="../assets/icon/secondToolList/mindMapping.png"
|
|
|
- alt
|
|
|
- />
|
|
|
+ <img src="../assets/icon/secondToolList/mindMapping.png" alt />
|
|
|
<div>思维导图</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- v-if="toolsList[0].tools.indexOf(4) != -1"
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(4) != -1"
|
|
|
@click="checkTools(4)"
|
|
|
class="toolCss"
|
|
|
>
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
- ></iframe>-->
|
|
|
<div class="toolImg">
|
|
|
<img src="../assets/icon/thirdToolList/ask.png" alt />
|
|
|
<div>问卷调查</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- v-if="toolsList[0].tools.indexOf(6) != -1"
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(6) != -1"
|
|
|
@click="checkTools(6)"
|
|
|
class="toolCss"
|
|
|
>
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
- ></iframe>-->
|
|
|
<div class="toolImg">
|
|
|
<img src="../assets/icon/secondToolList/doc.png" alt />
|
|
|
<div>协同文档</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- v-if="toolsList[0].tools.indexOf(7) != -1"
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(7) != -1"
|
|
|
@click="checkTools(7)"
|
|
|
class="toolCss"
|
|
|
>
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
- ></iframe>-->
|
|
|
<div class="toolImg">
|
|
|
- <img
|
|
|
- src="../assets/icon/secondToolList/mindNetwork.png"
|
|
|
- alt
|
|
|
- />
|
|
|
+ <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
|
|
|
<div>思维网格</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools.indexOf(8) != -1"
|
|
|
- @click="checkTools(8)"
|
|
|
- class="toolCss"
|
|
|
- >
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
- ></iframe>-->
|
|
|
- <div class="toolImg">
|
|
|
- <img src="../assets/icon/secondToolList/library.png" alt />
|
|
|
- <div>素材库</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="toolsList[0].tools.indexOf(10) != -1" class="toolCss">
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
- ></iframe>-->
|
|
|
- <div class="toolImg">
|
|
|
- <div>倒计时</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="toolsList[0].tools.indexOf(11) != -1" class="toolCss">
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
- ></iframe>-->
|
|
|
- <div class="toolImg">
|
|
|
- <div>问答题</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="toolsList[0].tools.indexOf(13) != -1" class="toolCss">
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
- ></iframe>-->
|
|
|
- <div class="toolImg">
|
|
|
- <div>分小组</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="toolsList[0].tools.indexOf(14) != -1" class="toolCss">
|
|
|
- <!-- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
- ></iframe>-->
|
|
|
- <div class="toolImg">
|
|
|
- <div>作业评价</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
@@ -339,11 +207,7 @@
|
|
|
<div class="tools_title">
|
|
|
<span>电子白板</span>
|
|
|
<div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
+ <img src="../assets/full.png" class="full" @click="fullTools" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -352,34 +216,11 @@
|
|
|
ref="whiteBoard"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 2"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
- <div class="tools_title">
|
|
|
- <span>便签</span>
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/note"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
<div v-if="toolCount == 3" class="tools_child_box">
|
|
|
<div class="tools_title">
|
|
|
<span>思维导图</span>
|
|
|
<div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
+ <img src="../assets/full.png" class="full" @click="fullTools" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -388,53 +229,11 @@
|
|
|
ref="mind"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 4"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
- <div class="tools_title">
|
|
|
- <span>问卷调查</span>
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/ask"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 6"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
- <div class="tools_title">
|
|
|
- <span>协同文档</span>
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
<div v-if="toolCount == 7" class="tools_child_box">
|
|
|
<div class="tools_title">
|
|
|
<span>思维网格</span>
|
|
|
<div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
+ <img src="../assets/full.png" class="full" @click="fullTools" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -443,89 +242,6 @@
|
|
|
ref="grid"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 8"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
- <div class="tools_title">
|
|
|
- <span>素材库</span>
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/library"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 9"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
- <div class="tools_title">
|
|
|
- <span>选择题</span>
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>选择题</div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 10"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
- <div class="tools_title">
|
|
|
- <span>倒计时</span>
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>倒计时</div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 11"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
- <div class="tools_title">
|
|
|
- <span>问答题</span>
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>问答题</div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 13"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
- <div class="tools_title">
|
|
|
- <span>分小组</span>
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/full.png"
|
|
|
- class="full"
|
|
|
- @click="fullTools"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>分小组</div>
|
|
|
- </div>
|
|
|
<div
|
|
|
id="shishi_loading"
|
|
|
style="
|
|
|
@@ -541,26 +257,26 @@
|
|
|
align-items: center;
|
|
|
"
|
|
|
>
|
|
|
- <div style="color: #fff;padding: 15px;background: #00000070;border-radius: 5px;font-size: 18px;display:flex;align-items:center;">
|
|
|
- <img src="https://pbl.cocorobo.cn/pbl-student-table/dist/js/loading.gif" alt="" style="width: 26px;margin-right: 10px;">
|
|
|
- <span>上传中...</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="nextStepBox" v-if="toolsList[0].tools.length > 1">
|
|
|
- <!-- <div
|
|
|
- class="nextStepOne"
|
|
|
- @click="howTools--"
|
|
|
- v-if="howTools != 0"
|
|
|
- >
|
|
|
- 上一步
|
|
|
- </div>
|
|
|
<div
|
|
|
- class="nextStepOne"
|
|
|
- @click="howTools++"
|
|
|
- v-if="howTools != toolsList[0].tools.length - 1"
|
|
|
+ style="
|
|
|
+ color: #fff;
|
|
|
+ padding: 15px;
|
|
|
+ background: #00000070;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 18px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ "
|
|
|
>
|
|
|
- 下一步
|
|
|
- </div>-->
|
|
|
+ <img
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-student-table/dist/js/loading.gif"
|
|
|
+ alt
|
|
|
+ style="width: 26px; margin-right: 10px"
|
|
|
+ />
|
|
|
+ <span>上传中...</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="nextStepBox">
|
|
|
<div class="nextStepOne" @click="isBlock = 4">返回</div>
|
|
|
</div>
|
|
|
<div
|
|
|
@@ -586,63 +302,8 @@
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div v-if="toolCount == 0" style="height: 100%">
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
- <div v-if="toolCount == 1" style="height: 100%">
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://iwb.cocorobo.cn/"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
- <div v-if="toolCount == 2" style="height: 90%">
|
|
|
- <iframe
|
|
|
- style="width: 100%; height: 100%; border: none"
|
|
|
- src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
- ></iframe>
|
|
|
- </div>-->
|
|
|
- <!-- <div class="toolList">
|
|
|
- <div class="tools">
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/icon/mindNetwork.png"
|
|
|
- alt=""
|
|
|
- @click="addTool(7)"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div>思维网格</div>
|
|
|
- </div>
|
|
|
- <div class="tools">
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/icon/whiteBoard.png"
|
|
|
- alt=""
|
|
|
- @click="addTool(1)"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div>电子白板</div>
|
|
|
- </div>
|
|
|
- <div class="tools">
|
|
|
- <div>
|
|
|
- <img
|
|
|
- src="../assets/icon/secondToolList/mindMapping.png"
|
|
|
- alt=""
|
|
|
- @click="addTool(3)"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div>思维导图</div>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
- <!-- <div class="nextStepOne" @click="nextTool">下一步</div> -->
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="answerBox"
|
|
|
- v-if="isBlock == 3"
|
|
|
- style="padding: 0 0 0 25px"
|
|
|
- >
|
|
|
+ <div class="answerBox" v-if="isBlock == 3" style="padding: 0 0 0 25px">
|
|
|
<div>
|
|
|
<div class="score_box">
|
|
|
<span>自我评价</span>
|
|
|
@@ -668,148 +329,20 @@
|
|
|
<span
|
|
|
slot="footer"
|
|
|
class="dialog-footer sztFooter"
|
|
|
- style="
|
|
|
- padding: 0 0 30px 0px;
|
|
|
- position: absolute;
|
|
|
- right: 20px;
|
|
|
- bottom: 0;
|
|
|
- "
|
|
|
+ style="padding: 0 0 30px 0px; position: absolute; right: 20px; bottom: 0"
|
|
|
>
|
|
|
<el-button @click="isBlock = 0">取消</el-button>
|
|
|
- <el-button type="primary" @click="dialogVisible = true"
|
|
|
- >确定</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="dialogVisible = true">确定</el-button>
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div v-if="steps == 3" style="width: 40%; height: 96%">
|
|
|
- <div
|
|
|
- style="
|
|
|
- box-sizing: border-box;
|
|
|
- background: rgb(255, 255, 255);
|
|
|
- width: 96%;
|
|
|
- height: 96%;
|
|
|
- margin: 10px auto;
|
|
|
- overflow: auto;
|
|
|
- position: relative;
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="close" @click="(steps = 0), (type = 0)">
|
|
|
- <img src="../assets/icon/close.png" alt />
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="color: #b6b6b6; font-size: 20px; padding: 20px">上传作业</div>
|
|
|
- <div
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: flex-start;
|
|
|
- margin-bottom: 30px;
|
|
|
- "
|
|
|
- >
|
|
|
- <div v-if="upload[0].upImg.length > 0" class="hengCss">
|
|
|
- <div
|
|
|
- v-for="(uImg, imgIndex) in upload[0].upImg"
|
|
|
- :key="imgIndex"
|
|
|
- class="uploadImgPic"
|
|
|
- >
|
|
|
- <img :src="uImg.url" alt />
|
|
|
- <div>{{ uImg.name }}</div>
|
|
|
- <div class="deleteWord" @click="clean(1)">
|
|
|
- <img src="../assets/icon/delete.png" alt />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="uploadImg"
|
|
|
- @click="addImg($event)"
|
|
|
- v-if="upload[0].upImg.length == 0"
|
|
|
- >
|
|
|
- <img src="../assets/icon/uploadImg.png" alt />
|
|
|
- <input
|
|
|
- type="file"
|
|
|
- accept="image/png, image/gif, image/jpeg"
|
|
|
- style="display: none"
|
|
|
- @change="beforeUpload1($event, 1)"
|
|
|
- />
|
|
|
- <div style="text-align: center; color: rgb(182, 182, 182); font-size: 20px">
|
|
|
- 上传截图
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
- <!-- <div
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: flex-start;
|
|
|
- margin-bottom: 30px;
|
|
|
- "
|
|
|
- >
|
|
|
- <div v-if="upload[0].upVedio.length > 0" class="hengCss">
|
|
|
- <div
|
|
|
- v-for="(uVedio, vedioIndex) in upload[0].upVedio"
|
|
|
- :key="vedioIndex"
|
|
|
- class="uploadImgPic"
|
|
|
- >
|
|
|
- <img src="../assets/uploadMp4.png" alt="" />
|
|
|
- <div>{{ uVedio.name }}</div>
|
|
|
- <div class="deleteWord" @click="clean(2)">
|
|
|
- <img src="../assets/icon/delete.png" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="uploadImg" @click="addImg($event)">
|
|
|
- <img src="../assets/icon/uploadVedio.png" alt="" />
|
|
|
- <input
|
|
|
- type="file"
|
|
|
- accept="video/mp4,video/quicktime,video/x-msvideo"
|
|
|
- style="display: none"
|
|
|
- @change="beforeUpload1($event, 2)"
|
|
|
- />
|
|
|
- <div
|
|
|
- style="
|
|
|
- text-align: center;
|
|
|
- color: rgb(182, 182, 182);
|
|
|
- font-size: 20px;
|
|
|
- "
|
|
|
- >
|
|
|
- 上传视频
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
- <!-- <div style="padding-left: 25px"><span style="color: red">*</span> 简要描述</div>
|
|
|
- <div style="padding: 10px 0 0 25px">
|
|
|
- <textarea
|
|
|
- rows="6"
|
|
|
- class="binfo_input"
|
|
|
- cols
|
|
|
- style="width: 95%; height: 120px"
|
|
|
- v-model="upload[0].upIntro"
|
|
|
- ></textarea>
|
|
|
- </div>
|
|
|
- <span
|
|
|
- slot="footer"
|
|
|
- class="dialog-footer sztFooter"
|
|
|
- style="padding: 10% 10px 50px 0px"
|
|
|
- >
|
|
|
- <el-button @click="steps = 1">返回答题</el-button>
|
|
|
- <el-button type="primary" @click="addWork">确定</el-button>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
</div>
|
|
|
|
|
|
<div class="blackBottomB"></div>
|
|
|
<div v-if="proVisible" class="mask">
|
|
|
<div class="progressBox">
|
|
|
- <div class="lbox">
|
|
|
- <img src="../assets/loading.gif" />上传中，请稍后
|
|
|
- </div>
|
|
|
+ <div class="lbox"><img src="../assets/loading.gif" />上传中，请稍后</div>
|
|
|
<el-progress
|
|
|
:text-inside="true"
|
|
|
:stroke-width="20"
|
|
|
@@ -860,7 +393,7 @@ export default {
|
|
|
return {
|
|
|
iframeInnerHtml: "",
|
|
|
pdfUrl:
|
|
|
- "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0629%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656920880446.pdf",
|
|
|
+ "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E4%B8%8A%E8%AF%BE%E8%AF%BE%E4%BB%B6---%E4%BA%94%E4%B8%8Bintroduce%20a%20festival%20%28Final%20%29_202208231345451661233676307.pdf",
|
|
|
ppage: 2,
|
|
|
full: false,
|
|
|
pageTotal: 0,
|
|
|
@@ -902,16 +435,14 @@ export default {
|
|
|
tools: [
|
|
|
"",
|
|
|
"",
|
|
|
- { tools: [9] }, //选择题
|
|
|
+ "", //选择题
|
|
|
"", //倒计时
|
|
|
"", //问答题
|
|
|
"", //问答题
|
|
|
- { tools: [3] }, //思维导图/电子白板
|
|
|
- { tools: [12] }, //选人回答
|
|
|
+ "", //思维导图/电子白板
|
|
|
+ "", //选人回答
|
|
|
"", //倒计时、分小组
|
|
|
- { tools: [3] }, //思维导图/电子白板/思维网格
|
|
|
- { tools: [14] }, //查看作业
|
|
|
- { tools: [14] }, //查看作业
|
|
|
+ "", //思维导图/电子白板/思维网格
|
|
|
"", //查看作业
|
|
|
//1、电子白板 2、便签 3、思维导图 4、问卷调查 5、量规评分 6、协同文档 7、思维网格 8、素材库 9、选择题 10、倒计时 11、问答题 12、选人回答 13、分小组 14、老师对提交作业进行评价
|
|
|
],
|
|
|
@@ -958,14 +489,11 @@ export default {
|
|
|
},
|
|
|
//uuid生成
|
|
|
guid() {
|
|
|
- return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
|
|
|
- /[xy]/g,
|
|
|
- function (c) {
|
|
|
- var r = (Math.random() * 16) | 0,
|
|
|
- v = c == "x" ? r : (r & 0x3) | 0x8;
|
|
|
- return v.toString(16);
|
|
|
- }
|
|
|
- );
|
|
|
+ return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
|
|
|
+ var r = (Math.random() * 16) | 0,
|
|
|
+ v = c == "x" ? r : (r & 0x3) | 0x8;
|
|
|
+ return v.toString(16);
|
|
|
+ });
|
|
|
},
|
|
|
time() {
|
|
|
if (!this.now) {
|
|
|
@@ -1254,7 +782,7 @@ export default {
|
|
|
console.log(iframeIh);
|
|
|
|
|
|
// var iframeHtml = this.$refs.whiteBoard;
|
|
|
- document.getElementById("shishi_loading").style.display="flex"
|
|
|
+ document.getElementById("shishi_loading").style.display = "flex";
|
|
|
var _ajs = iframeHtml.contentWindow.document.createElement("script");
|
|
|
_ajs.type = "text/javascript";
|
|
|
_ajs.innerHTML =
|
|
|
@@ -1325,48 +853,34 @@ export default {
|
|
|
if (page == this.pageTotal) {
|
|
|
this.isBlock = 3;
|
|
|
} else {
|
|
|
- if (this.ppage < 3) {
|
|
|
- this.isBlock = 0;
|
|
|
- }
|
|
|
- if (this.ppage == 3) {
|
|
|
+ this.isBlock = 0;
|
|
|
+ if (this.tools[page - 1].tools && this.tools[page - 1].tools.indexOf(9) != -1) {
|
|
|
this.isBlock = 1;
|
|
|
}
|
|
|
- if (this.ppage > 3) {
|
|
|
- this.isBlock = 2;
|
|
|
- }
|
|
|
+ // if (this.ppage > 3) {
|
|
|
+ // this.isBlock = 2;
|
|
|
+ // }
|
|
|
this.full = false;
|
|
|
this.howTools = 0;
|
|
|
this.toolCount = 0;
|
|
|
if (
|
|
|
- this.toolsList.length > 0 &&
|
|
|
- this.ppage > 2 &&
|
|
|
- this.tools[page - 1].tools
|
|
|
- ) {
|
|
|
- this.toolsList = [];
|
|
|
- this.toolsList.push({ tools: this.tools[page - 1].tools });
|
|
|
- } else if (this.ppage > 2 && this.tools[page - 1].tools) {
|
|
|
- this.toolsList.push({ tools: this.tools[page - 1].tools });
|
|
|
- } else {
|
|
|
- this.toolsList[0].tools = [];
|
|
|
- }
|
|
|
- if (
|
|
|
- this.toolsList[0].tools &&
|
|
|
- (this.toolsList[0].tools[0] == 14 || this.toolsList[0].tools[0] == 12)
|
|
|
+ this.tools[page - 1].tools &&
|
|
|
+ (this.tools[page - 1].tools[0] == 14 || this.tools[page - 1].tools[0] == 12)
|
|
|
) {
|
|
|
this.isBlock = 0;
|
|
|
}
|
|
|
if (
|
|
|
- this.toolsList[0].tools &&
|
|
|
- (this.toolsList[0].tools.indexOf(1) != -1 ||
|
|
|
- this.toolsList[0].tools.indexOf(3) != -1 ||
|
|
|
- this.toolsList[0].tools.indexOf(7) != -1)
|
|
|
+ this.tools[page - 1].tools &&
|
|
|
+ (this.tools[page - 1].tools.indexOf(1) != -1 ||
|
|
|
+ this.tools[page - 1].tools.indexOf(3) != -1 ||
|
|
|
+ this.tools[page - 1].tools.indexOf(7) != -1)
|
|
|
) {
|
|
|
this.isBlock = 4;
|
|
|
}
|
|
|
- if (this.toolsList[0].tools && this.toolsList[0].tools.length > 1) {
|
|
|
+ if (this.tools[page - 1].tools && this.tools[page - 1].tools.length > 1) {
|
|
|
this.isBlock = 4;
|
|
|
}
|
|
|
- if (this.toolsList[0].tools && !this.toolsList[0].tools.length) {
|
|
|
+ if (this.tools[page - 1].tools && !this.tools[page - 1].tools.length) {
|
|
|
this.isBlock = 0;
|
|
|
}
|
|
|
}
|
|
|
@@ -1413,25 +927,17 @@ export default {
|
|
|
"https://pbl.cocorobo.cn/pbl-student-table/dist/aws-sdk-2.235.1.min.js";
|
|
|
const script3 = document.createElement("script");
|
|
|
script3.type = "text/javascript";
|
|
|
- script3.src =
|
|
|
- "https://html2canvas.hertzen.com/dist/html2canvas.min.js";
|
|
|
+ script3.src = "https://html2canvas.hertzen.com/dist/html2canvas.min.js";
|
|
|
const script4 = document.createElement("script");
|
|
|
script4.type = "text/javascript";
|
|
|
- script4.src =
|
|
|
- "https://pbl.cocorobo.cn/pbl-student-table/dist/jietu.js";
|
|
|
+ script4.src = "https://pbl.cocorobo.cn/pbl-student-table/dist/jietu.js";
|
|
|
|
|
|
if (_this.toolCount == 1) {
|
|
|
_this.$refs.whiteBoard.onload = () => {
|
|
|
- _this.$refs.whiteBoard.contentWindow.document.body.appendChild(
|
|
|
- script1
|
|
|
- );
|
|
|
- _this.$refs.whiteBoard.contentWindow.document.body.appendChild(
|
|
|
- script2
|
|
|
- );
|
|
|
+ _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script1);
|
|
|
+ _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script2);
|
|
|
// _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script3);
|
|
|
- _this.$refs.whiteBoard.contentWindow.document.body.appendChild(
|
|
|
- script4
|
|
|
- );
|
|
|
+ _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script4);
|
|
|
};
|
|
|
} else if (_this.toolCount == 3) {
|
|
|
_this.$refs.mind.onload = () => {
|
