|
@@ -33,7 +33,11 @@
|
|
|
</div>-->
|
|
|
</div>
|
|
|
<div class="isNoOther">
|
|
|
- <div class="imgMiddle" :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'">
|
|
|
+ <div
|
|
|
+ class="imgMiddle"
|
|
|
+ :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"
|
|
@@ -53,6 +57,7 @@
|
|
|
max-width: 40%;
|
|
|
overflow: auto;
|
|
|
"
|
|
|
+ :class="{ fullStyle: full }"
|
|
|
v-if="isBlock > 0"
|
|
|
>
|
|
|
<div
|
|
@@ -173,83 +178,62 @@
|
|
|
</div>
|
|
|
<!-- <div v-if="toolsList[0].tools[0] == 14" style="height: 90%; width: 100%">
|
|
|
作业评价
|
|
|
- </div> -->
|
|
|
+ </div>-->
|
|
|
<div class="nextStepOne" @click="isBlock = 0">关闭</div>
|
|
|
</div>
|
|
|
<div v-else style="height: 100%; width: 100%">
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 1"
|
|
|
- style="height: 90%; width: 100%"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 1" 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://iwb.cocorobo.cn/"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 2"
|
|
|
- style="height: 90%; width: 100%"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 2" class="tools_child_box">
|
|
|
<iframe
|
|
|
style="width: 100%; height: 100%; border: none"
|
|
|
src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/note"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 3"
|
|
|
- style="height: 90%; width: 100%"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 3" class="tools_child_box">
|
|
|
<iframe
|
|
|
style="width: 100%; height: 100%; border: none"
|
|
|
src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 4"
|
|
|
- style="height: 90%; width: 100%"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 4" class="tools_child_box">
|
|
|
<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"
|
|
|
- style="height: 90%; width: 100%"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 6" class="tools_child_box">
|
|
|
<iframe
|
|
|
style="width: 100%; height: 100%; border: none"
|
|
|
src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 7"
|
|
|
- style="height: 90%; width: 100%"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 7" class="tools_child_box">
|
|
|
<iframe
|
|
|
style="width: 100%; height: 100%; border: none"
|
|
|
src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 8"
|
|
|
- style="height: 90%; width: 100%"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 8" class="tools_child_box">
|
|
|
<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] == 10"
|
|
|
- style="height: 90%; width: 100%"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 10" class="tools_child_box">
|
|
|
<div>倒计时</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 13"
|
|
|
- style="height: 90%; width: 100%"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 13" class="tools_child_box">
|
|
|
<div>分小组</div>
|
|
|
</div>
|
|
|
<div class="nextStepOne" @click="nextTool" v-if="isNext == true">
|
|
@@ -517,6 +501,7 @@ export default {
|
|
|
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",
|
|
|
ppage: 2,
|
|
|
+ full: false,
|
|
|
pageTotal: 0,
|
|
|
howTools: 0,
|
|
|
toolsList: [],
|
|
@@ -903,6 +888,9 @@ export default {
|
|
|
getPageTotal(total) {
|
|
|
this.pageTotal = total;
|
|
|
},
|
|
|
+ fullTools() {
|
|
|
+ this.full = !this.full;
|
|
|
+ },
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
clearInterval(this.timer);
|
|
@@ -1275,4 +1263,55 @@ export default {
|
|
|
border: 1px solid;
|
|
|
border-radius: 0px;
|
|
|
}
|
|
|
+
|
|
|
+.tools_title {
|
|
|
+ background: #000;
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ height: 40px;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.tools_title span {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.tools_title div {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.full,
|
|
|
+.closeImg {
|
|
|
+ height: 22px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.tools_title img,
|
|
|
+img {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.tools_box {
|
|
|
+ width: 38.5%;
|
|
|
+ max-width: 38.5%;
|
|
|
+ overflow: auto;
|
|
|
+ background: rgb(255, 255, 255);
|
|
|
+ height: 91.5%;
|
|
|
+ position: relative;
|
|
|
+ margin: 10px 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.tools_child_box {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(90% - 40px);
|
|
|
+ padding-top: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.fullStyle {
|
|
|
+ width: 100% !important;
|
|
|
+ max-width: 100% !important;
|
|
|
+}
|
|
|
</style>
|