full

src/components/pages/liveRoom.vue

@@ -15,23 +15,17 @@
         <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'">
+      <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="
@@ -44,14 +38,8 @@
         "
         v-if="isBlock == 1 || isBlock == 2 || 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">
@@ -64,9 +52,7 @@
                 <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">
@@ -75,9 +61,7 @@
                 :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
@@ -85,16 +69,14 @@
                 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>
-            <!-- <el-button type="primary" @click="isBlock = 2">返回</el-button> -->
-          </span>
+              <el-button type="primary" @click="isBlock = 0">关闭</el-button>
+              <!-- <el-button type="primary" @click="isBlock = 2">返回</el-button> -->
+            </span>
           </div>
         </div>
       </div>
@@ -163,122 +145,59 @@
           选择工具
         </div>-->
 
-        <div
-          v-if="toolsList[0].tools.length == 1"
-          style="height: 100%; width: 100%"
-        >
-          <div
-            v-if="toolsList[0].tools[0] == 9"
-            style="height: 90%; width: 100%"
-          >
-            选择题
-          </div>
-          <div
-            v-if="toolsList[0].tools[0] == 10"
-            style="height: 90%; width: 100%"
-          >
-            倒计时
-          </div>
-          <div
-            v-if="toolsList[0].tools[0] == 11"
-            style="height: 90%; width: 100%"
-          >
-            问答题
-          </div>
-          <div
-            v-if="toolsList[0].tools[0] == 12"
-            style="height: 90%; width: 100%"
-          >
-            选人回答
-          </div>
-          <div
-            v-if="toolsList[0].tools[0] == 13"
-            style="height: 90%; width: 100%"
-          >
-            分小组
-          </div>
-          <div
-            v-if="toolsList[0].tools[0] == 14"
-            style="height: 90%; width: 100%"
-          >
-            作业评价
-          </div>
+        <div v-if="toolsList[0].tools.length == 1" style="height: 100%; width: 100%">
+          <div v-if="toolsList[0].tools[0] == 9" style="height: 90%; width: 100%">选择题</div>
+          <div v-if="toolsList[0].tools[0] == 10" style="height: 90%; width: 100%">倒计时</div>
+          <div v-if="toolsList[0].tools[0] == 11" style="height: 90%; width: 100%">问答题</div>
+          <div v-if="toolsList[0].tools[0] == 12" style="height: 90%; width: 100%">选人回答</div>
+          <div v-if="toolsList[0].tools[0] == 13" style="height: 90%; width: 100%">分小组</div>
+          <div v-if="toolsList[0].tools[0] == 14" style="height: 90%; width: 100%">作业评价</div>
           <div class="nextStepOne" @click="isBlock = 0">关闭</div>
         </div>
         <div v-else style="height: 100%; width: 100%">
-          <div
-            v-if="toolsList[0].tools[howTools] == 1"
-            style="height: 90%; width: 100%"
-          >
-            <iframe
-              style="width: 100%; height: 100%; border: none"
-              src="https://iwb.cocorobo.cn/"
-            ></iframe>
+          <div v-if="toolsList[0].tools[howTools] == 1" style="height: 90%; width: 100%">
+            <iframe style="width: 100%; height: 100%; border: none" src="https://iwb.cocorobo.cn/"></iframe>
           </div>
-          <div
-            v-if="toolsList[0].tools[howTools] == 2"
-            style="height: 90%; width: 100%"
-          >
+          <div v-if="toolsList[0].tools[howTools] == 2" style="height: 90%; width: 100%">
             <iframe
               style="width: 100%; height: 100%; border: none"
               src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/note"
             ></iframe>
           </div>
-          <div
-            v-if="toolsList[0].tools[howTools] == 3"
-            style="height: 90%; width: 100%"
-          >
+          <div v-if="toolsList[0].tools[howTools] == 3" style="height: 90%; width: 100%">
             <iframe
               style="width: 100%; height: 100%; border: none"
               src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
             ></iframe>
           </div>
-          <div
-            v-if="toolsList[0].tools[howTools] == 4"
-            style="height: 90%; width: 100%"
-          >
+          <div v-if="toolsList[0].tools[howTools] == 4" style="height: 90%; width: 100%">
             <iframe
               style="width: 100%; height: 100%; border: none"
               src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/ask"
             ></iframe>
           </div>
-          <div
-            v-if="toolsList[0].tools[howTools] == 6"
-            style="height: 90%; width: 100%"
-          >
+          <div v-if="toolsList[0].tools[howTools] == 6" style="height: 90%; width: 100%">
             <iframe
               style="width: 100%; height: 100%; border: none"
               src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
             ></iframe>
           </div>
-          <div
-            v-if="toolsList[0].tools[howTools] == 7"
-            style="height: 90%; width: 100%"
-          >
+          <div v-if="toolsList[0].tools[howTools] == 7" style="height: 90%; width: 100%">
             <iframe
               style="width: 100%; height: 100%; border: none"
               src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
             ></iframe>
           </div>
-          <div
-            v-if="toolsList[0].tools[howTools] == 8"
-            style="height: 90%; width: 100%"
-          >
+          <div v-if="toolsList[0].tools[howTools] == 8" style="height: 90%; width: 100%">
             <iframe
               style="width: 100%; height: 100%; border: none"
               src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/library"
             ></iframe>
           </div>
-          <div
-            v-if="toolsList[0].tools[howTools] == 10"
-            style="height: 90%; width: 100%"
-          >
+          <div v-if="toolsList[0].tools[howTools] == 10" style="height: 90%; width: 100%">
             <div>倒计时</div>
           </div>
-          <div
-            v-if="toolsList[0].tools[howTools] == 13"
-            style="height: 90%; width: 100%"
-          >
+          <div v-if="toolsList[0].tools[howTools] == 13" style="height: 90%; width: 100%">
             <div>分小组</div>
           </div>
           <div class="nextStepOne" @click="nextTool">下一步</div>
@@ -300,7 +219,7 @@
             style="width: 100%; height: 100%; border: none"
             src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
           ></iframe>
-        </div> -->
+        </div>-->
         <!-- <div class="nextStepOne" @click="nextTool">下一步</div> -->
       </div>
 
@@ -325,13 +244,15 @@
             height: 25px;
             line-height: 25px;
           "
-        >
-          查看作业
-        </div>
+        >查看作业</div>
         <div class="workBox">
           <div class="works" v-for="(w, wIndex) in worksList" :key="wIndex">
             <div class="workImg">
-              <img :src="w.upload.upImg ? w.upload.upImg[0].url : mr" alt />
+              <img
+                :src="w.upload.upImg ? w.upload.upImg[0].url : mr"
+                @click="previewImg(w.upload.upImg ? w.upload.upImg[0].url : mr)"
+                alt
+              />
             </div>
             <div class="workDetail">
               <div class="workLeft">
@@ -350,16 +271,12 @@
 
     <div class="blackBottomB">
       <div style="display: flex">
-        <div class="blackButton" @click="answerWork" v-if="steps == 3">
-          开始答题
-        </div>
+        <div class="blackButton" @click="answerWork" v-if="steps == 3">开始答题</div>
         <div
           class="blackButton"
           @click="isBlock = 5"
           v-if="4 <= steps && steps <= 12 && steps != 8 && 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>
@@ -379,9 +296,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;
@@ -395,9 +312,7 @@
           cursor: pointer;
         "
         @click="dialogVisible = false"
-      >
-        确定
-      </div>
+      >确定</div>
     </el-dialog>
     <el-dialog
       :visible.sync="dialogVisible1"
@@ -406,9 +321,7 @@
       :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;
@@ -422,9 +335,7 @@
           cursor: pointer;
         "
         @click="dialogVisible1 = false"
-      >
-        确定
-      </div>
+      >确定</div>
     </el-dialog>
     <el-dialog
       :visible.sync="dialogVisible2"
@@ -433,9 +344,7 @@
       :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;
@@ -449,9 +358,7 @@
           cursor: pointer;
         "
         @click="dialogVisible2 = false"
-      >
-        确定
-      </div>
+      >确定</div>
     </el-dialog>
   </div>
 </template>
@@ -468,6 +375,7 @@ export default {
       pdfUrl:
         "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0629%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%B61656920880446.pdf",
       isLoading: false,
+      full:false,
       formLabelWidth: "100px",
       userid: this.$route.query.userid,
       cid: this.$route.query.cid,
@@ -591,14 +499,13 @@ 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) {
@@ -771,6 +678,9 @@ export default {
           console.error(err);
         });
     },
+    previewImg(url) {
+      this.$hevueImgPreview(url);
+    },
   },
   created() {
     this.selectSWork();
@@ -942,6 +852,8 @@ export default {
 .workTx > img {
   width: 100%;
   height: 100%;
+  object-fit: cover;
+  cursor: pointer;
 }
 .nextStepOne {
   background: #6b92c9;