工具修改

src/components/liveProjectDetail.vue

@@ -70,6 +70,7 @@
         >
           <div
             style="color: #bfbfbf; padding: 15px 0 20px 25px; font-size: 20px"
+            v-if="steps != 2"
           >
             课堂实践
           </div>
@@ -85,7 +86,7 @@
           >
             开始答题
           </div>
-          <div
+          <!-- <div
             style="
               margin-left: 25px;
               border-bottom: 3px solid #2c83ee;
@@ -96,7 +97,7 @@
             v-if="steps == 2"
           >
             选择工具
-          </div>
+          </div> -->
           <div class="answerBox" v-if="steps == 1">
             <!-- <div>
               <span class="timuButton">题目</span>
@@ -156,8 +157,26 @@
               </div>
             </div>
           </div>
-          <div class="answerBox" v-if="steps == 2">
-            <div class="toolList">
+          <div class="answerBox" v-if="steps == 2" style="height: 90%">
+            <div v-if="toolCount == 0" style="height: 100%">
+              <iframe
+                style="width: 100%; height: 100%; border: none"
+                src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
+              ></iframe>
+            </div>
+            <div v-if="toolCount == 1" style="height: 100%">
+              <iframe
+                style="width: 100%; height: 100%; border: none"
+                src="https://iwb.cocorobo.cn/"
+              ></iframe>
+            </div>
+            <div v-if="toolCount == 2" style="height: 90%">
+              <iframe
+                style="width: 100%; height: 100%; border: none"
+                src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
+              ></iframe>
+            </div>
+            <!-- <div class="toolList">
               <div class="tools">
                 <div>
                   <img
@@ -188,8 +207,8 @@
                 </div>
                 <div>思维导图</div>
               </div>
-            </div>
-            <div class="nextStepOne" @click="answerWork">下一步</div>
+            </div> -->
+            <div class="nextStepOne" @click="nextTool">下一步</div>
           </div>
         </div>
       </div>
@@ -396,6 +415,7 @@ export default {
       proVisible: false,
       progress: 0,
       typeC: [],
+      toolCount: 0,
     };
   },
   methods: {
@@ -466,6 +486,14 @@ export default {
         window.parent.postMessage({ tools: "7" }, "*");
       }
     },
+    nextTool() {
+      if (this.toolCount < 2) {
+        this.toolCount++;
+      } else {
+        this.steps = 3;
+        this.toolCount = 0;
+      }
+    },
     answerQue() {
       this.dialogVisible = true;
     },