|
|
@@ -15,11 +15,16 @@
|
|
|
<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="type !== 0 || steps > 0 ? 'imghalf' : 'imgMiddle'">
|
|
|
+ <div
|
|
|
+ class="imgMiddle"
|
|
|
+ :class="type !== 0 || steps > 0 ? 'imghalf' : 'imgMiddle'"
|
|
|
+ >
|
|
|
<!-- <img src="../../assets/icon/kc1.png" alt /> -->
|
|
|
<iframe
|
|
|
style="width: 100%; height: 100%; border: none"
|
|
|
@@ -37,8 +42,14 @@
|
|
|
padding: 0px 0 50px;
|
|
|
"
|
|
|
>
|
|
|
- <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="type == 1">
|
|
|
<div class="answerTimuBox" v-for="item in 1" :key="item">
|
|
|
@@ -51,7 +62,9 @@
|
|
|
<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-else>
|
|
|
@@ -60,7 +73,9 @@
|
|
|
:class="{ pAnswer: item.is == 2 }"
|
|
|
v-for="(item, index) in studentArray"
|
|
|
:key="index"
|
|
|
- >{{ item.name }}</div>
|
|
|
+ >
|
|
|
+ {{ item.name }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="memberBox" v-else>
|
|
|
<div
|
|
|
@@ -68,10 +83,19 @@
|
|
|
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="answerType == 1"
|
|
|
+ >
|
|
|
+ 正在答题......
|
|
|
+ </div>
|
|
|
+ <div class="viewSta" @click="lookData" v-if="answerType == 1">
|
|
|
+ 查看数据统计
|
|
|
</div>
|
|
|
- <div style="color: #948bdc; padding-top: 15px" v-if="answerType == 1">正在答题......</div>
|
|
|
- <div class="viewSta" @click="lookData" v-if="answerType == 1">查看数据统计</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -79,7 +103,17 @@
|
|
|
v-if="type == 3"
|
|
|
style="background: #d0d6e4height:92%;; min-width: 40%;max-width: 40%;overflow:auto;padding: 0px 0 50px;"
|
|
|
>
|
|
|
- <div style="background: #fff; width: 96%; margin: 10px auto">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ background: #fff;
|
|
|
+ width: 96%;
|
|
|
+ margin: 10px auto;
|
|
|
+ position: relative;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="close" @click="(steps = 0), (type = 0)">
|
|
|
+ <img src="../../assets/icon/close.png" alt="" />
|
|
|
+ </div>
|
|
|
<div style="color: #bfbfbf; padding: 15px 0 20px 25px">数据统计</div>
|
|
|
<div style="padding-left: 25px">
|
|
|
目前A选项
|
|
|
@@ -119,17 +153,27 @@
|
|
|
text-align: center;
|
|
|
margin-bottom: 20px;
|
|
|
"
|
|
|
- >选择工具</div>
|
|
|
+ >
|
|
|
+ 选择工具
|
|
|
+ </div>
|
|
|
<div class="toolList">
|
|
|
<div class="tools">
|
|
|
<div>
|
|
|
- <img src="../../assets/icon/mindNetwork.png" alt @click="addTool(7)" />
|
|
|
+ <img
|
|
|
+ src="../../assets/icon/mindNetwork.png"
|
|
|
+ alt
|
|
|
+ @click="addTool(7)"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div>思维网格</div>
|
|
|
</div>
|
|
|
<div class="tools">
|
|
|
<div>
|
|
|
- <img src="../../assets/icon/whiteBoard.png" alt @click="addTool(1)" />
|
|
|
+ <img
|
|
|
+ src="../../assets/icon/whiteBoard.png"
|
|
|
+ alt
|
|
|
+ @click="addTool(1)"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div>电子白板</div>
|
|
|
</div>
|
|
|
@@ -151,7 +195,13 @@
|
|
|
<div class="blackButton" @click="checkStudentAnswer">选择学生回答</div>
|
|
|
<div class="blackButton" @click="dialogVisible1 = true">查看作业</div>
|
|
|
</div>
|
|
|
- <div class="blackButton" style="margin-right: 10px" @click="dialogVisible2 = true">查看报告</div>
|
|
|
+ <div
|
|
|
+ class="blackButton"
|
|
|
+ style="margin-right: 10px"
|
|
|
+ @click="dialogVisible2 = true"
|
|
|
+ >
|
|
|
+ 查看报告
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<el-dialog
|
|
|
title="选择答题"
|
|
|
@@ -161,9 +211,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;
|
|
|
@@ -177,7 +227,9 @@
|
|
|
cursor: pointer;
|
|
|
"
|
|
|
@click="dialogVisible = false"
|
|
|
- >确定</div>
|
|
|
+ >
|
|
|
+ 确定
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
<el-dialog
|
|
|
:visible.sync="dialogVisible1"
|
|
|
@@ -186,7 +238,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;
|
|
|
@@ -200,7 +254,9 @@
|
|
|
cursor: pointer;
|
|
|
"
|
|
|
@click="dialogVisible1 = false"
|
|
|
- >确定</div>
|
|
|
+ >
|
|
|
+ 确定
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
<el-dialog
|
|
|
:visible.sync="dialogVisible2"
|
|
|
@@ -209,7 +265,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;
|
|
|
@@ -223,7 +281,9 @@
|
|
|
cursor: pointer;
|
|
|
"
|
|
|
@click="dialogVisible2 = false"
|
|
|
- >确定</div>
|
|
|
+ >
|
|
|
+ 确定
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -339,13 +399,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) {
|
|
|
@@ -483,7 +544,8 @@ export default {
|
|
|
.imgMiddle > img,
|
|
|
.imghalf > img,
|
|
|
.szt > img,
|
|
|
-.logoLive > img {
|
|
|
+.logoLive > img,
|
|
|
+.close > img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
max-height: 920px;
|
|
|
@@ -666,4 +728,11 @@ export default {
|
|
|
color: #fff;
|
|
|
background: #5e78fa;
|
|
|
}
|
|
|
+.close {
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ top: 10px;
|
|
|
+ width: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
</style>
|
zengyicheng
