|
|
@@ -159,20 +159,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="answerBox" style="height: 90%" v-if="isBlock == 2">
|
|
|
+ <div class="answerBox" style="height: 100%" v-if="isBlock == 2">
|
|
|
<div style="height: 100%; width: 100%">
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 1"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
+ <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"
|
|
|
- />
|
|
|
+ <img src="../assets/full.png" class="full" @click="fullTools" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -180,18 +173,11 @@
|
|
|
src="https://iwb.cocorobo.cn/"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 2"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
+ <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"
|
|
|
- />
|
|
|
+ <img src="../assets/full.png" class="full" @click="fullTools" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -199,18 +185,11 @@
|
|
|
src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/note"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 3"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 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
|
|
|
@@ -218,18 +197,11 @@
|
|
|
src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 4"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
+ <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"
|
|
|
- />
|
|
|
+ <img src="../assets/full.png" class="full" @click="fullTools" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -237,18 +209,11 @@
|
|
|
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 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"
|
|
|
- />
|
|
|
+ <img src="../assets/full.png" class="full" @click="fullTools" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -256,18 +221,11 @@
|
|
|
src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 7"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
+ <div v-if="toolsList[0].tools[howTools] == 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
|
|
|
@@ -275,18 +233,11 @@
|
|
|
src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-if="toolsList[0].tools[howTools] == 8"
|
|
|
- class="tools_child_box"
|
|
|
- >
|
|
|
+ <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"
|
|
|
- />
|
|
|
+ <img src="../assets/full.png" class="full" @click="fullTools" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -294,76 +245,44 @@
|
|
|
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 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"
|
|
|
- />
|
|
|
+ <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 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"
|
|
|
- />
|
|
|
+ <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 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"
|
|
|
- />
|
|
|
+ <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 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"
|
|
|
- />
|
|
|
+ <img src="../assets/full.png" class="full" @click="fullTools" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>分小组</div>
|
|
|
</div>
|
|
|
<div class="nextStepBox" v-if="toolsList[0].tools.length > 1">
|
|
|
- <div
|
|
|
- class="nextStepOne"
|
|
|
- @click="howTools--"
|
|
|
- v-if="howTools != 0"
|
|
|
- >
|
|
|
+ <div class="nextStepOne" @click="howTools--" v-if="howTools != 0">
|
|
|
上一步
|
|
|
</div>
|
|
|
<div
|
|
|
@@ -427,11 +346,7 @@
|
|
|
</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>
|
|
|
@@ -457,12 +372,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>取消</el-button>
|
|
|
<el-button type="primary">确定</el-button>
|
|
|
@@ -594,9 +504,7 @@
|
|
|
<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"
|
|
|
@@ -739,14 +647,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) {
|
|
|
@@ -1205,6 +1110,11 @@ export default {
|
|
|
.anserBoxCss >>> .el-radio__inner {
|
|
|
border-radius: 0px !important;
|
|
|
}
|
|
|
+.nextStepBox {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
.nextStepOne {
|
|
|
background: #6b92c9;
|
|
|
color: #fff;
|
|
|
@@ -1214,11 +1124,13 @@ export default {
|
|
|
line-height: 35px;
|
|
|
font-size: 14px;
|
|
|
border-radius: 5px;
|
|
|
- position: absolute;
|
|
|
- bottom: 50px;
|
|
|
- left: 40%;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+
|
|
|
+.nextStepOne,
|
|
|
+.nextStepOne {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
.toolList {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
@@ -1444,25 +1356,4 @@ img {
|
|
|
width: 100% !important;
|
|
|
max-width: 100% !important;
|
|
|
}
|
|
|
-.nextStepBox {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-.nextStepOne {
|
|
|
- background: #6b92c9;
|
|
|
- color: #fff;
|
|
|
- width: 110px;
|
|
|
- text-align: center;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- font-size: 14px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.nextStepOne,
|
|
|
-.nextStepOne {
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
</style>
|
