lsc 3 سال پیش
والد
کامیت
fbbf610f42
3فایلهای تغییر یافته به همراه77 افزوده شده و 38 حذف شده
  1. BIN
      src/assets/close1.png
  2. BIN
      src/assets/full.png
  3. 77 38
      src/components/liveProjectDetail.vue

BIN
src/assets/close1.png


BIN
src/assets/full.png


+ 77 - 38
src/components/liveProjectDetail.vue

@@ -33,7 +33,11 @@
       </div>-->
     </div>
     <div class="isNoOther">
-      <div class="imgMiddle" :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'">
+      <div
+        class="imgMiddle"
+        :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'"
+        v-show="!full"
+      >
         <!-- <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"
@@ -53,6 +57,7 @@
           max-width: 40%;
           overflow: auto;
         "
+        :class="{ fullStyle: full }"
         v-if="isBlock > 0"
       >
         <div
@@ -173,83 +178,62 @@
               </div>
               <!-- <div v-if="toolsList[0].tools[0] == 14" style="height: 90%; width: 100%">
                 作业评价
-              </div> -->
+              </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%"
-              >
+              <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" />
+                  </div>
+                </div>
                 <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" class="tools_child_box">
                 <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" class="tools_child_box">
                 <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" class="tools_child_box">
                 <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" class="tools_child_box">
                 <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" class="tools_child_box">
                 <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" class="tools_child_box">
                 <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" class="tools_child_box">
                 <div>倒计时</div>
               </div>
-              <div
-                v-if="toolsList[0].tools[howTools] == 13"
-                style="height: 90%; width: 100%"
-              >
+              <div v-if="toolsList[0].tools[howTools] == 13" class="tools_child_box">
                 <div>分小组</div>
               </div>
               <div class="nextStepOne" @click="nextTool" v-if="isNext == true">
@@ -517,6 +501,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",
       ppage: 2,
+      full: false,
       pageTotal: 0,
       howTools: 0,
       toolsList: [],
@@ -903,6 +888,9 @@ export default {
     getPageTotal(total) {
       this.pageTotal = total;
     },
+    fullTools() {
+      this.full = !this.full;
+    },
   },
   beforeDestroy() {
     clearInterval(this.timer);
@@ -1275,4 +1263,55 @@ export default {
   border: 1px solid;
   border-radius: 0px;
 }
+
+.tools_title {
+  background: #000;
+  position: absolute;
+  width: 100%;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  height: 40px;
+  justify-content: space-between;
+  padding: 0 15px;
+  box-sizing: border-box;
+}
+.tools_title span {
+  color: #fff;
+}
+.tools_title div {
+  display: flex;
+  align-items: center;
+}
+.full,
+.closeImg {
+  height: 22px;
+  cursor: pointer;
+}
+.tools_title img,
+img {
+  margin-left: 10px;
+}
+
+.tools_box {
+  width: 38.5%;
+  max-width: 38.5%;
+  overflow: auto;
+  background: rgb(255, 255, 255);
+  height: 91.5%;
+  position: relative;
+  margin: 10px 15px;
+}
+
+.tools_child_box {
+  width: 100%;
+  height: calc(90% - 40px);
+  padding-top: 40px;
+}
+
+.fullStyle {
+  width: 100% !important;
+  max-width: 100% !important;
+}
 </style>