|
@@ -21,7 +21,9 @@
|
|
|
<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">
|
|
|
+ introduce a festival (Final)
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="isNoOther">
|
|
@@ -145,7 +147,10 @@
|
|
|
"
|
|
|
>
|
|
|
<div
|
|
|
- v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(1) != -1"
|
|
|
+ v-if="
|
|
|
+ tools[ppage - 1].tools &&
|
|
|
+ tools[ppage - 1].tools.indexOf(1) != -1
|
|
|
+ "
|
|
|
@click="checkTools(1)"
|
|
|
class="toolCss"
|
|
|
>
|
|
@@ -155,17 +160,26 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(3) != -1"
|
|
|
+ v-if="
|
|
|
+ tools[ppage - 1].tools &&
|
|
|
+ tools[ppage - 1].tools.indexOf(3) != -1
|
|
|
+ "
|
|
|
@click="checkTools(3)"
|
|
|
class="toolCss"
|
|
|
>
|
|
|
<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="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(4) != -1"
|
|
|
+ v-if="
|
|
|
+ tools[ppage - 1].tools &&
|
|
|
+ tools[ppage - 1].tools.indexOf(4) != -1
|
|
|
+ "
|
|
|
@click="checkTools(4)"
|
|
|
class="toolCss"
|
|
|
>
|
|
@@ -175,7 +189,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(6) != -1"
|
|
|
+ v-if="
|
|
|
+ tools[ppage - 1].tools &&
|
|
|
+ tools[ppage - 1].tools.indexOf(6) != -1
|
|
|
+ "
|
|
|
@click="checkTools(6)"
|
|
|
class="toolCss"
|
|
|
>
|
|
@@ -185,12 +202,18 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(7) != -1"
|
|
|
+ v-if="
|
|
|
+ tools[ppage - 1].tools &&
|
|
|
+ tools[ppage - 1].tools.indexOf(7) != -1
|
|
|
+ "
|
|
|
@click="checkTools(7)"
|
|
|
class="toolCss"
|
|
|
>
|
|
|
<div class="toolImg">
|
|
|
- <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
|
|
|
+ <img
|
|
|
+ src="../assets/icon/secondToolList/mindNetwork.png"
|
|
|
+ alt
|
|
|
+ />
|
|
|
<div>思维网格</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -207,7 +230,11 @@
|
|
|
<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
|
|
@@ -220,7 +247,11 @@
|
|
|
<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
|
|
@@ -229,11 +260,31 @@
|
|
|
ref="mind"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
+ <div v-if="toolCount == 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
|
|
@@ -303,7 +354,11 @@
|
|
|
</div>
|
|
|
</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>
|
|
@@ -329,10 +384,17 @@
|
|
|
<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>
|
|
@@ -342,7 +404,9 @@
|
|
|
<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"
|
|
@@ -435,15 +499,15 @@ export default {
|
|
|
tools: [
|
|
|
"",
|
|
|
"",
|
|
|
- "", //选择题
|
|
|
- "", //倒计时
|
|
|
- "", //问答题
|
|
|
- "", //问答题
|
|
|
- "", //思维导图/电子白板
|
|
|
- "", //选人回答
|
|
|
- "", //倒计时、分小组
|
|
|
- "", //思维导图/电子白板/思维网格
|
|
|
- "", //查看作业
|
|
|
+ "",
|
|
|
+ { tools: [12] }, //问答题
|
|
|
+ "",
|
|
|
+ { tools: [6, 14] }, //协同文档
|
|
|
+ { tools: [3, 14] }, //思维导图
|
|
|
+ "",
|
|
|
+ "",
|
|
|
+ "",
|
|
|
+ "",
|
|
|
//1、电子白板 2、便签 3、思维导图 4、问卷调查 5、量规评分 6、协同文档 7、思维网格 8、素材库 9、选择题 10、倒计时 11、问答题 12、选人回答 13、分小组 14、老师对提交作业进行评价
|
|
|
],
|
|
|
rateList: {
|
|
@@ -489,11 +553,14 @@ 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) {
|
|
@@ -854,7 +921,10 @@ export default {
|
|
|
this.isBlock = 3;
|
|
|
} else {
|
|
|
this.isBlock = 0;
|
|
|
- if (this.tools[page - 1].tools && this.tools[page - 1].tools.indexOf(9) != -1) {
|
|
|
+ if (
|
|
|
+ this.tools[page - 1].tools &&
|
|
|
+ this.tools[page - 1].tools.indexOf(9) != -1
|
|
|
+ ) {
|
|
|
this.isBlock = 1;
|
|
|
}
|
|
|
// if (this.ppage > 3) {
|
|
@@ -865,7 +935,8 @@ export default {
|
|
|
this.toolCount = 0;
|
|
|
if (
|
|
|
this.tools[page - 1].tools &&
|
|
|
- (this.tools[page - 1].tools[0] == 14 || this.tools[page - 1].tools[0] == 12)
|
|
|
+ (this.tools[page - 1].tools[0] == 14 ||
|
|
|
+ this.tools[page - 1].tools[0] == 12)
|
|
|
) {
|
|
|
this.isBlock = 0;
|
|
|
}
|
|
@@ -877,7 +948,10 @@ export default {
|
|
|
) {
|
|
|
this.isBlock = 4;
|
|
|
}
|
|
|
- if (this.tools[page - 1].tools && this.tools[page - 1].tools.length > 1) {
|
|
|
+ if (
|
|
|
+ this.tools[page - 1].tools &&
|
|
|
+ this.tools[page - 1].tools.length > 1
|
|
|
+ ) {
|
|
|
this.isBlock = 4;
|
|
|
}
|
|
|
if (this.tools[page - 1].tools && !this.tools[page - 1].tools.length) {
|
|
@@ -927,17 +1001,25 @@ 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 = () => {
|