From dca46aeb43adf6ecdccfaefd2b01a9556472f71e Mon Sep 17 00:00:00 2001
From: leiqiaochu <leiqiaochu@aossci.com>
Date: Tue, 10 Oct 2023 11:04:32 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=B3=E7=B3=BB=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Relation/index.vue | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/Relation/index.vue b/src/components/Relation/index.vue
index ea950dd2..af054fcc 100644
--- a/src/components/Relation/index.vue
+++ b/src/components/Relation/index.vue
@@ -1,10 +1,31 @@
 <template>
   <j-drawer :visible="true" title="关系绑定" placement="right" @close="closeDrawer" :width="500">
-    
+    <j-tabs v-model:activeKey="activeKey" type="card">
+      <j-tab-pane v-for="(item,index) in relationOptions" :key="item.value" :tab="item.text">
+        
+      </j-tab-pane>
+    </j-tabs>
   </j-drawer>
 </template>
 
 <script lang="ts" setup>
+const activeKey = ref('user')
+const relationOptions = [{
+  text:'用户',
+  value:'user'
+},{
+  text:'产品',
+  value:'product'
+},{
+  text:'设备',
+  value:'device'
+},{
+  text: '组织',
+  value:'organization'
+},{
+  text:'角色',
+  value:'role'
+}]
 const closeDrawer = () =>{
 
 }