diff --git a/backend/alembic/versions/006_add_member_contact_fields.py b/backend/alembic/versions/006_add_member_contact_fields.py
new file mode 100644
index 0000000..a727c84
--- /dev/null
+++ b/backend/alembic/versions/006_add_member_contact_fields.py
@@ -0,0 +1,44 @@
+"""Add contact fields to committee members
+
+Revision ID: 006
+Revises: 005
+Create Date: 2026-02-10
+
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+# revision identifiers, used by Alembic.
+revision = '006'
+down_revision = '005'
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    # Make email and organization NOT NULL
+    op.alter_column('committee_members', 'email',
+                    existing_type=sa.String(200),
+                    nullable=False)
+    op.alter_column('committee_members', 'organization',
+                    existing_type=sa.String(200),
+                    nullable=False)
+    
+    # Add new optional contact fields
+    op.add_column('committee_members', sa.Column('gitcode_id', sa.String(100), nullable=True))
+    op.add_column('committee_members', sa.Column('github_id', sa.String(100), nullable=True))
+
+
+def downgrade() -> None:
+    # Remove new fields
+    op.drop_column('committee_members', 'github_id')
+    op.drop_column('committee_members', 'gitcode_id')
+    
+    # Revert email and organization to nullable
+    op.alter_column('committee_members', 'organization',
+                    existing_type=sa.String(200),
+                    nullable=True)
+    op.alter_column('committee_members', 'email',
+                    existing_type=sa.String(200),
+                    nullable=True)
diff --git a/backend/app/api/auth.py b/backend/app/api/auth.py
index 64799a8..34d2d62 100644
--- a/backend/app/api/auth.py
+++ b/backend/app/api/auth.py
@@ -202,10 +202,17 @@ def get_current_user_info(
     """
     from app.core.dependencies import get_user_community_role
     from app.schemas.community import CommunityWithRole
-    
+    from app.models.community import Community
+
+    # Superusers can see all communities
+    if current_user.is_superuser:
+        communities = db.query(Community).all()
+    else:
+        communities = current_user.communities
+
     # Build communities with roles
     communities_with_roles = []
-    for community in current_user.communities:
+    for community in communities:
         role = get_user_community_role(current_user, community.id, db)
         communities_with_roles.append(
             CommunityWithRole(
diff --git a/backend/app/models/committee.py b/backend/app/models/committee.py
index b20497b..df8ebaf 100644
--- a/backend/app/models/committee.py
+++ b/backend/app/models/committee.py
@@ -65,10 +65,12 @@ class CommitteeMember(Base):
     )
 
     name = Column(String(200), nullable=False)
-    email = Column(String(200), nullable=True, index=True)
+    email = Column(String(200), nullable=False, index=True)
     phone = Column(String(50), nullable=True)
     wechat = Column(String(100), nullable=True)
-    organization = Column(String(200), nullable=True)
+    organization = Column(String(200), nullable=False)
+    gitcode_id = Column(String(100), nullable=True)
+    github_id = Column(String(100), nullable=True)
 
     # 角色标签（中文，可多选，JSON数组）
     # 可选值: ["主席", "副主席", "委员", "常务委员"]
diff --git a/backend/app/schemas/governance.py b/backend/app/schemas/governance.py
index 41cdecf..a82a479 100644
--- a/backend/app/schemas/governance.py
+++ b/backend/app/schemas/governance.py
@@ -58,10 +58,12 @@ class CommitteeBrief(BaseModel):
 
 class CommitteeMemberCreate(BaseModel):
     name: str = Field(..., min_length=1, max_length=200)
-    email: Optional[str] = None
+    email: str = Field(..., min_length=1, max_length=200)
     phone: Optional[str] = None
     wechat: Optional[str] = None
-    organization: Optional[str] = None
+    organization: str = Field(..., min_length=1, max_length=200)
+    gitcode_id: Optional[str] = None
+    github_id: Optional[str] = None
     roles: list[str] = []
     term_start: Optional[date] = None
     term_end: Optional[date] = None
@@ -70,10 +72,12 @@ class CommitteeMemberCreate(BaseModel):
 
 class CommitteeMemberUpdate(BaseModel):
     name: Optional[str] = Field(None, min_length=1, max_length=200)
-    email: Optional[str] = None
+    email: Optional[str] = Field(None, min_length=1, max_length=200)
     phone: Optional[str] = None
     wechat: Optional[str] = None
-    organization: Optional[str] = None
+    organization: Optional[str] = Field(None, min_length=1, max_length=200)
+    gitcode_id: Optional[str] = None
+    github_id: Optional[str] = None
     roles: Optional[list[str]] = None
     term_start: Optional[date] = None
     term_end: Optional[date] = None
@@ -86,10 +90,12 @@ class CommitteeMemberOut(BaseModel):
     id: int
     committee_id: int
     name: str
-    email: Optional[str] = None
+    email: str
     phone: Optional[str] = None
     wechat: Optional[str] = None
-    organization: Optional[str] = None
+    organization: str
+    gitcode_id: Optional[str] = None
+    github_id: Optional[str] = None
     roles: list[str] = []
     term_start: Optional[date] = None
     term_end: Optional[date] = None
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 3e93d5c..1b1db19 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -18,10 +18,6 @@
         text-color="#bbb"
         active-text-color="#409eff"
       >
-        <el-menu-item index="/">
-          <el-icon><DataAnalysis /></el-icon>
-          <span>仪表板</span>
-        </el-menu-item>
         <el-menu-item index="/community-overview">
           <el-icon><OfficeBuilding /></el-icon>
           <span>社区总览</span>
@@ -66,10 +62,6 @@
             <span>批量管理</span>
           </el-menu-item>
         </el-sub-menu>
-        <el-menu-item index="/settings">
-          <el-icon><Setting /></el-icon>
-          <span>渠道设置</span>
-        </el-menu-item>
         <el-menu-item v-if="isSuperuser" index="/communities">
           <el-icon><OfficeBuilding /></el-icon>
           <span>社区管理</span>
@@ -78,11 +70,15 @@
           <el-icon><UserFilled /></el-icon>
           <span>用户管理</span>
         </el-menu-item>
+        <el-menu-item index="/">
+          <el-icon><DataAnalysis /></el-icon>
+          <span>仪表板</span>
+        </el-menu-item>
       </el-menu>
     </el-aside>
     <el-container>
       <el-header class="app-header">
-        <community-switcher />
+        <community-switcher v-if="showCommunitySwitcher" />
         <div class="header-right">
           <el-dropdown @command="handleCommand">
             <span class="user-info">
@@ -132,14 +128,37 @@ const showLayout = computed(() => {
   return !noLayoutRoutes.includes(route.name as string)
 })
 
+// 判断是否显示社区选择下拉框
+// 社区总览、社区管理、用户管理页面不显示
+const showCommunitySwitcher = computed(() => {
+  const hideSwitcherRoutes = [
+    'CommunityOverview',
+    'CommunityManage',
+    'UserManage',
+    'Dashboard'
+  ]
+  return !hideSwitcherRoutes.includes(route.name as string)
+})
+
 onMounted(async () => {
-  if (authStore.isAuthenticated && !authStore.user) {
-    try {
-      const userInfo = await getUserInfo()
-      authStore.setUser(userInfo.user)
-      authStore.setCommunities(userInfo.communities)
-    } catch {
-      // If failed to get user info, clear auth
+  if (authStore.isAuthenticated) {
+    // Always fetch user info and communities to ensure they're up to date
+    if (!authStore.user || authStore.communities.length === 0) {
+      try {
+        const userInfo = await getUserInfo()
+        authStore.setUser(userInfo.user)
+        authStore.setCommunities(userInfo.communities)
+        
+        // Set the first community as default if not already set
+        if (userInfo.communities.length > 0) {
+          const currentCommunityId = localStorage.getItem('current_community_id')
+          if (!currentCommunityId) {
+            localStorage.setItem('current_community_id', String(userInfo.communities[0].id))
+          }
+        }
+      } catch {
+        // If failed to get user info, clear auth
+      }
     }
   }
 })
diff --git a/frontend/src/api/governance.ts b/frontend/src/api/governance.ts
index 4214817..17ecb4c 100644
--- a/frontend/src/api/governance.ts
+++ b/frontend/src/api/governance.ts
@@ -22,10 +22,12 @@ export interface CommitteeMember {
   id: number
   committee_id: number
   name: string
-  email?: string
+  email: string
   phone?: string
   wechat?: string
-  organization?: string
+  organization: string
+  gitcode_id?: string
+  github_id?: string
   roles: string[]
   term_start?: string
   term_end?: string
@@ -58,10 +60,12 @@ export interface CommitteeUpdate {
 
 export interface CommitteeMemberCreate {
   name: string
-  email?: string
+  email: string
   phone?: string
   wechat?: string
-  organization?: string
+  organization: string
+  gitcode_id?: string
+  github_id?: string
   roles?: string[]
   term_start?: string
   term_end?: string
@@ -74,6 +78,8 @@ export interface CommitteeMemberUpdate {
   phone?: string
   wechat?: string
   organization?: string
+  gitcode_id?: string
+  github_id?: string
   roles?: string[]
   term_start?: string
   term_end?: string
diff --git a/frontend/src/components/CommunitySwitcher.vue b/frontend/src/components/CommunitySwitcher.vue
index f98beeb..39c1f22 100644
--- a/frontend/src/components/CommunitySwitcher.vue
+++ b/frontend/src/components/CommunitySwitcher.vue
@@ -1,10 +1,11 @@
 <template>
   <div class="community-switcher">
     <el-select
-      v-model="selectedCommunityId"
+      :model-value="selectedCommunityId"
       :placeholder="communities.length === 0 ? '暂无社区' : '选择社区'"
       :disabled="communities.length === 0"
       size="default"
+      filterable
       @change="handleCommunityChange"
     >
       <el-option
@@ -23,22 +24,34 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch } from 'vue'
+import { computed, watch, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { useAuthStore } from '../stores/auth'
 import { useCommunityStore } from '../stores/community'
 
+const router = useRouter()
 const authStore = useAuthStore()
 const communityStore = useCommunityStore()
 
 const communities = computed(() => authStore.communities)
-const selectedCommunityId = ref<number | null>(communityStore.currentCommunityId)
+const selectedCommunityId = computed(() => communityStore.currentCommunityId)
 
-// Watch for external changes to current community
+// Auto-select first community if no community is selected and communities are available
+onMounted(() => {
+  if (!selectedCommunityId.value && communities.value.length > 0) {
+    communityStore.setCommunity(communities.value[0].id)
+  }
+})
+
+// Watch for changes in communities list
 watch(
-  () => communityStore.currentCommunityId,
-  (newId) => {
-    selectedCommunityId.value = newId
+  () => communities.value.length,
+  (newLength) => {
+    // If we have communities but no selected community, select the first one
+    if (newLength > 0 && !selectedCommunityId.value) {
+      communityStore.setCommunity(communities.value[0].id)
+    }
   }
 )
 
@@ -47,8 +60,10 @@ const handleCommunityChange = (communityId: number) => {
   if (community) {
     communityStore.setCommunity(communityId)
     ElMessage.success(`已切换到社区: ${community.name}`)
-    // Reload page to refresh data for new community
-    window.location.reload()
+    
+    // Navigate to community overview instead of reloading
+    // This allows the app to handle data refresh internally
+    router.push('/community-overview')
   }
 }
 </script>
diff --git a/frontend/src/components/MemberCard.vue b/frontend/src/components/MemberCard.vue
index bb6ce16..718c793 100644
--- a/frontend/src/components/MemberCard.vue
+++ b/frontend/src/components/MemberCard.vue
@@ -41,6 +41,14 @@
           <el-icon><ChatDotRound /></el-icon>
           <span>{{ member.wechat }}</span>
         </div>
+        <div v-if="member.gitcode_id" class="contact-item">
+          <el-icon><Link /></el-icon>
+          <span>Gitcode: {{ member.gitcode_id }}</span>
+        </div>
+        <div v-if="member.github_id" class="contact-item">
+          <el-icon><Link /></el-icon>
+          <span>GitHub: {{ member.github_id }}</span>
+        </div>
       </div>
 
       <div v-if="member.term_start || member.term_end" class="member-term">
@@ -75,7 +83,7 @@
 </template>
 
 <script setup lang="ts">
-import { Message, Phone, ChatDotRound, Calendar, Edit, Delete } from '@element-plus/icons-vue'
+import { Message, Phone, ChatDotRound, Calendar, Edit, Delete, Link } from '@element-plus/icons-vue'
 import RoleBadge from './RoleBadge.vue'
 import type { CommitteeMember } from '@/api/governance'
 
diff --git a/frontend/src/views/CommitteeDetail.vue b/frontend/src/views/CommitteeDetail.vue
index 76e5e41..dacb164 100644
--- a/frontend/src/views/CommitteeDetail.vue
+++ b/frontend/src/views/CommitteeDetail.vue
@@ -103,13 +103,13 @@
     <el-dialog
       v-model="showMemberDialog"
       :title="editingMember ? '编辑成员' : '添加成员'"
-      width="600px"
+      width="650px"
     >
       <el-form
         ref="memberFormRef"
         :model="memberForm"
         :rules="memberRules"
-        label-width="100px"
+        label-width="110px"
       >
         <el-form-item label="姓名" prop="name">
           <el-input v-model="memberForm.name" placeholder="成员姓名" />
@@ -119,38 +119,45 @@
           <el-input v-model="memberForm.organization" placeholder="所属组织或公司" />
         </el-form-item>
 
+        <el-form-item label="邮箱" prop="email">
+          <el-input v-model="memberForm.email" placeholder="email@example.com" />
+        </el-form-item>
+
         <el-form-item label="角色" prop="roles">
           <el-select
             v-model="memberForm.roles"
             multiple
-            placeholder="选择角色"
+            placeholder="选择角色（可选）"
             style="width: 100%"
           >
             <el-option label="主席" value="chair" />
             <el-option label="副主席" value="vice_chair" />
-            <el-option label="秘书长" value="secretary" />
             <el-option label="委员" value="member" />
-            <el-option label="观察员" value="observer" />
+            <el-option label="常务委员" value="standing_member" />
           </el-select>
         </el-form-item>
 
-        <el-form-item label="邮箱" prop="email">
-          <el-input v-model="memberForm.email" placeholder="email@example.com" />
-        </el-form-item>
-
         <el-form-item label="电话" prop="phone">
-          <el-input v-model="memberForm.phone" placeholder="联系电话" />
+          <el-input v-model="memberForm.phone" placeholder="联系电话（可选）" />
         </el-form-item>
 
         <el-form-item label="微信" prop="wechat">
-          <el-input v-model="memberForm.wechat" placeholder="微信号" />
+          <el-input v-model="memberForm.wechat" placeholder="微信号（可选）" />
+        </el-form-item>
+
+        <el-form-item label="Gitcode ID" prop="gitcode_id">
+          <el-input v-model="memberForm.gitcode_id" placeholder="Gitcode 用户名（可选）" />
+        </el-form-item>
+
+        <el-form-item label="GitHub ID" prop="github_id">
+          <el-input v-model="memberForm.github_id" placeholder="GitHub 用户名（可选）" />
         </el-form-item>
 
         <el-form-item label="任期开始" prop="term_start">
           <el-date-picker
             v-model="memberForm.term_start"
             type="date"
-            placeholder="选择开始日期"
+            placeholder="选择开始日期（可选）"
             format="YYYY-MM-DD"
             value-format="YYYY-MM-DD"
             style="width: 100%"
@@ -173,7 +180,7 @@
             v-model="memberForm.bio"
             type="textarea"
             :rows="3"
-            placeholder="简要介绍成员背景"
+            placeholder="简要介绍成员背景（可选）"
           />
         </el-form-item>
 
@@ -237,11 +244,13 @@ const memberFormRef = ref<FormInstance>()
 
 interface MemberForm {
   name: string
-  organization?: string
+  organization: string
+  email: string
   roles: string[]
-  email?: string
   phone?: string
   wechat?: string
+  gitcode_id?: string
+  github_id?: string
   term_start?: string
   term_end?: string
   bio?: string
@@ -251,10 +260,12 @@ interface MemberForm {
 const memberForm = ref<MemberForm>({
   name: '',
   organization: '',
-  roles: [],
   email: '',
+  roles: [],
   phone: '',
   wechat: '',
+  gitcode_id: '',
+  github_id: '',
   term_start: '',
   term_end: '',
   bio: '',
@@ -265,6 +276,14 @@ const memberRules: FormRules = {
   name: [
     { required: true, message: '请输入成员姓名', trigger: 'blur' },
     { min: 1, max: 200, message: '姓名长度在1-200个字符', trigger: 'blur' }
+  ],
+  organization: [
+    { required: true, message: '请输入组织名称', trigger: 'blur' },
+    { min: 1, max: 200, message: '组织名称长度在1-200个字符', trigger: 'blur' }
+  ],
+  email: [
+    { required: true, message: '请输入邮箱地址', trigger: 'blur' },
+    { type: 'email', message: '请输入有效的邮箱地址', trigger: 'blur' }
   ]
 }
 
@@ -351,11 +370,11 @@ async function submitMemberForm() {
           organization: memberForm.value.organization,
           roles: memberForm.value.roles,
           email: memberForm.value.email,
-          phone: memberForm.value.phone,
-          wechat: memberForm.value.wechat,
-          term_start: memberForm.value.term_start,
-          term_end: memberForm.value.term_end,
-          bio: memberForm.value.bio,
+          phone: memberForm.value.phone || undefined,
+          wechat: memberForm.value.wechat || undefined,
+          term_start: memberForm.value.term_start || undefined,
+          term_end: memberForm.value.term_end || undefined,
+          bio: memberForm.value.bio || undefined,
           is_active: memberForm.value.is_active
         }
         await updateCommitteeMember(committee.value.id, editingMember.value.id, updateData)
@@ -366,11 +385,11 @@ async function submitMemberForm() {
           organization: memberForm.value.organization,
           roles: memberForm.value.roles,
           email: memberForm.value.email,
-          phone: memberForm.value.phone,
-          wechat: memberForm.value.wechat,
-          term_start: memberForm.value.term_start,
-          term_end: memberForm.value.term_end,
-          bio: memberForm.value.bio
+          phone: memberForm.value.phone || undefined,
+          wechat: memberForm.value.wechat || undefined,
+          term_start: memberForm.value.term_start || undefined,
+          term_end: memberForm.value.term_end || undefined,
+          bio: memberForm.value.bio || undefined
         }
         await createCommitteeMember(committee.value.id, createData)
         ElMessage.success('添加成功')
diff --git a/frontend/src/views/CommitteeList.vue b/frontend/src/views/CommitteeList.vue
index 49008d4..3ea2f8d 100644
--- a/frontend/src/views/CommitteeList.vue
+++ b/frontend/src/views/CommitteeList.vue
@@ -124,7 +124,7 @@
           <el-form-item label="通知邮箱" prop="notification_email">
             <el-input
               v-model="form.notification_email"
-              placeholder="用于接收会议通知的邮箱"
+              placeholder="用于发送通知的邮箱"
             />
           </el-form-item>
 
@@ -156,7 +156,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'element-plus'
 import { Plus, UserFilled, Edit, Delete } from '@element-plus/icons-vue'
@@ -217,10 +217,21 @@ const rules: FormRules = {
 }
 
 onMounted(() => {
-  if (!communityStore.currentCommunityId) return
-  loadCommittees()
+  if (communityStore.currentCommunityId) {
+    loadCommittees()
+  }
 })
 
+// Watch for community changes
+watch(
+  () => communityStore.currentCommunityId,
+  (newId) => {
+    if (newId) {
+      loadCommittees()
+    }
+  }
+)
+
 async function loadCommittees() {
   loading.value = true
   try {
diff --git a/frontend/src/views/CommitteeMemberManage.vue b/frontend/src/views/CommitteeMemberManage.vue
index 0ed3bba..110a6e0 100644
--- a/frontend/src/views/CommitteeMemberManage.vue
+++ b/frontend/src/views/CommitteeMemberManage.vue
@@ -203,9 +203,11 @@ import {
   CircleCloseFilled
 } from '@element-plus/icons-vue'
 import { listCommittees, getCommittee, type Committee, type CommitteeWithMembers } from '@/api/governance'
+import { useCommunityStore } from '@/stores/community'
 import apiClient from '@/api/index'
 
 const router = useRouter()
+const communityStore = useCommunityStore()
 
 const committees = ref<Committee[]>([])
 const selectedCommitteeId = ref<number | undefined>()
@@ -229,6 +231,11 @@ const memberCount = computed(() => {
 })
 
 onMounted(() => {
+  // Ensure community ID is set from store
+  const currentCommunityId = communityStore.currentCommunityId
+  if (currentCommunityId) {
+    localStorage.setItem('current_community_id', String(currentCommunityId))
+  }
   loadCommittees()
 })
 
@@ -247,6 +254,11 @@ async function handleCommitteeChange() {
   }
 
   try {
+    // Set current community ID for API calls
+    const committee = committees.value.find(c => c.id === selectedCommitteeId.value)
+    if (committee) {
+      localStorage.setItem('current_community_id', String(committee.community_id))
+    }
     selectedCommittee.value = await getCommittee(selectedCommitteeId.value)
   } catch (error: any) {
     ElMessage.error(error.message || '加载委员会详情失败')
@@ -258,6 +270,12 @@ async function exportMembers() {
 
   exporting.value = true
   try {
+    // Ensure community ID is set before making request
+    const committee = committees.value.find(c => c.id === selectedCommitteeId.value)
+    if (committee) {
+      localStorage.setItem('current_community_id', String(committee.community_id))
+    }
+
     const response = await apiClient.get(`/committees/${selectedCommitteeId.value}/members/export`, {
       responseType: 'blob'
     })
@@ -266,7 +284,6 @@ async function exportMembers() {
     const url = window.URL.createObjectURL(new Blob([response.data]))
     const link = document.createElement('a')
     link.href = url
-    const committee = committees.value.find(c => c.id === selectedCommitteeId.value)
     link.setAttribute('download', `${committee?.slug || 'members'}_members.csv`)
     document.body.appendChild(link)
     link.click()
@@ -297,14 +314,16 @@ async function importMembers() {
 
   importing.value = true
   try {
+    // Ensure community ID is set before making request
+    const committee = committees.value.find(c => c.id === selectedCommitteeId.value)
+    if (committee) {
+      localStorage.setItem('current_community_id', String(committee.community_id))
+    }
+
     const formData = new FormData()
     formData.append('file', file)
 
-    const { data: result } = await apiClient.post<ImportResult>(`/committees/${selectedCommitteeId.value}/members/import`, formData, {
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      }
-    })
+    const { data: result } = await apiClient.post<ImportResult>(`/committees/${selectedCommitteeId.value}/members/import`, formData)
 
     importResult.value = result
 
diff --git a/frontend/src/views/CommunityOverview.vue b/frontend/src/views/CommunityOverview.vue
index 3f34e63..d16c0f4 100644
--- a/frontend/src/views/CommunityOverview.vue
+++ b/frontend/src/views/CommunityOverview.vue
@@ -214,11 +214,12 @@ function canManageCommunity(community: Community): boolean {
 }
 
 function viewCommunity(communityId: number) {
-  // 切换到该社区并跳转到仪表板
+  // 切换到该社区并跳转到治理概览
   const community = communities.value.find(c => c.id === communityId)
   if (community) {
-    // TODO: 实现社区详情页或切换社区
-    ElMessage.info('社区详情页待实现')
+    // 设置当前社区ID并跳转到治理概览
+    localStorage.setItem('current_community_id', String(communityId))
+    router.push('/governance')
   }
 }
 
diff --git a/frontend/src/views/ContentList.vue b/frontend/src/views/ContentList.vue
index 227947a..d7f75f0 100644
--- a/frontend/src/views/ContentList.vue
+++ b/frontend/src/views/ContentList.vue
@@ -84,7 +84,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, watch } from 'vue'
 import { Plus, Upload } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import { fetchContents, deleteContent, uploadFile, type ContentListItem } from '../api/content'
@@ -161,9 +161,20 @@ function formatDate(d: string) {
 }
 
 onMounted(() => {
-  if (!communityStore.currentCommunityId) return
-  loadData()
+  if (communityStore.currentCommunityId) {
+    loadData()
+  }
 })
+
+// Watch for community changes
+watch(
+  () => communityStore.currentCommunityId,
+  (newId) => {
+    if (newId) {
+      loadData()
+    }
+  }
+)
 </script>
 
 <style scoped>
diff --git a/frontend/src/views/Dashboard.vue b/frontend/src/views/Dashboard.vue
index 53fecfb..2d4ca0c 100644
--- a/frontend/src/views/Dashboard.vue
+++ b/frontend/src/views/Dashboard.vue
@@ -74,7 +74,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, watch } from 'vue'
 import { fetchContents, type ContentListItem } from '../api/content'
 import { getAnalyticsOverview, type AnalyticsOverview } from '../api/publish'
 import { getUserInfo } from '../api/auth'
@@ -99,9 +99,23 @@ onMounted(async () => {
     }
   }
 
-  // Only load data when a community is selected
-  if (!communityStore.currentCommunityId) return
+  // Load data when a community is selected
+  if (communityStore.currentCommunityId) {
+    await loadDashboardData()
+  }
+})
 
+// Watch for community changes
+watch(
+  () => communityStore.currentCommunityId,
+  async (newId) => {
+    if (newId) {
+      await loadDashboardData()
+    }
+  }
+)
+
+async function loadDashboardData() {
   try {
     overview.value = await getAnalyticsOverview()
   } catch { /* empty */ }
@@ -109,7 +123,7 @@ onMounted(async () => {
     const res = await fetchContents({ page: 1, page_size: 5 })
     recentContents.value = res.items
   } catch { /* empty */ }
-})
+}
 
 function channelLabel(ch: string) {
   const map: Record<string, string> = { wechat: '微信公众号', hugo: 'Hugo 博客', csdn: 'CSDN', zhihu: '知乎' }
diff --git a/frontend/src/views/GovernanceOverview.vue b/frontend/src/views/GovernanceOverview.vue
index 6cbc58e..9722772 100644
--- a/frontend/src/views/GovernanceOverview.vue
+++ b/frontend/src/views/GovernanceOverview.vue
@@ -153,7 +153,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import { OfficeBuilding, UserFilled, Calendar, Clock, ArrowRight, Plus } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
@@ -184,10 +184,21 @@ const stats = computed(() => {
 })
 
 onMounted(() => {
-  if (!communityStore.currentCommunityId) return
-  loadData()
+  if (communityStore.currentCommunityId) {
+    loadData()
+  }
 })
 
+// Watch for community changes
+watch(
+  () => communityStore.currentCommunityId,
+  (newId) => {
+    if (newId) {
+      loadData()
+    }
+  }
+)
+
 async function loadData() {
   await Promise.all([loadCommittees(), loadMeetings()])
 }
diff --git a/frontend/src/views/MeetingCalendar.vue b/frontend/src/views/MeetingCalendar.vue
index 91927c8..d7ee1a8 100644
--- a/frontend/src/views/MeetingCalendar.vue
+++ b/frontend/src/views/MeetingCalendar.vue
@@ -237,7 +237,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'element-plus'
 import {
@@ -324,15 +324,27 @@ const sortedMeetings = computed(() => {
 })
 
 onMounted(() => {
-  if (!communityStore.currentCommunityId) return
-  loadCommittees()
-  loadMeetings()
+  if (communityStore.currentCommunityId) {
+    loadCommittees()
+    loadMeetings()
+  }
 
   if (route.query.action === 'create') {
     showCreateDialog.value = true
   }
 })
 
+// Watch for community changes
+watch(
+  () => communityStore.currentCommunityId,
+  (newId) => {
+    if (newId) {
+      loadCommittees()
+      loadMeetings()
+    }
+  }
+)
+
 async function loadCommittees() {
   try {
     committees.value = await listCommittees()
diff --git a/frontend/src/views/PublishView.vue b/frontend/src/views/PublishView.vue
index 0ce1ed4..24bb731 100644
--- a/frontend/src/views/PublishView.vue
+++ b/frontend/src/views/PublishView.vue
@@ -89,7 +89,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import copy from 'clipboard-copy'
@@ -119,13 +119,23 @@ const channels = [
 ]
 
 onMounted(async () => {
-  if (!communityStore.currentCommunityId) return
-  if (contentId.value) {
+  if (communityStore.currentCommunityId && contentId.value) {
     content.value = await fetchContent(contentId.value)
     records.value = await getPublishRecords(contentId.value)
   }
 })
 
+// Watch for community changes
+watch(
+  () => communityStore.currentCommunityId,
+  async (newId) => {
+    if (newId && contentId.value) {
+      content.value = await fetchContent(contentId.value)
+      records.value = await getPublishRecords(contentId.value)
+    }
+  }
+)
+
 async function selectChannel(ch: string) {
   activeChannel.value = ch
   previewLoading.value = true
diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
index 51655ca..73f9610 100644
--- a/frontend/src/views/Settings.vue
+++ b/frontend/src/views/Settings.vue
@@ -219,3 +219,5 @@ async function handleToggle(ch: ChannelItem) {
   color: #909399;
   font-size: 12px;
   margin-top: 4px;
+}
+</style>