|
|
@@ -168,10 +168,7 @@
|
|
|
"
|
|
|
>
|
|
|
<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"
|
|
|
>
|
|
|
@@ -181,26 +178,17 @@
|
|
|
</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(28) != -1
|
|
|
- "
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(28) != -1"
|
|
|
@click="checkTools(28)"
|
|
|
class="toolCss"
|
|
|
>
|
|
|
@@ -210,10 +198,7 @@
|
|
|
</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"
|
|
|
>
|
|
|
@@ -223,10 +208,7 @@
|
|
|
</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"
|
|
|
>
|
|
|
@@ -236,18 +218,12 @@
|
|
|
</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>
|
|
|
@@ -264,11 +240,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
|
|
|
@@ -284,11 +256,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
|
|
|
@@ -304,11 +272,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
|
|
|
@@ -324,11 +288,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
|
|
|
@@ -343,11 +303,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
|
|
|
@@ -394,9 +350,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="nextStepBox">
|
|
|
- <div class="nextStepOne" @click="(isBlock = 4), (full = false)">
|
|
|
- 返回
|
|
|
- </div>
|
|
|
+ <div class="nextStepOne" @click="(isBlock = 4), (full = false)">返回</div>
|
|
|
</div>
|
|
|
<div
|
|
|
class="nextStepOne"
|
|
|
@@ -464,12 +418,7 @@
|
|
|
<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="addWork(6)">确定</el-button>
|
|
|
@@ -486,9 +435,7 @@
|
|
|
>
|
|
|
<div>
|
|
|
<div v-for="(tk, tIndex) in 7" :key="tIndex" class="tkCss">
|
|
|
- <div style="margin-right: 10px; font-size: 18px">
|
|
|
- {{ tIndex + 1 }}、
|
|
|
- </div>
|
|
|
+ <div style="margin-right: 10px; font-size: 18px">{{ tIndex + 1 }}、</div>
|
|
|
<el-select v-model="tkAnswer[tIndex]" placeholder="请选择答案">
|
|
|
<el-option
|
|
|
v-for="(tkA, tkAIndex) in tkAnswerBox"
|
|
|
@@ -511,22 +458,13 @@
|
|
|
<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="addWork(5)">提交</el-button>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="answerBox"
|
|
|
- v-if="isBlock == 5"
|
|
|
- style="padding: 10px 0 0 25px"
|
|
|
- >
|
|
|
+ <div class="answerBox" v-if="isBlock == 5" style="padding: 10px 0 0 25px">
|
|
|
<div style="color: #d1d1d1; font-size: 24px">课堂实践</div>
|
|
|
<div
|
|
|
style="
|
|
|
@@ -553,21 +491,13 @@
|
|
|
v-if="tools[ppage - 1].file && tools[ppage - 1].file.length"
|
|
|
class="fileBox"
|
|
|
>
|
|
|
- <div
|
|
|
- class="fileListCss"
|
|
|
- v-for="(v, vIndex) in videoList"
|
|
|
- :key="vIndex"
|
|
|
- >
|
|
|
+ <div class="fileListCss" v-for="(v, vIndex) in videoList" :key="vIndex">
|
|
|
<div class="fileCss" @click="playVideo(v.src, vIndex)">
|
|
|
<img src="../assets/uploadMp4.png" alt />
|
|
|
</div>
|
|
|
<div>{{ v.name }}</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="fileListCss"
|
|
|
- v-for="(f, fIndex) in fileList"
|
|
|
- :key="fIndex"
|
|
|
- >
|
|
|
+ <div class="fileListCss" v-for="(f, fIndex) in fileList" :key="fIndex">
|
|
|
<div class="fileCss" @click="openFile(f.src)">
|
|
|
<img src="../assets/file.png" alt />
|
|
|
</div>
|
|
|
@@ -612,11 +542,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="answerBox"
|
|
|
- :class="{ fullStyle: full }"
|
|
|
- v-if="isBlock == 9"
|
|
|
- >
|
|
|
+ <div class="answerBox" :class="{ fullStyle: full }" v-if="isBlock == 9">
|
|
|
<div style="height: 70%; width: 100%">
|
|
|
<div class="wheel">
|
|
|
<div class="workd_media" style="height: 100%">
|
|
|
@@ -644,9 +570,7 @@
|
|
|
class="nextStepOne"
|
|
|
style="float: right"
|
|
|
@click="addImg($event)"
|
|
|
- v-if="
|
|
|
- tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(16) != -1
|
|
|
- "
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(16) != -1"
|
|
|
>
|
|
|
上传文件
|
|
|
<input
|
|
|
@@ -660,9 +584,7 @@
|
|
|
class="nextStepOne"
|
|
|
style="float: right"
|
|
|
@click="addImg($event)"
|
|
|
- v-if="
|
|
|
- tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(29) != -1
|
|
|
- "
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(29) != -1"
|
|
|
>
|
|
|
上传视频
|
|
|
<input
|
|
|
@@ -675,9 +597,7 @@
|
|
|
</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"
|
|
|
@@ -808,7 +728,8 @@ export default {
|
|
|
file: [
|
|
|
{
|
|
|
name: "视频1.mp4",
|
|
|
- src: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9311661413782505.mp4",
|
|
|
+ src:
|
|
|
+ "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9311661413782505.mp4",
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
@@ -822,20 +743,21 @@ export default {
|
|
|
{
|
|
|
tools: [27],
|
|
|
answer: [
|
|
|
- "Feelings",
|
|
|
+ "Time",
|
|
|
"Weather",
|
|
|
"Activities before the festival",
|
|
|
- "Origin",
|
|
|
+ "Activities during the festival",
|
|
|
"Food",
|
|
|
- "Time",
|
|
|
- "ctivities during the festival",
|
|
|
+ "Reason",
|
|
|
+ "Feelings",
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
file: [
|
|
|
{
|
|
|
name: "视频2.mp4",
|
|
|
- src: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9321661413797366.mp4",
|
|
|
+ src:
|
|
|
+ "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9321661413797366.mp4",
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
@@ -865,7 +787,7 @@ export default {
|
|
|
"Origin",
|
|
|
"Food",
|
|
|
"Time",
|
|
|
- "ctivities during the festival",
|
|
|
+ "Activities during the festival",
|
|
|
"Reason",
|
|
|
],
|
|
|
tkAnswer: [],
|
|
|
@@ -941,14 +863,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) {
|
|
|
@@ -1382,16 +1301,12 @@ export default {
|
|
|
for (var i = 0; i < b.length; i++) {
|
|
|
if (
|
|
|
a.indexOf(
|
|
|
- b[i].src
|
|
|
- .split(".")
|
|
|
- [b[i].src.split(".").length - 1].toLocaleUpperCase()
|
|
|
+ b[i].src.split(".")[b[i].src.split(".").length - 1].toLocaleUpperCase()
|
|
|
) != -1
|
|
|
) {
|
|
|
this.fileList.push(b[i]);
|
|
|
} else if (
|
|
|
- b[i].src
|
|
|
- .split(".")
|
|
|
- [b[i].src.split(".").length - 1].toLocaleUpperCase() == "MP3"
|
|
|
+ b[i].src.split(".")[b[i].src.split(".").length - 1].toLocaleUpperCase() == "MP3"
|
|
|
) {
|
|
|
this.videoList2.push(b[i]);
|
|
|
} else {
|
|
|
@@ -1439,10 +1354,7 @@ 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) {
|
|
|
@@ -1453,8 +1365,7 @@ 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;
|
|
|
}
|
|
|
@@ -1466,10 +1377,7 @@ 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) {
|
|
|
@@ -1505,10 +1413,7 @@ export default {
|
|
|
this.isBlock = 8;
|
|
|
}
|
|
|
|
|
|
- if (
|
|
|
- this.tools[this.ppage - 1].file &&
|
|
|
- this.tools[this.ppage - 1].file.length
|
|
|
- ) {
|
|
|
+ if (this.tools[this.ppage - 1].file && this.tools[this.ppage - 1].file.length) {
|
|
|
} else {
|
|
|
this.videoBlock = 0;
|
|
|
}
|
|
|
@@ -1585,25 +1490,17 @@ export default {
|
|
|
"https://pbl.cocorobo.cn/pbl-student-table/dist/js/aws-sdk-2.235.1.min.js";
|
|
|
const script3 = document.createElement("script");
|
|
|
script3.type = "text/javascript";
|
|
|
- script3.src =
|
|
|
- "https://html2canvas.hertzen.com/dist/js/html2canvas.min.js";
|
|
|
+ script3.src = "https://html2canvas.hertzen.com/dist/js/html2canvas.min.js";
|
|
|
const script4 = document.createElement("script");
|
|
|
script4.type = "text/javascript";
|
|
|
- script4.src =
|
|
|
- "https://pbl.cocorobo.cn/pbl-student-table/dist/js/jietu.js";
|
|
|
+ script4.src = "https://pbl.cocorobo.cn/pbl-student-table/dist/js/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 = () => {
|
