From 1598d8e886b0c77e46bbae653cb85c8e228980d5 Mon Sep 17 00:00:00 2001
From: hebo <hebo163@163.com>
Date: Tue, 9 Sep 2025 21:55:09 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=89=E8=AF=BE=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/analysis/xk.ts                        |   19 +
 src/api/analysis/xkDm.ts                      |   10 +
 src/api/analysis/xs.ts                        |   10 +
 src/pages.json                                |   35 +
 src/pages/base/service/index.vue              |   24 +
 src/pages/view/analysis/xk/dmStatistics.vue   | 1034 +++++++++++++++++
 src/pages/view/analysis/xk/dmXkList.vue       |  436 +++++++
 src/pages/view/analysis/xk/xkCourse.vue       |  944 +++++++++++++++
 src/pages/view/analysis/xk/xkList.vue         |  436 +++++++
 src/pages/view/analysis/xs/studentArchive.vue |  630 ++++++++++
 .../homeSchool/parentAddressBook/detail.vue   |   17 +-
 src/pages/view/test/ApiTest.vue               |  228 ----
 src/static/base/home/dmtj.png                 |  Bin 0 -> 11129 bytes
 src/static/base/home/xkqd.png                 |  Bin 0 -> 3895 bytes
 src/static/base/home/xsda.png                 |  Bin 0 -> 10122 bytes
 src/static/base/view/more.png                 |  Bin 0 -> 10412 bytes
 16 files changed, 3589 insertions(+), 234 deletions(-)
 create mode 100644 src/api/analysis/xk.ts
 create mode 100644 src/api/analysis/xkDm.ts
 create mode 100644 src/api/analysis/xs.ts
 create mode 100644 src/pages/view/analysis/xk/dmStatistics.vue
 create mode 100644 src/pages/view/analysis/xk/dmXkList.vue
 create mode 100644 src/pages/view/analysis/xk/xkCourse.vue
 create mode 100644 src/pages/view/analysis/xk/xkList.vue
 create mode 100644 src/pages/view/analysis/xs/studentArchive.vue
 delete mode 100644 src/pages/view/test/ApiTest.vue
 create mode 100644 src/static/base/home/dmtj.png
 create mode 100644 src/static/base/home/xkqd.png
 create mode 100644 src/static/base/home/xsda.png
 create mode 100644 src/static/base/view/more.png

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 0000000000000000000000000000000000000000..cc510f340bbb028e50530aa3ace17d949e994915
GIT binary patch
literal 11129
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
Hi_rf8i2EYS

literal 0
HcmV?d00001

diff --git a/src/static/base/home/xkqd.png b/src/static/base/home/xkqd.png
new file mode 100644
index 0000000000000000000000000000000000000000..4fb4ef6d085148c608dfac9ccb31f3e946c8a5b3
GIT binary patch
literal 3895
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
Vqxpd_HUREGa2N5IHwF&m{{d@g8$SR5

literal 0
HcmV?d00001

diff --git a/src/static/base/home/xsda.png b/src/static/base/home/xsda.png
new file mode 100644
index 0000000000000000000000000000000000000000..f45cd53cd4df14a6e41a84c4aaf02f7ed030f4b2
GIT binary patch
literal 10122
zcma)ibyU>f^ZqU_vJ1E@tx`+3bc(<d(k0R*-6<)(ASqpf2nf<8(w$2RNQ?B+Dc$ki
z_vf77|Gz(8aqgXa&zzYXGtV=T>Z)>2aG&D>0Dvb7@-lBQ-~Rs|@MFxoT(=?%0Du7$
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
B9{B(O

literal 0
HcmV?d00001

diff --git a/src/static/base/view/more.png b/src/static/base/view/more.png
new file mode 100644
index 0000000000000000000000000000000000000000..66ddf7cc9ac08d3e10752e495241921b98bc4b5e
GIT binary patch
literal 10412
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

literal 0
HcmV?d00001