|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="full-screen-container">
|
|
|
|
|
|
|
+ <div class="full-screen-container" v-loading="loading">
|
|
|
<iframe :src="url" frameborder="0" class="full-screen-iframe" allowfullscreen></iframe>
|
|
<iframe :src="url" frameborder="0" class="full-screen-iframe" allowfullscreen></iframe>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -9,6 +9,7 @@ import { onMounted, ref } from 'vue'
|
|
|
import { IotStatApi } from '@/api/pms/stat'
|
|
import { IotStatApi } from '@/api/pms/stat'
|
|
|
|
|
|
|
|
let url = ref('')
|
|
let url = ref('')
|
|
|
|
|
+const loading = ref(true) // 加载中
|
|
|
|
|
|
|
|
onMounted(async () => {
|
|
onMounted(async () => {
|
|
|
const res = await IotStatApi.getSsoToken()
|
|
const res = await IotStatApi.getSsoToken()
|
|
@@ -16,7 +17,8 @@ onMounted(async () => {
|
|
|
url.value =
|
|
url.value =
|
|
|
'https://report.deepoil.cc/webroot/decision/v10/entry/access/a12df128-c84f-44be-a55d-bababbf4a132?preview=true&page_number=1&ssoToken=' +
|
|
'https://report.deepoil.cc/webroot/decision/v10/entry/access/a12df128-c84f-44be-a55d-bababbf4a132?preview=true&page_number=1&ssoToken=' +
|
|
|
res
|
|
res
|
|
|
- console.log('>>>>>>>>>>>>>>>>>>>', url.value)
|
|
|
|
|
|
|
+
|
|
|
|
|
+ loading.value = false
|
|
|
})
|
|
})
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
@@ -26,8 +28,8 @@ onMounted(async () => {
|
|
|
height: calc(100vh - 90px); /* 减去顶部导航高度 */
|
|
height: calc(100vh - 90px); /* 减去顶部导航高度 */
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- top: 10px; /* 顶部导航的高度 */
|
|
|
|
|
- left: 10px; /* 侧边栏的宽度 */
|
|
|
|
|
|
|
+ top: 0px; /* 顶部导航的高度 */
|
|
|
|
|
+ left: 0px; /* 侧边栏的宽度 */
|
|
|
right: 0;
|
|
right: 0;
|
|
|
bottom: 0;
|
|
bottom: 0;
|
|
|
z-index: 1;
|
|
z-index: 1;
|
