diff --git a/src/api/analysis/xk.ts b/src/api/analysis/xk.ts
new file mode 100644
index 0000000..a8e1fe7
--- /dev/null
+++ b/src/api/analysis/xk.ts
@@ -0,0 +1,19 @@
+import { get, post } from '@/utils/request'
+
+// 获取选课列表
+export const getXkListApi = () => {
+  return get('/api/xk/findPage', {
+    page: 1,
+    rows: 100,
+    status: 'A'
+  })
+}
+
+// 获取兴趣课选课列表
+export const getXkCourseListApi = (njId: string, bjId: string, xkId?: string) => {
+  const params: any = { njId, bjId }
+  if (xkId) {
+    params.xkId = xkId
+  }
+  return get('/api/xk/getXkCourseList', params)
+}
diff --git a/src/api/analysis/xkDm.ts b/src/api/analysis/xkDm.ts
new file mode 100644
index 0000000..debd09f
--- /dev/null
+++ b/src/api/analysis/xkDm.ts
@@ -0,0 +1,10 @@
+import { get } from '@/utils/request'
+
+// 获取选课点名统计
+export const getXkDmStatisticsApi = (xkId: string, startTime?: string, endTime?: string) => {
+  const params: any = { xkId }
+  if (startTime) params.startTime = startTime
+  if (endTime) params.endTime = endTime
+  
+  return get('/api/xkDm/getXkDmStatistics', params)
+}
diff --git a/src/api/analysis/xs.ts b/src/api/analysis/xs.ts
new file mode 100644
index 0000000..08943ef
--- /dev/null
+++ b/src/api/analysis/xs.ts
@@ -0,0 +1,10 @@
+import { get, post } from "@/utils/request";
+
+// 学生档案相关API接口
+
+/**
+ * 根据年级ID和班级ID查询学生及家长信息（简化版）
+ */
+export function findStudentInfoByNjAndBjSimpleApi(njId: string, bjId: string) {
+  return get('/api/xs/findStudentInfoByNjAndBjSimple', { njId, bjId });
+}
diff --git a/src/pages.json b/src/pages.json
index 2ff0f85..c6597c0 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -560,6 +560,41 @@
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/view/analysis/xs/studentArchive",
+      "style": {
+        "navigationBarTitleText": "学生档案",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/analysis/xk/xkCourse",
+      "style": {
+        "navigationBarTitleText": "课程明单",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/analysis/xk/xkList",
+      "style": {
+        "navigationBarTitleText": "选课清单",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/analysis/xk/dmStatistics",
+      "style": {
+        "navigationBarTitleText": "点名统计",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/analysis/xk/dmXkList",
+      "style": {
+        "navigationBarTitleText": "点名选课列表",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/view/routine/qd/index",
       "style": {
diff --git a/src/pages/base/service/index.vue b/src/pages/base/service/index.vue
index cf4697e..b1cbdb4 100644
--- a/src/pages/base/service/index.vue
+++ b/src/pages/base/service/index.vue
@@ -320,6 +320,30 @@ const sections = reactive<Section[]>([
         permissionKey: "routine-bjjl", // 发布接龙权限编码
         path: "/pages/view/notice/index",
       },
+      {
+        id: "hs4",
+        icon: "xsda",
+        text: "学生档案",
+        show: true,
+        permissionKey: "home-xsda", // 学生档案权限编码
+        path: "/pages/view/analysis/xs/studentArchive",
+      },
+      {
+        id: "hs5",
+        icon: "xkqd",
+        text: "选课清单",
+        show: true,
+        permissionKey: "home-xkqd", // 兴趣课选课权限编码
+        path: "/pages/view/analysis/xk/xkList",
+      },
+      {
+        id: "hs6",
+        icon: "dmtj",
+        text: "点名统计",
+        show: true,
+        permissionKey: "home-dmtj", // 点名统计权限编码
+        path: "/pages/view/analysis/xk/dmXkList",
+      },
     ],
   },
   {
diff --git a/src/pages/view/analysis/xk/dmStatistics.vue b/src/pages/view/analysis/xk/dmStatistics.vue
new file mode 100644
index 0000000..13fbb24
--- /dev/null
+++ b/src/pages/view/analysis/xk/dmStatistics.vue
@@ -0,0 +1,1034 @@
+<template>
+  <!-- 使用 BasicListLayout 包裹记录列表 -->
+  <BasicListLayout @register="register" :fixed="false" class="flex-1 full-width">
+    <template #top>
+      <!-- 搜索筛选区域 -->
+      <view class="search-section">
+        <view class="search-row">
+          <view class="search-item">
+            <text class="label">时间范围：</text>
+            <uni-datetime-picker
+              type="daterange"
+              :value="[startTime, endTime]"
+              @change="onTimeRangeChange"
+              class="date-picker"
+            >
+              <view class="picker-text">{{ getTimeRangeText() }}</view>
+            </uni-datetime-picker>
+          </view>
+        </view>
+        <view class="search-row">
+          <button class="search-btn" @click="searchRecords">搜索</button>
+          <button class="reset-btn" @click="resetSearch">重置</button>
+        </view>
+      </view>
+
+
+
+      <!-- 统计信息 -->
+      <view class="stats-section" v-if="xkId && xkId !== ''">
+        <view class="stats-container">
+          <view 
+            class="stat-item" 
+            :class="{ active: selectedStatType === 'called' }"
+            @click="onStatItemClick('called')"
+          >
+            <text class="stat-number called">{{ calledCourses }}</text>
+            <text class="stat-label">已点名</text>
+          </view>
+          <view 
+            class="stat-item" 
+            :class="{ active: selectedStatType === 'uncalled' }"
+            @click="onStatItemClick('uncalled')"
+          >
+            <text class="stat-number uncalled">{{ uncalledCourses }}</text>
+            <text class="stat-label">未点名</text>
+          </view>
+          <view 
+            class="stat-item" 
+            :class="{ active: selectedStatType === 'all' }"
+            @click="onStatItemClick('all')"
+          >
+            <text class="stat-number">{{ totalCourses }}</text>
+            <text class="stat-label">全部课程</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- 记录头部信息 -->
+      <view class="records-header" v-if="courseList && courseList.length > 0">
+        <view class="section-title">{{ getListTitle() }} ({{ getListCount() }})</view>
+      </view>
+
+      <!-- 初始提示 -->
+      <view v-if="!hasSearched && (!courseList || courseList.length === 0)" class="initial-tip">
+        <text class="tip-text">暂无数据</text>
+      </view>
+    </template>
+
+    <template #default="{ data }">
+      <!-- 课程列表显示 -->
+      <view v-if="xkId && xkId !== ''" class="course-card" @click="viewCourseDetail(data)">
+        <view class="course-header">
+          <view class="course-title">{{ data.xkMc }}</view>
+          <view class="course-status" :class="getStatusClass(data.status)">
+            {{ data.status }}
+          </view>
+        </view>
+        
+        <!-- 未点名课程信息 -->
+        <view class="course-info" v-if="data.status === '未点名'">
+          <view class="info-row">
+            <text class="info-label">上课时间：</text>
+            <text class="info-value">{{ data.studyTime || '未设置' }}</text>
+          </view>
+          <view class="info-row">
+            <text class="info-label">开课教师：</text>
+            <text class="info-value">{{ data.kcsj || '未知' }}</text>
+          </view>
+        </view>
+        
+        <view class="course-footer" v-if="data.status === '已点名'">
+          <view class="dm-stats">
+            <view class="dm-stat-item">
+              <text class="dm-stat-number">{{ data.zrs || 0 }}</text>
+              <text class="dm-stat-label">总人数</text>
+            </view>
+            <view class="dm-stat-item present">
+              <text class="dm-stat-number">{{ data.sdRs || 0 }}</text>
+              <text class="dm-stat-label">实到</text>
+            </view>
+            <view class="dm-stat-item leave">
+              <text class="dm-stat-number">{{ data.qjRs || 0 }}</text>
+              <text class="dm-stat-label">请假</text>
+            </view>
+            <view class="dm-stat-item absent">
+              <text class="dm-stat-number">{{ data.qqRs || 0 }}</text>
+              <text class="dm-stat-label">缺勤</text>
+            </view>
+          </view>
+          <view class="dm-info-row">
+            <text class="dm-teacher">{{ data.createdUserName || '未知' }}</text>
+            <text class="dm-time-text">{{ formatDateTime(data.dmTime) }}</text>
+          </view>
+        </view>
+      </view>
+      
+      <!-- 点名记录显示 -->
+      <view v-else class="record-card" @click="viewRecordDetail(data)">
+        <view class="record-header">
+          <view class="record-time">
+            <u-icon name="clock" color="#666" size="14"></u-icon>
+            <text class="time-text">{{ formatDateTime(data.dmTime) }}</text>
+          </view>
+        </view>
+        
+        <view class="record-stats">
+          <view class="stat-item">
+            <text class="stat-number">{{ data.zrs || 0 }}</text>
+            <text class="stat-label">总人数</text>
+          </view>
+          <view class="stat-item present">
+            <text class="stat-number">{{ data.sdRs || 0 }}</text>
+            <text class="stat-label">实到</text>
+          </view>
+          <view class="stat-item leave">
+            <text class="stat-number">{{ data.qjRs || 0 }}</text>
+            <text class="stat-label">请假</text>
+          </view>
+          <view class="stat-item absent">
+            <text class="stat-number">{{ data.qqRs || 0 }}</text>
+            <text class="stat-label">缺勤</text>
+          </view>
+        </view>
+        
+        <view class="record-footer">
+          <text class="teacher-name">教师：{{ data.createdUserName || '未知' }}</text>
+          <view class="view-detail">
+            <text class="detail-text">查看详情</text>
+            <u-icon name="arrow-right" color="#4080ff" size="12"></u-icon>
+          </view>
+        </view>
+      </view>
+    </template>
+
+    <template #bottom>
+      <!-- 返回按钮 -->
+      <view class="bottom-actions mx-15 mb-15">
+        <button class="back-btn" @click="goBack">返回</button>
+      </view>
+    </template>
+  </BasicListLayout>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, onMounted } from "vue";
+import { useDataStore } from "@/store/modules/data";
+import { useLayout } from "@/components/BasicListLayout/hooks/useLayout";
+import { getXkDmPageApi } from "@/api/base/xkApi";
+import { getXkDmStatisticsApi } from "@/api/analysis/xkDm";
+import { get } from '@/utils/request';
+import { onLoad } from '@dcloudio/uni-app';
+import dayjs from "dayjs";
+
+const { getData, setData } = useDataStore();
+
+// 今日信息
+const now = dayjs();
+let wDay = now.day();
+if (wDay === 0) {
+  wDay = 7;
+}
+const wdNameList = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"];
+const todayInfo = ref({
+  date: now.format("YYYY-MM-DD"),
+  weekName: wdNameList[wDay - 1],
+});
+
+// 响应式数据
+const loading = ref(false);
+const startTime = ref("");
+const endTime = ref("");
+const dmRecords = ref<any>([]);
+const courseList = ref<any>([]);
+const totalCount = ref<any>(0);
+const hasSearched = ref(false);
+const xkId = ref<string>('');
+const selectedStatType = ref<string>('called'); // 默认选中已点名
+
+// 使用 BasicListLayout
+const [register, { reload, setParam }] = useLayout({
+  api: async (params: any) => {
+    try {
+      if (xkId.value && xkId.value !== '') {
+        // 如果有xkId，调用新的课程统计接口
+        const res = await getXkDmStatisticsApi(
+          xkId.value,
+          params.startTime,
+          params.endTime
+        );
+        console.log("课程统计API返回数据:", res);
+
+        if (res && res.resultCode === 1) {
+          courseList.value = res.result || [];
+          totalCount.value = courseList.value.length;
+          
+          // 根据选中的统计类型过滤数据
+          let filteredData = courseList.value;
+          if (params.selectedStatType === 'called') {
+            filteredData = courseList.value.filter((course: any) => course.status === '已点名');
+          } else if (params.selectedStatType === 'uncalled') {
+            filteredData = courseList.value.filter((course: any) => course.status === '未点名');
+          }
+          
+          return { rows: filteredData, total: filteredData.length, page: 1, pageSize: 10 };
+        } else {
+          courseList.value = [];
+          totalCount.value = 0;
+          return { rows: [], total: 0, page: 1, pageSize: 10 };
+        }
+      } else {
+        // 没有xkId时，使用原来的点名记录接口
+        const res = await getXkDmPageApi({
+          ...params,
+          // 不传jsId，按时间段查询所有教师的点名记录
+          sidx: 'dmTime',
+          sord: 'desc'
+        });
+        console.log("点名记录API返回数据:", res);
+
+        if (res) {
+          dmRecords.value = res?.rows || [];
+          totalCount.value = res?.total || 0;
+          return res;
+        } else {
+          dmRecords.value = [];
+          totalCount.value = 0;
+          return { rows: [], total: 0, page: 1, pageSize: 10 };
+        }
+      }
+    } catch (error) {
+      console.error("获取数据失败:", error);
+      dmRecords.value = [];
+      courseList.value = [];
+      totalCount.value = 0;
+      return { rows: [], total: 0, page: 1, pageSize: 10 };
+    }
+  },
+  componentProps: {
+    auto: false,
+  },
+});
+
+// 时间范围选择
+const onTimeRangeChange = (e: any) => {
+  if (e && Array.isArray(e)) {
+    const [start, end] = e;
+    startTime.value = start;
+    endTime.value = end;
+  } else if (e && typeof e === "string") {
+    startTime.value = e;
+    endTime.value = e;
+  }
+};
+
+const getTimeRangeText = () => {
+  if (!startTime.value || !endTime.value) return "选择时间范围";
+  if (startTime.value === endTime.value) {
+    return formatDate(startTime.value);
+  }
+  return `${formatDate(startTime.value)} - ${formatDate(endTime.value)}`;
+};
+
+const searchRecords = async () => {
+  if (!startTime.value || !endTime.value) {
+    uni.showToast({
+      title: "请选择时间范围",
+      icon: "none",
+    });
+    return;
+  }
+
+  // 验证开始时间不能大于结束时间
+  if (startTime.value > endTime.value) {
+    uni.showToast({
+      title: "开始时间不能大于结束时间",
+      icon: "none",
+    });
+    return;
+  }
+
+  hasSearched.value = true;
+
+  console.log("搜索参数:", {
+    startTime: startTime.value + " 00:00:00",
+    endTime: endTime.value + " 23:59:59",
+    pageNo: 1,
+  });
+
+  // 设置搜索参数并重新加载
+  setParam({
+    selectedStatType: selectedStatType.value,
+    startTime: startTime.value + " 00:00:00",
+    endTime: endTime.value + " 23:59:59",
+    pageNo: 1,
+  });
+  reload();
+};
+
+const resetSearch = () => {
+  startTime.value = "";
+  endTime.value = "";
+  dmRecords.value = [];
+  courseList.value = [];
+  totalCount.value = 0;
+  hasSearched.value = false;
+};
+
+// 计算属性
+const totalCourses = computed(() => {
+  return courseList.value.length;
+});
+
+const calledCourses = computed(() => {
+  return courseList.value.filter((course: any) => course.status === '已点名').length;
+});
+
+const uncalledCourses = computed(() => {
+  return courseList.value.filter((course: any) => course.status === '未点名').length;
+});
+
+// 点击统计项
+const onStatItemClick = (statType: string) => {
+  selectedStatType.value = statType;
+  console.log('选中统计类型:', statType);
+  // 重新加载数据，传递统计类型参数
+  setParam({
+    selectedStatType: statType,
+    startTime: startTime.value + " 00:00:00",
+    endTime: endTime.value + " 23:59:59",
+    pageNo: 1,
+  });
+  reload();
+};
+
+// 获取列表标题
+const getListTitle = () => {
+  if (xkId.value && xkId.value !== '') {
+    switch (selectedStatType.value) {
+      case 'called':
+        return '已点名课程';
+      case 'uncalled':
+        return '未点名课程';
+      default:
+        return '全部课程';
+    }
+  } else {
+    return '点名记录';
+  }
+};
+
+// 获取列表数量
+const getListCount = () => {
+  if (xkId.value && xkId.value !== '') {
+    switch (selectedStatType.value) {
+      case 'called':
+        return `${calledCourses.value}门`;
+      case 'uncalled':
+        return `${uncalledCourses.value}门`;
+      default:
+        return `${totalCourses.value}门`;
+    }
+  } else {
+    return `${totalCount.value}条`;
+  }
+};
+
+// 获取状态样式类
+const getStatusClass = (status: string) => {
+  switch (status) {
+    case '已点名':
+      return 'status-called';
+    case '未点名':
+      return 'status-uncalled';
+    default:
+      return 'status-unknown';
+  }
+};
+
+// 查看课程详情
+const viewCourseDetail = (course: any) => {
+  console.log('查看课程详情:', course);
+  if (course.status === '已点名' && course.id) {
+    // 如果已点名，跳转到点名详情
+    setData({
+      dmRecord: {
+        id: course.id,
+        dmTime: course.dmTime,
+        zrs: course.zrs,
+        sdRs: course.sdRs,
+        qjRs: course.qjRs,
+        qqRs: course.qqRs,
+        createdUserName: course.createdUserName
+      }
+    });
+    uni.navigateTo({
+      url: '/pages/view/routine/xk/dmXsList'
+    });
+  } else {
+    // 如果未点名，提示无法查看详情
+    uni.showToast({
+      title: '该课程尚未点名',
+      icon: 'none'
+    });
+  }
+};
+
+// 格式化日期时间
+const formatDateTime = (dateTime: string | Date) => {
+  if (!dateTime) return '';
+  return dayjs(dateTime).format('MM-DD HH:mm');
+};
+
+const formatDate = (dateStr: string) => {
+  if (!dateStr) return "";
+  const date = new Date(dateStr);
+  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(
+    2,
+    "0"
+  )}-${String(date.getDate()).padStart(2, "0")}`;
+};
+
+// 获取记录状态样式类
+const getRecordStatusClass = (status: string) => {
+  switch (status) {
+    case 'A': return 'status-active';
+    case 'B': return 'status-pending';
+    case 'C': return 'status-cancelled';
+    default: return 'status-active';
+  }
+};
+
+// 获取记录状态文本
+const getRecordStatusText = (status: string) => {
+  switch (status) {
+    case 'A': return '正常';
+    case 'B': return '待处理';
+    case 'C': return '已取消';
+    default: return '正常';
+  }
+};
+
+// 查看记录详情
+const viewRecordDetail = (record: any) => {
+  // 将记录信息存储到store中
+  setData({
+    dmRecord: record
+  });
+  
+  // 跳转到详情页面
+  uni.navigateTo({
+    url: '/pages/view/routine/xk/dmXsList'
+  });
+};
+
+// 返回上一页
+const goBack = () => {
+  uni.navigateBack();
+};
+
+// 页面加载
+onLoad((options?: any) => {
+  console.log('点名统计页面加载', options);
+  
+  // 获取传入的参数
+  if (options?.xkId) {
+    xkId.value = options.xkId;
+    console.log('获取到xkId:', xkId.value);
+  } else {
+    console.log('没有获取到xkId，将显示传统点名记录');
+  }
+});
+
+// 生命周期
+onMounted(() => {
+  // 设置默认时间范围为当天
+  const today = new Date();
+  const todayStr = today.toISOString().split("T")[0];
+
+  startTime.value = todayStr;
+  endTime.value = todayStr;
+
+  console.log("组件初始化完成:", {
+    xkId: xkId.value,
+    startTime: startTime.value,
+    endTime: endTime.value,
+    dmRecords: dmRecords.value,
+    courseList: courseList.value,
+    totalCount: totalCount.value,
+  });
+
+  // 自动按当天查询数据
+  searchRecords();
+});
+</script>
+
+<style scoped lang="scss">
+/* 全局样式重置，确保没有边距 */
+:deep(*) {
+  box-sizing: border-box;
+}
+
+:deep(.basic-list-layout),
+:deep(.basic-list-layout > *),
+:deep(.basic-list-layout .content),
+:deep(.basic-list-layout .list-container),
+:deep(.basic-list-layout .list-item),
+:deep(.basic-list-layout .item) {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+/* 确保页面容器没有边距 */
+.flex-1,
+.full-width {
+  padding: 0 !important;
+  margin: 0 !important;
+  width: 100% !important;
+  max-width: 100% !important;
+}
+
+.course-icon {
+  width: 30px;
+  height: 30px;
+  border-radius: 4px;
+  background-color: rgba(64, 128, 255, 0.1);
+}
+
+.search-section {
+  background-color: #fff;
+  border-radius: 0;
+  padding: 30rpx;
+  margin: 0;
+  margin-bottom: 20rpx;
+  box-shadow: none;
+}
+
+.search-row {
+  display: flex;
+  gap: 20rpx;
+  margin-bottom: 20rpx;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.search-item {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.label {
+  font-size: 28rpx;
+  color: #333;
+  white-space: nowrap;
+  flex: 0 0 160rpx;
+}
+
+.date-picker {
+  flex: 1;
+}
+
+.picker-text {
+  padding: 16rpx 20rpx;
+  background-color: #f5f5f5;
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  color: #333;
+  border: 1px solid #e5e5e5;
+}
+
+.search-btn,
+.reset-btn {
+  flex: 1;
+  height: 70rpx;
+  border-radius: 35rpx;
+  font-size: 28rpx;
+  border: none;
+}
+
+.search-btn {
+  background-color: #007aff;
+  color: #fff;
+}
+
+.reset-btn {
+  background-color: #f5f5f5;
+  color: #666;
+}
+
+.records-header {
+  padding: 0 30rpx;
+  margin-bottom: 20rpx;
+  .section-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+
+.record-card {
+  background: white;
+  border-radius: 12px;
+  padding: 20px;
+  margin-bottom: 30rpx;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  transition: all 0.3s ease;
+  cursor: pointer;
+
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+  }
+
+  .record-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15px;
+
+    .record-time {
+      display: flex;
+      align-items: center;
+      gap: 5px;
+
+      .time-text {
+        font-size: 14px;
+        color: #666;
+      }
+    }
+
+    .record-status {
+      padding: 4px 8px;
+      border-radius: 4px;
+      font-size: 12px;
+      font-weight: 500;
+
+      &.status-active {
+        background: rgba(40, 121, 255, 0.1);
+        color: #2879ff;
+      }
+
+      &.status-pending {
+        background: rgba(255, 153, 0, 0.1);
+        color: #ff9900;
+      }
+
+      &.status-cancelled {
+        background: rgba(255, 77, 79, 0.1);
+        color: #ff4d4f;
+      }
+    }
+  }
+
+  .record-stats {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 10px;
+    margin-bottom: 15px;
+
+    .stat-item {
+      text-align: center;
+      padding: 10px 5px;
+      border-radius: 8px;
+      background: #f8f9fa;
+
+      &.present {
+        background: rgba(40, 121, 255, 0.1);
+        .stat-number { color: #2879ff; }
+      }
+
+      &.leave {
+        background: rgba(255, 153, 0, 0.1);
+        .stat-number { color: #ff9900; }
+      }
+
+      &.absent {
+        background: rgba(255, 77, 79, 0.1);
+        .stat-number { color: #ff4d4f; }
+      }
+
+      .stat-number {
+        font-size: 18px;
+        font-weight: bold;
+        color: #333;
+        display: block;
+        margin-bottom: 4px;
+      }
+
+      .stat-label {
+        font-size: 12px;
+        color: #666;
+      }
+    }
+  }
+
+  .record-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-top: 15px;
+    border-top: 1px solid #f0f0f0;
+
+    .teacher-name {
+      font-size: 14px;
+      color: #666;
+    }
+
+    .view-detail {
+      display: flex;
+      align-items: center;
+      gap: 5px;
+
+      .detail-text {
+        font-size: 14px;
+        color: #4080ff;
+      }
+    }
+  }
+}
+
+.empty-state {
+  text-align: center;
+  padding: 100rpx 0;
+}
+
+.empty-icon {
+  font-size: 80rpx;
+  margin-bottom: 20rpx;
+}
+
+.empty-text {
+  display: block;
+  font-size: 32rpx;
+  color: #333;
+  margin-bottom: 16rpx;
+}
+
+.empty-tip {
+  font-size: 26rpx;
+  color: #999;
+}
+
+.initial-tip {
+  text-align: center;
+  padding: 50rpx 0;
+  color: #999;
+  font-size: 28rpx;
+}
+
+.tip-icon {
+  font-size: 60rpx;
+  margin-bottom: 20rpx;
+}
+
+.tip-text {
+  display: block;
+  font-size: 32rpx;
+  color: #333;
+  margin-bottom: 16rpx;
+}
+
+.bottom-actions {
+  .back-btn {
+    width: 100%;
+    height: 44px;
+    background: #4080ff;
+    color: white;
+    border: none;
+    border-radius: 22px;
+    font-size: 16px;
+    font-weight: 500;
+  }
+}
+
+// 工具类
+.mx-15 { margin-left: 0 !important; margin-right: 0 !important; }
+.my-15 { margin-top: 15px; margin-bottom: 15px; }
+.mb-15 { margin-bottom: 15px; }
+.mb-30 { margin-bottom: 30px; }
+.mr-10 { margin-right: 10px; }
+.ml-10 { margin-left: 10px; }
+.bg-white { background-color: white; }
+.white-bg-color { background-color: white; }
+.r-md { border-radius: 8px; }
+.p-15 { padding: 15px; }
+.flex-row { display: flex; flex-direction: row; }
+.items-center { align-items: center; }
+.font-16 { font-size: 16px; }
+.font-14 { font-size: 14px; }
+.font-bold { font-weight: bold; }
+.cor-999 { color: #999; }
+
+/* 统计区域样式 */
+.stats-section {
+  background-color: #fff;
+  border-radius: 0;
+  padding: 30rpx;
+  margin: 0;
+  margin-bottom: 20rpx;
+  box-shadow: none;
+}
+
+.stats-container {
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 30rpx;
+  padding: 20rpx;
+  background-color: #f8f9fa;
+  border-radius: 12rpx;
+  flex-wrap: wrap;
+  gap: 60rpx;
+}
+
+.stat-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 120rpx;
+  padding: 20rpx 10rpx;
+  border-radius: 12rpx;
+  transition: all 0.2s ease;
+  cursor: pointer;
+  
+  &.active {
+    background-color: #e6f7ff;
+    border: 2rpx solid #007aff;
+    transform: scale(1.05);
+  }
+  
+  &:hover {
+    background-color: #f0f9ff;
+    transform: scale(1.02);
+  }
+}
+
+.stat-number {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 8rpx;
+  
+  &.called {
+    color: #52c41a;
+  }
+  
+  &.uncalled {
+    color: #ff4d4f;
+  }
+}
+
+.stat-label {
+  font-size: 24rpx;
+  color: #666;
+}
+
+/* 课程卡片样式 */
+.course-card {
+  background-color: #fff;
+  border-radius: 0;
+  box-shadow: none;
+  margin: 0;
+  padding: 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.course-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+  padding-bottom: 15rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.course-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  flex: 1;
+}
+
+.course-status {
+  font-size: 24rpx;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  font-weight: bold;
+  
+  &.status-called {
+    background-color: #f6ffed;
+    color: #52c41a;
+    border: 1rpx solid #b7eb8f;
+  }
+  
+  &.status-uncalled {
+    background-color: #fff2f0;
+    color: #ff4d4f;
+    border: 1rpx solid #ffccc7;
+  }
+  
+  &.status-unknown {
+    background-color: #f5f5f5;
+    color: #999;
+    border: 1rpx solid #d9d9d9;
+  }
+}
+
+.course-info {
+  margin-bottom: 20rpx;
+}
+
+.info-row {
+  display: flex;
+  margin-bottom: 12rpx;
+  font-size: 28rpx;
+}
+
+.info-label {
+  color: #666;
+  margin-right: 10rpx;
+  min-width: 140rpx;
+}
+
+.info-value {
+  color: #333;
+  flex: 1;
+}
+
+.course-footer {
+  padding-top: 15rpx;
+  border-top: 1rpx solid #f0f0f0;
+}
+
+.dm-stats {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 10rpx;
+  margin-bottom: 15rpx;
+}
+
+.dm-stat-item {
+  text-align: center;
+  padding: 15rpx 5rpx;
+  border-radius: 8rpx;
+  background: #f8f9fa;
+
+  &.present {
+    background: rgba(40, 121, 255, 0.1);
+    .dm-stat-number { color: #2879ff; }
+  }
+
+  &.leave {
+    background: rgba(255, 153, 0, 0.1);
+    .dm-stat-number { color: #ff9900; }
+  }
+
+  &.absent {
+    background: rgba(255, 77, 79, 0.1);
+    .dm-stat-number { color: #ff4d4f; }
+  }
+
+  .dm-stat-number {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333;
+    display: block;
+    margin-bottom: 6rpx;
+  }
+
+  .dm-stat-label {
+    font-size: 24rpx;
+    color: #666;
+  }
+}
+
+.dm-info-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 15rpx;
+  padding-top: 15rpx;
+  border-top: 1rpx solid #f0f0f0;
+}
+
+.dm-teacher {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: 500;
+}
+
+.dm-time-text {
+  font-size: 28rpx;
+  color: #666;
+  font-weight: 500;
+}
+
+.dm-time {
+  display: flex;
+  align-items: center;
+  gap: 5rpx;
+  justify-content: center;
+
+  .time-text {
+    font-size: 14rpx;
+    color: #666;
+  }
+}
+</style>
diff --git a/src/pages/view/analysis/xk/dmXkList.vue b/src/pages/view/analysis/xk/dmXkList.vue
new file mode 100644
index 0000000..24cd46f
--- /dev/null
+++ b/src/pages/view/analysis/xk/dmXkList.vue
@@ -0,0 +1,436 @@
+<template>
+  <view class="xk-list-container">
+    <!-- 页面标题 -->
+    <view class="page-header">
+      <text class="page-title">选课列表</text>
+    </view>
+
+    <!-- 选课列表 -->
+    <view class="section" v-if="xkList.length > 0">
+      <view class="section-title">
+        选课信息 ({{ xkList.length }}个选课)
+      </view>
+      
+      <!-- 选课列表 -->
+      <view class="xk-list">
+        <view
+          v-for="xk in xkList"
+          :key="xk.id"
+          class="xk-item bg-white r-md p-12"
+          @click="goToXkCourse(xk)"
+        >
+          <view class="xk-header">
+            <view class="xk-title">{{ xk.xkmc }}</view>
+            <view class="xk-actions">
+              <view v-if="xk.xkStatus !== '已结束'" class="xk-status" :class="getStatusClass(xk.xkStatus)">
+                {{ xk.xkStatus }}
+              </view>
+              <view v-else class="more-btn" @click.stop="showMoreOptions(xk)">
+                <image src="/static/base/view/more.png" class="more-icon" />
+              </view>
+            </view>
+          </view>
+          
+           <view class="xk-info">
+             <view class="info-row">
+               <text class="info-label">选课类型：</text>
+               <text class="info-value">{{ xk.xklxName || '未知' }}</text>
+             </view>
+             <view class="info-row">
+               <text class="info-label">学期名称：</text>
+               <text class="info-value">{{ xk.xqmc || '未知' }}</text>
+             </view>
+             <view class="info-row">
+               <text class="info-label">年级范围：</text>
+               <text class="info-value">{{ xk.njmc || '全部' }}</text>
+             </view>
+           </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 空状态 -->
+    <view class="empty-state" v-if="!loading && xkList.length === 0 && hasSearched">
+      <view class="empty-icon">📚</view>
+      <view class="empty-text">暂无选课数据</view>
+      <view class="empty-tip">请联系管理员添加选课信息</view>
+    </view>
+
+    <!-- 加载状态 -->
+    <view class="loading-state" v-if="loading">
+      <view class="loading-text">正在加载...</view>
+    </view>
+    
+    <!-- 滚动加载更多 -->
+    <view class="load-more" v-if="hasMore && !loading">
+      <view class="load-more-text">上拉加载更多</view>
+    </view>
+    
+    <!-- 没有更多数据 -->
+    <view class="no-more" v-if="!hasMore && hasSearched && xkList.length > 0">
+      <view class="no-more-text">没有更多数据了</view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { getXkListApi } from '@/api/analysis/xk'
+
+// 定义类型接口
+interface XkInfo {
+  id: string
+  xkmc: string
+  xklxId: string
+  xklxName: string
+  njId: string
+  njmc: string
+  xqId: string
+  xqmc: string
+  xkkstime: string
+  xkjstime: string
+  xkzt: number
+  xkStatus: string
+  allXkNum: number
+  yfXkNum: number
+  wfXkNum: number
+  status: string
+  createdTime: string
+}
+
+// 响应式数据
+const xkList = ref<XkInfo[]>([])
+const loading = ref(false)
+const hasSearched = ref(false)
+const hasMore = ref(true)
+const currentPage = ref(1)
+const pageSize = ref(10)
+
+// 页面加载
+onLoad(() => {
+  console.log('选课列表页面加载')
+  loadXkList()
+})
+
+// 加载选课列表
+const loadXkList = async (isLoadMore = false) => {
+  if (loading.value) return
+  
+  loading.value = true
+  hasSearched.value = true
+
+  try {
+    // 调用后端接口查询选课列表
+    const response = await getXkListApi()
+    
+    console.log('API返回结果:', response)
+    
+    if (response && response.rows) {
+      const newData = response.rows || []
+      
+      if (isLoadMore) {
+        // 加载更多时追加数据
+        xkList.value = [...xkList.value, ...newData]
+      } else {
+        // 首次加载或刷新时替换数据
+        xkList.value = newData
+      }
+      
+      // 判断是否还有更多数据
+      hasMore.value = newData.length >= pageSize.value
+    } else {
+      throw new Error('查询失败')
+    }
+  } catch (error) {
+    console.error('查询选课列表失败:', error)
+    uni.showToast({
+      title: '查询失败，请重试',
+      icon: 'none'
+    })
+    if (!isLoadMore) {
+      xkList.value = []
+    }
+  } finally {
+    loading.value = false
+  }
+}
+
+// 加载更多数据
+const loadMore = () => {
+  if (loading.value || !hasMore.value) {
+    return
+  }
+  
+  currentPage.value++
+  loadXkList(true)
+}
+
+// 滚动到底部触发加载更多
+const onReachBottom = () => {
+  loadMore()
+}
+
+// 跳转到点名统计页面
+const goToXkCourse = (xk: XkInfo) => {
+  console.log('跳转到点名统计:', xk)
+  uni.navigateTo({
+    url: `/pages/view/analysis/xk/dmStatistics?xkId=${xk.id}`
+  })
+}
+
+// 显示更多选项 - 直接跳转到点名统计页面
+const showMoreOptions = (xk: XkInfo) => {
+  console.log('点击更多按钮，直接跳转到点名统计:', xk)
+  goToXkCourse(xk)
+}
+
+// 获取状态样式类
+const getStatusClass = (status: string) => {
+  switch (status) {
+    case '未开始':
+      return 'status-pending'
+    case '进行中':
+      return 'status-active'
+    case '已结束':
+      return 'status-ended'
+    default:
+      return 'status-unknown'
+  }
+}
+
+</script>
+
+<style lang="scss" scoped>
+.xk-list-container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  padding: 20rpx;
+}
+
+.page-header {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.page-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.section {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 20rpx;
+}
+
+.xk-list {
+  margin-bottom: 30rpx;
+}
+
+.xk-item {
+  margin-bottom: 20rpx;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  transition: all 0.2s;
+  position: relative;
+  cursor: pointer;
+  
+  &:hover {
+    transform: translateY(-2rpx);
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+  }
+  
+  &:active {
+    transform: translateY(0);
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  }
+}
+
+.xk-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+  padding-bottom: 15rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.xk-actions {
+  display: flex;
+  align-items: center;
+}
+
+.xk-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  flex: 1;
+}
+
+.xk-status {
+  font-size: 24rpx;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  font-weight: bold;
+  
+  &.status-pending {
+    background-color: #fff7e6;
+    color: #fa8c16;
+    border: 1rpx solid #ffd591;
+  }
+  
+  &.status-active {
+    background-color: #f6ffed;
+    color: #52c41a;
+    border: 1rpx solid #b7eb8f;
+  }
+  
+  &.status-ended {
+    background-color: #fff2f0;
+    color: #ff4d4f;
+    border: 1rpx solid #ffccc7;
+  }
+  
+  &.status-unknown {
+    background-color: #f5f5f5;
+    color: #999;
+    border: 1rpx solid #d9d9d9;
+  }
+}
+
+.more-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 60rpx;
+  height: 60rpx;
+  border-radius: 50%;
+  background-color: #f5f5f5;
+  transition: all 0.2s ease;
+  cursor: pointer;
+  
+  &:hover {
+    background-color: #e6f7ff;
+    transform: scale(1.1);
+  }
+  
+  &:active {
+    background-color: #d9d9d9;
+    transform: scale(0.95);
+  }
+}
+
+.more-icon {
+  width: 32rpx;
+  height: 32rpx;
+}
+
+.xk-info {
+  margin-bottom: 20rpx;
+}
+
+.info-row {
+  display: flex;
+  margin-bottom: 12rpx;
+  font-size: 28rpx;
+}
+
+.info-label {
+  color: #666;
+  margin-right: 10rpx;
+  min-width: 140rpx;
+}
+
+.info-value {
+  color: #333;
+  flex: 1;
+}
+
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 40rpx;
+  
+  .empty-icon {
+    font-size: 120rpx;
+    margin-bottom: 20rpx;
+  }
+  
+  .empty-text {
+    font-size: 32rpx;
+    color: #666;
+    margin-bottom: 10rpx;
+  }
+  
+  .empty-tip {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+.loading-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 100rpx;
+  
+  .loading-text {
+    font-size: 32rpx;
+    color: #666;
+  }
+}
+
+.bg-white {
+  background-color: #fff;
+}
+
+.r-md {
+  border-radius: 16rpx;
+}
+
+.p-12 {
+  padding: 24rpx;
+}
+
+/* 滚动加载样式 */
+.load-more {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 30rpx;
+  
+  .load-more-text {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+.no-more {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 30rpx;
+  
+  .no-more-text {
+    font-size: 28rpx;
+    color: #ccc;
+  }
+}
+</style>
diff --git a/src/pages/view/analysis/xk/xkCourse.vue b/src/pages/view/analysis/xk/xkCourse.vue
new file mode 100644
index 0000000..b9be2da
--- /dev/null
+++ b/src/pages/view/analysis/xk/xkCourse.vue
@@ -0,0 +1,944 @@
+<template>
+  <view class="xk-course-container">
+    <!-- 班级选择器 -->
+    <view class="section">
+      <view class="section-title">选择班级</view>
+      <BasicNjBjPicker 
+        v-model="classInfo"
+        placeholder="请选择年级班级"
+        @change="onClassChange"
+        icon-arrow="right" 
+        :customStyle="{ backgroundColor: '#fff', borderRadius: '0', padding: '12px 15px' }"
+      />
+      
+      <!-- 班级选择提示 -->
+      <view v-if="!classInfo" class="class-tip">
+        <text class="tip-icon">ℹ️</text>
+        <text class="tip-text">请先选择班级</text>
+      </view>
+    </view>
+
+    <!-- 选课统计 -->
+    <view class="section" v-if="classInfo">
+      <view class="section-title">
+        选课统计
+      </view>
+      
+      <!-- 统计信息 -->
+      <view class="stats-container">
+        <view 
+          class="stat-item" 
+          :class="{ active: selectedStatType === 'registered' }"
+          @click="onStatItemClick('registered')"
+        >
+          <text class="stat-number registered">{{ registeredCount }}</text>
+          <text class="stat-label">已报名</text>
+        </view>
+        <view 
+          class="stat-item" 
+          :class="{ active: selectedStatType === 'unregistered' }"
+          @click="onStatItemClick('unregistered')"
+        >
+          <text class="stat-number unregistered">{{ unregisteredCount }}</text>
+          <text class="stat-label">未报名</text>
+        </view>
+        <view 
+          class="stat-item" 
+          :class="{ active: selectedStatType === 'all' }"
+          @click="onStatItemClick('all')"
+        >
+          <text class="stat-number">{{ totalStudents }}</text>
+          <text class="stat-label">总人数</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 课程列表或学生列表 -->
+    <view class="section" v-if="classInfo && (courseList.length > 0 || studentList.length > 0)">
+      <view class="section-title">
+        {{ getListTitle() }} ({{ getListCount() }})
+      </view>
+      
+      <!-- 课程列表 -->
+      <view v-if="selectedStatType === 'registered'" class="course-list">
+        <view
+          v-for="course in filteredCourseList"
+          :key="course.id"
+          class="course-item bg-white r-md p-12"
+        >
+          <view class="course-header">
+            <view class="course-title">{{ course.kcmc }}</view>
+            <view class="course-student-count">{{ course.studentCount }}人</view>
+          </view>
+          
+          <view class="course-info">
+            <view class="info-row">
+              <text class="info-label">上课时间：</text>
+              <text class="info-value">{{ course.studyTime }}</text>
+            </view>
+            <view class="info-row">
+              <text class="info-label">上课地点：</text>
+              <text class="info-value">{{ course.kcdd }}</text>
+            </view>
+            <view class="info-row">
+              <text class="info-label">上课老师：</text>
+              <text class="info-value">{{ course.jsName }}</text>
+            </view>
+          </view>
+          
+          <!-- 学生列表 -->
+          <view class="student-list" v-if="course.students && course.students.length > 0">
+            <view class="student-list-title">报名学生：</view>
+            <view class="student-tags">
+              <view 
+                v-for="student in course.students" 
+                :key="student.xsId"
+                class="student-tag"
+              >
+                {{ student.xm }}
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      
+      <!-- 学生列表 -->
+      <view v-if="selectedStatType === 'unregistered' || selectedStatType === 'all'" class="student-list">
+        <view class="student-grid">
+          <view 
+            v-for="student in filteredStudentList"
+            :key="student.xsId"
+            class="student-item bg-white r-md p-12"
+            @click="viewStudentDetail(student)"
+          >
+            <view class="flex-row items-center">
+              <view class="avatar-container mr-8">
+                <image 
+                  class="student-avatar"
+                  :src="imagUrl(student.xstx || '')"
+                  mode="aspectFill"
+                ></image>
+              </view>
+              <view class="flex-1 overflow-hidden">
+                <view class="student-name mb-8">
+                  <text class="font-14 cor-333">{{ student.xsxm }}</text>
+                </view>
+                <view class="flex-row">
+                  <!-- 报名状态标签 -->
+                  <view
+                    class="status-tag"
+                    :class="getRegistrationStatusClass(student)"
+                  >
+                    {{ getRegistrationStatus(student) }}
+                  </view>
+                </view>
+              </view>
+              <!-- 更多图标 -->
+              <view class="more-icon-container" @click.stop="showMoreOptions(student)">
+                <image
+                  class="more-icon"
+                  src="/static/base/view/more.png"
+                  mode="aspectFit"
+                ></image>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 空状态 -->
+    <view class="empty-state" v-if="!loading && courseList.length === 0 && hasSearched">
+      <view class="empty-icon">📚</view>
+      <view class="empty-text">暂无选课数据</view>
+      <view class="empty-tip">请选择年级班级后查询</view>
+    </view>
+
+    <!-- 加载状态 -->
+    <view class="loading-state" v-if="loading">
+      <view class="loading-text">正在加载...</view>
+    </view>
+    
+    <!-- 滚动加载更多 -->
+    <view class="load-more" v-if="hasMore && !loading">
+      <view class="load-more-text">上拉加载更多</view>
+    </view>
+    
+    <!-- 没有更多数据 -->
+    <view class="no-more" v-if="!hasMore && hasSearched && (courseList.length > 0 || studentList.length > 0)">
+      <view class="no-more-text">没有更多数据了</view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { BasicNjBjPicker } from '@/components/BasicNjBjPicker'
+import { onLoad } from '@dcloudio/uni-app'
+import { getXkCourseListApi } from '@/api/analysis/xk'
+import { findStudentInfoByNjAndBjSimpleApi } from '@/api/analysis/xs'
+import { imagUrl } from "@/utils"
+import { useDataStore } from '@/store/modules/data'
+
+// 定义类型接口
+interface ClassInfo {
+  njId: string
+  bjId: string
+  nj: any
+  bj: any
+}
+
+interface CourseInfo {
+  id: string
+  kcmc: string
+  studyTime: string
+  kcdd: string
+  jsName: string
+  totalStudents: number
+  totalRegisteredCount: number
+  studentCount: number
+  studentNames?: string
+  students: StudentInfo[]
+}
+
+interface StudentInfo {
+  xsId: string
+  xm: string
+  xsxm: string
+  xstx?: string
+  njId: string
+  njmcId: string
+  njmc: string
+  bc: string
+  bjId: string
+  bjmc: string
+  jzIds?: string
+  jzxm?: string
+}
+
+// 响应式数据
+const classInfo = ref<ClassInfo | null>(null)
+const courseList = ref<CourseInfo[]>([])
+const studentList = ref<StudentInfo[]>([])
+const loading = ref(false)
+const hasSearched = ref(false)
+const hasMore = ref(true)
+const currentPage = ref(1)
+const pageSize = ref(10)
+const selectedStatType = ref<string>('registered') // 当前选中的统计类型，默认选择已报名
+const xkId = ref<string>('') // 选课ID
+const xkmc = ref<string>('') // 选课名称
+
+// 使用store
+const { setXs } = useDataStore()
+
+// 计算属性
+const totalStudents = computed(() => {
+  // 如果课程列表不为空，取第一个课程的总人数（所有课程的总人数应该相同）
+  if (courseList.value.length > 0) {
+    return courseList.value[0].totalStudents || 0
+  }
+  return 0
+})
+
+const registeredCount = computed(() => {
+  // 使用总的已报名人数（所有课程去重）
+  if (courseList.value.length > 0) {
+    return courseList.value[0].totalRegisteredCount || 0
+  }
+  return 0
+})
+
+const unregisteredCount = computed(() => {
+  // 总人数 - 已报名人数 = 未报名人数
+  return Math.max(0, totalStudents.value - registeredCount.value)
+})
+
+// 根据选中的统计类型过滤课程列表
+const filteredCourseList = computed(() => {
+  if (selectedStatType.value === 'all') {
+    return courseList.value
+  } else if (selectedStatType.value === 'registered') {
+    return courseList.value.filter(course => course.studentCount > 0)
+  } else if (selectedStatType.value === 'unregistered') {
+    return courseList.value.filter(course => course.studentCount === 0)
+  }
+  return courseList.value
+})
+
+// 根据选中的统计类型过滤学生列表
+const filteredStudentList = computed(() => {
+  if (selectedStatType.value === 'all') {
+    return studentList.value
+  } else if (selectedStatType.value === 'unregistered') {
+    // 未报名学生：所有学生中排除已报名的学生
+    const registeredStudentNames = new Set()
+    courseList.value.forEach(course => {
+      if (course.studentNames) {
+        // 将逗号分隔的学生姓名分割并添加到Set中
+        const names = course.studentNames.split(',').map((name: string) => name.trim()).filter((name: string) => name)
+        names.forEach((name: string) => registeredStudentNames.add(name))
+      }
+    })
+    
+    console.log('已报名学生姓名:', Array.from(registeredStudentNames))
+    console.log('所有学生数量:', studentList.value.length)
+    
+    const unregisteredStudents = studentList.value.filter(student => !registeredStudentNames.has(student.xsxm))
+    console.log('未报名学生数量:', unregisteredStudents.length)
+    
+    return unregisteredStudents
+  }
+  return studentList.value
+})
+
+// 年级班级选择变化 - 自动触发查询
+const onClassChange = async (nj: any, bj: any) => {
+  console.log('年级班级选择变化:', nj, bj)
+  classInfo.value = {
+    njId: nj.key,
+    bjId: bj.key,
+    nj: nj,
+    bj: bj
+  }
+  
+  // 重置分页
+  currentPage.value = 1
+  hasMore.value = true
+  courseList.value = []
+  studentList.value = []
+  
+  // 自动触发查询
+  await Promise.all([searchCourses(), searchStudents()])
+}
+
+// 查询选课数据
+const searchCourses = async () => {
+  if (!classInfo.value || !classInfo.value.njId || !classInfo.value.bjId) {
+    return
+  }
+
+  loading.value = true
+  hasSearched.value = true
+
+  try {
+    // 调用后端接口查询选课数据
+    const response = await getXkCourseListApi(classInfo.value!.njId, classInfo.value!.bjId, xkId.value)
+    
+    console.log('API返回结果:', response)
+    
+    if (response && response.resultCode === 1) {
+      courseList.value = response.result || []
+    } else {
+      throw new Error(response?.message || '查询失败')
+    }
+  } catch (error) {
+    console.error('查询选课数据失败:', error)
+    uni.showToast({
+      title: '查询失败，请重试',
+      icon: 'none'
+    })
+    courseList.value = []
+  } finally {
+    loading.value = false
+  }
+}
+
+// 查询学生数据
+const searchStudents = async () => {
+  if (!classInfo.value || !classInfo.value.njId || !classInfo.value.bjId) {
+    return
+  }
+
+  try {
+    // 调用后端接口查询学生档案
+    const response = await findStudentInfoByNjAndBjSimpleApi(classInfo.value!.njId, classInfo.value!.bjId)
+    
+    console.log('学生API返回结果:', response)
+    
+    if (response && response.resultCode === 1) {
+      studentList.value = response.result || []
+    } else {
+      throw new Error(response?.message || '查询学生失败')
+    }
+  } catch (error) {
+    console.error('查询学生数据失败:', error)
+    studentList.value = []
+  }
+}
+
+// 刷新课程列表
+const refreshCourseList = () => {
+  currentPage.value = 1
+  hasMore.value = true
+  courseList.value = []
+  studentList.value = []
+  Promise.all([searchCourses(), searchStudents()])
+}
+
+// 加载更多数据
+const loadMore = async () => {
+  if (loading.value || !hasMore.value) {
+    return
+  }
+  
+  currentPage.value++
+  await Promise.all([searchCourses(), searchStudents()])
+}
+
+// 滚动到底部触发加载更多
+const onReachBottom = () => {
+  loadMore()
+}
+
+// 点击统计项
+const onStatItemClick = (statType: string) => {
+  selectedStatType.value = statType
+  console.log('选中统计类型:', statType)
+}
+
+// 获取列表标题
+const getListTitle = () => {
+  switch (selectedStatType.value) {
+    case 'registered':
+      return '已报名课程'
+    case 'unregistered':
+      return '未报名学生'
+    case 'all':
+      return '总人数学生'
+    default:
+      return '已报名课程'
+  }
+}
+
+// 获取列表数量
+const getListCount = () => {
+  switch (selectedStatType.value) {
+    case 'registered':
+      return `${filteredCourseList.value.length}门课程`
+    case 'unregistered':
+      return `${filteredStudentList.value.length}人`
+    case 'all':
+      return `${filteredStudentList.value.length}人`
+    default:
+      return `${filteredCourseList.value.length}门课程`
+  }
+}
+
+// 显示更多选项
+const showMoreOptions = (student: StudentInfo) => {
+  console.log('显示更多选项:', student)
+  
+  // 显示操作菜单
+  uni.showActionSheet({
+    itemList: ['查看详情', '编辑信息', '联系家长', '删除学生'],
+    success: (res) => {
+      const tapIndex = res.tapIndex
+      switch (tapIndex) {
+        case 0:
+          // 查看详情
+          viewStudentDetail(student)
+          break
+        case 1:
+          // 编辑信息
+          uni.showToast({
+            title: '编辑功能开发中',
+            icon: 'none'
+          })
+          break
+        case 2:
+          // 联系家长
+          if (student.jzxm) {
+            uni.showToast({
+              title: '联系家长功能开发中',
+              icon: 'none'
+            })
+          } else {
+            uni.showToast({
+              title: '该学生暂无家长信息',
+              icon: 'none'
+            })
+          }
+          break
+        case 3:
+          // 删除学生
+          uni.showModal({
+            title: '确认删除',
+            content: `确定要删除学生 ${student.xsxm} 吗？`,
+            success: (modalRes) => {
+              if (modalRes.confirm) {
+                uni.showToast({
+                  title: '删除功能开发中',
+                  icon: 'none'
+                })
+              }
+            }
+          })
+          break
+      }
+    }
+  })
+}
+
+// 获取报名状态
+const getRegistrationStatus = (student: StudentInfo) => {
+  // 检查学生是否已报名任何课程
+  const registeredStudentNames = new Set()
+  courseList.value.forEach(course => {
+    if (course.studentNames) {
+      const names = course.studentNames.split(',').map((name: string) => name.trim()).filter((name: string) => name)
+      names.forEach((name: string) => registeredStudentNames.add(name))
+    }
+  })
+  
+  return registeredStudentNames.has(student.xsxm) ? '已报名' : '未报名'
+}
+
+// 获取报名状态样式类
+const getRegistrationStatusClass = (student: StudentInfo) => {
+  const registeredStudentNames = new Set()
+  courseList.value.forEach(course => {
+    if (course.studentNames) {
+      const names = course.studentNames.split(',').map((name: string) => name.trim()).filter((name: string) => name)
+      names.forEach((name: string) => registeredStudentNames.add(name))
+    }
+  })
+  
+  return registeredStudentNames.has(student.xsxm) ? 'status-registered' : 'status-unregistered'
+}
+
+// 查看学生详情
+const viewStudentDetail = (student: StudentInfo) => {
+  console.log('查看学生详情:', student)
+  
+  // 将学生信息存储到store中
+  setXs({
+    xsId: student.xsId,
+    id: student.xsId, // 兼容字段
+    xsxm: student.xsxm,
+    xm: student.xsxm, // 兼容字段
+    xstx: student.xstx,
+    avatar: student.xstx, // 兼容字段
+    njId: student.njId,
+    njmc: student.njmc,
+    njmcName: student.njmc, // 兼容字段
+    bjId: student.bjId,
+    bjmc: student.bjmc,
+    jzIds: student.jzIds,
+    jzxm: student.jzxm
+  })
+  
+  // 跳转到学生详情页面
+  uni.navigateTo({
+    url: '/pages/view/homeSchool/parentAddressBook/detail'
+  })
+}
+
+// 页面加载
+onLoad((options?: any) => {
+  console.log('兴趣课选课页面加载', options)
+  
+  // 获取传入的参数
+  if (options?.xkId) {
+    xkId.value = options.xkId
+  }
+  if (options?.xkmc) {
+    xkmc.value = decodeURIComponent(options.xkmc)
+  }
+  
+  // 如果有选课ID，更新页面标题
+  if (xkmc.value) {
+    uni.setNavigationBarTitle({
+      title: xkmc.value
+    })
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.xk-course-container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  padding: 20rpx;
+}
+
+.section {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 20rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.refresh-btn {
+  font-size: 24rpx;
+  color: #007aff;
+  font-weight: normal;
+}
+
+.stats-container {
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 30rpx;
+  padding: 20rpx;
+  background-color: #f8f9fa;
+  border-radius: 12rpx;
+  flex-wrap: wrap;
+  gap: 60rpx;
+}
+
+.stat-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 120rpx;
+  padding: 20rpx 10rpx;
+  border-radius: 12rpx;
+  transition: all 0.2s ease;
+  cursor: pointer;
+  
+  &.active {
+    background-color: #e6f7ff;
+    border: 2rpx solid #007aff;
+    transform: scale(1.05);
+  }
+  
+  &:hover {
+    background-color: #f0f9ff;
+    transform: scale(1.02);
+  }
+}
+
+.stat-number {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 8rpx;
+  
+  &.registered {
+    color: #52c41a;
+  }
+  
+  &.unregistered {
+    color: #ff4d4f;
+  }
+}
+
+.stat-label {
+  font-size: 24rpx;
+  color: #666;
+}
+
+.course-list {
+  margin-bottom: 30rpx;
+}
+
+.course-item {
+  margin-bottom: 20rpx;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  transition: all 0.2s;
+  
+  &:hover {
+    transform: translateY(-2rpx);
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+  }
+}
+
+.course-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+  padding-bottom: 15rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.course-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  flex: 1;
+}
+
+.course-student-count {
+  font-size: 24rpx;
+  color: #007aff;
+  background-color: #e6f7ff;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+}
+
+.course-info {
+  margin-bottom: 20rpx;
+}
+
+.info-row {
+  display: flex;
+  margin-bottom: 12rpx;
+  font-size: 28rpx;
+}
+
+.info-label {
+  color: #666;
+  margin-right: 10rpx;
+  min-width: 140rpx;
+}
+
+.info-value {
+  color: #333;
+  flex: 1;
+}
+
+.student-list {
+  margin-top: 20rpx;
+  padding-top: 20rpx;
+  border-top: 1rpx solid #f0f0f0;
+}
+
+.student-list-title {
+  font-size: 28rpx;
+  color: #666;
+  margin-bottom: 15rpx;
+}
+
+.student-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10rpx;
+}
+
+.student-tag {
+  background-color: #f0f9ff;
+  color: #007aff;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  font-size: 24rpx;
+  border: 1rpx solid #e6f7ff;
+}
+
+.class-tip {
+  display: flex;
+  align-items: center;
+  margin-top: 20rpx;
+  padding: 15rpx 20rpx;
+  background-color: #fffbe6;
+  border: 1rpx solid #ffe58f;
+  border-radius: 12rpx;
+  color: #faad14;
+  font-size: 28rpx;
+  font-weight: bold;
+
+  .tip-icon {
+    margin-right: 10rpx;
+    font-size: 32rpx;
+  }
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 40rpx;
+  
+  .empty-icon {
+    font-size: 120rpx;
+    margin-bottom: 20rpx;
+  }
+  
+  .empty-text {
+    font-size: 32rpx;
+    color: #666;
+    margin-bottom: 10rpx;
+  }
+  
+  .empty-tip {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+.loading-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 100rpx;
+  
+  .loading-text {
+    font-size: 32rpx;
+    color: #666;
+  }
+}
+
+.bg-white {
+  background-color: #fff;
+}
+
+.r-md {
+  border-radius: 16rpx;
+}
+
+.p-12 {
+  padding: 24rpx;
+}
+
+/* 学生列表样式 */
+.student-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20rpx;
+}
+
+.student-item {
+  position: relative;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  transition: all 0.2s;
+  min-height: 120rpx;
+}
+
+.student-item:hover {
+  transform: translateY(-2rpx);
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+}
+
+.avatar-container {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  padding: 4rpx;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.05);
+  flex-shrink: 0;
+}
+
+.student-avatar {
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 50%;
+  background-color: #f5f5f5;
+}
+
+.status-tag {
+  font-size: 20rpx;
+  padding: 6rpx 16rpx;
+  border-radius: 8rpx;
+  display: flex;
+  align-items: center;
+  gap: 4rpx;
+}
+
+.status-registered {
+  background-color: #e6f7ff;
+  color: #52c41a;
+}
+
+.status-unregistered {
+  background-color: #fff2f0;
+  color: #ff4d4f;
+}
+
+.flex-row {
+  display: flex;
+  flex-direction: row;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.mr-8 {
+  margin-right: 12rpx;
+}
+
+.mb-8 {
+  margin-bottom: 16rpx;
+}
+
+.font-14 {
+  font-size: 28rpx;
+}
+
+.cor-333 {
+  color: #333;
+}
+
+.more-icon-container {
+  width: 40rpx;
+  height: 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 8rpx;
+  border-radius: 50%;
+  transition: all 0.2s ease;
+  flex-shrink: 0;
+  
+  &:hover {
+    background-color: #f0f0f0;
+  }
+  
+  &:active {
+    background-color: #e0e0e0;
+    transform: scale(0.95);
+  }
+}
+
+.more-icon {
+  width: 35rpx;
+  height: 35rpx;
+  opacity: 0.6;
+  transition: opacity 0.2s ease;
+}
+
+.more-icon-container:hover .more-icon {
+  opacity: 1;
+}
+
+/* 滚动加载样式 */
+.load-more {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 30rpx;
+  
+  .load-more-text {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+.no-more {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 30rpx;
+  
+  .no-more-text {
+    font-size: 28rpx;
+    color: #ccc;
+  }
+}
+</style>
diff --git a/src/pages/view/analysis/xk/xkList.vue b/src/pages/view/analysis/xk/xkList.vue
new file mode 100644
index 0000000..fd4060f
--- /dev/null
+++ b/src/pages/view/analysis/xk/xkList.vue
@@ -0,0 +1,436 @@
+<template>
+  <view class="xk-list-container">
+    <!-- 页面标题 -->
+    <view class="page-header">
+      <text class="page-title">选课列表</text>
+    </view>
+
+    <!-- 选课列表 -->
+    <view class="section" v-if="xkList.length > 0">
+      <view class="section-title">
+        选课信息 ({{ xkList.length }}个选课)
+      </view>
+      
+      <!-- 选课列表 -->
+      <view class="xk-list">
+        <view
+          v-for="xk in xkList"
+          :key="xk.id"
+          class="xk-item bg-white r-md p-12"
+          @click="goToXkCourse(xk)"
+        >
+          <view class="xk-header">
+            <view class="xk-title">{{ xk.xkmc }}</view>
+            <view class="xk-actions">
+              <view v-if="xk.xkStatus !== '已结束'" class="xk-status" :class="getStatusClass(xk.xkStatus)">
+                {{ xk.xkStatus }}
+              </view>
+              <view v-else class="more-btn" @click.stop="showMoreOptions(xk)">
+                <image src="/static/base/view/more.png" class="more-icon" />
+              </view>
+            </view>
+          </view>
+          
+           <view class="xk-info">
+             <view class="info-row">
+               <text class="info-label">选课类型：</text>
+               <text class="info-value">{{ xk.xklxName || '未知' }}</text>
+             </view>
+             <view class="info-row">
+               <text class="info-label">学期名称：</text>
+               <text class="info-value">{{ xk.xqmc || '未知' }}</text>
+             </view>
+             <view class="info-row">
+               <text class="info-label">年级范围：</text>
+               <text class="info-value">{{ xk.njmc || '全部' }}</text>
+             </view>
+           </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 空状态 -->
+    <view class="empty-state" v-if="!loading && xkList.length === 0 && hasSearched">
+      <view class="empty-icon">📚</view>
+      <view class="empty-text">暂无选课数据</view>
+      <view class="empty-tip">请联系管理员添加选课信息</view>
+    </view>
+
+    <!-- 加载状态 -->
+    <view class="loading-state" v-if="loading">
+      <view class="loading-text">正在加载...</view>
+    </view>
+    
+    <!-- 滚动加载更多 -->
+    <view class="load-more" v-if="hasMore && !loading">
+      <view class="load-more-text">上拉加载更多</view>
+    </view>
+    
+    <!-- 没有更多数据 -->
+    <view class="no-more" v-if="!hasMore && hasSearched && xkList.length > 0">
+      <view class="no-more-text">没有更多数据了</view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { getXkListApi } from '@/api/analysis/xk'
+
+// 定义类型接口
+interface XkInfo {
+  id: string
+  xkmc: string
+  xklxId: string
+  xklxName: string
+  njId: string
+  njmc: string
+  xqId: string
+  xqmc: string
+  xkkstime: string
+  xkjstime: string
+  xkzt: number
+  xkStatus: string
+  allXkNum: number
+  yfXkNum: number
+  wfXkNum: number
+  status: string
+  createdTime: string
+}
+
+// 响应式数据
+const xkList = ref<XkInfo[]>([])
+const loading = ref(false)
+const hasSearched = ref(false)
+const hasMore = ref(true)
+const currentPage = ref(1)
+const pageSize = ref(10)
+
+// 页面加载
+onLoad(() => {
+  console.log('选课列表页面加载')
+  loadXkList()
+})
+
+// 加载选课列表
+const loadXkList = async (isLoadMore = false) => {
+  if (loading.value) return
+  
+  loading.value = true
+  hasSearched.value = true
+
+  try {
+    // 调用后端接口查询选课列表
+    const response = await getXkListApi()
+    
+    console.log('API返回结果:', response)
+    
+    if (response && response.rows) {
+      const newData = response.rows || []
+      
+      if (isLoadMore) {
+        // 加载更多时追加数据
+        xkList.value = [...xkList.value, ...newData]
+      } else {
+        // 首次加载或刷新时替换数据
+        xkList.value = newData
+      }
+      
+      // 判断是否还有更多数据
+      hasMore.value = newData.length >= pageSize.value
+    } else {
+      throw new Error('查询失败')
+    }
+  } catch (error) {
+    console.error('查询选课列表失败:', error)
+    uni.showToast({
+      title: '查询失败，请重试',
+      icon: 'none'
+    })
+    if (!isLoadMore) {
+      xkList.value = []
+    }
+  } finally {
+    loading.value = false
+  }
+}
+
+// 加载更多数据
+const loadMore = () => {
+  if (loading.value || !hasMore.value) {
+    return
+  }
+  
+  currentPage.value++
+  loadXkList(true)
+}
+
+// 滚动到底部触发加载更多
+const onReachBottom = () => {
+  loadMore()
+}
+
+// 跳转到选课详情页面
+const goToXkCourse = (xk: XkInfo) => {
+  console.log('跳转到选课详情:', xk)
+  uni.navigateTo({
+    url: `/pages/view/analysis/xk/xkCourse?xkId=${xk.id}&xkmc=${encodeURIComponent(xk.xkmc)}`
+  })
+}
+
+// 显示更多选项 - 直接跳转到课程详情页面
+const showMoreOptions = (xk: XkInfo) => {
+  console.log('点击更多按钮，直接跳转到课程详情:', xk)
+  goToXkCourse(xk)
+}
+
+// 获取状态样式类
+const getStatusClass = (status: string) => {
+  switch (status) {
+    case '未开始':
+      return 'status-pending'
+    case '进行中':
+      return 'status-active'
+    case '已结束':
+      return 'status-ended'
+    default:
+      return 'status-unknown'
+  }
+}
+
+</script>
+
+<style lang="scss" scoped>
+.xk-list-container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  padding: 20rpx;
+}
+
+.page-header {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.page-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.section {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 20rpx;
+}
+
+.xk-list {
+  margin-bottom: 30rpx;
+}
+
+.xk-item {
+  margin-bottom: 20rpx;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  transition: all 0.2s;
+  position: relative;
+  cursor: pointer;
+  
+  &:hover {
+    transform: translateY(-2rpx);
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+  }
+  
+  &:active {
+    transform: translateY(0);
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  }
+}
+
+.xk-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+  padding-bottom: 15rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+
+.xk-actions {
+  display: flex;
+  align-items: center;
+}
+
+.xk-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  flex: 1;
+}
+
+.xk-status {
+  font-size: 24rpx;
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  font-weight: bold;
+  
+  &.status-pending {
+    background-color: #fff7e6;
+    color: #fa8c16;
+    border: 1rpx solid #ffd591;
+  }
+  
+  &.status-active {
+    background-color: #f6ffed;
+    color: #52c41a;
+    border: 1rpx solid #b7eb8f;
+  }
+  
+  &.status-ended {
+    background-color: #fff2f0;
+    color: #ff4d4f;
+    border: 1rpx solid #ffccc7;
+  }
+  
+  &.status-unknown {
+    background-color: #f5f5f5;
+    color: #999;
+    border: 1rpx solid #d9d9d9;
+  }
+}
+
+.more-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 60rpx;
+  height: 60rpx;
+  border-radius: 50%;
+  background-color: #f5f5f5;
+  transition: all 0.2s ease;
+  cursor: pointer;
+  
+  &:hover {
+    background-color: #e6f7ff;
+    transform: scale(1.1);
+  }
+  
+  &:active {
+    background-color: #d9d9d9;
+    transform: scale(0.95);
+  }
+}
+
+.more-icon {
+  width: 32rpx;
+  height: 32rpx;
+}
+
+.xk-info {
+  margin-bottom: 20rpx;
+}
+
+.info-row {
+  display: flex;
+  margin-bottom: 12rpx;
+  font-size: 28rpx;
+}
+
+.info-label {
+  color: #666;
+  margin-right: 10rpx;
+  min-width: 140rpx;
+}
+
+.info-value {
+  color: #333;
+  flex: 1;
+}
+
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 40rpx;
+  
+  .empty-icon {
+    font-size: 120rpx;
+    margin-bottom: 20rpx;
+  }
+  
+  .empty-text {
+    font-size: 32rpx;
+    color: #666;
+    margin-bottom: 10rpx;
+  }
+  
+  .empty-tip {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+.loading-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 100rpx;
+  
+  .loading-text {
+    font-size: 32rpx;
+    color: #666;
+  }
+}
+
+.bg-white {
+  background-color: #fff;
+}
+
+.r-md {
+  border-radius: 16rpx;
+}
+
+.p-12 {
+  padding: 24rpx;
+}
+
+/* 滚动加载样式 */
+.load-more {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 30rpx;
+  
+  .load-more-text {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+.no-more {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 30rpx;
+  
+  .no-more-text {
+    font-size: 28rpx;
+    color: #ccc;
+  }
+}
+</style>
diff --git a/src/pages/view/analysis/xs/studentArchive.vue b/src/pages/view/analysis/xs/studentArchive.vue
new file mode 100644
index 0000000..d7bf6a5
--- /dev/null
+++ b/src/pages/view/analysis/xs/studentArchive.vue
@@ -0,0 +1,630 @@
+<template>
+  <view class="student-archive-container">
+    <!-- 班级选择器 -->
+    <view class="section">
+      <view class="section-title">选择班级</view>
+        <BasicNjBjPicker 
+          v-model="classInfo"
+          placeholder="请选择年级班级"
+          @change="onClassChange"
+        icon-arrow="right" 
+        :customStyle="{ backgroundColor: '#fff', borderRadius: '0', padding: '12px 15px' }"
+      />
+      
+      <!-- 班级选择提示 -->
+      <view v-if="!classInfo" class="class-tip">
+        <text class="tip-icon">ℹ️</text>
+        <text class="tip-text">请先选择班级</text>
+      </view>
+    </view>
+
+    <!-- 学生档案统计 -->
+    <view class="section" v-if="classInfo">
+      <view class="section-title">
+        学生档案统计
+      </view>
+      
+      <!-- 统计信息 -->
+      <view class="stats-container">
+        <view 
+          class="stat-item" 
+          :class="{ active: selectedStatType === 'all' }"
+          @click="onStatItemClick('all')"
+        >
+          <text class="stat-number">{{ studentList.length }}</text>
+          <text class="stat-label">总人数</text>
+        </view>
+        <view 
+          class="stat-item" 
+          :class="{ active: selectedStatType === 'followed' }"
+          @click="onStatItemClick('followed')"
+        >
+          <text class="stat-number followed">{{ followedCount }}</text>
+          <text class="stat-label">已关注</text>
+        </view>
+        <view 
+          class="stat-item" 
+          :class="{ active: selectedStatType === 'unfollowed' }"
+          @click="onStatItemClick('unfollowed')"
+        >
+          <text class="stat-number unfollowed">{{ unfollowedCount }}</text>
+          <text class="stat-label">未关注</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 学生档案列表 -->
+    <view class="section" v-if="classInfo && studentList.length > 0">
+      <view class="section-title">
+        {{ getListTitle() }} ({{ filteredStudentList.length }}人)
+      </view>
+      
+      <!-- 学生列表 - 改为card形式 -->
+      <view class="student-list">
+        <view class="student-grid">
+        <view 
+            v-for="student in filteredStudentList"
+          :key="student.xsId"
+            class="student-item bg-white r-md p-12"
+          @click="viewStudentDetail(student)"
+        >
+            <view class="flex-row items-center">
+              <view class="avatar-container mr-8">
+            <image 
+                  class="student-avatar"
+                  :src="imagUrl(student.xstx || '') || '/static/images/default-avatar.png'"
+              mode="aspectFill"
+                ></image>
+              </view>
+              <view class="flex-1 overflow-hidden">
+                <view class="student-name mb-8">
+                  <text class="font-14 cor-333">{{ student.xsxm }}</text>
+                </view>
+                <view class="flex-row">
+                  <!-- 关注状态标签 -->
+                  <view
+                    class="status-tag"
+                    :class="getFollowStatusClass(student.jzxm)"
+                  >
+                    {{ student.jzxm ? '已关注' : '未关注' }}
+                  </view>
+            </view>
+          </view>
+              <!-- 更多图标 -->
+              <view class="more-icon-container" @click.stop="showMoreOptions(student)">
+                <image
+                  class="more-icon"
+                  src="/static/base/view/more.png"
+                  mode="aspectFit"
+                ></image>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 空状态 -->
+    <view class="empty-state" v-if="!loading && studentList.length === 0 && hasSearched">
+      <view class="empty-icon">📚</view>
+      <view class="empty-text">暂无学生档案数据</view>
+      <view class="empty-tip">请选择年级班级后查询</view>
+    </view>
+
+    <!-- 加载状态 -->
+    <view class="loading-state" v-if="loading">
+      <view class="loading-text">正在加载...</view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { BasicNjBjPicker } from '@/components/BasicNjBjPicker'
+import { onLoad } from '@dcloudio/uni-app'
+import { findStudentInfoByNjAndBjSimpleApi } from '@/api/analysis/xs'
+import { imagUrl } from "@/utils"
+import { useDataStore } from '@/store/modules/data'
+
+// 定义类型接口
+interface ClassInfo {
+  njId: string
+  bjId: string
+  nj: any
+  bj: any
+}
+
+interface StudentInfo {
+  xsId: string
+  xsxm: string
+  xstx?: string
+  njId: string
+  njmcId: string
+  njmc: string
+  bc: string
+  bjId: string
+  bjmc: string
+  jzIds?: string
+  jzxm?: string
+}
+
+interface ApiResponse {
+  code: number
+  data: StudentInfo[]
+  message?: string
+}
+
+// 响应式数据
+const classInfo = ref<ClassInfo | null>(null)
+const studentList = ref<StudentInfo[]>([])
+const loading = ref(false)
+const hasSearched = ref(false)
+const selectedStatType = ref<string>('all') // 当前选中的统计类型
+
+// 使用store
+const { setXs } = useDataStore()
+
+// 计算属性
+const followedCount = computed(() => {
+  return studentList.value.filter(student => student.jzxm).length
+})
+
+const unfollowedCount = computed(() => {
+  return studentList.value.filter(student => !student.jzxm).length
+})
+
+// 根据选中的统计类型过滤学生列表
+const filteredStudentList = computed(() => {
+  if (selectedStatType.value === 'all') {
+    return studentList.value
+  } else if (selectedStatType.value === 'followed') {
+    return studentList.value.filter(student => student.jzxm)
+  } else if (selectedStatType.value === 'unfollowed') {
+    return studentList.value.filter(student => !student.jzxm)
+  }
+  return studentList.value
+})
+
+// 年级班级选择变化 - 自动触发查询
+const onClassChange = async (nj: any, bj: any) => {
+  console.log('年级班级选择变化:', nj, bj)
+  classInfo.value = {
+    njId: nj.key,
+    bjId: bj.key,
+    nj: nj,
+    bj: bj
+  }
+  
+  // 自动触发查询
+  await searchStudents()
+}
+
+// 查询学生档案
+const searchStudents = async () => {
+  if (!classInfo.value || !classInfo.value.njId || !classInfo.value.bjId) {
+    return
+  }
+
+  loading.value = true
+  hasSearched.value = true
+
+  try {
+    // 调用后端接口查询学生档案
+    const response = await findStudentInfoByNjAndBjSimpleApi(classInfo.value!.njId, classInfo.value!.bjId)
+    
+    console.log('API返回结果:', response)
+    
+    if (response && response.resultCode === 1) {
+      studentList.value = response.result || []
+      uni.showToast({
+        title: `查询到${studentList.value.length}名学生`,
+        icon: 'success'
+      })
+    } else {
+      throw new Error(response?.message || '查询失败')
+    }
+  } catch (error) {
+    console.error('查询学生档案失败:', error)
+    uni.showToast({
+      title: '查询失败，请重试',
+      icon: 'none'
+    })
+    studentList.value = []
+  } finally {
+    loading.value = false
+  }
+}
+
+// 刷新学生列表
+const refreshStudentList = () => {
+  searchStudents()
+}
+
+// 点击统计项
+const onStatItemClick = (statType: string) => {
+  selectedStatType.value = statType
+  console.log('选中统计类型:', statType)
+}
+
+// 获取列表标题
+const getListTitle = () => {
+  switch (selectedStatType.value) {
+    case 'followed':
+      return '已关注学生'
+    case 'unfollowed':
+      return '未关注学生'
+    default:
+      return '学生档案列表'
+  }
+}
+
+// 显示更多选项
+const showMoreOptions = (student: StudentInfo) => {
+  console.log('显示更多选项:', student)
+  
+  // 显示操作菜单
+  uni.showActionSheet({
+    itemList: ['查看详情', '编辑信息', '联系家长', '删除学生'],
+    success: (res) => {
+      const tapIndex = res.tapIndex
+      switch (tapIndex) {
+        case 0:
+          // 查看详情
+          viewStudentDetail(student)
+          break
+        case 1:
+          // 编辑信息
+          uni.showToast({
+            title: '编辑功能开发中',
+            icon: 'none'
+          })
+          break
+        case 2:
+          // 联系家长
+          if (student.jzxm) {
+            uni.showToast({
+              title: '联系家长功能开发中',
+              icon: 'none'
+            })
+          } else {
+            uni.showToast({
+              title: '该学生暂无家长信息',
+              icon: 'none'
+            })
+          }
+          break
+        case 3:
+          // 删除学生
+          uni.showModal({
+            title: '确认删除',
+            content: `确定要删除学生 ${student.xsxm} 吗？`,
+            success: (modalRes) => {
+              if (modalRes.confirm) {
+                uni.showToast({
+                  title: '删除功能开发中',
+                  icon: 'none'
+                })
+              }
+            }
+          })
+          break
+      }
+    }
+  })
+}
+
+// 获取关注状态样式类
+const getFollowStatusClass = (jzxm?: string) => {
+  return jzxm ? 'status-followed' : 'status-unfollowed'
+}
+
+// 查看学生详情
+const viewStudentDetail = (student: StudentInfo) => {
+  console.log('查看学生详情:', student)
+  
+  // 将学生信息存储到store中
+  setXs({
+    xsId: student.xsId,
+    id: student.xsId, // 兼容字段
+    xsxm: student.xsxm,
+    xm: student.xsxm, // 兼容字段
+    xstx: student.xstx,
+    avatar: student.xstx, // 兼容字段
+    njId: student.njId,
+    njmc: student.njmc,
+    njmcName: student.njmc, // 兼容字段
+    bjId: student.bjId,
+    bjmc: student.bjmc,
+    jzIds: student.jzIds,
+    jzxm: student.jzxm
+  })
+  
+  // 跳转到学生详情页面
+  uni.navigateTo({
+    url: '/pages/view/homeSchool/parentAddressBook/detail'
+  })
+}
+
+// 页面加载
+onLoad(() => {
+  console.log('学生档案页面加载')
+})
+</script>
+
+<style lang="scss" scoped>
+.student-archive-container {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  padding: 20rpx;
+}
+
+.section {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+  
+.section-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333;
+    margin-bottom: 20rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.refresh-btn {
+  font-size: 24rpx;
+  color: #007aff;
+  font-weight: normal;
+}
+
+.stats-container {
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 30rpx;
+  padding: 20rpx;
+  background-color: #f8f9fa;
+  border-radius: 12rpx;
+  flex-wrap: wrap;
+  gap: 60rpx;
+}
+
+.stat-item {
+    display: flex;
+    flex-direction: column;
+  align-items: center;
+  min-width: 120rpx;
+  padding: 20rpx 10rpx;
+  border-radius: 12rpx;
+  transition: all 0.2s ease;
+  cursor: pointer;
+  
+  &.active {
+    background-color: #e6f7ff;
+    border: 2rpx solid #007aff;
+    transform: scale(1.05);
+  }
+  
+  &:hover {
+    background-color: #f0f9ff;
+    transform: scale(1.02);
+  }
+}
+
+.stat-number {
+  font-size: 36rpx;
+    font-weight: bold;
+    color: #333;
+  margin-bottom: 8rpx;
+  
+  &.followed {
+    color: #52c41a;
+  }
+  
+  &.unfollowed {
+    color: #ff4d4f;
+  }
+}
+
+.stat-label {
+  font-size: 24rpx;
+  color: #666;
+}
+
+.student-list {
+  margin-bottom: 30rpx;
+}
+
+.student-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20rpx;
+}
+
+.student-item {
+  position: relative;
+  border-radius: 16rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  transition: all 0.2s;
+  min-height: 120rpx; // 确保最小高度
+}
+
+.student-item:hover {
+  transform: translateY(-2rpx);
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+}
+
+.avatar-container {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  padding: 4rpx;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.05);
+  flex-shrink: 0; // 防止被压缩
+}
+
+.student-avatar {
+  width: 72rpx;
+  height: 72rpx;
+  border-radius: 50%;
+  background-color: #f5f5f5;
+}
+
+.status-tag {
+  font-size: 20rpx;
+  padding: 6rpx 16rpx;
+  border-radius: 8rpx;
+    display: flex;
+    align-items: center;
+  gap: 4rpx;
+}
+
+.status-followed {
+  background-color: #e6f7ff;
+  color: #52c41a;
+}
+
+.status-unfollowed {
+  background-color: #fff2f0;
+  color: #ff4d4f;
+}
+
+.flex-row {
+  display: flex;
+  flex-direction: row;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.mr-8 {
+  margin-right: 12rpx;
+}
+
+.mb-8 {
+  margin-bottom: 16rpx;
+}
+
+.font-14 {
+  font-size: 28rpx;
+}
+
+.cor-333 {
+    color: #333;
+}
+
+.bg-white {
+  background-color: #fff;
+}
+
+.r-md {
+  border-radius: 16rpx;
+}
+
+.p-12 {
+  padding: 24rpx;
+}
+
+.more-icon-container {
+  width: 40rpx;
+  height: 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 8rpx;
+  border-radius: 50%;
+  transition: all 0.2s ease;
+  flex-shrink: 0; // 防止被压缩
+  
+  &:hover {
+    background-color: #f0f0f0;
+  }
+  
+  &:active {
+    background-color: #e0e0e0;
+    transform: scale(0.95);
+  }
+}
+
+.more-icon {
+  width: 35rpx;
+  height: 35rpx;
+  opacity: 0.6;
+  transition: opacity 0.2s ease;
+}
+
+.more-icon-container:hover .more-icon {
+  opacity: 1;
+}
+
+.class-tip {
+  display: flex;
+  align-items: center;
+  margin-top: 20rpx;
+  padding: 15rpx 20rpx;
+  background-color: #fffbe6;
+  border: 1rpx solid #ffe58f;
+  border-radius: 12rpx;
+  color: #faad14;
+  font-size: 28rpx;
+  font-weight: bold;
+
+  .tip-icon {
+    margin-right: 10rpx;
+    font-size: 32rpx;
+  }
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 100rpx 40rpx;
+  
+  .empty-icon {
+    font-size: 120rpx;
+    margin-bottom: 20rpx;
+  }
+  
+  .empty-text {
+    font-size: 32rpx;
+    color: #666;
+    margin-bottom: 10rpx;
+  }
+  
+  .empty-tip {
+    font-size: 28rpx;
+    color: #999;
+  }
+}
+
+.loading-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 100rpx;
+  
+  .loading-text {
+    font-size: 32rpx;
+    color: #666;
+  }
+}
+</style>
diff --git a/src/pages/view/homeSchool/parentAddressBook/detail.vue b/src/pages/view/homeSchool/parentAddressBook/detail.vue
index 43d81bc..d8cba92 100644
--- a/src/pages/view/homeSchool/parentAddressBook/detail.vue
+++ b/src/pages/view/homeSchool/parentAddressBook/detail.vue
@@ -56,6 +56,7 @@
             v-for="jz in jzList"
             :key="jz.id"
             class="parent-card-item"
+            @click="callParent(jz.jzsj)"
           >
             <view class="parent-avatar-container">
               <!-- 如果有头像则显示图片，否则显示文字头像 -->
@@ -68,7 +69,7 @@
               <view v-else class="parent-avatar-text">
                 {{ jz.jzxm }}
               </view>
-              <view class="call-icon-overlay" @click="callParent(jz.jzsj)">
+              <view class="call-icon-overlay">
                 <uni-icons
                   type="phone-filled"
                   size="16"
@@ -352,11 +353,18 @@ const getParentAvatar = (avatarUrl: string) => {
   padding: 8px; // 添加内边距
   border-radius: 8px; // 添加圆角
   transition: all 0.2s ease; // 添加过渡效果
+  cursor: pointer; // 添加手型光标
+  position: relative; // 为点击效果做准备
   
   &:hover {
     background-color: rgba(102, 126, 234, 0.05); // 悬停效果
     transform: translateY(-2px); // 轻微上移
   }
+  
+  &:active {
+    background-color: rgba(102, 126, 234, 0.1); // 点击时的背景色
+    transform: translateY(0); // 点击时回到原位置
+  }
 }
 
 .parent-avatar-container {
@@ -404,13 +412,10 @@ const getParentAvatar = (avatarUrl: string) => {
     align-items: center;
     justify-content: center;
     border: 1px solid #fff; // 白色描边
-    cursor: pointer;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); // 添加阴影效果
+    pointer-events: none; // 禁用点击事件，让父元素处理
 
-    &:active {
-      opacity: 0.8;
-      transform: scale(0.95);
-    }
+    // 移除 &:active 样式，因为现在由父元素处理点击
   }
 }
 
diff --git a/src/pages/view/test/ApiTest.vue b/src/pages/view/test/ApiTest.vue
deleted file mode 100644
index 42cfe59..0000000
--- a/src/pages/view/test/ApiTest.vue
+++ /dev/null
@@ -1,228 +0,0 @@
-<template>
-  <BasicLayout :show-nav-bar="true" :nav-bar-props="{ title: 'API测试' }">
-    <view class="api-test-page">
-      <!-- 测试教师授课班级接口 -->
-      <view class="test-section">
-        <view class="section-title">测试教师授课班级接口</view>
-        <button @click="testJsdkb" class="test-btn">
-          测试获取教师授课班级
-        </button>
-        <view v-if="jsdkbResult" class="result-section">
-          <text class="result-title">结果：</text>
-          <text class="result-text">{{
-            JSON.stringify(jsdkbResult, null, 2)
-          }}</text>
-        </view>
-      </view>
-
-      <!-- 测试考试场次接口 -->
-      <view class="test-section">
-        <view class="section-title">测试考试场次接口</view>
-        <input
-          v-model="testBjId"
-          placeholder="输入班级ID"
-          class="input-field"
-        />
-        <button @click="testKscc" class="test-btn">测试获取考试场次</button>
-        <view v-if="ksccResult" class="result-section">
-          <text class="result-title">结果：</text>
-          <text class="result-text">{{
-            JSON.stringify(ksccResult, null, 2)
-          }}</text>
-        </view>
-      </view>
-
-      <!-- 测试成绩接口 -->
-      <view class="test-section">
-        <view class="section-title">测试成绩接口</view>
-        <input
-          v-model="testBjId2"
-          placeholder="输入班级ID"
-          class="input-field"
-        />
-        <input
-          v-model="testKsccId"
-          placeholder="输入考试场次ID"
-          class="input-field"
-        />
-        <button @click="testCjData" class="test-btn">测试获取成绩数据</button>
-        <view v-if="cjDataResult" class="result-section">
-          <text class="result-title">结果：</text>
-          <text class="result-text">{{
-            JSON.stringify(cjDataResult, null, 2)
-          }}</text>
-        </view>
-      </view>
-
-      <!-- 测试缓存机制 -->
-      <view class="test-section">
-        <view class="section-title">测试缓存机制</view>
-        <button @click="testCache" class="test-btn">测试缓存机制</button>
-        <view v-if="cacheResult" class="result-section">
-          <text class="result-title">缓存测试结果：</text>
-          <text class="result-text">{{ cacheResult }}</text>
-        </view>
-      </view>
-    </view>
-  </BasicLayout>
-</template>
-
-<script lang="ts" setup>
-import { jsdBjKscjApi, jsdJsdkbApi, jsdKsccApi } from "@/api/base/server";
-import { useCommonStore } from "@/store/modules/common";
-import { useUserStore } from "@/store/modules/user";
-import { ref } from "vue";
-
-const commonStore = useCommonStore();
-const userStore = useUserStore();
-
-const jsdkbResult = ref<any>(null);
-const ksccResult = ref<any>(null);
-const cjDataResult = ref<any>(null);
-const cacheResult = ref<string>("");
-
-const testBjId = ref<string>("");
-const testBjId2 = ref<string>("");
-const testKsccId = ref<string>("");
-
-const testJsdkb = async () => {
-  try {
-    const jsData = userStore.getJs();
-    if (!jsData || !jsData.id) {
-      uni.showToast({ title: "教师信息不存在", icon: "none" });
-      return;
-    }
-
-    const response = await jsdJsdkbApi({ jsId: jsData.id });
-    jsdkbResult.value = response;
-    console.log("教师授课班级测试结果:", response);
-  } catch (error) {
-    console.error("测试教师授课班级接口出错:", error);
-    uni.showToast({ title: "测试失败", icon: "none" });
-  }
-};
-
-const testKscc = async () => {
-  try {
-    if (!testBjId.value) {
-      uni.showToast({ title: "请输入班级ID", icon: "none" });
-      return;
-    }
-
-    const response = await jsdKsccApi({ bjId: testBjId.value });
-    ksccResult.value = response;
-    console.log("考试场次测试结果:", response);
-  } catch (error) {
-    console.error("测试考试场次接口出错:", error);
-    uni.showToast({ title: "测试失败", icon: "none" });
-  }
-};
-
-const testCjData = async () => {
-  try {
-    if (!testBjId2.value || !testKsccId.value) {
-      uni.showToast({ title: "请输入班级ID和考试场次ID", icon: "none" });
-      return;
-    }
-
-    const response = await jsdBjKscjApi({
-      bjId: testBjId2.value,
-      ksccId: testKsccId.value,
-    });
-    cjDataResult.value = response;
-    console.log("成绩数据测试结果:", response);
-  } catch (error) {
-    console.error("测试成绩数据接口出错:", error);
-    uni.showToast({ title: "测试失败", icon: "none" });
-  }
-};
-
-const testCache = async () => {
-  try {
-    const jsData = userStore.getJs();
-    if (!jsData || !jsData.id) {
-      uni.showToast({ title: "教师信息不存在", icon: "none" });
-      return;
-    }
-
-    // 第一次调用，应该从API获取数据
-    const startTime1 = Date.now();
-    const response1 = await commonStore.getJsdkb({ jsId: jsData.id });
-    const time1 = Date.now() - startTime1;
-
-    // 第二次调用，应该从缓存获取数据
-    const startTime2 = Date.now();
-    const response2 = await commonStore.getJsdkb({ jsId: jsData.id });
-    const time2 = Date.now() - startTime2;
-
-    cacheResult.value = `第一次调用耗时: ${time1}ms, 第二次调用耗时: ${time2}ms, 缓存是否生效: ${
-      time2 < time1
-    }`;
-    console.log("缓存测试结果:", cacheResult.value);
-  } catch (error) {
-    console.error("测试缓存机制出错:", error);
-    uni.showToast({ title: "缓存测试失败", icon: "none" });
-  }
-};
-</script>
-
-<style scoped>
-.api-test-page {
-  padding: 20rpx;
-}
-
-.test-section {
-  background: #fff;
-  border-radius: 12rpx;
-  padding: 20rpx;
-  margin-bottom: 30rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
-
-.section-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 20rpx;
-}
-
-.test-btn {
-  background: #1890ff;
-  color: #fff;
-  border: none;
-  border-radius: 8rpx;
-  padding: 20rpx 40rpx;
-  font-size: 28rpx;
-  margin-bottom: 20rpx;
-}
-
-.input-field {
-  border: 1rpx solid #ddd;
-  border-radius: 8rpx;
-  padding: 20rpx;
-  margin-bottom: 20rpx;
-  font-size: 28rpx;
-}
-
-.result-section {
-  background: #f8f9fa;
-  border-radius: 8rpx;
-  padding: 20rpx;
-  margin-top: 20rpx;
-}
-
-.result-title {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #333;
-  margin-bottom: 10rpx;
-  display: block;
-}
-
-.result-text {
-  font-size: 24rpx;
-  color: #666;
-  word-break: break-all;
-  white-space: pre-wrap;
-}
-</style>
diff --git a/src/static/base/home/dmtj.png b/src/static/base/home/dmtj.png
new file mode 100644
index 0000000..cc510f3
Binary files /dev/null and b/src/static/base/home/dmtj.png differ
diff --git a/src/static/base/home/xkqd.png b/src/static/base/home/xkqd.png
new file mode 100644
index 0000000..4fb4ef6
Binary files /dev/null and b/src/static/base/home/xkqd.png differ
diff --git a/src/static/base/home/xsda.png b/src/static/base/home/xsda.png
new file mode 100644
index 0000000..f45cd53
Binary files /dev/null and b/src/static/base/home/xsda.png differ
diff --git a/src/static/base/view/more.png b/src/static/base/view/more.png
new file mode 100644
index 0000000..66ddf7c
Binary files /dev/null and b/src/static/base/view/more.png differ