优化显示效果

admin/dashboard/templates/api_docs.html

@@ -3,20 +3,15 @@
 {% block title %}接口文档 - 机器人管理后台{% endblock %}
 
 {% block content %}
-<!-- 接口文档 -->
+<div class="iframe-page-container">
-<div>
+    <el-card class="iframe-card">
-    <el-row :gutter="20">
-        <el-col :span="24">
-            <el-card shadow="hover">
         <div slot="header">
             <span>接口文档</span>
         </div>
         <div class="iframe-container">
-                    <iframe src="http://192.168.2.170:8058/" frameborder="0" width="100%" height="800px"></iframe>
+            <iframe src="http://192.168.2.170:8058/" frameborder="0"></iframe>
         </div>
     </el-card>
-        </el-col>
-    </el-row>
 </div>
 {% endblock %}
 
@@ -27,27 +22,49 @@
         mixins: [baseApp],
         data() {
             return {
-                // 设置当前菜单项
+                currentView: '13',
-                currentView: '13' // 使用一个新的索引，确保在菜单中能正确高亮
+                showTimeRangeSelector: false
             }
         },
         mounted() {
-            // 页面加载时设置当前视图
             this.currentView = '13';
         }
     });
 </script>
 
 <style>
-    .iframe-container {
+    .iframe-page-container {
-        width: 100%;
+        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 {
-        border: none;
         width: 100%;
-        min-height: 800px;
+        height: 100%;
+        border: none;
+        display: block;
     }
 </style>
 {% endblock %}