2 changed files with 59 additions and 0 deletions
@ -0,0 +1,53 @@ |
|||||
|
<template> |
||||
|
<div class='comp_box'> |
||||
|
<iframe class="iframe" :src="url" frameborder="0"></iframe> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { getConfigKey } from "@/api/system/config.js"; |
||||
|
|
||||
|
export default { |
||||
|
name: 'opticalFiber', |
||||
|
components: { |
||||
|
}, |
||||
|
props: { |
||||
|
text: { |
||||
|
type: String, |
||||
|
default: "暂无数据" |
||||
|
}, |
||||
|
url: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
// this.alarmUrl = "http://10.0.86.37:81/?HoveringMouse=true&LightMode=false"; |
||||
|
getConfigKey("dc.opticalFiber").then((res) => { |
||||
|
this.url = res.msg |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
.comp_box { |
||||
|
// padding-top:160px; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
color: #8A9EAA; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
position: relative; |
||||
|
|
||||
|
.iframe { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
} |
||||
|
</style> |
Loading…
Reference in new issue