diff --git a/src/api/auth.ts b/src/api/auth.ts
index 82232394..fc73966c 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -1,4 +1,4 @@
-export type LoginRole = 'super_admin' | 'doctor'
+export type LoginRole = 'super_admin' | 'doctor' | 'hospital_admin' | 'content_admin'
 
 export interface LoginPayload {
   account: string
diff --git a/src/api/stats.ts b/src/api/stats.ts
new file mode 100644
index 00000000..9479e7ff
--- /dev/null
+++ b/src/api/stats.ts
@@ -0,0 +1,649 @@
+export interface KpiOverview {
+  institution_count?: number | null
+  mau_institution?: number | null
+  user_total?: number | null
+  mau_user?: number | null
+}
+
+export interface PlatformCoreOverview {
+  train_new_month?: number | null
+  train_new_mom?: number | null
+  train_total?: number | null
+  complete_rate?: number | null
+  avg_score?: number | null
+}
+
+export interface TrendOverview {
+  months: string[]
+  train_counts: number[]
+  active_users?: number[]
+}
+
+export interface UserComposeItem {
+  role: string
+  count: number
+}
+
+export interface HourlyAverageItem {
+  hour: number
+  avg: number
+}
+
+export interface InstitutionDistributionItem {
+  id: number
+  institution: string
+  users: number
+  active: number
+}
+
+export interface HospitalTrainRankItem {
+  id: number
+  institution: string
+  count: number
+}
+
+export interface HospitalScoreRankItem {
+  id: number
+  institution: string
+  avg_score: number
+}
+
+export interface CaseTypeCountItem {
+  case_type: string
+  count: number
+}
+
+export interface CaseTypeUsageRateItem {
+  case_type: string
+  rate: number
+}
+
+export interface CaseUsageItem {
+  case_id: number
+  title: string
+  count: number
+}
+
+export interface CasePassRateItem {
+  case_id: number
+  title: string
+  pass_rate: number
+  total: number
+}
+
+export interface PlatformCaseAssetOverview {
+  total?: number | null
+  new_month?: number | null
+  new_mom?: number | null
+  type_dist: CaseTypeCountItem[]
+  type_usage_rate: CaseTypeUsageRateItem[]
+  top_used: CaseUsageItem[]
+  low_pass: CasePassRateItem[]
+}
+
+export interface PlatformOverview {
+  kpi: KpiOverview
+  core: PlatformCoreOverview
+  trend: TrendOverview
+  user_compose: UserComposeItem[]
+  hourly_7d: HourlyAverageItem[]
+  institution_dist: InstitutionDistributionItem[]
+  hospital_rank: {
+    by_train: HospitalTrainRankItem[]
+    by_avg_score: HospitalScoreRankItem[]
+  }
+  case_asset: PlatformCaseAssetOverview
+}
+
+export interface HospitalOverview {
+  profile: {
+    institution_id?: number | null
+    name?: string
+    logo?: string
+    level?: string
+    cooperation_days?: number | null
+  }
+  summary: {
+    dept_count?: number | null
+    doctor_count?: number | null
+    student_count?: number | null
+    train_total?: number | null
+    complete_rate?: number | null
+    avg_score?: number | null
+    train_months: string[]
+    train_monthly: number[]
+  }
+  dept_rank: Array<{
+    id: number
+    department: string
+    case_count: number
+    train_count: number
+    effective_train: number
+    active_users: number
+    avg_score: number
+  }>
+  case_asset: {
+    total?: number | null
+    new_month?: number | null
+    top_used: CaseUsageItem[]
+    pass_high: CasePassRateItem[]
+    pass_low: CasePassRateItem[]
+  }
+  competency: {
+    student_avg?: number | null
+    platform_avg?: number | null
+    radar: CompetencyDimension[]
+    radar_platform: CompetencyDimension[]
+  }
+}
+
+export interface ContentOverview {
+  summary: {
+    case_total?: number | null
+    pending_publish?: number | null
+    case_new_month?: number | null
+    case_new_mom?: number | null
+    usage_rate?: number | null
+    train_total?: number | null
+    train_mom?: number | null
+  }
+  dist: {
+    type_dist: CaseTypeCountItem[]
+    type_train: Record<string, number>
+    dept_dist: Array<{
+      id: number
+      department: string
+      case_count: number
+      used_count: number
+      train_count: number
+    }>
+    difficulty_dist: Array<{
+      difficulty: string
+      case_count: number
+      train_count: number
+    }>
+  }
+  warning: CasePassRateItem[]
+  hot: CaseUsageItem[]
+}
+
+export interface TeachingStudentOverviewItem {
+  id: number
+  real_name: string
+  username: string
+  department: string
+  train_total: number
+  complete_rate: number
+  avg_score: number
+  weak_dimensions: string[]
+  most_trained_type: string
+  last_trained_at: string
+  pending_tasks: number | null
+}
+
+export interface CompetencyDimension {
+  dimension: string
+  score: number
+}
+
+export interface TeachingOverview {
+  students: TeachingStudentOverviewItem[]
+  overview: {
+    student_count?: number | null
+    radar: CompetencyDimension[]
+    students_avg?: number | null
+    institution_avg?: number | null
+    train_months: string[]
+    train_monthly: number[]
+    task_summary?: unknown
+  }
+}
+
+export interface TrainingRecordListParams {
+  token: string
+  scope: 'platform' | 'teacher'
+  search?: string
+  user_id?: string
+  case_id?: string
+  status?: string
+  training_mode?: string
+  case_type?: string
+  institution?: string
+  start_date?: string
+  end_date?: string
+  min_score?: string
+  max_score?: string
+  page?: number
+}
+
+export interface TrainingRecordItem {
+  id: string
+  userId: string
+  userName: string
+  username: string
+  phone: string
+  caseId: string
+  caseTitle: string
+  status: string
+  trainingMode: string
+  caseType: string
+  institution: string
+  score: number | null
+  createdAt: string
+  completedAt: string
+  duration: string
+  raw: unknown
+}
+
+export interface TrainingRecordListResult {
+  records: TrainingRecordItem[]
+  total: number
+}
+
+export interface StudentRankingItem {
+  id: string
+  name: string
+  username: string
+  department: string
+  value: number | null
+  score: number | null
+  trainCount: number | null
+  completed: number | null
+  completeRate: number | null
+  raw: unknown
+}
+
+export interface StudentRankingResult {
+  students: StudentRankingItem[]
+  total: number
+}
+
+export interface StudentCompetency {
+  profile: {
+    id: string
+    name: string
+    username: string
+    department: string
+  }
+  summary: {
+    trainTotal: number | null
+    completeRate: number | null
+    avgScore: number | null
+    lastTrainedAt: string
+  }
+  radar: CompetencyDimension[]
+  trend: {
+    months: string[]
+    trainCounts: number[]
+    scores: number[]
+  }
+  weakDimensions: CompetencyDimension[]
+  raw: unknown
+}
+
+const listKeys = ['results', 'list', 'rows', 'items', 'records', 'students', 'data']
+const totalKeys = ['count', 'total', 'total_count', 'totalCount']
+
+function createAuthorization(token: string) {
+  return /^Bearer\s+/i.test(token) ? token : `Bearer ${token}`
+}
+
+function parseResponseText(text: string): unknown {
+  if (!text) {
+    return null
+  }
+
+  try {
+    return JSON.parse(text)
+  } catch {
+    return null
+  }
+}
+
+function getMessageFromResponse(data: unknown): string {
+  if (!data || typeof data !== 'object') {
+    return ''
+  }
+
+  const record = data as Record<string, unknown>
+  const message = record.message || record.msg || record.detail
+  if (typeof message === 'string') {
+    return message
+  }
+
+  return getMessageFromResponse(record.data)
+}
+
+function unwrapData(data: unknown): unknown {
+  if (!data || typeof data !== 'object' || Array.isArray(data)) {
+    return data
+  }
+
+  const record = data as Record<string, unknown>
+  const nested = record.data || record.result || record.payload
+  if (nested && typeof nested === 'object') {
+    const metaKeys = ['message', 'msg', 'code', 'success']
+    const dataOnlyKeys = Object.keys(record).filter(key => !metaKeys.includes(key))
+    if (dataOnlyKeys.length === 1 || ('data' in record && !('kpi' in record) && !('summary' in record))) {
+      return unwrapData(nested)
+    }
+  }
+
+  return data
+}
+
+async function requestJson<T>(url: string, token: string, fallbackMessage: string): Promise<T> {
+  const response = await fetch(url, {
+    method: 'GET',
+    headers: {
+      Accept: 'application/json',
+      Authorization: createAuthorization(token)
+    }
+  })
+  const text = await response.text()
+  const data = parseResponseText(text)
+
+  if (!response.ok) {
+    const message = getMessageFromResponse(data) || fallbackMessage
+    throw new Error(message)
+  }
+
+  return unwrapData(data) as T
+}
+
+function getRecord(value: unknown): Record<string, unknown> {
+  return value && typeof value === 'object' && !Array.isArray(value) ? (value as Record<string, unknown>) : {}
+}
+
+function getFirst(record: Record<string, unknown>, keys: string[]): unknown {
+  for (const key of keys) {
+    const value = record[key]
+    if (value !== undefined && value !== null) {
+      return value
+    }
+  }
+
+  return undefined
+}
+
+function getString(record: Record<string, unknown>, keys: string[], fallback = ''): string {
+  const value = getFirst(record, keys)
+  if (typeof value === 'string') {
+    return value
+  }
+  if (typeof value === 'number') {
+    return String(value)
+  }
+
+  return fallback
+}
+
+function getNumber(record: Record<string, unknown>, keys: string[]): number | null {
+  const value = getFirst(record, keys)
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return value
+  }
+  if (typeof value === 'string' && value.trim() && Number.isFinite(Number(value))) {
+    return Number(value)
+  }
+
+  return null
+}
+
+function getTotal(record: Record<string, unknown>, fallback: number): number {
+  for (const key of totalKeys) {
+    const value = record[key]
+    if (typeof value === 'number') {
+      return value
+    }
+    if (typeof value === 'string' && Number.isFinite(Number(value))) {
+      return Number(value)
+    }
+  }
+
+  return fallback
+}
+
+function findListPayload(data: unknown): { items: unknown[]; total: number } {
+  if (Array.isArray(data)) {
+    return { items: data, total: data.length }
+  }
+  if (!data || typeof data !== 'object') {
+    return { items: [], total: 0 }
+  }
+
+  const record = data as Record<string, unknown>
+  for (const key of listKeys) {
+    const value = record[key]
+    if (Array.isArray(value)) {
+      return { items: value, total: getTotal(record, value.length) }
+    }
+  }
+
+  const nested = record.data || record.result || record.payload
+  if (nested && typeof nested === 'object') {
+    const payload = findListPayload(nested)
+    return {
+      items: payload.items,
+      total: payload.total || getTotal(record, payload.items.length)
+    }
+  }
+
+  return { items: [], total: getTotal(record, 0) }
+}
+
+function createQuery(params: Record<string, unknown>) {
+  const query = new URLSearchParams()
+  Object.entries(params).forEach(([key, value]) => {
+    if (value === undefined || value === null || value === '') {
+      return
+    }
+    if (typeof value === 'string' && !value.trim()) {
+      return
+    }
+    query.set(key, String(value).trim())
+  })
+
+  return query
+}
+
+function getNestedString(record: Record<string, unknown>, nestedKeys: string[], valueKeys: string[], fallback = '') {
+  for (const key of nestedKeys) {
+    const nested = getRecord(record[key])
+    const value = getString(nested, valueKeys)
+    if (value) {
+      return value
+    }
+  }
+
+  return fallback
+}
+
+function getNestedNumber(record: Record<string, unknown>, nestedKeys: string[], valueKeys: string[]) {
+  for (const key of nestedKeys) {
+    const nested = getRecord(record[key])
+    const value = getNumber(nested, valueKeys)
+    if (value !== null) {
+      return value
+    }
+  }
+
+  return null
+}
+
+function normalizeTrainingRecord(item: unknown): TrainingRecordItem {
+  const record = getRecord(item)
+  const user = getRecord(getFirst(record, ['user', 'student', 'trainee']))
+  const caseRecord = getRecord(getFirst(record, ['case', 'case_info', 'training_case']))
+
+  return {
+    id: getString(record, ['id', 'record_id', 'recordId', 'uuid']),
+    userId: getString(record, ['user_id', 'userId', 'student_id', 'studentId']) || getString(user, ['id', 'user_id']),
+    userName: getString(record, ['user_name', 'real_name', 'realName', 'student_name', 'studentName']) || getString(user, ['real_name', 'realName', 'name']),
+    username: getString(record, ['username', 'account']) || getString(user, ['username', 'account']),
+    phone: getString(record, ['phone', 'mobile']) || getString(user, ['phone', 'mobile', 'username']),
+    caseId: getString(record, ['case_id', 'caseId']) || getString(caseRecord, ['id', 'case_id']),
+    caseTitle: getString(record, ['case_title', 'caseTitle', 'title']) || getString(caseRecord, ['title', 'name']),
+    status: getString(record, ['status', 'state']),
+    trainingMode: getString(record, ['training_mode', 'trainingMode', 'mode']),
+    caseType: getString(record, ['case_type', 'caseType']) || getString(caseRecord, ['case_type', 'caseType']),
+    institution: getString(record, ['institution', 'institution_name', 'institutionName', 'hospital', 'hospital_name', 'hospitalName']) ||
+      getNestedString(user, ['institution', 'hospital'], ['name', 'institution', 'institution_name']),
+    score: getNumber(record, ['score', 'final_score', 'finalScore', 'total_score', 'totalScore', 'normalized_score', 'normalizedScore', 'avg_score']),
+    createdAt: getString(record, ['created_at', 'createdAt', 'start_time', 'startTime', 'trained_at', 'trainedAt']),
+    completedAt: getString(record, ['completed_at', 'completedAt', 'end_time', 'endTime', 'finished_at', 'finishedAt']),
+    duration: getString(record, ['duration', 'duration_text', 'durationText', 'elapsed', 'elapsed_seconds', 'elapsedSeconds']),
+    raw: item
+  }
+}
+
+function normalizeRankingItem(item: unknown, dimension: string): StudentRankingItem {
+  const record = getRecord(item)
+  const user = getRecord(getFirst(record, ['user', 'student']))
+  const dimensions = getRecord(getFirst(record, ['dimensions', 'dimension_scores', 'scores']))
+  const dimensionValue = getNumber(record, [dimension]) ?? getNumber(dimensions, [dimension])
+  const score = getNumber(record, ['score', 'avg_score', 'avgScore', 'students_avg'])
+  const trainCount = getNumber(record, ['train_count', 'trainCount', 'train_total', 'trainTotal'])
+  const completed = getNumber(record, ['completed', 'completed_count', 'completedCount', 'effective_train'])
+  const completeRate = getNumber(record, ['complete_rate', 'completeRate', 'completed_rate'])
+  const fallbackValue = dimension === 'train_count'
+    ? trainCount
+    : dimension === 'completed'
+      ? completed ?? completeRate
+      : score
+
+  return {
+    id: getString(record, ['id', 'user_id', 'userId', 'student_id', 'studentId']) || getString(user, ['id', 'user_id']),
+    name: getString(record, ['real_name', 'realName', 'name', 'student_name', 'studentName']) || getString(user, ['real_name', 'realName', 'name']),
+    username: getString(record, ['username', 'account']) || getString(user, ['username', 'account']),
+    department: getString(record, ['department', 'department_name', 'departmentName']) ||
+      getNestedString(user, ['department'], ['name', 'department']),
+    value: getNumber(record, ['value', 'rank_value', 'rankValue']) ?? dimensionValue ?? fallbackValue,
+    score,
+    trainCount,
+    completed,
+    completeRate,
+    raw: item
+  }
+}
+
+function normalizeDimensionList(value: unknown): CompetencyDimension[] {
+  if (Array.isArray(value)) {
+    return value
+      .map(item => {
+        const record = getRecord(item)
+        const dimension = getString(record, ['dimension', 'name', 'label'])
+        const score = getNumber(record, ['score', 'value', 'rate'])
+        return dimension && score !== null ? { dimension, score } : null
+      })
+      .filter((item): item is CompetencyDimension => Boolean(item))
+  }
+
+  const record = getRecord(value)
+  return Object.entries(record)
+    .map(([dimension, score]) => {
+      const numericScore = typeof score === 'number' ? score : typeof score === 'string' && Number.isFinite(Number(score)) ? Number(score) : null
+      return numericScore !== null ? { dimension, score: numericScore } : null
+    })
+    .filter((item): item is CompetencyDimension => Boolean(item))
+}
+
+function firstDimensionList(...values: unknown[]): CompetencyDimension[] {
+  for (const value of values) {
+    const list = normalizeDimensionList(value)
+    if (list.length) {
+      return list
+    }
+  }
+
+  return []
+}
+
+function normalizeCompetency(data: unknown, id: string | number): StudentCompetency {
+  const root = getRecord(unwrapData(data))
+  const student = getRecord(getFirst(root, ['student', 'profile', 'user']))
+  const summary = getRecord(getFirst(root, ['summary', 'overview']))
+  const competency = getRecord(root.competency)
+  const trend = getRecord(root.trend)
+  const radar = firstDimensionList(root.radar, competency.radar, root.dimension_scores, root.dimensions, summary.radar)
+  const explicitWeak = firstDimensionList(root.weak_dimensions, summary.weak_dimensions)
+  const weakDimensions = explicitWeak.length ? explicitWeak : radar.filter(item => item.score < 60)
+
+  return {
+    profile: {
+      id: getString(root, ['id', 'student_id', 'studentId', 'user_id', 'userId'], String(id)) || getString(student, ['id', 'user_id'], String(id)),
+      name: getString(root, ['real_name', 'realName', 'name', 'student_name', 'studentName']) || getString(student, ['real_name', 'realName', 'name']),
+      username: getString(root, ['username', 'account']) || getString(student, ['username', 'account']),
+      department: getString(root, ['department', 'department_name', 'departmentName']) || getString(student, ['department', 'department_name', 'departmentName'])
+    },
+    summary: {
+      trainTotal: getNumber(summary, ['train_total', 'trainTotal']) ?? getNumber(root, ['train_total', 'trainTotal']),
+      completeRate: getNumber(summary, ['complete_rate', 'completeRate']) ?? getNumber(root, ['complete_rate', 'completeRate']),
+      avgScore: getNumber(summary, ['avg_score', 'avgScore', 'student_avg']) ?? getNumber(root, ['avg_score', 'avgScore', 'student_avg']),
+      lastTrainedAt: getString(summary, ['last_trained_at', 'lastTrainedAt']) || getString(root, ['last_trained_at', 'lastTrainedAt'])
+    },
+    radar,
+    trend: {
+      months: normalizeStringArray(getFirst(trend, ['months', 'train_months']) ?? getFirst(summary, ['months', 'train_months']) ?? root.train_months),
+      trainCounts: normalizeNumberArray(getFirst(trend, ['train_counts', 'train_monthly']) ?? getFirst(summary, ['train_counts', 'train_monthly']) ?? root.train_monthly),
+      scores: normalizeNumberArray(getFirst(trend, ['scores', 'avg_scores', 'score_monthly']) ?? getFirst(summary, ['scores', 'avg_scores', 'score_monthly']))
+    },
+    weakDimensions,
+    raw: data
+  }
+}
+
+function normalizeStringArray(value: unknown): string[] {
+  return Array.isArray(value) ? value.map(item => String(item)) : []
+}
+
+function normalizeNumberArray(value: unknown): number[] {
+  return Array.isArray(value)
+    ? value.map(item => (typeof item === 'number' ? item : Number(item))).filter(item => Number.isFinite(item))
+    : []
+}
+
+export async function fetchPlatformOverview(token: string): Promise<PlatformOverview> {
+  return requestJson<PlatformOverview>('/server/api/cms/stats/overview/', token, '获取平台概览失败')
+}
+
+export async function fetchHospitalOverview(token: string): Promise<HospitalOverview> {
+  return requestJson<HospitalOverview>('/server/api/cms/stats/hospital/overview/', token, '获取医院概览失败')
+}
+
+export async function fetchContentOverview(token: string): Promise<ContentOverview> {
+  return requestJson<ContentOverview>('/server/api/cms/stats/content/overview/', token, '获取内容概览失败')
+}
+
+export async function fetchTeachingOverview(token: string): Promise<TeachingOverview> {
+  return requestJson<TeachingOverview>('/server/api/cms/stats/teaching/overview/', token, '获取教学概览失败')
+}
+
+export async function fetchTrainingRecords(params: TrainingRecordListParams): Promise<TrainingRecordListResult> {
+  const { token, scope, ...queryParams } = params
+  const query = createQuery(queryParams)
+  const baseUrl = scope === 'teacher' ? '/server/api/cms/students/training-records/' : '/server/api/cms/training-records/'
+  const data = await requestJson<unknown>(`${baseUrl}${query.toString() ? `?${query.toString()}` : ''}`, token, '获取训练记录失败')
+  const payload = findListPayload(data)
+
+  return {
+    records: payload.items.map(normalizeTrainingRecord),
+    total: payload.total
+  }
+}
+
+export async function fetchStudentCompetency(token: string, id: string | number): Promise<StudentCompetency> {
+  const data = await requestJson<unknown>(`/server/api/cms/students/${id}/competency/`, token, '获取学生能力画像失败')
+  return normalizeCompetency(data, id)
+}
+
+export async function fetchStudentRanking(token: string, dimension = 'score'): Promise<StudentRankingResult> {
+  const query = createQuery({ dimension })
+  const data = await requestJson<unknown>(`/server/api/cms/students/ranking/?${query.toString()}`, token, '获取学生排行榜失败')
+  const payload = findListPayload(data)
+
+  return {
+    students: payload.items.map(item => normalizeRankingItem(item, dimension)),
+    total: payload.total
+  }
+}
diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
index 71ac6c9e..d0d3f923 100644
--- a/src/assets/styles/main.scss
+++ b/src/assets/styles/main.scss
@@ -198,8 +198,7 @@ p {
 
     .brand-copy,
     .nav-item span,
-    .user-meta,
-    .role-select {
+    .user-meta {
       display: none;
     }
 
@@ -359,10 +358,6 @@ p {
   }
 }
 
-.role-select {
-  width: 100%;
-}
-
 .main-panel {
   min-width: 0;
 }
@@ -779,6 +774,18 @@ p {
   grid-template-columns: minmax(260px, 1fr) 150px 96px 96px;
 }
 
+.training-record-filter {
+  grid-template-columns: minmax(220px, 1fr) 110px 110px 140px 140px 140px 140px 260px 100px 100px 96px 96px;
+}
+
+.teacher-training-record-filter {
+  grid-template-columns: minmax(220px, 1fr) 110px 110px 140px 140px 140px 260px 100px 100px 96px 96px;
+}
+
+.ranking-kpis {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .table-subtext {
   display: block;
   margin-top: 4px;
diff --git a/src/layouts/AdminLayout.vue b/src/layouts/AdminLayout.vue
index dfa6867e..07149468 100644
--- a/src/layouts/AdminLayout.vue
+++ b/src/layouts/AdminLayout.vue
@@ -35,9 +35,6 @@
             <span>{{ appStore.roleLabel }}</span>
           </div>
         </div>
-        <el-select v-model="role" class="role-select" size="small" @change="handleRoleChange">
-          <el-option v-for="item in roleOptions" :key="item.value" :label="item.label" :value="item.value" />
-        </el-select>
       </div>
     </aside>
 
@@ -89,19 +86,13 @@
 import { computed, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ArrowDown, Bell, Fold, Moon, QuestionFilled, Search, Sunny } from '@element-plus/icons-vue'
-import { roleOptions } from '@/mock/dashboard'
-import { getFirstPage, getPagePath, pageTitles, roleMenus } from '@/mock/navigation'
+import { getPagePath, pageTitles, roleMenus } from '@/mock/navigation'
 import { useAppStore } from '@/stores/app'
-import type { RoleKey } from '@/types'
 
 const route = useRoute()
 const router = useRouter()
 const appStore = useAppStore()
 const keyword = ref('')
-const role = computed({
-  get: () => appStore.user.role,
-  set: value => appStore.switchRole(value)
-})
 
 const visibleSections = computed(() => roleMenus[appStore.user.role])
 const pageTitle = computed(() => {
@@ -112,11 +103,6 @@ const pageTitle = computed(() => {
   return String(route.meta.title || '数据驾驶舱')
 })
 
-function handleRoleChange(value: RoleKey) {
-  appStore.switchRole(value)
-  router.push(getPagePath(getFirstPage(value)))
-}
-
 function handleCommand(command: string) {
   if (command === 'logout') {
     appStore.logout()
diff --git a/src/router/index.ts b/src/router/index.ts
index ea0d23fd..5ced4d03 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -15,7 +15,13 @@ const routes: RouteRecordRaw[] = [
     children: [
       { path: 'dashboard', name: 'Dashboard', component: () => import('@/views/DashboardView.vue'), meta: { title: '数据驾驶舱' } },
       { path: 'cases', name: 'Cases', component: () => import('@/views/CasesView.vue'), meta: { title: '病例中心' } },
-      { path: 'training', name: 'Training', component: () => import('@/views/TrainingView.vue'), meta: { title: '训练管理' } },
+      { path: 'training', name: 'Training', component: () => import('@/views/TrainingView.vue'), meta: { title: '训练记录' } },
+      { path: 'platform/ability-profile', name: 'PlatformAbilityProfile', component: () => import('@/views/PlatformAbilityView.vue'), meta: { title: '能力画像' } },
+      { path: 'platform/ability-radar', name: 'PlatformAbilityRadar', component: () => import('@/views/PlatformAbilityView.vue'), meta: { title: '雷达图分析' } },
+      { path: 'teacher/training-records', name: 'TeacherTrainingRecords', component: () => import('@/views/TrainingView.vue'), meta: { title: '教学训练记录' } },
+      { path: 'teacher/student-ability', name: 'StudentAbility', component: () => import('@/views/StudentAbilityView.vue'), meta: { title: '能力画像' } },
+      { path: 'teacher/student-ranking', name: 'StudentRanking', component: () => import('@/views/StudentRankingView.vue'), meta: { title: '学生排行榜' } },
+      { path: 'teacher/growth-path', name: 'TeacherGrowthPath', component: () => import('@/views/TeacherGrowthPathView.vue'), meta: { title: '成长轨迹' } },
       { path: 'institutions', name: 'Institutions', component: () => import('@/views/InstitutionsView.vue'), meta: { title: '医院管理' } },
       { path: 'departments', name: 'Departments', component: () => import('@/views/DepartmentsView.vue'), meta: { title: '科室管理' } },
       { path: 'users', name: 'Users', component: () => import('@/views/UsersView.vue'), meta: { title: '用户列表' } },
@@ -42,6 +48,13 @@ const routes: RouteRecordRaw[] = [
       { path: 'module/my-students', redirect: '/my-students' },
       { path: 'module/student-list', redirect: '/users/students' },
       { path: 'module/teacher-list', redirect: '/teacher-student-relations' },
+      { path: 'module/training-list', redirect: '/training' },
+      { path: 'module/ability-profile', redirect: '/platform/ability-profile' },
+      { path: 'module/ability-radar', redirect: '/platform/ability-radar' },
+      { path: 'module/training-record', redirect: '/teacher/training-records' },
+      { path: 'module/student-ability', redirect: '/teacher/student-ability' },
+      { path: 'module/leaderboard', redirect: '/teacher/student-ranking' },
+      { path: 'module/growth-path', redirect: '/teacher/growth-path' },
       { path: 'module/user-list', redirect: '/users' },
       { path: 'module/knowledge-base', name: 'KnowledgeBase', component: () => import('@/views/KnowledgeBaseView.vue'), meta: { title: '知识库管理' } },
       { path: 'module/:page', name: 'Module', component: () => import('@/views/ModuleView.vue'), meta: { title: '业务模块' } }
diff --git a/src/stores/app.ts b/src/stores/app.ts
index 5fa90286..4eb0dfe2 100644
--- a/src/stores/app.ts
+++ b/src/stores/app.ts
@@ -13,7 +13,9 @@ const roleProfiles: Record<RoleKey, Pick<UserProfile, 'name' | 'avatarText'>> =
 
 const loginRoleMap: Record<LoginRole, RoleKey> = {
   super_admin: 'super-admin',
-  doctor: 'teacher'
+  doctor: 'teacher',
+  hospital_admin: 'hospital-admin',
+  content_admin: 'content-admin'
 }
 
 function getStoredRole(): RoleKey {
diff --git a/src/views/ContentDashboardView.vue b/src/views/ContentDashboardView.vue
index af33527e..6964f366 100644
--- a/src/views/ContentDashboardView.vue
+++ b/src/views/ContentDashboardView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dashboard-page page-stack">
+  <div v-loading="loading" class="dashboard-page page-stack">
     <section class="hero-strip dashboard-hero">
       <div>
         <span class="eyebrow">内容概览大屏</span>
@@ -8,12 +8,12 @@
       </div>
       <div class="hero-actions">
         <el-button :icon="Upload">导入知识库</el-button>
-        <el-button :icon="Plus" type="primary">新增病例</el-button>
+        <el-button :icon="Refresh" :loading="loading" @click="loadOverview">刷新数据</el-button>
       </div>
     </section>
 
     <section class="stats-grid dashboard-kpis">
-      <article v-for="item in contentDashboard.kpis" :key="item.label" class="stat-card">
+      <article v-for="item in dashboard.kpis" :key="item.label" class="stat-card">
         <div :class="['stat-mark', item.tone]">{{ item.label.slice(0, 1) }}</div>
         <div>
           <span>{{ item.label }}</span>
@@ -40,10 +40,8 @@
             <p>按通过率升序展示前五个病例</p>
           </div>
         </div>
-        <el-table :data="contentDashboard.lowPassWarnings" height="300">
+        <el-table :data="dashboard.lowPassWarnings" height="300">
           <el-table-column prop="name" label="病例名称" min-width="170" />
-          <el-table-column prop="department" label="科室" width="100" />
-          <el-table-column prop="type" label="类型" width="100" />
           <el-table-column prop="rate" label="通过率" width="100">
             <template #default="{ row }">
               <el-tag type="danger">{{ row.rate }}%</el-tag>
@@ -61,10 +59,10 @@
           </div>
         </div>
         <div class="quality-list">
-          <article v-for="item in contentDashboard.lowPassWarnings" :key="item.name" class="quality-item">
+          <article v-for="item in dashboard.lowPassWarnings" :key="item.name" class="quality-item">
             <div>
               <strong>{{ item.name }}</strong>
-              <span>{{ item.department }} | {{ item.type }}</span>
+              <span>训练 {{ item.trainings }} 次</span>
             </div>
             <el-progress :percentage="item.rate" status="exception" :stroke-width="8" />
           </article>
@@ -83,25 +81,12 @@
           <el-button :icon="Plus" type="primary">新增病例</el-button>
         </div>
       </div>
-      <el-table :data="contentDashboard.caseManagementRows" row-key="name">
+      <el-table :data="dashboard.caseManagementRows" row-key="name">
         <el-table-column prop="name" label="病例名称" min-width="180" />
-        <el-table-column prop="department" label="科室" width="110" />
-        <el-table-column prop="author" label="录入人员" width="110" />
-        <el-table-column prop="difficulty" label="难度" width="80">
-          <template #default="{ row }">
-            <el-tag :type="row.difficulty === '高' ? 'danger' : row.difficulty === '中' ? 'warning' : 'success'">{{ row.difficulty }}</el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="type" label="类型" width="110" />
-        <el-table-column prop="scoring" label="评分规则" width="100" />
-        <el-table-column prop="project" label="关联项目" width="120" />
-        <el-table-column prop="status" label="状态" width="80" />
-        <el-table-column prop="audit" label="审核状态" width="100" />
-        <el-table-column label="操作" width="160" fixed="right">
+        <el-table-column prop="count" label="训练次数" width="110" />
+        <el-table-column label="操作" width="120" fixed="right">
           <template #default>
-            <el-button link type="primary">修改</el-button>
             <el-button link type="primary">详情</el-button>
-            <el-button link type="danger">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -110,18 +95,66 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import type { EChartsOption } from 'echarts'
-import { Plus, Search, Upload } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+import { Plus, Refresh, Search, Upload } from '@element-plus/icons-vue'
 import ChartPanel from '@/components/ChartPanel.vue'
-import { contentDashboard } from '@/mock/dashboard'
+import { fetchContentOverview, type ContentOverview } from '@/api/stats'
+import { useAppStore } from '@/stores/app'
+
+interface StatCard {
+  label: string
+  value: string
+  change: string
+  tone: 'blue' | 'green' | 'purple' | 'orange'
+}
 
 const axisLine = { lineStyle: { color: '#dce3eb' } }
 const splitLine = { lineStyle: { color: '#eef2f7' } }
+const appStore = useAppStore()
+const loading = ref(false)
+const overview = ref<ContentOverview | null>(null)
+
+const dashboard = computed(() => {
+  const data = overview.value
+  const summary = data?.summary || {}
+  const dist = data?.dist || { type_dist: [], type_train: {}, dept_dist: [], difficulty_dist: [] }
+
+  return {
+    kpis: [
+      stat('病例总数', numberText(summary.case_total), '内容资产', 'green'),
+      stat('待发布病例数', numberText(summary.pending_publish), '待处理', 'orange'),
+      stat('本月新增病例', numberText(summary.case_new_month), momText(summary.case_new_mom), 'purple'),
+      stat('病例使用率', percentText(summary.usage_rate), '已被训练病例占比', 'green'),
+      stat('累计训练总次数', numberText(summary.train_total), momText(summary.train_mom), 'blue')
+    ],
+    caseTypeDistribution: dist.type_dist.map(item => ({ name: caseTypeLabel(item.case_type), value: item.count })),
+    caseTypeTraining: Object.entries(dist.type_train || {}).map(([type, value]) => ({ name: caseTypeLabel(type), value })),
+    departmentCases: dist.dept_dist.map(item => ({ name: item.department, value: item.case_count })),
+    departmentUsage: dist.dept_dist.map(item => ({
+      name: item.department,
+      usedCases: item.used_count,
+      trainingTimes: item.train_count
+    })),
+    difficultyUsage: dist.difficulty_dist.map(item => ({
+      name: difficultyLabel(item.difficulty),
+      cases: item.case_count,
+      trainingTimes: item.train_count
+    })),
+    lowPassWarnings: (data?.warning || []).map(item => ({
+      name: item.title,
+      rate: item.pass_rate,
+      trainings: item.total
+    })),
+    hotCases: (data?.hot || []).map(item => ({ name: item.title, value: item.count })),
+    caseManagementRows: (data?.hot || []).map(item => ({ name: item.title, count: item.count }))
+  }
+})
 
 const caseTypeDistributionOption = computed<EChartsOption>(() => horizontalBarOption(
-  contentDashboard.caseTypeDistribution.map(item => item.name),
-  contentDashboard.caseTypeDistribution.map(item => item.value),
+  dashboard.value.caseTypeDistribution.map(item => item.name),
+  dashboard.value.caseTypeDistribution.map(item => item.value),
   '病例数',
   '#2563eb'
 ))
@@ -130,16 +163,16 @@ const caseTypeTrainingOption = computed<EChartsOption>(() => ({
   color: ['#0f766e'],
   tooltip: { trigger: 'axis' },
   grid: { left: 42, right: 20, top: 28, bottom: 32 },
-  xAxis: { type: 'category', data: contentDashboard.caseTypeTraining.map(item => item.name), axisLine },
+  xAxis: { type: 'category', data: dashboard.value.caseTypeTraining.map(item => item.name), axisLine },
   yAxis: { type: 'value', splitLine },
   series: [
-    { name: '训练次数', type: 'bar', barWidth: 24, data: contentDashboard.caseTypeTraining.map(item => item.value), itemStyle: { borderRadius: [5, 5, 0, 0] } }
+    { name: '训练次数', type: 'bar', barWidth: 24, data: dashboard.value.caseTypeTraining.map(item => item.value), itemStyle: { borderRadius: [5, 5, 0, 0] } }
   ]
 }))
 
 const departmentCasesOption = computed<EChartsOption>(() => horizontalBarOption(
-  contentDashboard.departmentCases.map(item => item.name),
-  contentDashboard.departmentCases.map(item => item.value),
+  dashboard.value.departmentCases.map(item => item.name),
+  dashboard.value.departmentCases.map(item => item.value),
   '病例数',
   '#7c3aed'
 ))
@@ -153,10 +186,10 @@ const departmentUsageOption = computed<EChartsOption>(() => ({
     { type: 'value', name: '使用数', splitLine },
     { type: 'value', name: '训练次数', splitLine: { show: false } }
   ],
-  yAxis: { type: 'category', inverse: true, data: contentDashboard.departmentUsage.map(item => item.name), axisLine },
+  yAxis: { type: 'category', inverse: true, data: dashboard.value.departmentUsage.map(item => item.name), axisLine },
   series: [
-    { name: '病例使用数', type: 'bar', barWidth: 14, data: contentDashboard.departmentUsage.map(item => item.usedCases) },
-    { name: '病例训练次数', type: 'bar', barWidth: 14, xAxisIndex: 1, data: contentDashboard.departmentUsage.map(item => item.trainingTimes) }
+    { name: '病例使用数', type: 'bar', barWidth: 14, data: dashboard.value.departmentUsage.map(item => item.usedCases) },
+    { name: '病例训练次数', type: 'bar', barWidth: 14, xAxisIndex: 1, data: dashboard.value.departmentUsage.map(item => item.trainingTimes) }
   ]
 }))
 
@@ -165,21 +198,20 @@ const difficultyUsageOption = computed<EChartsOption>(() => ({
   tooltip: { trigger: 'axis' },
   legend: { top: 0 },
   grid: { left: 48, right: 36, top: 42, bottom: 32 },
-  xAxis: { type: 'category', data: contentDashboard.difficultyUsage.map(item => item.name), axisLine },
+  xAxis: { type: 'category', data: dashboard.value.difficultyUsage.map(item => item.name), axisLine },
   yAxis: [
     { type: 'value', name: '病例数', splitLine },
     { type: 'value', name: '训练次数', splitLine: { show: false } }
   ],
   series: [
-    { name: '病例数', type: 'bar', data: contentDashboard.difficultyUsage.map(item => item.cases) },
-    { name: '病例使用数', type: 'bar', data: contentDashboard.difficultyUsage.map(item => item.usedCases) },
-    { name: '病例训练次数', type: 'line', yAxisIndex: 1, smooth: true, data: contentDashboard.difficultyUsage.map(item => item.trainingTimes) }
+    { name: '病例数', type: 'bar', data: dashboard.value.difficultyUsage.map(item => item.cases) },
+    { name: '病例训练次数', type: 'line', yAxisIndex: 1, smooth: true, data: dashboard.value.difficultyUsage.map(item => item.trainingTimes) }
   ]
 }))
 
 const hotCasesOption = computed<EChartsOption>(() => horizontalBarOption(
-  contentDashboard.hotCases.map(item => item.name),
-  contentDashboard.hotCases.map(item => item.value),
+  dashboard.value.hotCases.map(item => item.name),
+  dashboard.value.hotCases.map(item => item.value),
   '训练次数',
   '#dc2626'
 ))
@@ -196,4 +228,60 @@ function horizontalBarOption(names: string[], values: number[], seriesName: stri
     ]
   }
 }
+
+async function loadOverview() {
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
+  }
+
+  try {
+    loading.value = true
+    overview.value = await fetchContentOverview(appStore.token)
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取内容概览失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+function stat(label: string, value: string, change: string, tone: StatCard['tone']): StatCard {
+  return { label, value, change, tone }
+}
+
+function numberText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toLocaleString('zh-CN') : '-'
+}
+
+function percentText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? `${value}%` : '-'
+}
+
+function momText(value: number | null | undefined) {
+  if (typeof value !== 'number' || !Number.isFinite(value)) {
+    return '暂无环比'
+  }
+  return `${value >= 0 ? '+' : ''}${value}% 环比`
+}
+
+function caseTypeLabel(type: string) {
+  const labels: Record<string, string> = {
+    diagnosis_treatment: '诊疗病例',
+    traditional: '传统病例',
+    teaching: '教学病例',
+    script: '脚本病例'
+  }
+  return labels[type] || type || '-'
+}
+
+function difficultyLabel(value: string) {
+  const labels: Record<string, string> = {
+    easy: '简单',
+    medium: '中等',
+    hard: '困难'
+  }
+  return labels[value] || value || '-'
+}
+
+onMounted(loadOverview)
 </script>
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index d5408f6f..234d370d 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dashboard-page page-stack">
+  <div v-loading="loading" class="dashboard-page page-stack">
     <section class="hero-strip dashboard-hero">
       <div>
         <span class="eyebrow">平台总览大屏</span>
@@ -8,12 +8,12 @@
       </div>
       <div class="hero-actions">
         <el-button :icon="Download">导出报表</el-button>
-        <el-button :icon="Refresh">刷新数据</el-button>
+        <el-button :icon="Refresh" :loading="loading" @click="loadOverview">刷新数据</el-button>
       </div>
     </section>
 
     <section class="stats-grid dashboard-kpis">
-      <article v-for="item in platformDashboard.kpis" :key="item.label" class="stat-card">
+      <article v-for="item in dashboard.kpis" :key="item.label" class="stat-card">
         <div :class="['stat-mark', item.tone]">{{ item.label.slice(0, 1) }}</div>
         <div>
           <span>{{ item.label }}</span>
@@ -36,12 +36,12 @@
       <div class="data-section">
         <div class="section-header">
           <div>
-            <h2>各医院月活跃度排名</h2>
-            <p>月活跃用户数 / 注册用户数，含同比变化</p>
+            <h2>各机构月活跃度</h2>
+            <p>活跃用户数 / 注册用户数，按活跃率排序</p>
           </div>
         </div>
         <div class="rank-list">
-          <article v-for="(item, index) in platformDashboard.hospitalActivityRanking" :key="item.name" class="rank-item">
+          <article v-for="(item, index) in dashboard.hospitalActivityRanking" :key="item.name" class="rank-item">
             <span>{{ index + 1 }}</span>
             <strong>{{ item.name }}</strong>
             <el-progress :percentage="item.value" :stroke-width="8" />
@@ -52,7 +52,7 @@
     </section>
 
     <section class="stats-grid compact-kpis">
-      <article v-for="item in platformDashboard.caseKpis" :key="item.label" class="stat-card">
+      <article v-for="item in dashboard.caseKpis" :key="item.label" class="stat-card">
         <div :class="['stat-mark', item.tone]">{{ item.label.slice(0, 1) }}</div>
         <div>
           <span>{{ item.label }}</span>
@@ -63,40 +63,108 @@
     </section>
 
     <section class="overview-grid">
-      <ChartPanel title="病例类型分布" subtitle="脚本、教学、传统病例占比" :option="caseTypeDistributionOption" />
+      <ChartPanel title="病例类型分布" subtitle="按病例类型统计数量占比" :option="caseTypeDistributionOption" />
       <ChartPanel title="各类型病例使用率" subtitle="被使用病例数 / 类型病例总数" :option="caseTypeUsageOption" />
-      <ChartPanel class="wide-chart" title="各类型病例月训练次数变化" subtitle="柱状图为训练次数，折线图为环比增长率" :option="caseTypeTrainingTrendOption" />
+      <ChartPanel class="wide-chart" title="病例类型资产与使用率" subtitle="柱状图为病例数，折线图为使用率" :option="caseTypeTrainingTrendOption" />
       <ChartPanel class="wide-chart tall-chart" title="病例使用排行 Top10" subtitle="按病例训练次数求和排序" :option="topCaseUsageOption" />
       <ChartPanel title="低通过率病例预警" subtitle="得分不低于60分的训练占比" :option="lowCasePassOption" />
-      <ChartPanel class="wide-chart" title="AI服务调用与响应时长" subtitle="近一周平均调用量与响应时长" :option="opsTrendOption" />
     </section>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import type { EChartsOption } from 'echarts'
+import { ElMessage } from 'element-plus'
 import { Download, Refresh } from '@element-plus/icons-vue'
 import ChartPanel from '@/components/ChartPanel.vue'
-import { platformDashboard } from '@/mock/dashboard'
+import { fetchPlatformOverview, type PlatformOverview } from '@/api/stats'
+import { useAppStore } from '@/stores/app'
+
+interface StatCard {
+  label: string
+  value: string
+  change: string
+  tone: 'blue' | 'green' | 'purple' | 'orange'
+}
 
 const palette = ['#2563eb', '#0f766e', '#f59e0b', '#7c3aed', '#dc2626', '#16a34a']
 const axisLine = { lineStyle: { color: '#dce3eb' } }
 const splitLine = { lineStyle: { color: '#eef2f7' } }
+const appStore = useAppStore()
+const loading = ref(false)
+const overview = ref<PlatformOverview | null>(null)
+
+const dashboard = computed(() => {
+  const data = overview.value
+  const kpi = data?.kpi || {}
+  const core = data?.core || {}
+  const trend = data?.trend || { months: [], train_counts: [], active_users: [] }
+  const caseAsset = data?.case_asset || { type_dist: [], type_usage_rate: [], top_used: [], low_pass: [] }
+
+  const institutions = data?.institution_dist || []
+  const activityRanking = institutions
+    .map(item => {
+      const rate = item.users ? Math.round((item.active / item.users) * 100) : 0
+      return {
+        name: item.institution || `机构 ${item.id}`,
+        value: rate,
+        change: `${item.active}/${item.users}`
+      }
+    })
+    .sort((a, b) => b.value - a.value)
+
+  return {
+    kpis: [
+      stat('入驻医院/机构数', numberText(kpi.institution_count), '累计机构', 'blue'),
+      stat('月活跃机构数', numberText(kpi.mau_institution), ratioText(kpi.mau_institution, kpi.institution_count, '活跃'), 'green'),
+      stat('平台总用户数', numberText(kpi.user_total), '累计用户', 'purple'),
+      stat('月活跃用户数', numberText(kpi.mau_user), ratioText(kpi.mau_user, kpi.user_total, '活跃'), 'orange'),
+      stat('本月新增训练', numberText(core.train_new_month), momText(core.train_new_mom), 'blue'),
+      stat('累计训练次数', numberText(core.train_total), '全平台训练', 'green'),
+      stat('训练完成率', percentText(core.complete_rate), '完成训练占比', 'purple'),
+      stat('平均训练得分', scoreText(core.avg_score), '归一百分制', 'orange')
+    ],
+    caseKpis: [
+      stat('累计病例总数', numberText(caseAsset.total), '病例资产', 'green'),
+      stat('本月新增病例数', numberText(caseAsset.new_month), momText(caseAsset.new_mom), 'blue')
+    ],
+    months: trend.months,
+    trainingTrend: trend.train_counts,
+    activeUserTrend: trend.active_users || [],
+    userComposition: (data?.user_compose || []).map(item => ({ name: roleLabel(item.role), value: item.count })),
+    hourlyTrainingAverage: {
+      hours: (data?.hourly_7d || []).map(item => `${String(item.hour).padStart(2, '0')}:00`),
+      values: (data?.hourly_7d || []).map(item => item.avg)
+    },
+    institutionUserDistribution: institutions.map(item => ({
+      name: item.institution || `机构 ${item.id}`,
+      users: item.users,
+      activeUsers: item.active
+    })),
+    hospitalTrainingRanking: (data?.hospital_rank?.by_train || []).map(item => ({ name: item.institution, value: item.count })),
+    hospitalScoreRanking: (data?.hospital_rank?.by_avg_score || []).map(item => ({ name: item.institution, value: item.avg_score })),
+    hospitalActivityRanking: activityRanking,
+    caseTypeDistribution: caseAsset.type_dist.map(item => ({ name: caseTypeLabel(item.case_type), value: item.count })),
+    caseTypeUsageRate: caseAsset.type_usage_rate.map(item => ({ name: caseTypeLabel(item.case_type), value: item.rate })),
+    topCaseUsage: caseAsset.top_used.map(item => ({ name: item.title, value: item.count })),
+    lowCasePassRates: caseAsset.low_pass.map(item => ({ name: item.title, value: item.pass_rate }))
+  }
+})
 
 const trainingActiveOption = computed<EChartsOption>(() => ({
   color: ['#2563eb', '#0f766e'],
   tooltip: { trigger: 'axis' },
   legend: { top: 0 },
   grid: { left: 54, right: 46, top: 42, bottom: 32 },
-  xAxis: { type: 'category', data: platformDashboard.months, axisLine },
+  xAxis: { type: 'category', data: dashboard.value.months, axisLine },
   yAxis: [
     { type: 'value', name: '训练次数', splitLine },
     { type: 'value', name: '活跃用户', splitLine: { show: false } }
   ],
   series: [
-    { name: '训练次数', type: 'bar', barWidth: 22, data: platformDashboard.trainingTrend, itemStyle: { borderRadius: [5, 5, 0, 0] } },
-    { name: '活跃用户', type: 'line', yAxisIndex: 1, smooth: true, data: platformDashboard.activeUserTrend }
+    { name: '训练次数', type: 'bar', barWidth: 22, data: dashboard.value.trainingTrend, itemStyle: { borderRadius: [5, 5, 0, 0] } },
+    { name: '活跃用户', type: 'line', yAxisIndex: 1, smooth: true, data: dashboard.value.activeUserTrend }
   ]
 }))
 
@@ -110,7 +178,7 @@ const userCompositionOption = computed<EChartsOption>(() => ({
       type: 'pie',
       radius: ['42%', '68%'],
       center: ['50%', '46%'],
-      data: platformDashboard.userComposition,
+      data: dashboard.value.userComposition,
       label: { formatter: '{b}\n{d}%' }
     }
   ]
@@ -120,10 +188,10 @@ const hourlyAverageOption = computed<EChartsOption>(() => ({
   color: ['#16a34a'],
   tooltip: { trigger: 'axis' },
   grid: { left: 42, right: 18, top: 28, bottom: 30 },
-  xAxis: { type: 'category', data: platformDashboard.hourlyTrainingAverage.hours, axisLine },
+  xAxis: { type: 'category', data: dashboard.value.hourlyTrainingAverage.hours, axisLine },
   yAxis: { type: 'value', splitLine },
   series: [
-    { name: '平均训练量', type: 'line', smooth: true, areaStyle: { color: 'rgba(22, 163, 74, 0.12)' }, data: platformDashboard.hourlyTrainingAverage.values }
+    { name: '平均训练量', type: 'line', smooth: true, areaStyle: { color: 'rgba(22, 163, 74, 0.12)' }, data: dashboard.value.hourlyTrainingAverage.values }
   ]
 }))
 
@@ -132,24 +200,24 @@ const institutionUsersOption = computed<EChartsOption>(() => ({
   tooltip: { trigger: 'axis' },
   legend: { top: 0 },
   grid: { left: 46, right: 20, top: 42, bottom: 34 },
-  xAxis: { type: 'category', data: platformDashboard.institutionUserDistribution.map(item => item.name), axisLabel: { interval: 0, rotate: 18 }, axisLine },
+  xAxis: { type: 'category', data: dashboard.value.institutionUserDistribution.map(item => item.name), axisLabel: { interval: 0, rotate: 18 }, axisLine },
   yAxis: { type: 'value', splitLine },
   series: [
-    { name: '累计用户', type: 'bar', barWidth: 18, data: platformDashboard.institutionUserDistribution.map(item => item.users) },
-    { name: '活跃用户', type: 'bar', barWidth: 18, data: platformDashboard.institutionUserDistribution.map(item => item.activeUsers) }
+    { name: '累计用户', type: 'bar', barWidth: 18, data: dashboard.value.institutionUserDistribution.map(item => item.users) },
+    { name: '活跃用户', type: 'bar', barWidth: 18, data: dashboard.value.institutionUserDistribution.map(item => item.activeUsers) }
   ]
 }))
 
 const hospitalTrainingRankingOption = computed<EChartsOption>(() => horizontalBarOption(
-  platformDashboard.hospitalTrainingRanking.map(item => item.name),
-  platformDashboard.hospitalTrainingRanking.map(item => item.value),
+  dashboard.value.hospitalTrainingRanking.map(item => item.name),
+  dashboard.value.hospitalTrainingRanking.map(item => item.value),
   '训练次数',
   '#2563eb'
 ))
 
 const hospitalScoreRankingOption = computed<EChartsOption>(() => horizontalBarOption(
-  platformDashboard.hospitalScoreRanking.map(item => item.name),
-  platformDashboard.hospitalScoreRanking.map(item => item.value),
+  dashboard.value.hospitalScoreRanking.map(item => item.name),
+  dashboard.value.hospitalScoreRanking.map(item => item.value),
   '平均分',
   '#0f766e',
   100
@@ -165,7 +233,7 @@ const caseTypeDistributionOption = computed<EChartsOption>(() => ({
       type: 'pie',
       radius: ['48%', '72%'],
       center: ['50%', '45%'],
-      data: platformDashboard.caseTypeDistribution,
+      data: dashboard.value.caseTypeDistribution,
       label: { formatter: '{b}\n{d}%' }
     }
   ]
@@ -175,63 +243,45 @@ const caseTypeUsageOption = computed<EChartsOption>(() => ({
   color: ['#0f766e'],
   tooltip: { trigger: 'axis', valueFormatter: value => `${value}%` },
   grid: { left: 42, right: 20, top: 28, bottom: 32 },
-  xAxis: { type: 'category', data: platformDashboard.caseTypeUsageRate.map(item => item.name), axisLine },
+  xAxis: { type: 'category', data: dashboard.value.caseTypeUsageRate.map(item => item.name), axisLine },
   yAxis: { type: 'value', max: 100, splitLine },
   series: [
-    { name: '使用率', type: 'bar', barWidth: 24, data: platformDashboard.caseTypeUsageRate.map(item => item.value), itemStyle: { borderRadius: [5, 5, 0, 0] } }
+    { name: '使用率', type: 'bar', barWidth: 24, data: dashboard.value.caseTypeUsageRate.map(item => item.value), itemStyle: { borderRadius: [5, 5, 0, 0] } }
   ]
 }))
 
 const caseTypeTrainingTrendOption = computed<EChartsOption>(() => ({
-  color: ['#2563eb', '#0f766e', '#f59e0b', '#dc2626'],
+  color: ['#2563eb', '#0f766e'],
   tooltip: { trigger: 'axis' },
   legend: { top: 0 },
   grid: { left: 50, right: 48, top: 44, bottom: 32 },
-  xAxis: { type: 'category', data: platformDashboard.caseTypeTrainingTrend.months, axisLine },
+  xAxis: { type: 'category', data: dashboard.value.caseTypeDistribution.map(item => item.name), axisLine },
   yAxis: [
-    { type: 'value', name: '训练次数', splitLine },
-    { type: 'value', name: '环比', axisLabel: { formatter: '{value}%' }, splitLine: { show: false } }
+    { type: 'value', name: '病例数', splitLine },
+    { type: 'value', name: '使用率', max: 100, axisLabel: { formatter: '{value}%' }, splitLine: { show: false } }
   ],
   series: [
-    { name: '脚本病例', type: 'bar', stack: 'case', data: platformDashboard.caseTypeTrainingTrend.script },
-    { name: '教学病例', type: 'bar', stack: 'case', data: platformDashboard.caseTypeTrainingTrend.teaching },
-    { name: '传统病例', type: 'bar', stack: 'case', data: platformDashboard.caseTypeTrainingTrend.traditional },
-    { name: '环比增长率', type: 'line', yAxisIndex: 1, smooth: true, data: platformDashboard.caseTypeTrainingTrend.growth }
+    { name: '病例数', type: 'bar', barWidth: 24, data: dashboard.value.caseTypeDistribution.map(item => item.value), itemStyle: { borderRadius: [5, 5, 0, 0] } },
+    { name: '使用率', type: 'line', yAxisIndex: 1, smooth: true, data: dashboard.value.caseTypeDistribution.map(item => dashboard.value.caseTypeUsageRate.find(rate => rate.name === item.name)?.value || 0) }
   ]
 }))
 
 const topCaseUsageOption = computed<EChartsOption>(() => horizontalBarOption(
-  platformDashboard.topCaseUsage.map(item => item.name),
-  platformDashboard.topCaseUsage.map(item => item.value),
+  dashboard.value.topCaseUsage.map(item => item.name),
+  dashboard.value.topCaseUsage.map(item => item.value),
   '训练次数',
   '#7c3aed'
 ))
 
 const lowCasePassOption = computed<EChartsOption>(() => horizontalBarOption(
-  platformDashboard.lowCasePassRates.map(item => item.name),
-  platformDashboard.lowCasePassRates.map(item => item.value),
+  dashboard.value.lowCasePassRates.map(item => item.name),
+  dashboard.value.lowCasePassRates.map(item => item.value),
   '通过率',
   '#dc2626',
   100,
   '{value}%'
 ))
 
-const opsTrendOption = computed<EChartsOption>(() => ({
-  color: ['#2563eb', '#f59e0b'],
-  tooltip: { trigger: 'axis' },
-  legend: { top: 0 },
-  grid: { left: 54, right: 52, top: 42, bottom: 32 },
-  xAxis: { type: 'category', data: platformDashboard.opsTrend.days, axisLine },
-  yAxis: [
-    { type: 'value', name: '调用量', splitLine },
-    { type: 'value', name: '响应ms', splitLine: { show: false } }
-  ],
-  series: [
-    { name: 'AI平均调用量', type: 'bar', barWidth: 22, data: platformDashboard.opsTrend.calls, itemStyle: { borderRadius: [5, 5, 0, 0] } },
-    { name: '平均响应时长', type: 'line', yAxisIndex: 1, smooth: true, data: platformDashboard.opsTrend.responseTime }
-  ]
-}))
-
 function horizontalBarOption(names: string[], values: number[], seriesName: string, color: string, max?: number, formatter?: string): EChartsOption {
   return {
     color: [color],
@@ -244,4 +294,74 @@ function horizontalBarOption(names: string[], values: number[], seriesName: stri
     ]
   }
 }
+
+async function loadOverview() {
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
+  }
+
+  try {
+    loading.value = true
+    overview.value = await fetchPlatformOverview(appStore.token)
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取平台概览失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+function stat(label: string, value: string, change: string, tone: StatCard['tone']): StatCard {
+  return { label, value, change, tone }
+}
+
+function numberText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toLocaleString('zh-CN') : '-'
+}
+
+function scoreText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toFixed(1) : '-'
+}
+
+function percentText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? `${value.toFixed(1)}%` : '-'
+}
+
+function momText(value: number | null | undefined) {
+  if (typeof value !== 'number' || !Number.isFinite(value)) {
+    return '暂无环比'
+  }
+  return `${value >= 0 ? '+' : ''}${value}% 环比`
+}
+
+function ratioText(part: number | null | undefined, total: number | null | undefined, suffix: string) {
+  if (!part || !total) {
+    return `暂无${suffix}率`
+  }
+  return `${((part / total) * 100).toFixed(1)}% ${suffix}`
+}
+
+function roleLabel(role: string) {
+  const labels: Record<string, string> = {
+    super_admin: '超级管理员',
+    doctor: '医生',
+    student: '学生',
+    teacher: '带教老师',
+    content_admin: '内容管理员',
+    hospital_admin: '医院管理员'
+  }
+  return labels[role] || role || '-'
+}
+
+function caseTypeLabel(type: string) {
+  const labels: Record<string, string> = {
+    diagnosis_treatment: '诊疗病例',
+    traditional: '传统病例',
+    teaching: '教学病例',
+    script: '脚本病例'
+  }
+  return labels[type] || type || '-'
+}
+
+onMounted(loadOverview)
 </script>
diff --git a/src/views/HospitalDashboardView.vue b/src/views/HospitalDashboardView.vue
index 80b03317..2e2e161c 100644
--- a/src/views/HospitalDashboardView.vue
+++ b/src/views/HospitalDashboardView.vue
@@ -1,19 +1,19 @@
 <template>
-  <div class="dashboard-page page-stack">
+  <div v-loading="loading" class="dashboard-page page-stack">
     <section class="hero-strip dashboard-hero">
       <div>
         <span class="eyebrow">医院驾驶舱大屏</span>
-        <h1>{{ hospitalDashboard.profile.name }}</h1>
-        <p>{{ hospitalDashboard.profile.level }} | 合作 {{ hospitalDashboard.profile.cooperationDays }} 天，聚焦本院资源、师生、训练与效果。</p>
+        <h1>{{ dashboard.profile.name }}</h1>
+        <p>{{ dashboard.profile.level || '未设置等级' }} | 合作 {{ dashboard.profile.cooperationDays }} 天，聚焦本院资源、师生、训练与效果。</p>
       </div>
       <div class="hero-actions">
         <el-button :icon="Download">导出院内报表</el-button>
-        <el-button :icon="Refresh">每日更新</el-button>
+        <el-button :icon="Refresh" :loading="loading" @click="loadOverview">刷新数据</el-button>
       </div>
     </section>
 
     <section class="stats-grid dashboard-kpis">
-      <article v-for="item in hospitalDashboard.kpis" :key="item.label" class="stat-card">
+      <article v-for="item in dashboard.kpis" :key="item.label" class="stat-card">
         <div :class="['stat-mark', item.tone]">{{ item.label.slice(0, 1) }}</div>
         <div>
           <span>{{ item.label }}</span>
@@ -36,18 +36,20 @@
       <div class="data-section">
         <div class="section-header">
           <div>
-            <h2>每周训练次数排行</h2>
-            <p>按学生每周训练总次数排序</p>
+            <h2>科室综合排行</h2>
+            <p>病例、训练、有效训练、活跃用户和平均分</p>
           </div>
         </div>
-        <el-table :data="hospitalDashboard.weeklyTrainingRanking" height="300">
-          <el-table-column prop="period" label="时间段" width="120" />
-          <el-table-column prop="name" label="姓名" width="100" />
-          <el-table-column prop="department" label="科室" width="110" />
-          <el-table-column prop="count" label="训练次数" />
+        <el-table :data="dashboard.departmentRows" height="300">
+          <el-table-column prop="department" label="科室" min-width="120" />
+          <el-table-column prop="caseCount" label="病例数" width="90" />
+          <el-table-column prop="trainCount" label="训练次数" width="100" />
+          <el-table-column prop="effectiveTrain" label="有效训练" width="100" />
+          <el-table-column prop="activeUsers" label="活跃用户" width="100" />
+          <el-table-column prop="avgScore" label="平均分" width="90" />
         </el-table>
       </div>
-      <ChartPanel title="学员每周训练平均分排行" subtitle="按每周训练平均分排序" :option="studentScoreRankingOption" />
+      <ChartPanel title="科室平均分排行" subtitle="按科室训练平均分排序" :option="departmentScoreRankingOption" />
     </section>
 
     <section class="overview-grid">
@@ -62,14 +64,14 @@
         <div class="pass-rate-columns">
           <section>
             <h3>最高通过率</h3>
-            <article v-for="item in hospitalDashboard.passRateBest" :key="item.name" class="pass-rate-item">
+            <article v-for="item in dashboard.passRateBest" :key="item.name" class="pass-rate-item">
               <strong>{{ item.name }}</strong>
               <span>{{ item.rate }}%</span>
             </article>
           </section>
           <section>
             <h3>最低通过率</h3>
-            <article v-for="item in hospitalDashboard.passRateWorst" :key="item.name" class="pass-rate-item danger">
+            <article v-for="item in dashboard.passRateWorst" :key="item.name" class="pass-rate-item danger">
               <strong>{{ item.name }}</strong>
               <span>{{ item.rate }}%</span>
             </article>
@@ -82,28 +84,89 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import type { EChartsOption } from 'echarts'
+import { ElMessage } from 'element-plus'
 import { Download, Refresh } from '@element-plus/icons-vue'
 import ChartPanel from '@/components/ChartPanel.vue'
-import { hospitalDashboard } from '@/mock/dashboard'
+import { fetchHospitalOverview, type HospitalOverview } from '@/api/stats'
+import { useAppStore } from '@/stores/app'
+
+interface StatCard {
+  label: string
+  value: string
+  change: string
+  tone: 'blue' | 'green' | 'purple' | 'orange'
+}
 
 const axisLine = { lineStyle: { color: '#dce3eb' } }
 const splitLine = { lineStyle: { color: '#eef2f7' } }
+const appStore = useAppStore()
+const loading = ref(false)
+const overview = ref<HospitalOverview | null>(null)
+
+const dashboard = computed(() => {
+  const data = overview.value
+  const summary = data?.summary || { train_months: [], train_monthly: [] }
+  const competency = data?.competency || { radar: [], radar_platform: [] }
+  const caseAsset = data?.case_asset || { top_used: [], pass_high: [], pass_low: [] }
+  const departments = data?.dept_rank || []
+
+  return {
+    profile: {
+      name: data?.profile?.name || '医院驾驶舱',
+      level: data?.profile?.level || '',
+      cooperationDays: data?.profile?.cooperation_days || 0
+    },
+    kpis: [
+      stat('本院科室数', numberText(summary.dept_count), '当前机构', 'blue'),
+      stat('带教老师数', numberText(summary.doctor_count), '医生用户', 'green'),
+      stat('本院学员数', numberText(summary.student_count), '学生用户', 'purple'),
+      stat('累计训练次数', numberText(summary.train_total), '本院训练', 'blue'),
+      stat('训练完成率', percentText(summary.complete_rate), '完成训练占比', 'orange'),
+      stat('平均训练得分', scoreText(summary.avg_score), '归一百分制', 'green'),
+      stat('累计病例总数', numberText(caseAsset.total), '本院病例', 'blue'),
+      stat('当月新增病例', numberText(caseAsset.new_month), '本月新增', 'purple')
+    ],
+    months: summary.train_months || [],
+    trainingCounts: summary.train_monthly || [],
+    growthRates: calcGrowth(summary.train_monthly || []),
+    scoreGauge: {
+      hospital: competency.student_avg || 0,
+      platform: competency.platform_avg || 0
+    },
+    departmentRows: departments.map(item => ({
+      department: item.department,
+      caseCount: item.case_count,
+      trainCount: item.train_count,
+      effectiveTrain: item.effective_train,
+      activeUsers: item.active_users,
+      avgScore: item.avg_score
+    })),
+    departmentCases: departments.map(item => ({ name: item.department, value: item.case_count })),
+    departmentTraining: departments.map(item => ({ name: item.department, total: item.train_count, effective: item.effective_train })),
+    departmentActiveUsers: departments.map(item => ({ name: item.department, value: item.active_users })),
+    departmentScores: departments.map(item => ({ name: item.department, value: item.avg_score })),
+    caseUsageTop: caseAsset.top_used.map(item => ({ name: item.title, value: item.count })),
+    passRateBest: caseAsset.pass_high.map(item => ({ name: item.title, rate: item.pass_rate })),
+    passRateWorst: caseAsset.pass_low.map(item => ({ name: item.title, rate: item.pass_rate })),
+    abilityCompare: mergeRadar(competency.radar, competency.radar_platform)
+  }
+})
 
 const trainingTrendOption = computed<EChartsOption>(() => ({
   color: ['#2563eb', '#f59e0b'],
   tooltip: { trigger: 'axis' },
   legend: { top: 0 },
   grid: { left: 48, right: 48, top: 42, bottom: 32 },
-  xAxis: { type: 'category', data: hospitalDashboard.months, axisLine },
+  xAxis: { type: 'category', data: dashboard.value.months, axisLine },
   yAxis: [
     { type: 'value', name: '训练次数', splitLine },
     { type: 'value', name: '环比', axisLabel: { formatter: '{value}%' }, splitLine: { show: false } }
   ],
   series: [
-    { name: '训练次数', type: 'bar', barWidth: 22, data: hospitalDashboard.trainingCounts, itemStyle: { borderRadius: [5, 5, 0, 0] } },
-    { name: '环比增长率', type: 'line', yAxisIndex: 1, smooth: true, data: hospitalDashboard.growthRates }
+    { name: '训练次数', type: 'bar', barWidth: 22, data: dashboard.value.trainingCounts, itemStyle: { borderRadius: [5, 5, 0, 0] } },
+    { name: '环比增长率', type: 'line', yAxisIndex: 1, smooth: true, data: dashboard.value.growthRates }
   ]
 }))
 
@@ -120,14 +183,14 @@ const scoreGaugeOption = computed<EChartsOption>(() => ({
       axisLine: { lineStyle: { width: 12 } },
       pointer: { width: 4 },
       detail: { formatter: '{value}', fontSize: 24, offsetCenter: [0, '62%'] },
-      data: [{ value: hospitalDashboard.scoreGauge.hospital, name: `平台 ${hospitalDashboard.scoreGauge.platform}` }]
+      data: [{ value: dashboard.value.scoreGauge.hospital, name: `平台 ${dashboard.value.scoreGauge.platform}` }]
     }
   ]
 }))
 
 const departmentCasesOption = computed<EChartsOption>(() => horizontalBarOption(
-  hospitalDashboard.departmentCases.map(item => item.name),
-  hospitalDashboard.departmentCases.map(item => item.value),
+  dashboard.value.departmentCases.map(item => item.name),
+  dashboard.value.departmentCases.map(item => item.value),
   '病例数',
   '#2563eb'
 ))
@@ -138,16 +201,16 @@ const departmentTrainingOption = computed<EChartsOption>(() => ({
   legend: { top: 0 },
   grid: { left: 70, right: 24, top: 42, bottom: 28 },
   xAxis: { type: 'value', splitLine },
-  yAxis: { type: 'category', inverse: true, data: hospitalDashboard.departmentTraining.map(item => item.name), axisLine },
+  yAxis: { type: 'category', inverse: true, data: dashboard.value.departmentTraining.map(item => item.name), axisLine },
   series: [
-    { name: '训练总次数', type: 'bar', barWidth: 14, data: hospitalDashboard.departmentTraining.map(item => item.total) },
-    { name: '有效训练次数', type: 'bar', barWidth: 14, data: hospitalDashboard.departmentTraining.map(item => item.effective) }
+    { name: '训练总次数', type: 'bar', barWidth: 14, data: dashboard.value.departmentTraining.map(item => item.total) },
+    { name: '有效训练次数', type: 'bar', barWidth: 14, data: dashboard.value.departmentTraining.map(item => item.effective) }
   ]
 }))
 
 const departmentActiveOption = computed<EChartsOption>(() => horizontalBarOption(
-  hospitalDashboard.departmentActiveUsers.map(item => item.name),
-  hospitalDashboard.departmentActiveUsers.map(item => item.value),
+  dashboard.value.departmentActiveUsers.map(item => item.name),
+  dashboard.value.departmentActiveUsers.map(item => item.value),
   '活跃用户',
   '#0f766e'
 ))
@@ -156,24 +219,24 @@ const departmentScoreOption = computed<EChartsOption>(() => ({
   color: ['#7c3aed'],
   tooltip: { trigger: 'axis' },
   grid: { left: 40, right: 20, top: 28, bottom: 32 },
-  xAxis: { type: 'category', data: hospitalDashboard.departmentScores.map(item => item.name), axisLine },
+  xAxis: { type: 'category', data: dashboard.value.departmentScores.map(item => item.name), axisLine },
   yAxis: { type: 'value', max: 100, splitLine },
   series: [
-    { name: '平均成绩', type: 'bar', barWidth: 22, data: hospitalDashboard.departmentScores.map(item => item.value), itemStyle: { borderRadius: [5, 5, 0, 0] } }
+    { name: '平均成绩', type: 'bar', barWidth: 22, data: dashboard.value.departmentScores.map(item => item.value), itemStyle: { borderRadius: [5, 5, 0, 0] } }
   ]
 }))
 
-const studentScoreRankingOption = computed<EChartsOption>(() => horizontalBarOption(
-  hospitalDashboard.studentScoreRanking.map(item => item.name),
-  hospitalDashboard.studentScoreRanking.map(item => item.value),
+const departmentScoreRankingOption = computed<EChartsOption>(() => horizontalBarOption(
+  dashboard.value.departmentScores.map(item => item.name),
+  dashboard.value.departmentScores.map(item => item.value),
   '平均分',
   '#f59e0b',
   100
 ))
 
 const caseUsageTopOption = computed<EChartsOption>(() => horizontalBarOption(
-  hospitalDashboard.caseUsageTop.map(item => item.name),
-  hospitalDashboard.caseUsageTop.map(item => item.value),
+  dashboard.value.caseUsageTop.map(item => item.name),
+  dashboard.value.caseUsageTop.map(item => item.value),
   '训练次数',
   '#2563eb'
 ))
@@ -183,14 +246,14 @@ const abilityCompareOption = computed<EChartsOption>(() => ({
   legend: { top: 0 },
   radar: {
     radius: 96,
-    indicator: hospitalDashboard.abilityCompare.map(item => ({ name: item.name, max: 100 }))
+    indicator: dashboard.value.abilityCompare.map(item => ({ name: item.name, max: 100 }))
   },
   series: [
     {
       type: 'radar',
       data: [
-        { name: '本院平均', value: hospitalDashboard.abilityCompare.map(item => item.hospital), areaStyle: { color: 'rgba(37, 99, 235, 0.14)' } },
-        { name: '平台平均', value: hospitalDashboard.abilityCompare.map(item => item.platform), areaStyle: { color: 'rgba(245, 158, 11, 0.1)' } }
+        { name: '本院平均', value: dashboard.value.abilityCompare.map(item => item.hospital), areaStyle: { color: 'rgba(37, 99, 235, 0.14)' } },
+        { name: '平台平均', value: dashboard.value.abilityCompare.map(item => item.platform), areaStyle: { color: 'rgba(245, 158, 11, 0.1)' } }
       ]
     }
   ]
@@ -208,4 +271,60 @@ function horizontalBarOption(names: string[], values: number[], seriesName: stri
     ]
   }
 }
+
+async function loadOverview() {
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
+  }
+
+  try {
+    loading.value = true
+    overview.value = await fetchHospitalOverview(appStore.token)
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取医院概览失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+function stat(label: string, value: string, change: string, tone: StatCard['tone']): StatCard {
+  return { label, value, change, tone }
+}
+
+function numberText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toLocaleString('zh-CN') : '-'
+}
+
+function scoreText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toFixed(1) : '-'
+}
+
+function percentText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? `${value.toFixed(1)}%` : '-'
+}
+
+function calcGrowth(values: number[]) {
+  return values.map((value, index) => {
+    if (index === 0 || !values[index - 1]) {
+      return 0
+    }
+    return Number((((value - values[index - 1]) / values[index - 1]) * 100).toFixed(1))
+  })
+}
+
+function mergeRadar(
+  hospital: Array<{ dimension: string; score: number }>,
+  platform: Array<{ dimension: string; score: number }>
+) {
+  const platformMap = new Map(platform.map(item => [item.dimension, item.score]))
+  const names = Array.from(new Set([...hospital.map(item => item.dimension), ...platform.map(item => item.dimension)]))
+  return names.map(name => ({
+    name,
+    hospital: hospital.find(item => item.dimension === name)?.score || 0,
+    platform: platformMap.get(name) || 0
+  }))
+}
+
+onMounted(loadOverview)
 </script>
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 0982b9a1..655a2bf3 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -73,6 +73,8 @@ const rules: FormRules = {
 
 const loginRoleOptions: Array<{ label: string; value: LoginRole }> = [
   { label: '超级管理员', value: 'super_admin' },
+  { label: '医院管理员', value: 'hospital_admin' },
+  { label: '内容管理员', value: 'content_admin' },
   { label: '医生', value: 'doctor' }
 ]
 
diff --git a/src/views/PlatformAbilityView.vue b/src/views/PlatformAbilityView.vue
new file mode 100644
index 00000000..7808a8b0
--- /dev/null
+++ b/src/views/PlatformAbilityView.vue
@@ -0,0 +1,277 @@
+<template>
+  <div v-loading="loading" class="page-stack">
+    <section class="page-toolbar">
+      <div>
+        <span class="eyebrow">超级管理员</span>
+        <h1>{{ pageTitle }}</h1>
+        <p>{{ pageDescription }}</p>
+      </div>
+      <el-button :icon="Refresh" :loading="loading" @click="loadOverview">刷新数据</el-button>
+    </section>
+
+    <section class="stats-grid dashboard-kpis">
+      <article v-for="item in kpis" :key="item.label" class="stat-card">
+        <div :class="['stat-mark', item.tone]">{{ item.label.slice(0, 1) }}</div>
+        <div>
+          <span>{{ item.label }}</span>
+          <strong>{{ item.value }}</strong>
+          <em>{{ item.change }}</em>
+        </div>
+      </article>
+    </section>
+
+    <section class="overview-grid">
+      <ChartPanel class="wide-chart" :title="primaryChartTitle" :subtitle="primaryChartSubtitle" :option="primaryChartOption" />
+      <ChartPanel title="用户构成" subtitle="按角色统计平台用户分布" :option="userCompositionOption" />
+      <ChartPanel class="wide-chart" title="机构活跃画像" subtitle="活跃用户数 / 注册用户数" :option="institutionActivityOption" />
+      <ChartPanel title="病例类型使用率" subtitle="被使用病例数 / 类型病例总数" :option="caseTypeUsageOption" />
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import type { EChartsOption } from 'echarts'
+import { ElMessage } from 'element-plus'
+import { Refresh } from '@element-plus/icons-vue'
+import ChartPanel from '@/components/ChartPanel.vue'
+import { fetchPlatformOverview, type PlatformOverview } from '@/api/stats'
+import { useAppStore } from '@/stores/app'
+
+interface StatCard {
+  label: string
+  value: string
+  change: string
+  tone: 'blue' | 'green' | 'purple' | 'orange'
+}
+
+const route = useRoute()
+const appStore = useAppStore()
+const loading = ref(false)
+const overview = ref<PlatformOverview | null>(null)
+const palette = ['#2563eb', '#0f766e', '#f59e0b', '#7c3aed', '#dc2626', '#16a34a']
+const axisLine = { lineStyle: { color: '#dce3eb' } }
+const splitLine = { lineStyle: { color: '#eef2f7' } }
+
+const isRadarPage = computed(() => route.name === 'PlatformAbilityRadar')
+const pageTitle = computed(() => (isRadarPage.value ? '雷达图分析' : '能力画像'))
+const pageDescription = computed(() => (
+  isRadarPage.value
+    ? '复用平台总览接口，将机构活跃、用户活跃、训练完成、平均得分和病例使用率归一到雷达图。'
+    : '复用平台总览接口，观察平台用户结构、机构活跃和训练趋势。'
+))
+const primaryChartTitle = computed(() => (isRadarPage.value ? '平台核心指标雷达图' : '近6个月训练与活跃用户'))
+const primaryChartSubtitle = computed(() => (
+  isRadarPage.value
+    ? '指标来自超级管理员平台总览接口'
+    : '柱状图为训练次数，折线图为月活跃用户数'
+))
+
+const dataView = computed(() => {
+  const data = overview.value
+  const kpi = data?.kpi || {}
+  const core = data?.core || {}
+  const trend = data?.trend || { months: [], train_counts: [], active_users: [] }
+  const caseAsset = data?.case_asset || { type_usage_rate: [] }
+  const institutionActivity = (data?.institution_dist || [])
+    .map(item => ({
+      name: item.institution || `机构 ${item.id}`,
+      value: item.users ? Math.round((item.active / item.users) * 100) : 0,
+      active: item.active,
+      users: item.users
+    }))
+    .sort((a, b) => b.value - a.value)
+  const caseUsageValues = caseAsset.type_usage_rate.map(item => item.rate).filter(value => Number.isFinite(value))
+  const caseUsageAvg = caseUsageValues.length
+    ? Math.round(caseUsageValues.reduce((total, value) => total + value, 0) / caseUsageValues.length)
+    : 0
+
+  return {
+    months: trend.months,
+    trainCounts: trend.train_counts,
+    activeUsers: trend.active_users || [],
+    userComposition: (data?.user_compose || []).map(item => ({ name: roleLabel(item.role), value: item.count })),
+    institutionActivity,
+    caseTypeUsage: caseAsset.type_usage_rate.map(item => ({ name: caseTypeLabel(item.case_type), value: item.rate })),
+    radar: [
+      { name: '机构活跃', value: ratioValue(kpi.mau_institution, kpi.institution_count) },
+      { name: '用户活跃', value: ratioValue(kpi.mau_user, kpi.user_total) },
+      { name: '训练完成', value: bounded(core.complete_rate) },
+      { name: '平均得分', value: bounded(core.avg_score) },
+      { name: '病例使用', value: bounded(caseUsageAvg) }
+    ],
+    raw: { kpi, core, caseUsageAvg }
+  }
+})
+
+const kpis = computed<StatCard[]>(() => {
+  const { kpi, core, caseUsageAvg } = dataView.value.raw
+
+  return [
+    stat('机构活跃率', percentText(ratioValue(kpi.mau_institution, kpi.institution_count)), `${numberText(kpi.mau_institution)}/${numberText(kpi.institution_count)}`, 'blue'),
+    stat('用户活跃率', percentText(ratioValue(kpi.mau_user, kpi.user_total)), `${numberText(kpi.mau_user)}/${numberText(kpi.user_total)}`, 'green'),
+    stat('训练完成率', percentText(core.complete_rate), '完成训练占比', 'purple'),
+    stat('病例使用率', percentText(caseUsageAvg), '按类型平均', 'orange')
+  ]
+})
+
+const primaryChartOption = computed<EChartsOption>(() => (isRadarPage.value ? radarOption.value : trainingActiveOption.value))
+
+const radarOption = computed<EChartsOption>(() => ({
+  color: ['#2563eb'],
+  radar: {
+    radius: 110,
+    indicator: dataView.value.radar.map(item => ({ name: item.name, max: 100 }))
+  },
+  series: [
+    {
+      name: '平台画像',
+      type: 'radar',
+      areaStyle: { color: 'rgba(37, 99, 235, 0.14)' },
+      data: [{ name: '平台画像', value: dataView.value.radar.map(item => item.value) }]
+    }
+  ]
+}))
+
+const trainingActiveOption = computed<EChartsOption>(() => ({
+  color: ['#2563eb', '#0f766e'],
+  tooltip: { trigger: 'axis' },
+  legend: { top: 0 },
+  grid: { left: 54, right: 46, top: 42, bottom: 32 },
+  xAxis: { type: 'category', data: dataView.value.months, axisLine },
+  yAxis: [
+    { type: 'value', name: '训练次数', splitLine },
+    { type: 'value', name: '活跃用户', splitLine: { show: false } }
+  ],
+  series: [
+    { name: '训练次数', type: 'bar', barWidth: 22, data: dataView.value.trainCounts, itemStyle: { borderRadius: [5, 5, 0, 0] } },
+    { name: '活跃用户', type: 'line', yAxisIndex: 1, smooth: true, data: dataView.value.activeUsers }
+  ]
+}))
+
+const userCompositionOption = computed<EChartsOption>(() => ({
+  color: palette,
+  tooltip: { trigger: 'item' },
+  legend: { bottom: 0 },
+  series: [
+    {
+      name: '用户构成',
+      type: 'pie',
+      radius: ['42%', '68%'],
+      center: ['50%', '46%'],
+      data: dataView.value.userComposition,
+      label: { formatter: '{b}\n{d}%' }
+    }
+  ]
+}))
+
+const institutionActivityOption = computed<EChartsOption>(() => ({
+  color: ['#0f766e'],
+  tooltip: {
+    trigger: 'axis',
+    valueFormatter: value => `${value}%`
+  },
+  grid: { left: 116, right: 28, top: 18, bottom: 22 },
+  xAxis: { type: 'value', max: 100, axisLabel: { formatter: '{value}%' }, splitLine },
+  yAxis: {
+    type: 'category',
+    inverse: true,
+    data: dataView.value.institutionActivity.map(item => item.name),
+    axisLabel: { width: 104, overflow: 'truncate' },
+    axisLine
+  },
+  series: [
+    {
+      name: '活跃率',
+      type: 'bar',
+      barWidth: 14,
+      data: dataView.value.institutionActivity.map(item => item.value),
+      itemStyle: { borderRadius: [0, 5, 5, 0] }
+    }
+  ]
+}))
+
+const caseTypeUsageOption = computed<EChartsOption>(() => ({
+  color: ['#f59e0b'],
+  tooltip: { trigger: 'axis', valueFormatter: value => `${value}%` },
+  grid: { left: 42, right: 20, top: 28, bottom: 32 },
+  xAxis: { type: 'category', data: dataView.value.caseTypeUsage.map(item => item.name), axisLine },
+  yAxis: { type: 'value', max: 100, axisLabel: { formatter: '{value}%' }, splitLine },
+  series: [
+    {
+      name: '使用率',
+      type: 'bar',
+      barWidth: 24,
+      data: dataView.value.caseTypeUsage.map(item => item.value),
+      itemStyle: { borderRadius: [5, 5, 0, 0] }
+    }
+  ]
+}))
+
+async function loadOverview() {
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
+  }
+
+  try {
+    loading.value = true
+    overview.value = await fetchPlatformOverview(appStore.token)
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取平台总览失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+function stat(label: string, value: string, change: string, tone: StatCard['tone']): StatCard {
+  return { label, value, change, tone }
+}
+
+function numberText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toLocaleString('zh-CN') : '-'
+}
+
+function percentText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? `${value}%` : '-'
+}
+
+function ratioValue(part: number | null | undefined, total: number | null | undefined) {
+  if (!part || !total) {
+    return 0
+  }
+  return Math.round((part / total) * 100)
+}
+
+function bounded(value: number | null | undefined) {
+  if (typeof value !== 'number' || !Number.isFinite(value)) {
+    return 0
+  }
+  return Math.max(0, Math.min(100, Math.round(value)))
+}
+
+function roleLabel(role: string) {
+  const labels: Record<string, string> = {
+    super_admin: '超级管理员',
+    doctor: '医生',
+    student: '学生',
+    teacher: '带教老师',
+    content_admin: '内容管理员',
+    hospital_admin: '医院管理员'
+  }
+  return labels[role] || role || '-'
+}
+
+function caseTypeLabel(type: string) {
+  const labels: Record<string, string> = {
+    diagnosis_treatment: '诊疗病例',
+    traditional: '传统病例',
+    teaching: '教学病例',
+    script: '脚本病例'
+  }
+  return labels[type] || type || '-'
+}
+
+onMounted(loadOverview)
+</script>
diff --git a/src/views/StudentAbilityView.vue b/src/views/StudentAbilityView.vue
new file mode 100644
index 00000000..f8f4a378
--- /dev/null
+++ b/src/views/StudentAbilityView.vue
@@ -0,0 +1,191 @@
+<template>
+  <div class="page-stack">
+    <section class="page-toolbar">
+      <div>
+        <h1>能力画像</h1>
+        <p>选择名下学生，查看个人能力雷达、训练趋势和薄弱维度。</p>
+      </div>
+      <div class="toolbar-actions">
+        <el-select v-model="selectedStudentId" filterable placeholder="选择学生" style="width: 260px" @change="loadCompetency">
+          <el-option
+            v-for="item in students"
+            :key="item.id"
+            :label="`${item.realName || item.username}（${item.username}）`"
+            :value="item.id"
+          />
+        </el-select>
+        <el-button :icon="Refresh" :loading="loading" @click="loadCompetency">刷新</el-button>
+      </div>
+    </section>
+
+    <section class="profile-layout">
+      <div class="data-section profile-summary">
+        <el-avatar :size="76">{{ avatarText }}</el-avatar>
+        <h2>{{ competency?.profile.name || '-' }}</h2>
+        <p>{{ competency?.profile.department || '未关联科室' }} | {{ competency?.profile.username || '-' }}</p>
+        <div class="profile-stats">
+          <div><strong>{{ numberText(competency?.summary.trainTotal) }}</strong><span>训练次数</span></div>
+          <div><strong>{{ scoreText(competency?.summary.avgScore) }}</strong><span>平均得分</span></div>
+          <div><strong>{{ percentText(competency?.summary.completeRate) }}</strong><span>完成率</span></div>
+        </div>
+        <span class="table-subtext">最近训练：{{ formatDateTime(competency?.summary.lastTrainedAt || '') }}</span>
+      </div>
+
+      <ChartPanel title="能力雷达图" subtitle="信息获取、分析推理、处置决策、沟通人文、临床整合" :option="radarOption" />
+    </section>
+
+    <section class="overview-grid">
+      <ChartPanel class="wide-chart" title="训练趋势" subtitle="按月展示训练次数与平均分" :option="trendOption" />
+      <div class="data-section">
+        <div class="section-header">
+          <div>
+            <h2>薄弱维度</h2>
+            <p>低分维度优先关注</p>
+          </div>
+        </div>
+        <div class="quality-list">
+          <article v-for="item in weakDimensions" :key="item.dimension" class="quality-item">
+            <div>
+              <strong>{{ item.dimension }}</strong>
+              <span>{{ item.score }} 分</span>
+            </div>
+            <el-progress :percentage="item.score" :status="item.score < 60 ? 'exception' : 'warning'" :stroke-width="8" />
+          </article>
+          <el-empty v-if="!weakDimensions.length" description="暂无薄弱维度" />
+        </div>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import type { EChartsOption } from 'echarts'
+import { ElMessage } from 'element-plus'
+import { Refresh } from '@element-plus/icons-vue'
+import ChartPanel from '@/components/ChartPanel.vue'
+import { fetchStudentCompetency, type StudentCompetency } from '@/api/stats'
+import { fetchTeacherStudents, type TeacherStudentItem } from '@/api/teacherStudents'
+import { useAppStore } from '@/stores/app'
+
+const axisLine = { lineStyle: { color: '#dce3eb' } }
+const splitLine = { lineStyle: { color: '#eef2f7' } }
+const appStore = useAppStore()
+const loading = ref(false)
+const studentsLoading = ref(false)
+const students = ref<TeacherStudentItem[]>([])
+const selectedStudentId = ref('')
+const competency = ref<StudentCompetency | null>(null)
+
+const avatarText = computed(() => (competency.value?.profile.name || competency.value?.profile.username || '学').slice(0, 1))
+const weakDimensions = computed(() => {
+  if (competency.value?.weakDimensions.length) {
+    return competency.value.weakDimensions
+  }
+  return (competency.value?.radar || []).filter(item => item.score < 70)
+})
+
+const radarOption = computed<EChartsOption>(() => ({
+  color: ['#2563eb'],
+  radar: {
+    radius: 96,
+    indicator: (competency.value?.radar || []).map(item => ({ name: item.dimension, max: 100 }))
+  },
+  series: [
+    {
+      type: 'radar',
+      areaStyle: { color: 'rgba(37, 99, 235, 0.14)' },
+      data: [{ name: '学生得分', value: (competency.value?.radar || []).map(item => item.score) }]
+    }
+  ]
+}))
+
+const trendOption = computed<EChartsOption>(() => ({
+  color: ['#2563eb', '#0f766e'],
+  tooltip: { trigger: 'axis' },
+  legend: { top: 0 },
+  grid: { left: 46, right: 46, top: 42, bottom: 32 },
+  xAxis: { type: 'category', data: competency.value?.trend.months || [], axisLine },
+  yAxis: [
+    { type: 'value', name: '训练次数', splitLine },
+    { type: 'value', name: '平均分', max: 100, splitLine: { show: false } }
+  ],
+  series: [
+    {
+      name: '训练次数',
+      type: 'bar',
+      barWidth: 22,
+      data: competency.value?.trend.trainCounts || [],
+      itemStyle: { borderRadius: [5, 5, 0, 0] }
+    },
+    {
+      name: '平均分',
+      type: 'line',
+      yAxisIndex: 1,
+      smooth: true,
+      data: competency.value?.trend.scores || []
+    }
+  ]
+}))
+
+async function loadStudents() {
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
+  }
+
+  try {
+    studentsLoading.value = true
+    const result = await fetchTeacherStudents({ token: appStore.token, page: 1 })
+    students.value = result.students
+    if (!selectedStudentId.value && result.students[0]) {
+      selectedStudentId.value = result.students[0].id
+      await loadCompetency()
+    }
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取学生列表失败')
+  } finally {
+    studentsLoading.value = false
+  }
+}
+
+async function loadCompetency() {
+  if (!selectedStudentId.value) {
+    return
+  }
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
+  }
+
+  try {
+    loading.value = true
+    competency.value = await fetchStudentCompetency(appStore.token, selectedStudentId.value)
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取学生能力画像失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+function numberText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toLocaleString('zh-CN') : '-'
+}
+
+function scoreText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toFixed(1) : '-'
+}
+
+function percentText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? `${value}%` : '-'
+}
+
+function formatDateTime(value: string) {
+  if (!value) {
+    return '-'
+  }
+  return value.replace('T', ' ').replace('Z', '').slice(0, 19)
+}
+
+onMounted(loadStudents)
+</script>
diff --git a/src/views/StudentRankingView.vue b/src/views/StudentRankingView.vue
new file mode 100644
index 00000000..48ed4248
--- /dev/null
+++ b/src/views/StudentRankingView.vue
@@ -0,0 +1,177 @@
+<template>
+  <div class="page-stack">
+    <section class="page-toolbar">
+      <div>
+        <h1>学生排行榜</h1>
+        <p>按平均分、训练次数、完成情况或单项能力维度查看名下学生排名。</p>
+      </div>
+      <div class="toolbar-actions">
+        <el-select v-model="dimension" style="width: 240px" @change="loadRanking">
+          <el-option v-for="item in dimensionOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+        <el-button :icon="Refresh" :loading="loading" @click="loadRanking">刷新</el-button>
+      </div>
+    </section>
+
+    <section class="overview-grid">
+      <ChartPanel class="wide-chart" :title="`${currentDimensionLabel} Top10`" subtitle="按所选维度降序展示" :option="rankingChartOption" />
+      <section class="stats-grid ranking-kpis">
+        <article v-for="item in kpis" :key="item.label" class="stat-card">
+          <div :class="['stat-mark', item.tone]">{{ item.label.slice(0, 1) }}</div>
+          <div>
+            <span>{{ item.label }}</span>
+            <strong>{{ item.value }}</strong>
+            <em>{{ item.change }}</em>
+          </div>
+        </article>
+      </section>
+    </section>
+
+    <section class="data-section">
+      <el-table v-loading="loading" :data="ranking" empty-text="暂无排行榜数据" row-key="id">
+        <el-table-column label="排名" width="80">
+          <template #default="{ $index }">
+            <strong>{{ $index + 1 }}</strong>
+          </template>
+        </el-table-column>
+        <el-table-column label="学生" min-width="170">
+          <template #default="{ row }">
+            <strong>{{ row.name || row.username || '-' }}</strong>
+            <span class="table-subtext">{{ row.username || '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="department" label="科室" min-width="120">
+          <template #default="{ row }">
+            {{ row.department || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="currentDimensionLabel" width="130">
+          <template #default="{ row }">
+            <el-tag :type="valueTagType(row.value)">{{ displayValue(row.value) }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="平均分" width="110">
+          <template #default="{ row }">
+            {{ displayValue(row.score) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="训练次数" width="110">
+          <template #default="{ row }">
+            {{ row.trainCount ?? '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="完成数/完成率" width="140">
+          <template #default="{ row }">
+            {{ row.completed ?? '-' }} / {{ row.completeRate !== null ? `${row.completeRate}%` : '-' }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import type { EChartsOption } from 'echarts'
+import { ElMessage } from 'element-plus'
+import { Refresh } from '@element-plus/icons-vue'
+import ChartPanel from '@/components/ChartPanel.vue'
+import { fetchStudentRanking, type StudentRankingItem } from '@/api/stats'
+import { useAppStore } from '@/stores/app'
+
+interface KpiCard {
+  label: string
+  value: string
+  change: string
+  tone: 'blue' | 'green' | 'purple' | 'orange'
+}
+
+const axisLine = { lineStyle: { color: '#dce3eb' } }
+const splitLine = { lineStyle: { color: '#eef2f7' } }
+const appStore = useAppStore()
+const loading = ref(false)
+const dimension = ref('score')
+const ranking = ref<StudentRankingItem[]>([])
+
+const dimensionOptions = [
+  { label: '平均分', value: 'score' },
+  { label: '训练次数', value: 'train_count' },
+  { label: '完成情况', value: 'completed' },
+  { label: '信息获取', value: '信息获取' },
+  { label: '分析推理', value: '分析推理' },
+  { label: '处置决策', value: '处置决策' },
+  { label: '沟通人文', value: '沟通人文' },
+  { label: '临床整合', value: '临床整合' }
+]
+
+const currentDimensionLabel = computed(() => dimensionOptions.find(item => item.value === dimension.value)?.label || '平均分')
+const kpis = computed<KpiCard[]>(() => {
+  const values = ranking.value.map(item => item.value).filter((value): value is number => typeof value === 'number')
+  const top = values[0] ?? null
+  const avg = values.length ? values.reduce((total, value) => total + value, 0) / values.length : null
+  const totalTrain = ranking.value.reduce((total, item) => total + (item.trainCount || 0), 0)
+
+  return [
+    { label: '参排学生', value: String(ranking.value.length), change: '当前带教范围', tone: 'blue' },
+    { label: '最高值', value: displayValue(top), change: currentDimensionLabel.value, tone: 'green' },
+    { label: '平均值', value: displayValue(avg), change: currentDimensionLabel.value, tone: 'purple' },
+    { label: '累计训练', value: totalTrain.toLocaleString('zh-CN'), change: '参排学生合计', tone: 'orange' }
+  ]
+})
+
+const rankingChartOption = computed<EChartsOption>(() => ({
+  color: ['#2563eb'],
+  tooltip: { trigger: 'axis' },
+  grid: { left: 100, right: 24, top: 20, bottom: 24 },
+  xAxis: { type: 'value', splitLine },
+  yAxis: {
+    type: 'category',
+    inverse: true,
+    data: ranking.value.slice(0, 10).map(item => item.name || item.username || item.id),
+    axisLabel: { width: 92, overflow: 'truncate' },
+    axisLine
+  },
+  series: [
+    {
+      name: currentDimensionLabel.value,
+      type: 'bar',
+      barWidth: 14,
+      data: ranking.value.slice(0, 10).map(item => item.value || 0),
+      itemStyle: { borderRadius: [0, 5, 5, 0] }
+    }
+  ]
+}))
+
+async function loadRanking() {
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
+  }
+
+  try {
+    loading.value = true
+    const result = await fetchStudentRanking(appStore.token, dimension.value)
+    ranking.value = result.students
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取学生排行榜失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+function displayValue(value: number | null) {
+  if (typeof value !== 'number' || !Number.isFinite(value)) {
+    return '-'
+  }
+  return Number.isInteger(value) ? String(value) : value.toFixed(1)
+}
+
+function valueTagType(value: number | null) {
+  if (value === null) return 'info'
+  if (value >= 80) return 'success'
+  if (value >= 60) return 'warning'
+  return 'danger'
+}
+
+onMounted(loadRanking)
+</script>
diff --git a/src/views/TeacherDashboardView.vue b/src/views/TeacherDashboardView.vue
index ebb5bd47..7116d320 100644
--- a/src/views/TeacherDashboardView.vue
+++ b/src/views/TeacherDashboardView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dashboard-page page-stack">
+  <div v-loading="loading" class="dashboard-page page-stack">
     <section class="hero-strip dashboard-hero">
       <div>
         <span class="eyebrow">教学数据中心</span>
@@ -8,12 +8,12 @@
       </div>
       <div class="hero-actions">
         <el-button :icon="Download">导出教学报告</el-button>
-        <el-button :icon="Plus" type="primary">新建任务</el-button>
+        <el-button :icon="Refresh" :loading="loading" @click="loadOverview">刷新数据</el-button>
       </div>
     </section>
 
     <section class="stats-grid">
-      <article v-for="item in teacherDashboard.kpis" :key="item.label" class="stat-card">
+      <article v-for="item in dashboard.kpis" :key="item.label" class="stat-card">
         <div :class="['stat-mark', item.tone]">{{ item.label.slice(0, 1) }}</div>
         <div>
           <span>{{ item.label }}</span>
@@ -27,23 +27,23 @@
       <div class="section-header">
         <div>
           <h2>我的学生列表</h2>
-          <p>可替换为学生训练情况表、学习画像表和师生关系表聚合数据</p>
+          <p>当前带教关系下学生训练概览</p>
         </div>
         <div class="toolbar-actions">
-          <el-input class="compact-search" :prefix-icon="Search" placeholder="搜索学生" />
-          <el-button :icon="Search">筛选</el-button>
+          <el-input v-model="searchKeyword" class="compact-search" :prefix-icon="Search" clearable placeholder="搜索学生" />
         </div>
       </div>
-      <el-table :data="teacherDashboard.students" row-key="id">
+      <el-table :data="filteredStudents" row-key="id">
         <el-table-column prop="id" label="学生ID" width="110" />
         <el-table-column prop="name" label="姓名" width="100" />
+        <el-table-column prop="username" label="账号" width="130" />
         <el-table-column prop="department" label="科室" width="110" />
         <el-table-column prop="trainings" label="累计训练" width="100" />
         <el-table-column prop="completion" label="完成率" width="90" />
         <el-table-column prop="avgScore" label="平均分" width="90" />
         <el-table-column prop="weakDimension" label="薄弱维度" width="100">
           <template #default="{ row }">
-            <el-tag type="warning">{{ row.weakDimension }}</el-tag>
+            <el-tag :type="row.weakDimension === '-' ? 'info' : 'warning'">{{ row.weakDimension }}</el-tag>
           </template>
         </el-table-column>
         <el-table-column prop="favoriteType" label="最常训练类型" width="130" />
@@ -59,33 +59,25 @@
     <section class="overview-grid">
       <ChartPanel title="整体薄弱维度" subtitle="问诊、诊断、治疗、沟通、检查平均得分率" :option="weakRadarOption" />
       <ChartPanel class="wide-chart" title="整体训练次数趋势" subtitle="近6个月所带学生训练总次数" :option="trainingTrendOption" />
-      <ChartPanel class="wide-chart" title="任务完成情况" subtitle="一周内下发任务的已完成与未完成人数" :option="taskCompletionOption" />
-      <ChartPanel title="当前任务得分分布" subtitle="已完成学生的分数分布" :option="scoreDistributionOption" />
+      <ChartPanel class="wide-chart" title="学生待完成任务" subtitle="按学生展示待完成任务数量" :option="taskCompletionOption" />
+      <ChartPanel title="学生平均分分布" subtitle="按学生训练平均分分段统计" :option="scoreDistributionOption" />
     </section>
 
     <section class="data-section">
       <div class="section-header">
         <div>
-          <h2>任务列表</h2>
-          <p>展示已下发任务的完成进度与训练情况</p>
+          <h2>学生待完成任务</h2>
+          <p>接口返回任务摘要为空时，按学生维度展示待完成数量</p>
         </div>
-        <el-button :icon="Plus" type="primary">新建任务</el-button>
       </div>
-      <el-table :data="teacherDashboard.taskRows" row-key="id">
-        <el-table-column prop="id" label="任务ID" width="130" />
-        <el-table-column prop="name" label="任务名称" min-width="180" />
-        <el-table-column prop="type" label="类型" min-width="150" />
-        <el-table-column prop="expected" label="应完成人数" width="110" />
-        <el-table-column prop="finished" label="实际完成" width="100" />
-        <el-table-column prop="startedAt" label="开始时间" width="120" />
-        <el-table-column prop="deadline" label="截止时间" width="120" />
-        <el-table-column prop="avgScore" label="平均分" width="90" />
-        <el-table-column prop="highestScore" label="最高成绩" width="100" />
-        <el-table-column label="操作" width="160" fixed="right">
-          <template #default>
-            <el-button link type="primary">修改</el-button>
-            <el-button link type="primary">详情</el-button>
-            <el-button link type="danger">删除</el-button>
+      <el-table :data="dashboard.pendingRows" row-key="id" empty-text="暂无待完成任务数据">
+        <el-table-column prop="id" label="学生ID" width="110" />
+        <el-table-column prop="name" label="姓名" min-width="120" />
+        <el-table-column prop="department" label="科室" width="120" />
+        <el-table-column prop="trainings" label="累计训练" width="100" />
+        <el-table-column prop="pendingTasks" label="待完成任务" width="120">
+          <template #default="{ row }">
+            <el-tag :type="row.pendingTasks > 0 ? 'danger' : 'success'">{{ row.pendingTasks }}</el-tag>
           </template>
         </el-table-column>
       </el-table>
@@ -94,26 +86,91 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import type { EChartsOption } from 'echarts'
-import { Download, Plus, Search } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+import { Download, Refresh, Search } from '@element-plus/icons-vue'
 import ChartPanel from '@/components/ChartPanel.vue'
-import { teacherDashboard } from '@/mock/dashboard'
+import { fetchTeachingOverview, type TeachingOverview } from '@/api/stats'
+import { useAppStore } from '@/stores/app'
+
+interface StatCard {
+  label: string
+  value: string
+  change: string
+  tone: 'blue' | 'green' | 'purple' | 'orange'
+}
 
 const axisLine = { lineStyle: { color: '#dce3eb' } }
 const splitLine = { lineStyle: { color: '#eef2f7' } }
+const appStore = useAppStore()
+const loading = ref(false)
+const searchKeyword = ref('')
+const overview = ref<TeachingOverview | null>(null)
+
+const dashboard = computed(() => {
+  const data = overview.value
+  const summary = data?.overview || { radar: [], train_months: [], train_monthly: [] }
+  const students = (data?.students || []).map(item => ({
+    id: String(item.id),
+    name: item.real_name || item.username || '-',
+    username: item.username || '-',
+    department: item.department || '-',
+    trainings: item.train_total,
+    completion: `${item.complete_rate}%`,
+    avgScore: item.avg_score,
+    weakDimension: item.weak_dimensions?.length ? item.weak_dimensions.join('、') : '-',
+    favoriteType: caseTypeLabel(item.most_trained_type),
+    lastTraining: formatDateTime(item.last_trained_at),
+    pendingTasks: item.pending_tasks || 0
+  }))
+  const pendingTotal = students.reduce((total, item) => total + item.pendingTasks, 0)
+
+  return {
+    kpis: [
+      stat('我的学生数', numberText(summary.student_count), '带教范围', 'blue'),
+      stat('学生整体平均分', scoreText(summary.students_avg), `医院 ${scoreText(summary.institution_avg)}`, 'green'),
+      stat('近6月训练次数', numberText((summary.train_monthly || []).reduce((total, item) => total + item, 0)), '学生训练合计', 'purple'),
+      stat('待完成任务数', numberText(pendingTotal), '学生未完成任务', 'orange')
+    ],
+    students,
+    weakRadar: summary.radar.map(item => ({ name: item.dimension, value: item.score })),
+    months: summary.train_months || [],
+    trainingTrend: summary.train_monthly || [],
+    pendingRows: students.map(item => ({
+      id: item.id,
+      name: item.name,
+      department: item.department,
+      trainings: item.trainings,
+      pendingTasks: item.pendingTasks
+    })),
+    scoreDistribution: createScoreDistribution(students.map(item => item.avgScore))
+  }
+})
+
+const filteredStudents = computed(() => {
+  const keyword = searchKeyword.value.trim()
+  if (!keyword) {
+    return dashboard.value.students
+  }
+  return dashboard.value.students.filter(item =>
+    item.name.includes(keyword) ||
+    item.username.includes(keyword) ||
+    item.department.includes(keyword)
+  )
+})
 
 const weakRadarOption = computed<EChartsOption>(() => ({
   color: ['#dc2626'],
   radar: {
     radius: 94,
-    indicator: teacherDashboard.weakRadar.map(item => ({ name: item.name, max: 100 }))
+    indicator: dashboard.value.weakRadar.map(item => ({ name: item.name, max: 100 }))
   },
   series: [
     {
       type: 'radar',
       areaStyle: { color: 'rgba(220, 38, 38, 0.12)' },
-      data: [{ value: teacherDashboard.weakRadar.map(item => item.value), name: '平均得分率' }]
+      data: [{ value: dashboard.value.weakRadar.map(item => item.value), name: '平均得分率' }]
     }
   ]
 }))
@@ -122,23 +179,21 @@ const trainingTrendOption = computed<EChartsOption>(() => ({
   color: ['#2563eb'],
   tooltip: { trigger: 'axis' },
   grid: { left: 42, right: 20, top: 28, bottom: 32 },
-  xAxis: { type: 'category', data: teacherDashboard.months, axisLine },
+  xAxis: { type: 'category', data: dashboard.value.months, axisLine },
   yAxis: { type: 'value', splitLine },
   series: [
-    { name: '训练次数', type: 'line', smooth: true, areaStyle: { color: 'rgba(37, 99, 235, 0.12)' }, data: teacherDashboard.trainingTrend }
+    { name: '训练次数', type: 'line', smooth: true, areaStyle: { color: 'rgba(37, 99, 235, 0.12)' }, data: dashboard.value.trainingTrend }
   ]
 }))
 
 const taskCompletionOption = computed<EChartsOption>(() => ({
-  color: ['#0f766e', '#f59e0b'],
+  color: ['#f59e0b'],
   tooltip: { trigger: 'axis' },
-  legend: { top: 0 },
-  grid: { left: 42, right: 20, top: 42, bottom: 40 },
-  xAxis: { type: 'category', data: teacherDashboard.taskCompletion.map(item => item.name), axisLine },
+  grid: { left: 42, right: 20, top: 28, bottom: 40 },
+  xAxis: { type: 'category', data: dashboard.value.pendingRows.map(item => item.name), axisLine },
   yAxis: { type: 'value', splitLine },
   series: [
-    { name: '已完成', type: 'bar', barWidth: 20, data: teacherDashboard.taskCompletion.map(item => item.done), itemStyle: { borderRadius: [5, 5, 0, 0] } },
-    { name: '未完成', type: 'bar', barWidth: 20, data: teacherDashboard.taskCompletion.map(item => item.undone), itemStyle: { borderRadius: [5, 5, 0, 0] } }
+    { name: '待完成任务', type: 'bar', barWidth: 20, data: dashboard.value.pendingRows.map(item => item.pendingTasks), itemStyle: { borderRadius: [5, 5, 0, 0] } }
   ]
 }))
 
@@ -152,9 +207,74 @@ const scoreDistributionOption = computed<EChartsOption>(() => ({
       type: 'pie',
       radius: ['42%', '70%'],
       center: ['50%', '45%'],
-      data: teacherDashboard.scoreDistribution,
+      data: dashboard.value.scoreDistribution,
       label: { formatter: '{b}\n{d}%' }
     }
   ]
 }))
+
+async function loadOverview() {
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
+  }
+
+  try {
+    loading.value = true
+    overview.value = await fetchTeachingOverview(appStore.token)
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取教学概览失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+function stat(label: string, value: string, change: string, tone: StatCard['tone']): StatCard {
+  return { label, value, change, tone }
+}
+
+function numberText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toLocaleString('zh-CN') : '-'
+}
+
+function scoreText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toFixed(1) : '-'
+}
+
+function caseTypeLabel(type: string) {
+  const labels: Record<string, string> = {
+    diagnosis_treatment: '诊疗病例',
+    traditional: '传统病例',
+    teaching: '教学病例',
+    script: '脚本病例'
+  }
+  return labels[type] || type || '-'
+}
+
+function formatDateTime(value: string) {
+  if (!value) {
+    return '-'
+  }
+  return value.replace('T', ' ').replace('Z', '').slice(0, 19)
+}
+
+function createScoreDistribution(scores: number[]) {
+  const buckets = [
+    { name: '90分以上', value: 0 },
+    { name: '80-89分', value: 0 },
+    { name: '70-79分', value: 0 },
+    { name: '60-69分', value: 0 },
+    { name: '60分以下', value: 0 }
+  ]
+  scores.forEach(score => {
+    if (score >= 90) buckets[0].value += 1
+    else if (score >= 80) buckets[1].value += 1
+    else if (score >= 70) buckets[2].value += 1
+    else if (score >= 60) buckets[3].value += 1
+    else buckets[4].value += 1
+  })
+  return buckets
+}
+
+onMounted(loadOverview)
 </script>
diff --git a/src/views/TeacherGrowthPathView.vue b/src/views/TeacherGrowthPathView.vue
new file mode 100644
index 00000000..cc4fbc8e
--- /dev/null
+++ b/src/views/TeacherGrowthPathView.vue
@@ -0,0 +1,237 @@
+<template>
+  <div v-loading="loading" class="page-stack">
+    <section class="page-toolbar">
+      <div>
+        <h1>成长轨迹</h1>
+        <p>复用教学概览接口，查看名下学生整体训练趋势、能力雷达和最近训练情况。</p>
+      </div>
+      <el-button :icon="Refresh" :loading="loading" @click="loadOverview">刷新数据</el-button>
+    </section>
+
+    <section class="stats-grid">
+      <article v-for="item in kpis" :key="item.label" class="stat-card">
+        <div :class="['stat-mark', item.tone]">{{ item.label.slice(0, 1) }}</div>
+        <div>
+          <span>{{ item.label }}</span>
+          <strong>{{ item.value }}</strong>
+          <em>{{ item.change }}</em>
+        </div>
+      </article>
+    </section>
+
+    <section class="overview-grid">
+      <ChartPanel class="wide-chart" title="整体训练次数趋势" subtitle="近6个月所带学生训练总次数" :option="trainingTrendOption" />
+      <ChartPanel title="整体能力雷达" subtitle="教学概览中的整体维度得分" :option="radarOption" />
+      <ChartPanel class="wide-chart" title="学生训练成长排行" subtitle="按累计训练次数展示学生成长投入" :option="studentTrainingOption" />
+      <ChartPanel title="平均分分布" subtitle="按学生训练平均分分段统计" :option="scoreDistributionOption" />
+    </section>
+
+    <section class="data-section">
+      <div class="section-header">
+        <div>
+          <h2>学生成长明细</h2>
+          <p>训练次数、完成率、平均分、最常训练类型与最近训练时间</p>
+        </div>
+      </div>
+      <el-table :data="students" empty-text="暂无学生成长数据" row-key="id">
+        <el-table-column prop="name" label="姓名" min-width="120">
+          <template #default="{ row }">
+            <strong>{{ row.name }}</strong>
+            <span class="table-subtext">{{ row.username }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="department" label="科室" width="120" />
+        <el-table-column prop="trainings" label="累计训练" width="110" />
+        <el-table-column prop="completion" label="完成率" width="100" />
+        <el-table-column prop="avgScore" label="平均分" width="100" />
+        <el-table-column prop="favoriteType" label="最常训练类型" width="130" />
+        <el-table-column prop="lastTraining" label="最近训练时间" min-width="170" />
+      </el-table>
+    </section>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import type { EChartsOption } from 'echarts'
+import { ElMessage } from 'element-plus'
+import { Refresh } from '@element-plus/icons-vue'
+import ChartPanel from '@/components/ChartPanel.vue'
+import { fetchTeachingOverview, type TeachingOverview } from '@/api/stats'
+import { useAppStore } from '@/stores/app'
+
+interface StatCard {
+  label: string
+  value: string
+  change: string
+  tone: 'blue' | 'green' | 'purple' | 'orange'
+}
+
+const axisLine = { lineStyle: { color: '#dce3eb' } }
+const splitLine = { lineStyle: { color: '#eef2f7' } }
+const appStore = useAppStore()
+const loading = ref(false)
+const overview = ref<TeachingOverview | null>(null)
+
+const students = computed(() => (overview.value?.students || []).map(item => ({
+  id: String(item.id),
+  name: item.real_name || item.username || '-',
+  username: item.username || '-',
+  department: item.department || '-',
+  trainings: item.train_total,
+  completion: `${item.complete_rate}%`,
+  avgScore: item.avg_score,
+  favoriteType: caseTypeLabel(item.most_trained_type),
+  lastTraining: formatDateTime(item.last_trained_at)
+})))
+
+const summary = computed(() => overview.value?.overview || { radar: [], train_months: [], train_monthly: [] })
+const kpis = computed<StatCard[]>(() => {
+  const trainingTotal = (summary.value.train_monthly || []).reduce((total, item) => total + item, 0)
+  const avgScore = summary.value.students_avg
+  const maxTrainingStudent = [...students.value].sort((a, b) => b.trainings - a.trainings)[0]
+
+  return [
+    stat('我的学生数', numberText(summary.value.student_count), '带教范围', 'blue'),
+    stat('近6月训练', numberText(trainingTotal), '训练次数合计', 'green'),
+    stat('学生平均分', scoreText(avgScore), `机构 ${scoreText(summary.value.institution_avg)}`, 'purple'),
+    stat('训练最多学生', maxTrainingStudent?.name || '-', maxTrainingStudent ? `${maxTrainingStudent.trainings} 次` : '暂无数据', 'orange')
+  ]
+})
+
+const trainingTrendOption = computed<EChartsOption>(() => ({
+  color: ['#2563eb'],
+  tooltip: { trigger: 'axis' },
+  grid: { left: 42, right: 20, top: 28, bottom: 32 },
+  xAxis: { type: 'category', data: summary.value.train_months || [], axisLine },
+  yAxis: { type: 'value', splitLine },
+  series: [
+    {
+      name: '训练次数',
+      type: 'line',
+      smooth: true,
+      areaStyle: { color: 'rgba(37, 99, 235, 0.12)' },
+      data: summary.value.train_monthly || []
+    }
+  ]
+}))
+
+const radarOption = computed<EChartsOption>(() => ({
+  color: ['#0f766e'],
+  radar: {
+    radius: 94,
+    indicator: (summary.value.radar || []).map(item => ({ name: item.dimension, max: 100 }))
+  },
+  series: [
+    {
+      type: 'radar',
+      areaStyle: { color: 'rgba(15, 118, 110, 0.12)' },
+      data: [{ name: '整体得分', value: (summary.value.radar || []).map(item => item.score) }]
+    }
+  ]
+}))
+
+const studentTrainingOption = computed<EChartsOption>(() => ({
+  color: ['#f59e0b'],
+  tooltip: { trigger: 'axis' },
+  grid: { left: 92, right: 24, top: 18, bottom: 24 },
+  xAxis: { type: 'value', splitLine },
+  yAxis: {
+    type: 'category',
+    inverse: true,
+    data: [...students.value].sort((a, b) => b.trainings - a.trainings).map(item => item.name),
+    axisLabel: { width: 82, overflow: 'truncate' },
+    axisLine
+  },
+  series: [
+    {
+      name: '累计训练',
+      type: 'bar',
+      barWidth: 14,
+      data: [...students.value].sort((a, b) => b.trainings - a.trainings).map(item => item.trainings),
+      itemStyle: { borderRadius: [0, 5, 5, 0] }
+    }
+  ]
+}))
+
+const scoreDistributionOption = computed<EChartsOption>(() => ({
+  color: ['#16a34a', '#2563eb', '#f59e0b', '#7c3aed', '#dc2626'],
+  tooltip: { trigger: 'item' },
+  legend: { bottom: 0 },
+  series: [
+    {
+      name: '得分分布',
+      type: 'pie',
+      radius: ['42%', '70%'],
+      center: ['50%', '45%'],
+      data: createScoreDistribution(students.value.map(item => item.avgScore)),
+      label: { formatter: '{b}\n{d}%' }
+    }
+  ]
+}))
+
+async function loadOverview() {
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
+  }
+
+  try {
+    loading.value = true
+    overview.value = await fetchTeachingOverview(appStore.token)
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取成长轨迹失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+function stat(label: string, value: string, change: string, tone: StatCard['tone']): StatCard {
+  return { label, value, change, tone }
+}
+
+function numberText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toLocaleString('zh-CN') : '-'
+}
+
+function scoreText(value: number | null | undefined) {
+  return typeof value === 'number' && Number.isFinite(value) ? value.toFixed(1) : '-'
+}
+
+function caseTypeLabel(type: string) {
+  const labels: Record<string, string> = {
+    diagnosis_treatment: '诊疗病例',
+    traditional: '传统病例',
+    teaching: '教学病例',
+    script: '脚本病例'
+  }
+  return labels[type] || type || '-'
+}
+
+function formatDateTime(value: string) {
+  if (!value) {
+    return '-'
+  }
+  return value.replace('T', ' ').replace('Z', '').slice(0, 19)
+}
+
+function createScoreDistribution(scores: number[]) {
+  const buckets = [
+    { name: '90分以上', value: 0 },
+    { name: '80-89分', value: 0 },
+    { name: '70-79分', value: 0 },
+    { name: '60-69分', value: 0 },
+    { name: '60分以下', value: 0 }
+  ]
+  scores.forEach(score => {
+    if (score >= 90) buckets[0].value += 1
+    else if (score >= 80) buckets[1].value += 1
+    else if (score >= 70) buckets[2].value += 1
+    else if (score >= 60) buckets[3].value += 1
+    else buckets[4].value += 1
+  })
+  return buckets
+}
+
+onMounted(loadOverview)
+</script>
diff --git a/src/views/TrainingView.vue b/src/views/TrainingView.vue
index a407e857..ebadc708 100644
--- a/src/views/TrainingView.vue
+++ b/src/views/TrainingView.vue
@@ -2,55 +2,284 @@
   <div class="page-stack">
     <section class="page-toolbar">
       <div>
-        <h1>训练管理</h1>
-        <p>配置教学任务、训练对象、评分规则和完成进度。</p>
+        <h1>{{ pageTitle }}</h1>
+        <p>{{ pageDescription }}</p>
       </div>
-      <el-button :icon="Plus" type="primary">发布任务</el-button>
+      <el-button :icon="Refresh" :loading="loading" @click="loadRecords">刷新</el-button>
     </section>
 
-    <section class="kanban-grid">
-      <article v-for="group in taskGroups" :key="group.title" class="kanban-column">
-        <div class="kanban-title">
-          <h2>{{ group.title }}</h2>
-          <el-tag>{{ group.items.length }}</el-tag>
-        </div>
-        <div v-for="task in group.items" :key="task.name" class="task-card">
-          <strong>{{ task.name }}</strong>
-          <span>{{ task.scope }}</span>
-          <el-progress :percentage="task.progress" :status="task.progress > 90 ? 'success' : undefined" />
-          <div class="task-meta">
-            <span>{{ task.owner }}</span>
-            <span>{{ task.due }}</span>
-          </div>
-        </div>
-      </article>
+    <section class="filter-bar training-record-filter" :class="{ 'teacher-training-record-filter': isTeacherScope }">
+      <el-input v-model="filters.search" :prefix-icon="Search" clearable :placeholder="searchPlaceholder" @keyup.enter="loadRecords" />
+      <el-input v-model="filters.user_id" clearable placeholder="用户ID" @keyup.enter="loadRecords" />
+      <el-input v-model="filters.case_id" clearable placeholder="病例ID" @keyup.enter="loadRecords" />
+      <el-select v-model="filters.status" clearable placeholder="训练状态">
+        <el-option label="已完成 completed" value="completed" />
+        <el-option label="进行中 in_progress" value="in_progress" />
+        <el-option label="已取消 cancelled" value="cancelled" />
+        <el-option label="失败 failed" value="failed" />
+      </el-select>
+      <el-select v-model="filters.training_mode" clearable placeholder="训练模式">
+        <el-option label="自由训练" value="free" />
+        <el-option label="任务训练" value="task" />
+        <el-option label="考试训练" value="exam" />
+      </el-select>
+      <el-select v-model="filters.case_type" clearable placeholder="病例类型">
+        <el-option label="传统病例" value="traditional" />
+        <el-option label="教学病例" value="teaching" />
+        <el-option label="诊疗病例" value="diagnosis_treatment" />
+      </el-select>
+      <el-input v-if="!isTeacherScope" v-model="filters.institution" clearable placeholder="机构ID/名称" @keyup.enter="loadRecords" />
+      <el-date-picker
+        v-model="dateRange"
+        end-placeholder="结束日期"
+        format="YYYY-MM-DD"
+        range-separator="至"
+        start-placeholder="开始日期"
+        type="daterange"
+        value-format="YYYY-MM-DD"
+      />
+      <el-input v-model="filters.min_score" clearable placeholder="最低分" @keyup.enter="loadRecords" />
+      <el-input v-model="filters.max_score" clearable placeholder="最高分" @keyup.enter="loadRecords" />
+      <el-button :icon="Search" type="primary" @click="handleSearch">查询</el-button>
+      <el-button :icon="Refresh" @click="resetFilters">重置</el-button>
+    </section>
+
+    <section class="data-section">
+      <el-table v-loading="loading" :data="records" empty-text="暂无训练记录" row-key="id">
+        <el-table-column prop="id" label="记录ID" width="100" />
+        <el-table-column label="学生/用户" min-width="170">
+          <template #default="{ row }">
+            <strong>{{ row.userName || row.username || row.userId || '-' }}</strong>
+            <span class="table-subtext">{{ row.phone || row.username || '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="病例" min-width="220">
+          <template #default="{ row }">
+            <strong>{{ row.caseTitle || '-' }}</strong>
+            <span class="table-subtext">ID: {{ row.caseId || '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" width="110">
+          <template #default="{ row }">
+            <el-tag :type="statusTagType(row.status)">{{ statusLabel(row.status) }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="模式" width="110">
+          <template #default="{ row }">
+            {{ modeLabel(row.trainingMode) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="病例类型" width="120">
+          <template #default="{ row }">
+            {{ caseTypeLabel(row.caseType) }}
+          </template>
+        </el-table-column>
+        <el-table-column v-if="!isTeacherScope" prop="institution" label="机构" min-width="150">
+          <template #default="{ row }">
+            {{ row.institution || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="得分" width="100">
+          <template #default="{ row }">
+            <el-tag :type="scoreTagType(row.score)">{{ row.score ?? '-' }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="开始时间" width="170">
+          <template #default="{ row }">
+            {{ formatDateTime(row.createdAt) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="完成时间" width="170">
+          <template #default="{ row }">
+            {{ formatDateTime(row.completedAt) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="duration" label="耗时" width="110">
+          <template #default="{ row }">
+            {{ formatDuration(row.duration) }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="table-pagination">
+        <el-pagination
+          v-model:current-page="pagination.page"
+          :page-size="10"
+          :total="pagination.total"
+          background
+          layout="total, prev, pager, next, jumper"
+          @current-change="loadRecords"
+        />
+      </div>
     </section>
   </div>
 </template>
 
 <script setup lang="ts">
-import { Plus } from '@element-plus/icons-vue'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import { Refresh, Search } from '@element-plus/icons-vue'
+import { fetchTrainingRecords, type TrainingRecordItem } from '@/api/stats'
+import { useAppStore } from '@/stores/app'
 
-const taskGroups = [
-  {
-    title: '进行中',
-    items: [
-      { name: '急性胸痛问诊训练', scope: '心内科 2026 级规培', progress: 76, owner: '李医生', due: '06-12 截止' },
-      { name: '糖尿病随访沟通训练', scope: '全科医学班', progress: 64, owner: '王医生', due: '06-18 截止' }
-    ]
-  },
-  {
-    title: '待审核',
-    items: [
-      { name: '卒中识别专项训练', scope: '神经内科轮转', progress: 35, owner: '赵医生', due: '待发布' }
-    ]
-  },
-  {
-    title: '已完成',
-    items: [
-      { name: '儿童发热初诊流程', scope: '儿科见习', progress: 98, owner: '陈医生', due: '已归档' },
-      { name: '呼吸困难鉴别诊断', scope: '急诊科', progress: 93, owner: '刘医生', due: '已归档' }
-    ]
+const appStore = useAppStore()
+const route = useRoute()
+const loading = ref(false)
+const records = ref<TrainingRecordItem[]>([])
+const dateRange = ref<[string, string] | ''>('')
+const filters = reactive({
+  search: '',
+  user_id: '',
+  case_id: '',
+  status: '',
+  training_mode: '',
+  case_type: '',
+  institution: '',
+  min_score: '',
+  max_score: ''
+})
+const pagination = reactive({
+  page: 1,
+  total: 0
+})
+
+const isTeacherScope = computed(() => route.name === 'TeacherTrainingRecords' || appStore.user.role === 'teacher')
+const pageTitle = computed(() => (isTeacherScope.value ? '教学工具-训练记录' : '训练记录'))
+const pageDescription = computed(() => (
+  isTeacherScope.value
+    ? '查看名下学生训练记录，支持病例、学生、状态、日期和分数筛选。'
+    : '查看平台训练记录，支持病例、用户、机构、状态、日期和分数筛选。'
+))
+const searchPlaceholder = computed(() => (
+  isTeacherScope.value ? '搜索病例标题/学生姓名/手机号' : '搜索病例标题/用户姓名/手机号'
+))
+
+async function loadRecords() {
+  if (!appStore.token) {
+    ElMessage.warning('缺少登录信息，请重新登录')
+    return
   }
-]
+
+  try {
+    loading.value = true
+    const [startDate, endDate] = Array.isArray(dateRange.value) ? dateRange.value : ['', '']
+    const result = await fetchTrainingRecords({
+      token: appStore.token,
+      scope: isTeacherScope.value ? 'teacher' : 'platform',
+      search: filters.search,
+      user_id: filters.user_id,
+      case_id: filters.case_id,
+      status: filters.status,
+      training_mode: filters.training_mode,
+      case_type: filters.case_type,
+      institution: isTeacherScope.value ? '' : filters.institution,
+      start_date: startDate,
+      end_date: endDate,
+      min_score: filters.min_score,
+      max_score: filters.max_score,
+      page: pagination.page
+    })
+    records.value = result.records
+    pagination.total = result.total
+  } catch (error) {
+    ElMessage.error(error instanceof Error ? error.message : '获取训练记录失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+function handleSearch() {
+  pagination.page = 1
+  loadRecords()
+}
+
+function resetFilters() {
+  filters.search = ''
+  filters.user_id = ''
+  filters.case_id = ''
+  filters.status = ''
+  filters.training_mode = ''
+  filters.case_type = ''
+  filters.institution = ''
+  filters.min_score = ''
+  filters.max_score = ''
+  dateRange.value = ''
+  pagination.page = 1
+  loadRecords()
+}
+
+function statusLabel(value: string) {
+  const labels: Record<string, string> = {
+    completed: '已完成',
+    complete: '已完成',
+    finished: '已完成',
+    in_progress: '进行中',
+    running: '进行中',
+    cancelled: '已取消',
+    canceled: '已取消',
+    failed: '失败'
+  }
+  return labels[value] || value || '-'
+}
+
+function statusTagType(value: string) {
+  if (['completed', 'complete', 'finished'].includes(value)) return 'success'
+  if (['in_progress', 'running'].includes(value)) return 'warning'
+  if (['failed'].includes(value)) return 'danger'
+  return 'info'
+}
+
+function modeLabel(value: string) {
+  const labels: Record<string, string> = {
+    free: '自由训练',
+    task: '任务训练',
+    exam: '考试训练'
+  }
+  return labels[value] || value || '-'
+}
+
+function caseTypeLabel(type: string) {
+  const labels: Record<string, string> = {
+    diagnosis_treatment: '诊疗病例',
+    traditional: '传统病例',
+    teaching: '教学病例',
+    script: '脚本病例'
+  }
+  return labels[type] || type || '-'
+}
+
+function scoreTagType(value: number | null) {
+  if (value === null) return 'info'
+  if (value >= 80) return 'success'
+  if (value >= 60) return 'warning'
+  return 'danger'
+}
+
+function formatDateTime(value: string) {
+  if (!value) {
+    return '-'
+  }
+  return value.replace('T', ' ').replace('Z', '').slice(0, 19)
+}
+
+function formatDuration(value: string) {
+  if (!value) {
+    return '-'
+  }
+  const numeric = Number(value)
+  if (!Number.isFinite(numeric)) {
+    return value
+  }
+  if (numeric < 60) {
+    return `${numeric}秒`
+  }
+  return `${Math.floor(numeric / 60)}分${numeric % 60}秒`
+}
+
+watch(isTeacherScope, () => {
+  pagination.page = 1
+  loadRecords()
+})
+
+onMounted(loadRecords)
 </script>