diff --git a/src/views/infra/customInterface/index.vue b/src/views/infra/customInterface/index.vue
index 404bf1ccf..b3dd1df9d 100644
--- a/src/views/infra/customInterface/index.vue
+++ b/src/views/infra/customInterface/index.vue
@@ -1,22 +1,12 @@
 <template>
-    <IFrame :src="src"/>
+  <ContentWrap>
+    <IFrame :src="url" style="width: 100%; height: calc(100vh - 180px)" />
+  </ContentWrap>
 </template>
-<script lang="ts" setup name="CustomInterface">
-  import { getJmreportBaseUrl } from '@/utils/systemParam'
-// import { getAccessToken, getTenantId } from '@/utils/auth'
-const src = getJmreportBaseUrl()
 
-// window.MAGIC_EDITOR_CONFIG = {
-//   request: {
-//     beforeSend: function (config) {
-//       // 如果是基于Cookie验证的，此处可以不配。
-//       config.headers.token = getAccessToken() // 此处自行获取Token
-//       return config;
-//     }
-//   },
-//   getMagicTokenValue: function () {
-//     var token = getAccessToken(); // 此处自行获取token 
-//     return token;
-//   }
-// }
+<script setup lang="ts">
+import { getInterfaceUrl } from '@/utils/systemParam'
+const route = useRoute() // 路由对象
+const str = route.path.split('/')[3]
+const url = ref(getInterfaceUrl())
 </script>