diff --git a/src/components/Relation/index.vue b/src/components/Relation/index.vue
index f29c5c97..e7f659f1 100644
--- a/src/components/Relation/index.vue
+++ b/src/components/Relation/index.vue
@@ -1,11 +1,13 @@
 <template>
-  <j-modal visible title="关系绑定">
+  <j-drawer :visible="true" title="关系绑定" placement="right" @close="closeDrawer" :width="500">
 
-  </j-modal>
+  </j-drawer>
 </template>
 
 <script lang="ts" setup>
+const closeDrawer = () =>{
 
+}
 </script>
 <style lang="less" scoped>
 </style>
\ No newline at end of file