|
|
@@ -147,10 +147,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"
|
|
|
>
|
|
|
@@ -160,26 +157,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(4) != -1
|
|
|
- "
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(4) != -1"
|
|
|
@click="checkTools(4)"
|
|
|
class="toolCss"
|
|
|
>
|
|
|
@@ -189,10 +177,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"
|
|
|
>
|
|
|
@@ -202,18 +187,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>
|
|
|
@@ -230,11 +209,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
|
|
|
@@ -247,11 +222,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
|
|
|
@@ -264,11 +235,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
|
|
|
@@ -280,11 +247,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
|
|
|
@@ -354,11 +317,7 @@
|
|
|
</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>
|
|
|
@@ -384,24 +343,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="dialogVisible = true"
|
|
|
- >确定</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="dialogVisible = true">确定</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="
|
|
|
@@ -428,21 +376,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>
|
|
|
@@ -454,11 +394,7 @@
|
|
|
<div class="nextStepOne" @click="isBlock = 0">关闭</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="answerBox"
|
|
|
- :class="{ fullStyle: full }"
|
|
|
- v-if="isBlock == 6"
|
|
|
- >
|
|
|
+ <div class="answerBox" :class="{ fullStyle: full }" v-if="isBlock == 6">
|
|
|
<div style="height: 70%; width: 100%">
|
|
|
<div class="wheel">
|
|
|
<div class="workd_media" style="height: 100%">
|
|
|
@@ -503,9 +439,7 @@
|
|
|
<div
|
|
|
class="blackButton"
|
|
|
@click="isBlock = 1"
|
|
|
- v-if="
|
|
|
- tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(9) != -1
|
|
|
- "
|
|
|
+ v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(9) != -1"
|
|
|
>
|
|
|
开始答题
|
|
|
</div>
|
|
|
@@ -513,16 +447,11 @@
|
|
|
class="blackButton"
|
|
|
@click="isBlock = 4"
|
|
|
v-if="
|
|
|
- (tools[ppage - 1].tools &&
|
|
|
- tools[ppage - 1].tools.indexOf(3) != -1) ||
|
|
|
- (tools[ppage - 1].tools &&
|
|
|
- tools[ppage - 1].tools.indexOf(3) != -1) ||
|
|
|
- (tools[ppage - 1].tools &&
|
|
|
- tools[ppage - 1].tools.indexOf(6) != -1) ||
|
|
|
- (tools[ppage - 1].tools &&
|
|
|
- tools[ppage - 1].tools.indexOf(7) != -1) ||
|
|
|
- (tools[ppage - 1].tools &&
|
|
|
- tools[ppage - 1].tools.indexOf(10) != -1) ||
|
|
|
+ (tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(3) != -1) ||
|
|
|
+ (tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(3) != -1) ||
|
|
|
+ (tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(6) != -1) ||
|
|
|
+ (tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(7) != -1) ||
|
|
|
+ (tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(10) != -1) ||
|
|
|
(tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(13) != -1)
|
|
|
"
|
|
|
>
|
|
|
@@ -539,9 +468,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"
|
|
|
@@ -639,7 +566,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",
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
@@ -655,7 +583,8 @@ export default {
|
|
|
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",
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
@@ -743,14 +672,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) {
|
|
|
@@ -1111,9 +1037,7 @@ 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]);
|
|
|
@@ -1149,10 +1073,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) {
|
|
|
@@ -1163,8 +1084,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;
|
|
|
}
|
|
|
@@ -1176,10 +1096,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) {
|
|
|
@@ -1198,6 +1115,7 @@ export default {
|
|
|
} else {
|
|
|
this.ppage = res.data[0][0].page;
|
|
|
this.typeC = [];
|
|
|
+ this.isAnswer = false;
|
|
|
console.log(1);
|
|
|
this.howPage(this.ppage);
|
|
|
}
|
|
|
@@ -1230,25 +1148,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 = () => {
|
