UI 界面,增加 skywalking 作为日志中心

This commit is contained in:
YunaiV
2021-04-26 23:18:13 +08:00
parent 33412466bb
commit e65488265d
7 changed files with 37 additions and 8 deletions

View File

@ -8,7 +8,7 @@ export default {
name: "SkyWalking",
data() {
return {
src: "http://skywalking.shop.iocoder.cn", // TODO 芋艿,后续改成配置读取
src: "http://skywalking.shop.iocoder.cn/trace", // TODO 芋艿,后续改成配置读取
height: document.documentElement.clientHeight - 94.5 + "px;",
loading: true
};

View File

@ -0,0 +1,26 @@
<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-Log",
data() {
return {
src: "http://skywalking.shop.iocoder.cn/log", // TODO 芋艿,后续改成配置读取
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>