|
|
@@ -15,17 +15,27 @@
|
|
|
<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">
|
|
|
+ 湖心亭看雪可可乐博模拟展示课件
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="isNoOther">
|
|
|
- <div class="imgMiddle" :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'" v-show="!full">
|
|
|
+ <div
|
|
|
+ class="imgMiddle"
|
|
|
+ :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'"
|
|
|
+ v-show="!full"
|
|
|
+ >
|
|
|
<!-- <img src="../../assets/icon/kc1.png" alt /> -->
|
|
|
<!-- <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"
|
|
|
></iframe>-->
|
|
|
- <pdf :pdfUrl="pdfUrl" style="width: 100%; height: 100%" :getPage="getPage"></pdf>
|
|
|
+ <pdf
|
|
|
+ :pdfUrl="pdfUrl"
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ :getPage="getPage"
|
|
|
+ ></pdf>
|
|
|
</div>
|
|
|
<div
|
|
|
style="
|
|
|
@@ -36,10 +46,16 @@
|
|
|
overflow: auto;
|
|
|
padding: 0px 0 50px;
|
|
|
"
|
|
|
- v-if="isBlock == 1 || isBlock == 2 || isBlock == 6"
|
|
|
+ v-if="isBlock == 1 || isBlock == 6"
|
|
|
>
|
|
|
- <div style="background: #fff; height: 92%; width: 96%; margin: 10px auto">
|
|
|
- <div style="color: #bfbfbf; padding: 15px 0 20px 25px; font-size: 20px">答题查看</div>
|
|
|
+ <div
|
|
|
+ style="background: #fff; height: 92%; width: 96%; margin: 10px auto"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ style="color: #bfbfbf; padding: 15px 0 20px 25px; font-size: 20px"
|
|
|
+ >
|
|
|
+ 答题查看
|
|
|
+ </div>
|
|
|
|
|
|
<div class="answerBox" v-if="isBlock == 1">
|
|
|
<div class="answerTimuBox" v-for="item in 1" :key="item">
|
|
|
@@ -52,16 +68,18 @@
|
|
|
<span>C</span>
|
|
|
<span>D</span>
|
|
|
</div>
|
|
|
- <el-button style="margin: 0 auto" @click="showMember(item)">开始答题</el-button>
|
|
|
+ <!-- <el-button style="margin: 0 auto" @click="showMember(item)">开始答题</el-button> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="answerBox" v-if="isBlock == 2 || isBlock == 6">
|
|
|
- <div class="memberBox" v-if="isBlock == 2">
|
|
|
+ <div class="answerBox" v-if="isBlock == 1 || isBlock == 6">
|
|
|
+ <div class="memberBox" v-if="isBlock == 1">
|
|
|
<div
|
|
|
:class="{ pAnswer: item.is == 2 }"
|
|
|
v-for="(item, index) in studentArray"
|
|
|
:key="index"
|
|
|
- >{{ item.name }}</div>
|
|
|
+ >
|
|
|
+ {{ item.name }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="memberBox" v-if="isBlock == 6">
|
|
|
<div
|
|
|
@@ -69,12 +87,22 @@
|
|
|
v-for="(item, index) in studentArray2"
|
|
|
:key="index"
|
|
|
@click="whoAnswer(item, index)"
|
|
|
- >{{ item.name }}</div>
|
|
|
+ >
|
|
|
+ {{ item.name }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div style="color: #948bdc; padding-top: 15px" v-if="isBlock == 2">正在答题......</div>
|
|
|
- <div class="viewSta" @click="isBlock = 3" v-if="isBlock == 2">查看数据统计</div>
|
|
|
- <span slot="footer" class="dialog-footer sztFooter" v-if="isBlock == 6">
|
|
|
- <el-button type="primary" @click="isBlock = 0">关闭</el-button>
|
|
|
+ <div style="color: #948bdc; padding-top: 15px" v-if="isBlock == 1">
|
|
|
+ 正在答题......
|
|
|
+ </div>
|
|
|
+ <div class="viewSta" @click="isBlock = 3" v-if="isBlock == 1">
|
|
|
+ 查看数据统计
|
|
|
+ </div>
|
|
|
+ <span
|
|
|
+ slot="footer"
|
|
|
+ class="dialog-footer sztFooter"
|
|
|
+ v-if="isBlock == 6"
|
|
|
+ >
|
|
|
+ <el-button type="primary" @click="isBlock = 0">结束</el-button>
|
|
|
<!-- <el-button type="primary" @click="isBlock = 2">返回</el-button> -->
|
|
|
</span>
|
|
|
</div>
|
|
|
@@ -116,11 +144,187 @@
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer sztFooter">
|
|
|
<el-button type="primary" @click="isBlock = 0">关闭</el-button>
|
|
|
- <el-button type="primary" @click="isBlock = 2">返回</el-button>
|
|
|
+ <el-button type="primary" @click="isBlock = 1">返回</el-button>
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 5">
|
|
|
+ <div
|
|
|
+ class="answerBox tools_box"
|
|
|
+ v-if="isBlock == 2"
|
|
|
+ style="padding: 10px 0 0 25px"
|
|
|
+ >
|
|
|
+ <div style="color: #d1d1d1; font-size: 24px">课堂实践</div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ margin: 20px 0 20px 0;
|
|
|
+ border-bottom: 4px solid #3e86f3;
|
|
|
+ width: 75px;
|
|
|
+ text-align: center;
|
|
|
+ padding-bottom: 3px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 选择工具
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ width: 100%;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-if="toolsList[0].tools.indexOf(1) != -1"
|
|
|
+ @click="(isBlock = 5), (toolCount = 1)"
|
|
|
+ class="toolCss"
|
|
|
+ >
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://iwb.cocorobo.cn/"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <img
|
|
|
+ src="../../assets/icon/secondToolList/whiteBoard.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div>电子白板</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="toolsList[0].tools.indexOf(2) != -1"
|
|
|
+ @click="(isBlock = 5), (toolCount = 2)"
|
|
|
+ class="toolCss"
|
|
|
+ >
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://iwb.cocorobo.cn/"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <img src="../../assets/icon/secondToolList/note.png" alt="" />
|
|
|
+ <div>便签</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="toolsList[0].tools.indexOf(3) != -1"
|
|
|
+ @click="(isBlock = 5), (toolCount = 3)"
|
|
|
+ class="toolCss"
|
|
|
+ >
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <img
|
|
|
+ src="../../assets/icon/secondToolList/mindMapping.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div>思维导图</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="toolsList[0].tools.indexOf(4) != -1"
|
|
|
+ @click="(isBlock = 5), (toolCount = 4)"
|
|
|
+ class="toolCss"
|
|
|
+ >
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <img src="../../assets/icon/thirdToolList/ask.png" alt="" />
|
|
|
+ <div>问卷调查</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="toolsList[0].tools.indexOf(6) != -1"
|
|
|
+ @click="(isBlock = 5), (toolCount = 6)"
|
|
|
+ class="toolCss"
|
|
|
+ >
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <img src="../../assets/icon/secondToolList/doc.png" alt="" />
|
|
|
+ <div>协同文档</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="toolsList[0].tools.indexOf(7) != -1"
|
|
|
+ @click="(isBlock = 5), (toolCount = 7)"
|
|
|
+ class="toolCss"
|
|
|
+ >
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <img
|
|
|
+ src="../../assets/icon/secondToolList/mindNetwork.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div>思维网格</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="toolsList[0].tools.indexOf(8) != -1"
|
|
|
+ @click="(isBlock = 5), (toolCount = 8)"
|
|
|
+ class="toolCss"
|
|
|
+ >
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <img src="../../assets/icon/secondToolList/library.png" alt="" />
|
|
|
+ <div>素材库</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="toolsList[0].tools.indexOf(10) != -1" class="toolCss">
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <div>倒计时</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="toolsList[0].tools.indexOf(11) != -1" class="toolCss">
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <div>问答题</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="toolsList[0].tools.indexOf(13) != -1" class="toolCss">
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <div>分小组</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="toolsList[0].tools.indexOf(14) != -1" class="toolCss">
|
|
|
+ <!-- <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
+ ></iframe> -->
|
|
|
+ <div class="toolImg">
|
|
|
+ <div>作业评价</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="answerBox tools_box"
|
|
|
+ :class="{ fullStyle: full }"
|
|
|
+ v-if="isBlock == 5"
|
|
|
+ >
|
|
|
<!-- <div
|
|
|
style="
|
|
|
border-bottom: 3px solid rgb(44, 131, 238);
|
|
|
@@ -133,22 +337,41 @@
|
|
|
选择工具
|
|
|
</div>-->
|
|
|
<div style="height: 100%; width: 100%">
|
|
|
- <div v-if="toolsList[0].tools[howTools] == 1" class="tools_child_box">
|
|
|
+ <div v-if="toolCount == 1" class="tools_child_box">
|
|
|
<div class="tools_title">
|
|
|
<span>电子白板</span>
|
|
|
<div>
|
|
|
- <img src="../../assets/full.png" class="full" @click="fullTools" />
|
|
|
- <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
- <iframe style="width: 100%; height: 100%; border: none" src="https://iwb.cocorobo.cn/"></iframe>
|
|
|
+ <iframe
|
|
|
+ style="width: 100%; height: 100%; border: none"
|
|
|
+ src="https://iwb.cocorobo.cn/"
|
|
|
+ ></iframe>
|
|
|
</div>
|
|
|
<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/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -156,12 +379,20 @@
|
|
|
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="toolCount == 3" class="tools_child_box">
|
|
|
<div class="tools_title">
|
|
|
<span>思维导图</span>
|
|
|
<div>
|
|
|
- <img src="../../assets/full.png" class="full" @click="fullTools" />
|
|
|
- <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -173,8 +404,16 @@
|
|
|
<div class="tools_title">
|
|
|
<span>问卷调查</span>
|
|
|
<div>
|
|
|
- <img src="../../assets/full.png" class="full" @click="fullTools" />
|
|
|
- <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -186,8 +425,16 @@
|
|
|
<div class="tools_title">
|
|
|
<span>协同文档</span>
|
|
|
<div>
|
|
|
- <img src="../../assets/full.png" class="full" @click="fullTools" />
|
|
|
- <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -195,12 +442,20 @@
|
|
|
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="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/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -212,8 +467,16 @@
|
|
|
<div class="tools_title">
|
|
|
<span>素材库</span>
|
|
|
<div>
|
|
|
- <img src="../../assets/full.png" class="full" @click="fullTools" />
|
|
|
- <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<iframe
|
|
|
@@ -225,59 +488,116 @@
|
|
|
<div class="tools_title">
|
|
|
<span>选择题</span>
|
|
|
<div>
|
|
|
- <img src="../../assets/full.png" class="full" @click="fullTools" />
|
|
|
- <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</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/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</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/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</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/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>分小组</div>
|
|
|
</div>
|
|
|
- <div v-if="toolsList[0].tools[howTools] == 14" class="tools_child_box">
|
|
|
+ <div
|
|
|
+ v-if="toolsList[0].tools[howTools] == 14"
|
|
|
+ class="tools_child_box"
|
|
|
+ >
|
|
|
<div class="tools_title">
|
|
|
<span>作业评价</span>
|
|
|
<div>
|
|
|
- <img src="../../assets/full.png" class="full" @click="fullTools" />
|
|
|
- <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
|
|
|
+ <img
|
|
|
+ src="../../assets/full.png"
|
|
|
+ class="full"
|
|
|
+ @click="fullTools"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../assets/close1.png"
|
|
|
+ class="closeImg"
|
|
|
+ @click="closeTools"
|
|
|
+ />
|
|
|
</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>
|
|
|
+ <!-- <div class="nextStepOne" @click="howTools--" v-if="howTools != 0">
|
|
|
+ 上一步
|
|
|
+ </div>
|
|
|
<div
|
|
|
class="nextStepOne"
|
|
|
@click="howTools++"
|
|
|
- v-if="howTools != toolsList[0].tools.length -1"
|
|
|
- >下一步</div>
|
|
|
+ v-if="howTools != toolsList[0].tools.length - 1"
|
|
|
+ >
|
|
|
+ 下一步
|
|
|
+ </div> -->
|
|
|
+ <div class="nextStepOne" @click="isBlock = 2">返回</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div v-if="toolCount == 0" style="height: 90%">
|
|
|
@@ -297,8 +617,8 @@
|
|
|
style="width: 100%; height: 100%; border: none"
|
|
|
src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
></iframe>
|
|
|
- </div>-->
|
|
|
- <!-- <div class="nextStepOne" @click="nextTool">下一步</div> -->
|
|
|
+ </div>
|
|
|
+ <div class="nextStepOne" @click="nextTool">下一步</div> -->
|
|
|
</div>
|
|
|
|
|
|
<div
|
|
|
@@ -322,7 +642,9 @@
|
|
|
height: 25px;
|
|
|
line-height: 25px;
|
|
|
"
|
|
|
- >查看作业</div>
|
|
|
+ >
|
|
|
+ 查看作业
|
|
|
+ </div>
|
|
|
<div class="workBox">
|
|
|
<div class="works" v-for="(w, wIndex) in worksList" :key="wIndex">
|
|
|
<div class="workImg">
|
|
|
@@ -349,10 +671,12 @@
|
|
|
|
|
|
<div class="blackBottomB">
|
|
|
<div style="display: flex">
|
|
|
- <div class="blackButton" @click="answerWork" v-if="steps == 3">开始答题</div>
|
|
|
+ <div class="blackButton" @click="showMember(0)" v-if="steps == 3">
|
|
|
+ 开始答题
|
|
|
+ </div>
|
|
|
<div
|
|
|
class="blackButton"
|
|
|
- @click="isBlock = 5"
|
|
|
+ @click="isBlock = 2"
|
|
|
v-if="
|
|
|
4 <= steps &&
|
|
|
steps <= 12 &&
|
|
|
@@ -360,9 +684,19 @@
|
|
|
steps != 11 &&
|
|
|
steps != 12
|
|
|
"
|
|
|
- >查看工具</div>
|
|
|
- <div class="blackButton" @click="checkStudentAnswer" v-if="steps == 8">选择学生回答</div>
|
|
|
- <div class="blackButton" @click="isBlock = 4" v-if="steps == 11 || steps == 12">查看作业</div>
|
|
|
+ >
|
|
|
+ 查看工具
|
|
|
+ </div>
|
|
|
+ <div class="blackButton" @click="checkStudentAnswer" v-if="steps == 8">
|
|
|
+ 选择学生回答
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="blackButton"
|
|
|
+ @click="isBlock = 4"
|
|
|
+ v-if="steps == 11 || steps == 12"
|
|
|
+ >
|
|
|
+ 查看作业
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- <div
|
|
|
class="blackButton"
|
|
|
@@ -380,9 +714,9 @@
|
|
|
:before-close="handleClose"
|
|
|
class="dialog_diy"
|
|
|
>
|
|
|
- <div
|
|
|
- style="text-align: center; padding: 20px 0 50px 0; font-size: 18px"
|
|
|
- >是否让“{{ answerStudent }}”同学进行单独答题？</div>
|
|
|
+ <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
|
|
|
+ 是否让“{{ answerStudent }}”同学进行单独答题？
|
|
|
+ </div>
|
|
|
<div
|
|
|
style="
|
|
|
width: 200px;
|
|
|
@@ -396,7 +730,9 @@
|
|
|
cursor: pointer;
|
|
|
"
|
|
|
@click="dialogVisible = false"
|
|
|
- >确定</div>
|
|
|
+ >
|
|
|
+ 确定
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
<el-dialog
|
|
|
:visible.sync="dialogVisible1"
|
|
|
@@ -405,7 +741,9 @@
|
|
|
:before-close="handleClose"
|
|
|
class="dialog_diy"
|
|
|
>
|
|
|
- <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">正在开发中！</div>
|
|
|
+ <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
|
|
|
+ 正在开发中！
|
|
|
+ </div>
|
|
|
<div
|
|
|
style="
|
|
|
width: 200px;
|
|
|
@@ -419,7 +757,9 @@
|
|
|
cursor: pointer;
|
|
|
"
|
|
|
@click="dialogVisible1 = false"
|
|
|
- >确定</div>
|
|
|
+ >
|
|
|
+ 确定
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
<el-dialog
|
|
|
:visible.sync="dialogVisible2"
|
|
|
@@ -428,7 +768,9 @@
|
|
|
:before-close="handleClose"
|
|
|
class="dialog_diy"
|
|
|
>
|
|
|
- <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">课程结束后才有报告！</div>
|
|
|
+ <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
|
|
|
+ 课程结束后才有报告！
|
|
|
+ </div>
|
|
|
<div
|
|
|
style="
|
|
|
width: 200px;
|
|
|
@@ -442,7 +784,9 @@
|
|
|
cursor: pointer;
|
|
|
"
|
|
|
@click="dialogVisible2 = false"
|
|
|
- >确定</div>
|
|
|
+ >
|
|
|
+ 确定
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
<ImgDraw :drawShow="drawShow" @closeDraw="closeDraw" :bg="bg"></ImgDraw>
|
|
|
</div>
|
|
|
@@ -588,13 +932,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) {
|
|
|
@@ -652,9 +997,9 @@ export default {
|
|
|
// this.toolCount = 0;
|
|
|
// }
|
|
|
},
|
|
|
- answerWork() {
|
|
|
- this.isBlock = 1;
|
|
|
- },
|
|
|
+ // answerWork() {
|
|
|
+ // this.isBlock = 1;
|
|
|
+ // },
|
|
|
checkStudentAnswer() {
|
|
|
this.isBlock = 6;
|
|
|
for (var i = 0; i < this.studentArray.length; i++) {
|
|
|
@@ -663,7 +1008,7 @@ export default {
|
|
|
},
|
|
|
showMember(i) {
|
|
|
let _this = this;
|
|
|
- this.isBlock = 2;
|
|
|
+ this.isBlock = 1;
|
|
|
setTimeout(() => {
|
|
|
for (var i = 0; i < 10; i++) {
|
|
|
var a = _this.randomNum(0, _this.studentArray.length - 1);
|
|
|
@@ -788,7 +1133,7 @@ export default {
|
|
|
},
|
|
|
closeTools() {
|
|
|
this.full = false;
|
|
|
- this.isBlock = 0;
|
|
|
+ this.isBlock = 2;
|
|
|
},
|
|
|
},
|
|
|
created() {
|
|
|
@@ -1143,4 +1488,26 @@ img {
|
|
|
width: 100% !important;
|
|
|
max-width: 100% !important;
|
|
|
}
|
|
|
+
|
|
|
+.toolCss {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ width: calc(100% / 6);
|
|
|
+ align-items: center;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.toolImg {
|
|
|
+ width: 70px;
|
|
|
+ height: 70px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.toolImg > img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ margin: 0 !important;
|
|
|
+}
|
|
|
+.toolImg > div {
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
</style>
|
zengyicheng