.

qwh5/src/views/radar.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="about">
-    <div>THIS IS A ABOUT PAGE</div>
+    <iframe :src="detialURL+'#toolbar=0'" frameborder="0" style="width: 100%;height: 700px;" v-if="detialType==2 || detialType==1"></iframe>
+    <img style="width: 100%;height:auto;" :src="detialURL" alt="" v-show="detialType==3">
+    <video :src="detialURL" v-show="detialType==4"  controls="controls" style="width: 100%;height: 500px;"></video>
   </div>
 </template>
 <script lang="ts" >
@@ -14,28 +16,18 @@ export default {
   // },
   setup(props) {
     // console.log(props.title)
+    //   1链接 2PDF 3图片 4视频
+    const detialType = ref();
+    const detialURL = ref();
     const router = useRouter();
-    // const query_Obj = '';
     const query_Obj = router.currentRoute.value.query
     const url_st = ref()//企微地址,需要在企微环境中打开
     const locationHref = window.location.href.split('#/radar')[0].split('index.html?')[1]
-
-
-    // console.log('window.location.href',window.location.href);
-    // console.log('#/radar [0]',window.location.href.split('#/radar')[0]);
-    // console.log('#/radar [0] []',window.location.href.split('#/radar')[0].split('index.html?')[1]);
-    // console.log('code state',window.location.href.split('#/radar')[0].split('index.html?')[1].split['&']);
-    // console.log('router',router);
-    // console.log('router.currentRoute',router.currentRoute);
-    // console.log(router.currentRoute.value.fullPath);
-
+    //
     let a= locationHref
     let b_code = a.split('&')[0]
     let c_state = a.split('&')[1]
-    console.log(b_code);
-    console.log(c_state);
-    console.log(b_code.substr(5));
-    console.log(c_state.substr(6));
+
 
 
     // const get_token_timestamp = () => {
@@ -84,7 +76,9 @@ export default {
 
         }
       }).then((res) => {
-
+          detialType.value = res.data.rst.type
+          const now_url=JSON.parse(res.data.rst.url_list)
+          detialURL.value=now_url[0]
       }).catch((err) => {
         console.log(err)
       })
@@ -115,7 +109,7 @@ export default {
     }
 
     //
-    return {getUserInfo,getRadarDetial,behaviorReport,url_st,router}
+    return {getUserInfo,getRadarDetial,behaviorReport,url_st,router,detialType,detialURL}
   }
 }
 </script>