Browse Source

提交测试结果调用微信apicocos联调

周玉佂 1 month ago
parent
commit
80b41d9792
1 changed files with 2 additions and 89 deletions
  1. 2 89
      src/views/cognitiveTasks/cocos/index.vue

+ 2 - 89
src/views/cognitiveTasks/cocos/index.vue

@@ -1,91 +1,17 @@
-<!-- <script setup lang="ts"> -->
 <!-- /* -->
 <!-- * 组件名: cocos -->
 <!-- * 组件用途: cocos外框 -->
 <!-- * 创建日期: 2024/8/21 -->
 <!-- * 编写者: JutarryWu -->
 <!-- */ -->
-<!-- const userId = sessionStorage.getItem('userId') -->
-<!-- // const src = `https://byly.jue-ming.com/xuanZeXunLian/?userId=${userId}` -->
-<!-- const src = `http://192.168.1.20:7456/?userId=${userId}` -->
-<!-- async function exec() { -->
-<!-- } -->
-<!-- // 定义响应式数据 -->
-<!-- const hideOne = ref(true) -->
-<!-- const hideTwo = ref(true) -->
-<!-- const iframe = ref() -->
-<!-- // 显示 Cocos 模态框 -->
-<!-- const showCocos = () => { -->
-<!--  hideTwo.value = false -->
-<!--  setTimeout(() => { -->
-<!--    hideOne.value = false -->
-<!--  }, 260) -->
-<!-- } -->
-
-<!-- // 隐藏 Cocos 模态框 -->
-<!-- const hideCocos = () => { -->
-<!--  hideOne.value = true -->
-<!--  setTimeout(() => { -->
-<!--    hideTwo.value = true -->
-<!--  }, 260) -->
-<!-- } -->
-<!-- // 初始化 iframe -->
-<!-- const initIframe = () => { -->
-<!--  showCocos() -->
-<!--  iframe.value = document.getElementById('cocosDialog') -->
-<!--  iframe.value.onload = () => { -->
-<!--    window.addEventListener('message', (e) => { -->
-<!--      if (e.data === 'close') { -->
-<!--        hideCocos() -->
-<!--      } else if (e.data === 'cocos-game-load-over') { -->
-<!--        // console.log('cocos-game-load-over', props.level) -->
-<!--        // sendMessage(props.level) -->
-<!--      } -->
-<!--    }) -->
-<!--  } -->
-<!-- } -->
-
-<!-- // 组件挂载后执行 -->
-<!-- onMounted(() => { -->
-<!--  nextTick(() => { -->
-<!--    initIframe() -->
-<!--  }) -->
-<!-- }) -->
-<!-- // onMounted(() => { -->
-<!-- //   exec() -->
-<!-- // }) -->
-<!-- </script> -->
-
-<!-- <template> -->
-<!--  <section class="app-container"> -->
-<!--    <div v-if="false" class="absolute right-[12px] top-[12px] z-[999] cursor-pointer"> -->
-<!--      <van-icon name="arrow-up" class="text-[24px] text-[#fff]" /> -->
-<!--    </div> -->
-<!--    <iframe -->
-<!--      id="cocosDialog" -->
-<!--      :src="src" -->
-<!--      width="100%" -->
-<!--      height="100%" -->
-<!--      frameborder="0" -->
-<!--      scrolling="no" -->
-<!--    /> -->
-<!--  </section> -->
-<!-- </template> -->
-
-<!-- <style scoped lang="scss"> -->
-<!-- .app-container { -->
-<!-- } -->
-<!-- </style> -->
-<script setup>
-import { nextTick, onMounted, onUnmounted, ref } from 'vue'
-
+<script setup lang="ts">
 const userId = sessionStorage.getItem('userId')
 const src = `https://byly.jue-ming.com/xuanZeXunLian/?userID=${userId}`
 // const src = `http://192.168.1.20:7456/?userID=${userId}`
 // 定义响应式数据
 const hideOne = ref(true)
 const hideTwo = ref(true)
-const iframe = ref(null)
+const iframe = ref()
 const router = useRouter()
 
 // 显示 Cocos 模态框
@@ -95,24 +21,12 @@ function showCocos() {
     hideOne.value = false
   }, 260)
 }
-
-// 隐藏 Cocos 模态框
-function hideCocos() {
-  hideOne.value = true
-  setTimeout(() => {
-    hideTwo.value = true
-    // emit('queryLevel')
-  }, 260)
-}
-
 // 处理接收到的消息
 function handleMessage(e) {
-  console.log('接收到消息', e.data)
   // 限定消息来源,替换为实际的 Cocos 页面域名
   // const expectedOrigin = 'http://192.168.1.20:7456'
   // if (e.origin !== expectedOrigin) return
   if (e.data === 'close') {
-    console.log('收到关闭消息')
     router.go(-1)
   }
   else if (e.data === 'cocos-close') {
@@ -144,7 +58,6 @@ function initIframe() {
   if (iframe.value) {
     iframe.value.onload = () => {
       // 监听消息事件
-      console.log('iframe加载完成')
       window.addEventListener('message', handleMessage)
     }
   }