{% extends "base.html" %}

{% block title %}资源监控 - 机器人管理后台{% endblock %}

{% block content %}
<div class="iframe-page-container">
    <el-card 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>
</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;
        height: 100%;
        margin: 0;
    }

    .el-card__body {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .iframe-container {
        flex: 1;
        overflow: auto;
        min-height: 0;
    }

    .iframe-container iframe {
        width: 100%;
        height: 100%;
        border: none;
        display: block;
    }
</style>
{% endblock %}