73 lines
1.5 KiB
HTML
73 lines
1.5 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}服务器监控 - 机器人管理后台{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="iframe-page-container">
|
|
<el-row :gutter="20">
|
|
<el-col :span="24">
|
|
<el-card shadow="hover" class="iframe-card">
|
|
<div slot="header">
|
|
<span>服务器监控</span>
|
|
</div>
|
|
<div class="iframe-container">
|
|
<iframe src="http://192.168.2.170:61208/" frameborder="0"></iframe>
|
|
</div>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script>
|
|
new Vue({
|
|
el: '#app',
|
|
mixins: [baseApp],
|
|
data() {
|
|
return {
|
|
currentView: '14',
|
|
showTimeRangeSelector: false // 禁用时间范围选择器
|
|
}
|
|
},
|
|
mounted() {
|
|
this.currentView = '14';
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
.iframe-page-container {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.iframe-card {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.el-card__body {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.iframe-container {
|
|
flex: 1;
|
|
overflow: auto;
|
|
}
|
|
|
|
.iframe-container iframe {
|
|
border: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
</style>
|
|
{% endblock %} |