2021-02-20 17:49:42 +08:00
|
|
|
<template>
|
|
|
|
|
<div v-loading="loading" :style="'height:'+ height">
|
|
|
|
|
<iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
name: "SkyWalking",
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
2021-04-26 23:18:13 +08:00
|
|
|
src: "http://skywalking.shop.iocoder.cn/trace", // TODO 芋艿，后续改成配置读取
|
2021-02-20 17:49:42 +08:00
|
|
|
height: document.documentElement.clientHeight - 94.5 + "px;",
|
|
|
|
|
loading: true
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted: function() {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
}, 230);
|
|
|
|
|
const that = this;
|
|
|
|
|
window.onresize = function temp() {
|
|
|
|
|
that.height = document.documentElement.clientHeight - 94.5 + "px;";
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
