feat: friends

src/views/chat/ChatPage/Index.vue

@@ -1,7 +1,8 @@
 <template>
   <view class="flex h-full flex-1">
-    <ToolSection />
-    <Session />
+    <ToolSection @menuSelectChange="toolMenuSelectChange" />
+    <Session v-if="bussinessType === MENU_LIST_ENUM.CONVERSATION" />
+    <Friends v-if="bussinessType === MENU_LIST_ENUM.FRIENDS" />
     <view class="flex w-full flex-col">
       <ChatHeader />
       <ChatMessage />
@@ -17,14 +18,17 @@
 
 import ToolSection from '../components/ToolSection/Index.vue'
 import Session from '../components/Session/Index.vue'
+import Friends from '../components/Friends/Index.vue'
 import ChatHeader from '../components/ChatHeader/Index.vue'
 import ChatMessage from '../components/ChatMessage/Index.vue'
 import InputSection from '../components/InputSection/index.vue'
-
-/**
- * Define Data Structure of this page, then initialize it with reactive object
- */
-interface State {}
+import { MENU_LIST_ENUM } from '../types/index.d.ts'
 
 defineOptions({ name: 'ChatPage' })
+
+const bussinessType = ref(1)
+
+const toolMenuSelectChange = (value) => {
+  bussinessType.value = value
+}
 </script>