diff --git a/xiuosiot-frontend/src/router/index.js b/xiuosiot-frontend/src/router/index.js
index 46cb738..3da830d 100644
--- a/xiuosiot-frontend/src/router/index.js
+++ b/xiuosiot-frontend/src/router/index.js
@@ -197,7 +197,7 @@ export const constantRoutes = [
       {
         path: 'heatStation',
         name: 'HeatStation',
-        component: () => import('@/views/configuration/HeatStation'),
+        component: () => import('@/views/configuration/heatStation'),
         meta: { title: '换热站' }
       }
     ]
diff --git a/xiuosiot-frontend/src/views/configuration/heatStation/index.vue b/xiuosiot-frontend/src/views/configuration/heatStation/index.vue
new file mode 100644
index 0000000..f56f49d
--- /dev/null
+++ b/xiuosiot-frontend/src/views/configuration/heatStation/index.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container">
+    <iframe src="http://localhost:8081/" width="100%" :height="iframeHeight" />
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    iframeHeight() {
+      return window.innerHeight - 185
+    }
+  }
+}
+</script>
+