diff --git a/erm.frontend/src/remote-components/remote-components.json b/erm.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/erm.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.engine.mv.frontend/src/remote-components/remote-components.json b/io.sc.engine.mv.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.engine.mv.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.engine.rule.frontend/src/remote-components/remote-components.json b/io.sc.engine.rule.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.engine.rule.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.engine.st.frontend/src/remote-components/remote-components.json b/io.sc.engine.st.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.engine.st.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.platform.ai.frontend/src/remote-components/remote-components.json b/io.sc.platform.ai.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.platform.ai.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.platform.core.frontend/src/platform/layout/sub-layout/TaskHandlerDialog.vue b/io.sc.platform.core.frontend/src/platform/layout/sub-layout/TaskHandlerDialog.vue
new file mode 100644
index 00000000..a81f7ad0
--- /dev/null
+++ b/io.sc.platform.core.frontend/src/platform/layout/sub-layout/TaskHandlerDialog.vue
@@ -0,0 +1,26 @@
+<template>
+  <w-dialog ref="dialogRef" width="800px" :title="$t('myMessages')"> </w-dialog>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useQuasar } from 'quasar';
+import { axios, PConst, Environment, SessionManager, noErrorAxios, NotifyManager } from '@/platform';
+
+const $q = useQuasar();
+const dialogRef = ref();
+const itemRef = ref();
+
+const open = async (item) => {
+  itemRef.value = item;
+  dialogRef.value.show();
+};
+
+const close = () => {
+  dialogRef.value.hide();
+};
+
+defineExpose({
+  open,
+  close,
+});
+</script>
diff --git a/io.sc.platform.core.frontend/src/remote-components/remote-components.json b/io.sc.platform.core.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.platform.core.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.platform.core.frontend/src/views/testcase/remote-component/RemoteComponent.vue b/io.sc.platform.core.frontend/src/views/testcase/remote-component/RemoteComponent.vue
new file mode 100644
index 00000000..638430bb
--- /dev/null
+++ b/io.sc.platform.core.frontend/src/views/testcase/remote-component/RemoteComponent.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="row justify-center py-10">
+    <q-btn
+      label="在对话框中打开远程组件"
+      @click="
+        () => {
+          dialogRef.show();
+        }
+      "
+    ></q-btn>
+    <w-dialog ref="dialogRef" width="900px" :title="$t('system.user.grid.title')">
+      <div style="height: 500px">
+        <component :is="defineAsyncComponent(ComponentManager.getRemoteComponent('io.sc.platform.developer.frontend', 'component.remote.developer.XXX'))" />
+      </div>
+    </w-dialog>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref, defineAsyncComponent } from 'vue';
+import { ComponentManager } from '@/platform';
+
+const dialogRef = ref();
+</script>
diff --git a/io.sc.platform.core.frontend/template-project/src/remote-components/remote-components.json b/io.sc.platform.core.frontend/template-project/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.platform.core.frontend/template-project/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.platform.core.frontend/template-project/src/views/testcase/remote-component/RemoteComponent.vue b/io.sc.platform.core.frontend/template-project/src/views/testcase/remote-component/RemoteComponent.vue
new file mode 100644
index 00000000..638430bb
--- /dev/null
+++ b/io.sc.platform.core.frontend/template-project/src/views/testcase/remote-component/RemoteComponent.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="row justify-center py-10">
+    <q-btn
+      label="在对话框中打开远程组件"
+      @click="
+        () => {
+          dialogRef.show();
+        }
+      "
+    ></q-btn>
+    <w-dialog ref="dialogRef" width="900px" :title="$t('system.user.grid.title')">
+      <div style="height: 500px">
+        <component :is="defineAsyncComponent(ComponentManager.getRemoteComponent('io.sc.platform.developer.frontend', 'component.remote.developer.XXX'))" />
+      </div>
+    </w-dialog>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref, defineAsyncComponent } from 'vue';
+import { ComponentManager } from '@/platform';
+
+const dialogRef = ref();
+</script>
diff --git a/io.sc.platform.developer.frontend/src/remote-components/remote-components.json b/io.sc.platform.developer.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..46e62520
--- /dev/null
+++ b/io.sc.platform.developer.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,12 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+  {
+    "component": "component.remote.developer.XXX",
+    "componentPath": "@/views/XXX.vue"
+  }
+]
diff --git a/io.sc.platform.developer.frontend/src/views/XXX.vue b/io.sc.platform.developer.frontend/src/views/XXX.vue
new file mode 100644
index 00000000..66471465
--- /dev/null
+++ b/io.sc.platform.developer.frontend/src/views/XXX.vue
@@ -0,0 +1,4 @@
+<template>
+  <div>XXX</div>
+</template>
+<script setup lang="ts"></script>
diff --git a/io.sc.platform.lcdp.frontend/src/remote-components/remote-components.json b/io.sc.platform.lcdp.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.platform.lcdp.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.platform.license.keygen.frontend/src/remote-components/remote-components.json b/io.sc.platform.license.keygen.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.platform.license.keygen.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.platform.mvc.frontend/src/remote-components/remote-components.json b/io.sc.platform.mvc.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.platform.mvc.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.platform.scheduler.manager.frontend/src/remote-components/remote-components.json b/io.sc.platform.scheduler.manager.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.platform.scheduler.manager.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.platform.system.frontend/src/remote-components/remote-components.json b/io.sc.platform.system.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.platform.system.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]
diff --git a/io.sc.standard.frontend/src/remote-components/remote-components.json b/io.sc.standard.frontend/src/remote-components/remote-components.json
new file mode 100644
index 00000000..8e2b7eeb
--- /dev/null
+++ b/io.sc.standard.frontend/src/remote-components/remote-components.json
@@ -0,0 +1,8 @@
+[
+  /*
+  {
+    "component": "组件名称",
+    "componentPath": "组件 .vue 文件路径"
+  }
+  */
+]