区分手机通信界面我的资料与oc资料弹窗按钮

src/oc-community-frontend/src/components/PhoneWidget.vue

@@ -14,7 +14,7 @@
             <div class="me-name">我</div>
             <div class="me-sub">在线</div>
           </div>
-          <el-button size="small" type="info" @click="showInfoDialog" style="margin-left:auto;">资料</el-button>
+          <el-button size="small" type="info" @click="showMyProfile" style="margin-left:auto;">我的资料</el-button>
         </div>
         <el-tabs v-model="leftTab" class="left-tabs">
           <el-tab-pane label="聊天" name="chat" />
@@ -58,6 +58,8 @@
       v-model="infoDialogVisible"
       :oc="infoDialogOC"
     />
+    <!-- 我的资料弹窗 -->
+    <UserCenterDialog v-model="myProfileVisible" />
   </el-dialog>
 </template>
 
@@ -69,6 +71,7 @@ import { ocList } from '../stores/ocStore'
 import { currentUser } from '../stores/userStore'
 
 import OCInfoDialog from './OCInfoDialog.vue'
+import UserCenterDialog from './UserCenterDialog.vue'
 
 const props = defineProps({
   modelValue: {
@@ -110,6 +113,12 @@ const showInfoDialog = () => {
   }
 }
 
+// 我的资料弹窗
+const myProfileVisible = ref(false)
+const showMyProfile = () => {
+  myProfileVisible.value = true
+}
+
 const leftTab = ref('chat')
 
 const activeMessages = computed({