From 563c107d00a8f355eef2bf484126c1be572c2cd1 Mon Sep 17 00:00:00 2001
From: hebo <hebo163@163.com>
Date: Sat, 13 Sep 2025 18:25:33 +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/components/BasicNjBjSelect/demo.vue       |   2 +
 src/components/BasicNjBjSelect/index.vue      |  17 +-
 src/pages.json                                |   8 +-
 .../view/routine/kefuxuncha/kyRecord.vue      | 289 +++++++++++
 .../view/routine/kefuxuncha/kyXkList.vue      |   2 +-
 .../view/routine/kefuxuncha/kyXkkcDetail.vue  |  35 +-
 .../view/routine/kefuxuncha/xcXkList.vue      |  20 +-
 .../view/routine/kefuxuncha/xcXkkcDetail.vue  | 485 +++++++++++++++++-
 8 files changed, 815 insertions(+), 43 deletions(-)
 create mode 100644 src/pages/view/routine/kefuxuncha/kyRecord.vue

diff --git a/src/components/BasicNjBjSelect/demo.vue b/src/components/BasicNjBjSelect/demo.vue
index 6d2c3a2..b7af54c 100644
--- a/src/components/BasicNjBjSelect/demo.vue
+++ b/src/components/BasicNjBjSelect/demo.vue
@@ -153,3 +153,5 @@ const setDefaultValue = () => {
 
 
 
+
+
diff --git a/src/components/BasicNjBjSelect/index.vue b/src/components/BasicNjBjSelect/index.vue
index 7213c5b..17086dc 100644
--- a/src/components/BasicNjBjSelect/index.vue
+++ b/src/components/BasicNjBjSelect/index.vue
@@ -25,7 +25,7 @@
 
         <!-- 树形选择器内容 -->
         <view class="popup-content">
-          <scroll-view scroll-y class="tree-scroll">
+          <scroll-view scroll-y class="tree-scroll" :style="{ height: 'calc(80vh - 80px)' }">
             <checkbox-group v-if="multiple" @change="onGradeCheckboxChange">
               <view class="tree-container">
                 <view 
@@ -493,7 +493,10 @@ onMounted(() => {
   .selector-popup {
     background-color: #fff;
     border-radius: 16px 16px 0 0;
-    max-height: 60vh;
+    max-height: 80vh;
+    min-height: 50vh;
+    display: flex;
+    flex-direction: column;
 
     .popup-header {
       display: flex;
@@ -501,6 +504,7 @@ onMounted(() => {
       justify-content: space-between;
       padding: 15px 20px;
       border-bottom: 1px solid #eee;
+      flex-shrink: 0;
 
       .popup-title {
         font-size: 16px;
@@ -529,12 +533,19 @@ onMounted(() => {
     }
 
     .popup-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+      
       .tree-scroll {
-        height: 600px;
+        flex: 1;
         background-color: #fff;
+        min-height: 0;
 
         .tree-container {
           padding: 0;
+          min-height: 100%;
 
           .tree-node {
             .tree-item {
diff --git a/src/pages.json b/src/pages.json
index 980b39e..3b6a22a 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -564,7 +564,13 @@
     {
       "path": "pages/view/routine/kefuxuncha/xcRecord",
       "style": {
-        "navigationBarTitleText": "巡查记录"
+        "navigationBarTitleText": "选课巡查记录"
+      }
+    },
+    {
+      "path": "pages/view/routine/kefuxuncha/kyRecord",
+      "style": {
+        "navigationBarTitleText": "课业巡查记录"
       }
     },
     {
diff --git a/src/pages/view/routine/kefuxuncha/kyRecord.vue b/src/pages/view/routine/kefuxuncha/kyRecord.vue
new file mode 100644
index 0000000..3e5fd0a
--- /dev/null
+++ b/src/pages/view/routine/kefuxuncha/kyRecord.vue
@@ -0,0 +1,289 @@
+<template>
+  <BasicLayout>
+    <!-- 巡查记录列表 -->
+    <view class="inspection-list">
+      <BasicListLayout
+        @register="registerInspection"
+        style="position: absolute"
+      >
+        <template v-slot="{ data, index }">
+          <view class="inspection-record bg-white r-md p-15 mb-15">
+            <view class="record-header">
+              <view class="record-time">
+                <u-icon name="clock" color="#666" size="14"></u-icon>
+                <text class="time-text">{{ formatTime(data.xctime) }}</text>
+              </view>
+              <view class="record-status">
+                <text class="status-text">已巡查</text>
+              </view>
+            </view>
+            <view class="record-content">
+              <view class="content-item">
+                <text class="item-label">巡查教师：</text>
+                <text class="item-value">{{ data.jsxm }}</text>
+              </view>
+              <view class="content-item flex-col">
+                <text class="item-label" style="flex: 0 0 25px"
+                  >巡查项目：</text
+                >
+                <view class="item-value" style="width: 100%">
+                  <template
+                    v-if="data.kyXcXmList && data.kyXcXmList.length > 0"
+                  >
+                    <view
+                      v-for="(xm, idx) in data.kyXcXmList"
+                      :key="xm.xcXmId"
+                      style="margin-bottom: 4px"
+                    >
+                      <view>
+                        <text>{{ idx + 1 }}、{{ xm.xcMc }}</text>
+                        <view
+                          style="
+                            display: flex;
+                            justify-content: space-between;
+                            margin: 4px 0;
+                          "
+                        >
+                          <text>分值：{{ xm.xmFz }}分</text>
+                          <text
+                            >巡查结果：{{
+                              xm.xcJg === "A" ? "有" : "无"
+                            }}</text
+                          >
+                        </view>
+                      </view>
+                    </view>
+                  </template>
+                  <template v-else> 无巡查项目 </template>
+                </view>
+              </view>
+              <view
+                class="content-item"
+                v-if="data.zp && data.zp.length > 0"
+              >
+                <text class="item-label">巡查图片：</text>
+                <view
+                  class="item-value"
+                  style="display: flex; flex-wrap: wrap; gap: 8px"
+                >
+                  <image
+                    v-for="(img, imgIdx) in getImageArray(data.zp)"
+                    :key="imgIdx"
+                    :src="imagUrl(img)"
+                    mode="aspectFill"
+                    style="
+                      width: 60px;
+                      height: 60px;
+                      border-radius: 4px;
+                      border: 1px solid #eee;
+                      cursor: pointer;
+                    "
+                    @click="handlePreviewImage(img, getImageArray(data.zp))"
+                  />
+                </view>
+              </view>
+              <view
+                class="content-item"
+                v-if="data.sp && data.sp.length > 0"
+              >
+                <text class="item-label">巡查视频：</text>
+                <view
+                  class="item-value"
+                  style="display: flex; flex-wrap: wrap; gap: 8px"
+                >
+                  <view
+                    v-for="(video, vIdx) in getVideoArray(data.sp)"
+                    :key="vIdx"
+                    style="
+                      width: 80px;
+                      height: 60px;
+                      position: relative;
+                      border-radius: 4px;
+                      overflow: hidden;
+                      border: 1px solid #eee;
+                      cursor: pointer;
+                      display: flex;
+                      align-items: center;
+                      justify-content: center;
+                      background: #000;
+                    "
+                    @click="handlePreviewVideo(getVideoArray(data.sp), vIdx)"
+                  >
+                    <video
+                      :src="video"
+                      style="width: 100%; height: 100%; object-fit: cover"
+                      :controls="false"
+                      :show-center-play-btn="false"
+                      :show-play-btn="false"
+                      :show-fullscreen-btn="false"
+                      :show-progress="false"
+                      :show-mute-btn="false"
+                      :enable-progress-gesture="false"
+                      :enable-play-gesture="false"
+                      :loop="false"
+                      :muted="true"
+                      :poster="''"
+                    ></video>
+                    <view
+                      style="
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                        width: 100%;
+                        height: 100%;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                      "
+                    >
+                      <u-icon
+                        name="play-right-fill"
+                        color="#fff"
+                        size="28"
+                      ></u-icon>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </template>
+      </BasicListLayout>
+    </view>
+  </BasicLayout>
+</template>
+
+<script setup lang="ts">
+import { getKyXcPageApi } from "@/api/base/kyXcApi";
+import BasicLayout from "@/components/BasicLayout/Layout.vue";
+import { useLayout } from "@/components/BasicListLayout/hooks/useLayout";
+import { useDataStore } from "@/store/modules/data";
+import { useUserStore } from "@/store/modules/user";
+import { computed, onMounted, ref } from "vue";
+import dayjs from "dayjs";
+import { imagUrl } from "@/utils";
+
+const { getJs } = useUserStore();
+const { getData } = useDataStore();
+
+const js = computed(() => getJs);
+const xkkc = computed(() => getData);
+
+// 巡查记录列表参数
+let inspectionParams = ref({
+  rows: 10,
+  kyXcId: xkkc.value.id,
+  jsId: js.value.id,
+});
+
+// 巡查记录列表
+const [registerInspection, { reload }] = useLayout({
+  api: getKyXcPageApi,
+  componentProps: {},
+  param: inspectionParams.value,
+});
+
+// 图片预览
+const handlePreviewImage = (img: string, images: string[]) => {
+  // 兼容uni-app的图片预览API
+  uni.previewImage({
+    current: img,
+    urls: images,
+  });
+};
+
+// 视频预览
+const handlePreviewVideo = (videos: string[], index: number) => {
+  // 兼容uni-app的视频预览API
+  // uni.previewMedia 仅在H5/小程序/APP支持
+  uni.previewMedia({
+    current: index,
+    sources: videos.map((url) => ({
+      url,
+      type: "video",
+    })),
+  });
+};
+
+// 格式化时间
+const formatTime = (timestamp: string) => {
+  return dayjs(timestamp).format("YYYY-MM-DD HH:mm");
+};
+
+// 将逗号分隔的字符串转换为数组
+const getImageArray = (str: string) => {
+  if (!str) return [];
+  return str.split(",").map((item) => item.trim());
+};
+
+// 将逗号分隔的字符串转换为数组
+const getVideoArray = (str: string) => {
+  if (!str) return [];
+  return str.split(",").map((item) => item.trim());
+};
+
+// 页面加载时重新加载巡查记录
+onMounted(() => {
+  reload();
+});
+</script>
+
+<style scoped lang="scss">
+.inspection-list {
+  position: relative;
+  height: calc(100vh - 50px);
+
+  .inspection-record {
+    .record-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 10px;
+      padding-bottom: 10px;
+      border-bottom: 1px solid #eee;
+
+      .record-time {
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        color: #666;
+
+        .time-text {
+          margin-left: 5px;
+        }
+      }
+
+      .record-status {
+        padding: 3px 8px;
+        border-radius: 4px;
+        border: 1px solid #4080ff;
+        display: inline-flex;
+        font-size: 12px;
+        color: #4080ff;
+      }
+    }
+
+    .record-content {
+      .content-item {
+        display: flex;
+        margin-bottom: 5px;
+        font-size: 14px;
+        color: #333;
+
+        .item-label {
+          font-weight: bold;
+          flex: 0 0 80px;
+        }
+      }
+    }
+  }
+
+  ::v-deep .zp-loading-fixed {
+    position: absolute;
+  }
+
+  ::v-deep .d-load-main {
+    position: absolute;
+  }
+}
+</style>
diff --git a/src/pages/view/routine/kefuxuncha/kyXkList.vue b/src/pages/view/routine/kefuxuncha/kyXkList.vue
index a7ad647..33f442c 100644
--- a/src/pages/view/routine/kefuxuncha/kyXkList.vue
+++ b/src/pages/view/routine/kefuxuncha/kyXkList.vue
@@ -332,7 +332,7 @@ const goRecord = (xkkc: any) => {
   };
   dataStore.setData(combinedData);
   uni.navigateTo({
-    url: `/pages/view/routine/kefuxuncha/xcRecord`,
+    url: `/pages/view/routine/kefuxuncha/kyRecord`,
   });
 };
 
diff --git a/src/pages/view/routine/kefuxuncha/kyXkkcDetail.vue b/src/pages/view/routine/kefuxuncha/kyXkkcDetail.vue
index 69fedd8..a42043e 100644
--- a/src/pages/view/routine/kefuxuncha/kyXkkcDetail.vue
+++ b/src/pages/view/routine/kefuxuncha/kyXkkcDetail.vue
@@ -205,7 +205,14 @@
         v-if="canInspect"
         class="submit-btn-wrap py-10 px-20 bg-white"
       >
-        <button class="submit-btn" @click="submit">提交巡查</button>
+        <button 
+          class="submit-btn" 
+          :class="{ 'submit-btn-disabled': isSubmitting }"
+          :disabled="isSubmitting"
+          @click="submit"
+        >
+          {{ isSubmitting ? '提交中...' : '提交巡查' }}
+        </button>
       </view>
     </template>
   </BasicLayout>
@@ -264,6 +271,9 @@ const videoList = ref<VideoItem[]>([]);
 const inspectionStatusText = ref("");
 const canInspect = ref(true); // 是否可以巡查
 
+// 提交状态控制
+const isSubmitting = ref(false);
+
 // 加载巡查项目
 const loadCheckItems = async () => {
   try {
@@ -459,6 +469,16 @@ const checkInspectionTime = () => {
 
 // 提交数据
 const submit = async () => {
+  // 防抖动：如果正在提交，直接返回
+  if (isSubmitting.value) {
+    uni.showToast({
+      title: "正在提交中，请勿重复点击",
+      icon: "none",
+      duration: 1500,
+    });
+    return;
+  }
+
   if (!canInspect.value) {
     uni.showToast({
       title: inspectionStatusText.value,
@@ -479,6 +499,9 @@ const submit = async () => {
     return;
   }
 
+  // 设置提交状态
+  isSubmitting.value = true;
+
   try {
     // 构建巡查项目列表
     const xkXcXmList = checkItems.value.map((item: any) => {
@@ -526,6 +549,9 @@ const submit = async () => {
       title: "提交失败",
       icon: "none",
     });
+  } finally {
+    // 重置提交状态
+    isSubmitting.value = false;
   }
 };
 
@@ -789,6 +815,13 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   justify-content: center;
+  transition: all 0.3s ease;
+}
+
+.submit-btn-disabled {
+  background-color: #d9d9d9 !important;
+  color: #999 !important;
+  cursor: not-allowed;
 }
 
 .cor-primary {
diff --git a/src/pages/view/routine/kefuxuncha/xcXkList.vue b/src/pages/view/routine/kefuxuncha/xcXkList.vue
index b926609..5b09ae1 100644
--- a/src/pages/view/routine/kefuxuncha/xcXkList.vue
+++ b/src/pages/view/routine/kefuxuncha/xcXkList.vue
@@ -43,12 +43,6 @@
             <view class="info-label">开课年级：</view>
             <view class="info-data">{{ xkkc.njname || '暂无' }}</view>
           </view>
-          <view class="course-info-item">
-            <view class="info-label">上课人数：</view>
-            <view class="info-data"
-              >{{ xkkc.hasNum || 0 }} | {{ xkkc.maxNum || 0 }}</view
-            >
-          </view>
           <view class="separator-line"></view>
           <view class="course-btn-group">
             <view class="xc-btn" @click.stop="goXc(xkkc)">巡查</view>
@@ -214,7 +208,9 @@ const loadXcCourseList = async (pbData: any) => {
           maxNum: item.maxNum || 0,
           skzqlx: item.skzqlx,
           skzq: item.skzq,
-          jsName: item.jsName
+          jsName: item.jsName,
+          jxjh: item.jxjh, // 添加教学计划字段
+          jxll: item.jxll  // 添加教学理论字段
         }));
       } else if (pbData.xclx === 'B') {
         // 类型B：直接使用返回的课程数据
@@ -230,7 +226,9 @@ const loadXcCourseList = async (pbData: any) => {
           maxNum: item.maxNum || 0,
           skzqlx: item.skzqlx,
           skzq: item.skzq,
-          jsName: item.jsName
+          jsName: item.jsName,
+          jxjh: item.jxjh, // 添加教学计划字段
+          jxll: item.jxll  // 添加教学理论字段
         }));
       }
       
@@ -315,7 +313,8 @@ const goXc = (xkkc: any) => {
   const pbData = dataStore.getGlobal;
   
   // 检查排班数据是否有效
-  if (!pbData || !pbData.xcbt || !pbData.xcbt.includes('排班计划')) {
+  if (!pbData || !pbData.id || !pbData.xcbt) {
+    console.log('排班数据检查失败:', pbData);
     uni.showToast({
       title: '数据异常，请重新选择排班',
       icon: 'none'
@@ -345,7 +344,8 @@ const goRecord = (xkkc: any) => {
   const pbData = dataStore.getGlobal;
   
   // 检查排班数据是否有效
-  if (!pbData || !pbData.xcbt || !pbData.xcbt.includes('排班计划')) {
+  if (!pbData || !pbData.id || !pbData.xcbt) {
+    console.log('排班数据检查失败:', pbData);
     uni.showToast({
       title: '数据异常，请重新选择排班',
       icon: 'none'
diff --git a/src/pages/view/routine/kefuxuncha/xcXkkcDetail.vue b/src/pages/view/routine/kefuxuncha/xcXkkcDetail.vue
index 909d8b4..daf6dc0 100644
--- a/src/pages/view/routine/kefuxuncha/xcXkkcDetail.vue
+++ b/src/pages/view/routine/kefuxuncha/xcXkkcDetail.vue
@@ -44,14 +44,91 @@
           </view>
         </view>
 
-        <!-- 巡查时间状态 -->
-        <view class="inspection-status" v-if="!canInspect">
-          <u-icon name="clock" color="#ff9900" size="16"></u-icon>
-          <text class="status-text">{{ inspectionStatusText }}</text>
-        </view>
       </view>
 
-      <view v-if="canInspect">
+      <view>
+        <!-- 点名情况 -->
+        <view class="section mx-15 mb-15">
+          <view class="section-title-bar">
+            <view class="decorator"></view>
+            <text class="title-text">点名情况</text>
+          </view>
+          <view class="roll-call-card bg-white r-md p-15">
+            <view class="roll-call-header">
+              <view class="course-title">{{ xkkc.kcmc }}</view>
+              <view class="roll-call-status" :class="{ 'completed': rollCallData.dmStatus === 'A' }">
+                {{ rollCallData.dmStatus === 'A' ? '已点名' : '未点名' }}
+              </view>
+            </view>
+            <view class="roll-call-stats">
+              <view class="stat-item">
+                <view class="stat-value">{{ rollCallData.totalCount || 0 }}</view>
+                <view class="stat-label">总人数</view>
+              </view>
+              <view class="stat-item">
+                <view class="stat-value present">{{ rollCallData.presentCount || 0 }}</view>
+                <view class="stat-label">实到</view>
+              </view>
+              <view class="stat-item">
+                <view class="stat-value leave">{{ rollCallData.leaveCount || 0 }}</view>
+                <view class="stat-label">请假</view>
+              </view>
+              <view class="stat-item">
+                <view class="stat-value absent">{{ rollCallData.absentCount || 0 }}</view>
+                <view class="stat-label">缺勤</view>
+              </view>
+            </view>
+            <view class="roll-call-footer">
+              <view class="footer-label">{{ rollCallData.remark || '点名记录' }}</view>
+              <view class="footer-time">{{ rollCallData.dmTime || '暂无' }}</view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 教学计划 -->
+        <view class="section mx-15 mb-15">
+          <view class="section-title-bar">
+            <view class="decorator"></view>
+            <text class="title-text">教学计划</text>
+          </view>
+        <view class="teaching-plan-card bg-white r-md p-15">
+          <view class="plan-content" v-if="displayedTeachingPlan && displayedTeachingPlan.length > 0">
+            <view
+              v-for="(plan, index) in displayedTeachingPlan"
+              :key="index"
+              class="plan-item"
+            >
+              <view class="plan-stage">{{ plan.jhjd }}</view>
+              <view class="plan-details">
+                <view class="plan-detail-item">
+                  <text class="detail-label">时间：</text>
+                  <text class="detail-value">{{ plan.jhsj }}</text>
+                </view>
+                <view class="plan-detail-item">
+                  <text class="detail-label">地点：</text>
+                  <text class="detail-value">{{ plan.jhdd }}</text>
+                </view>
+                <view class="plan-detail-item">
+                  <text class="detail-label">内容：</text>
+                  <text class="detail-value">{{ plan.jhnr }}</text>
+                </view>
+              </view>
+            </view>
+            
+            <!-- 展开/收起按钮 -->
+            <view v-if="hasMoreTeachingPlan" class="plan-toggle-btn" @click="toggleTeachingPlan">
+              <text class="toggle-text">
+                {{ teachingPlanExpanded ? '收起' : `更多(${parsedTeachingPlan.length - maxDisplayItems})` }}
+              </text>
+              <text class="toggle-icon">{{ teachingPlanExpanded ? '▲' : '▼' }}</text>
+            </view>
+          </view>
+          <view class="plan-content" v-else>
+            <text class="plan-text">暂无教学计划</text>
+          </view>
+        </view>
+        </view>
+
         <!-- 巡查项目 -->
         <view class="section mx-15 mb-15">
           <view class="section-title-bar">
@@ -207,11 +284,15 @@
     </view>
 
     <template #bottom>
-      <view
-        v-if="canInspect"
-        class="submit-btn-wrap py-10 px-20 bg-white"
-      >
-        <button class="submit-btn" @click="submit">提交巡查</button>
+      <view class="submit-btn-wrap py-10 px-20 bg-white">
+        <button 
+          class="submit-btn" 
+          :class="{ 'submit-btn-disabled': isSubmitting }"
+          :disabled="isSubmitting"
+          @click="submit"
+        >
+          {{ isSubmitting ? '提交中...' : '提交巡查' }}
+        </button>
       </view>
     </template>
   </BasicLayout>
@@ -220,6 +301,7 @@
 <script setup lang="ts">
 import { xcXmFindByXcLxApi } from "@/api/base/xcXmApi";
 import { xkXcSaveApi } from "@/api/base/xkXcApi";
+import { getXkDmPageApi } from "@/api/base/xkApi";
 import { attachmentUpload } from "@/api/system/upload";
 import BasicLayout from "@/components/BasicLayout/Layout.vue";
 import { useDataStore } from "@/store/modules/data";
@@ -235,6 +317,61 @@ const { getData } = useDataStore();
 const js = computed(() => getJs);
 const xkkc = computed(() => getData);
 
+// 解析教学计划数据
+const parsedTeachingPlan = computed(() => {
+  console.log('教学计划原始数据:', xkkc.value.jxjh);
+  console.log('课程数据:', xkkc.value);
+  
+  if (!xkkc.value.jxjh) {
+    console.log('jxjh字段为空');
+    return [];
+  }
+  
+  try {
+    // 解析JSON字符串
+    const plans = JSON.parse(xkkc.value.jxjh);
+    console.log('解析后的教学计划数据:', plans);
+    
+    // 提取value字段中的数据
+    const result = plans.map((item: any) => {
+      if (item.value) {
+        return {
+          jhjd: item.value.jhjd || '未设置',
+          jhsj: item.value.jhsj || '未设置',
+          jhdd: item.value.jhdd || '未设置',
+          jhnr: item.value.jhnr || '未设置'
+        };
+      }
+      return {
+        jhjd: '未设置',
+        jhsj: '未设置',
+        jhdd: '未设置',
+        jhnr: '未设置'
+      };
+    });
+    
+    console.log('最终教学计划数据:', result);
+    return result;
+  } catch (error) {
+    console.error('解析教学计划数据失败:', error);
+    console.error('原始数据:', xkkc.value.jxjh);
+    return [];
+  }
+});
+
+// 显示的教学计划数据（控制展开/收起）
+const displayedTeachingPlan = computed(() => {
+  if (teachingPlanExpanded.value || parsedTeachingPlan.value.length <= maxDisplayItems) {
+    return parsedTeachingPlan.value;
+  }
+  return parsedTeachingPlan.value.slice(0, maxDisplayItems);
+});
+
+// 是否有更多教学计划数据
+const hasMoreTeachingPlan = computed(() => {
+  return parsedTeachingPlan.value.length > maxDisplayItems;
+});
+
 const now = dayjs();
 let wDay = now.day();
 if (wDay === 0) {
@@ -268,7 +405,88 @@ const videoList = ref<VideoItem[]>([]);
 
 // 巡查状态相关
 const inspectionStatusText = ref("");
-const canInspect = ref(true); // 是否可以巡查
+
+// 点名数据
+const rollCallData = ref({
+  totalCount: 0,
+  presentCount: 0,
+  leaveCount: 0,
+  absentCount: 0,
+  dmStatus: 'B', // A: 已点名, B: 未点名
+  remark: '',
+  dmTime: ''
+});
+
+// 教学计划展开/收起状态
+const teachingPlanExpanded = ref(false);
+const maxDisplayItems = 1; // 最多显示2个阶段
+
+// 切换教学计划展开/收起
+const toggleTeachingPlan = () => {
+  teachingPlanExpanded.value = !teachingPlanExpanded.value;
+};
+
+// 提交状态控制
+const isSubmitting = ref(false);
+
+// 加载点名数据
+const loadRollCallData = async () => {
+  try {
+    const today = now.format("YYYY-MM-DD");
+    const startTime = `${today} 00:00:00`;
+    const endTime = `${today} 23:59:59`;
+    
+    const res = await getXkDmPageApi({
+      rows: 10,
+      page: 1,
+      startTime,
+      endTime,
+      pageNo: 1,
+      xkkcId: xkkc.value.id,
+      jsId: js.value.id,
+      sidx: 'dmTime',
+      sord: 'desc'
+    });
+    
+    console.log('点名数据API响应:', res);
+    
+    if (res && res.rows && res.rows.length > 0) {
+      const latestRecord = res.rows[0]; // 获取最新的点名记录
+      rollCallData.value = {
+        totalCount: latestRecord.zrs || 0,
+        presentCount: latestRecord.sdRs || 0,
+        leaveCount: latestRecord.qjRs || 0,
+        absentCount: latestRecord.qqRs || 0,
+        dmStatus: latestRecord.status || 'B',
+        remark: latestRecord.remark || '点名记录',
+        dmTime: latestRecord.dmTime ? now.format('MM-DD HH:mm') : '暂无'
+      };
+    } else {
+      // 没有点名记录，使用课程的实际人数作为总人数
+      rollCallData.value = {
+        totalCount: xkkc.value.hasNum || 0, // 使用课程的hasNum作为总人数
+        presentCount: 0,
+        leaveCount: 0,
+        absentCount: 0,
+        dmStatus: 'B',
+        remark: '暂无点名记录',
+        dmTime: '暂无'
+      };
+    }
+  } catch (error) {
+    console.error("加载点名数据失败:", error);
+    // 出错时重置数据，使用课程的hasNum作为总人数
+    rollCallData.value = {
+      totalCount: xkkc.value.hasNum || 0, // 使用课程的hasNum作为总人数
+      presentCount: 0,
+      leaveCount: 0,
+      absentCount: 0,
+      dmStatus: 'B',
+      remark: '加载失败',
+      dmTime: '暂无'
+    };
+  }
+};
 
 // 加载巡查项目
 const loadCheckItems = async () => {
@@ -462,7 +680,6 @@ const checkInspectionTime = () => {
     wDay = 7;
   }
   let mDay = currentTime.date();
-  const strDate = currentTime.format("YYYY-MM-DD") + " ";
   let xcFlag = false;
   let msg = "";
 
@@ -470,35 +687,40 @@ const checkInspectionTime = () => {
   switch (xkkc.value.skzqlx) {
     case "每天":
       xcFlag = true;
+      msg = "可以巡查";
       break;
     case "每周":
       const daysOfWeek = xkkc.value.skzq.split(",").map(Number);
       xcFlag = daysOfWeek.includes(wDay);
+      msg = xcFlag ? "可以巡查" : "没到巡查日期";
       break;
     case "每月":
       const daysOfMonth = xkkc.value.skzq.split(",").map(Number);
       xcFlag = daysOfMonth.includes(mDay);
+      msg = xcFlag ? "可以巡查" : "没到巡查日期";
       break;
   }
 
-  // 判断日期是否合格
-  if (xcFlag) {
-    // 简化时间判断，暂时允许巡查
-    xcFlag = true;
-    msg = "可以巡查";
-  } else {
-    msg = "没到巡查日期";
-  }
-
-  canInspect.value = xcFlag;
-  inspectionStatusText.value = msg || "可以巡查";
+  return { xcFlag, msg };
 };
 
 // 提交数据
 const submit = async () => {
-  if (!canInspect.value) {
+  // 防抖动：如果正在提交，直接返回
+  if (isSubmitting.value) {
     uni.showToast({
-      title: inspectionStatusText.value,
+      title: "正在提交中，请勿重复点击",
+      icon: "none",
+      duration: 1500,
+    });
+    return;
+  }
+
+  // 检查巡查时间
+  const { xcFlag, msg } = checkInspectionTime();
+  if (!xcFlag) {
+    uni.showToast({
+      title: msg,
       icon: "none",
       duration: 2000,
     });
@@ -516,6 +738,9 @@ const submit = async () => {
     return;
   }
 
+  // 设置提交状态
+  isSubmitting.value = true;
+
   try {
     // 构建巡查项目列表
     const xkXcXmList = checkItems.value.map((item: any) => {
@@ -561,6 +786,9 @@ const submit = async () => {
       title: "提交失败",
       icon: "none",
     });
+  } finally {
+    // 重置提交状态
+    isSubmitting.value = false;
   }
 };
 
@@ -588,8 +816,8 @@ const getVideoUrls = () => {
 
 // 页面加载时获取状态选项
 onMounted(async () => {
+  await loadRollCallData(); // 加载点名数据
   await loadCheckItems(); // 加载巡查项目
-  checkInspectionTime();
 });
 </script>
 
@@ -824,6 +1052,13 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   justify-content: center;
+  transition: all 0.3s ease;
+}
+
+.submit-btn-disabled {
+  background-color: #d9d9d9 !important;
+  color: #999 !important;
+  cursor: not-allowed;
 }
 
 .cor-primary {
@@ -845,4 +1080,200 @@ onMounted(async () => {
 .cor-999 {
   color: #999;
 }
+
+/* 点名情况卡片样式 */
+.roll-call-card {
+  background-color: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+.roll-call-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 15px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.course-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  flex: 1;
+}
+
+.roll-call-status {
+  font-size: 12px;
+  padding: 4px 12px;
+  border-radius: 12px;
+  font-weight: 500;
+  background-color: #fff2f0;
+  color: #ff4d4f;
+  border: 1px solid #ffccc7;
+  
+  &.completed {
+    background-color: #f6ffed;
+    color: #52c41a;
+    border: 1px solid #b7eb8f;
+  }
+}
+
+.roll-call-stats {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 10px;
+  margin-bottom: 15px;
+}
+
+.stat-item {
+  text-align: center;
+  padding: 12px 5px;
+  border-radius: 8px;
+  background: #f8f9fa;
+}
+
+.stat-value {
+  font-size: 20px;
+  font-weight: bold;
+  color: #333;
+  display: block;
+  margin-bottom: 4px;
+  
+  &.present {
+    color: #2879ff;
+  }
+  
+  &.leave {
+    color: #ff9900;
+  }
+  
+  &.absent {
+    color: #ff4d4f;
+  }
+}
+
+.stat-label {
+  font-size: 12px;
+  color: #666;
+}
+
+.roll-call-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 10px;
+  border-top: 1px solid #f0f0f0;
+  font-size: 12px;
+  color: #666;
+}
+
+.footer-label {
+  flex: 1;
+}
+
+.footer-time {
+  color: #999;
+  font-weight: 500;
+}
+
+/* 教学计划卡片样式 */
+.teaching-plan-card {
+  background-color: white;
+  border-radius: 8px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+.plan-content {
+  background-color: #f8f9fa;
+  border-radius: 6px;
+  min-height: 60px;
+}
+
+.plan-text {
+  font-size: 14px;
+  color: #333;
+  line-height: 1.6;
+  display: block;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+}
+
+.plan-item {
+  margin-bottom: 20px;
+  padding: 15px;
+  background-color: #fff;
+  border-radius: 8px;
+  border: 1px solid #e0e0e0;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.plan-stage {
+  font-size: 16px;
+  font-weight: bold;
+  color: #4080ff;
+  margin-bottom: 12px;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #4080ff;
+  display: inline-block;
+}
+
+.plan-details {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.plan-detail-item {
+  display: flex;
+  align-items: flex-start;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.detail-label {
+  color: #666;
+  font-weight: 500;
+  min-width: 50px;
+  flex-shrink: 0;
+}
+
+.detail-value {
+  color: #333;
+  flex: 1;
+  word-wrap: break-word;
+}
+
+.plan-toggle-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 12px;
+  padding: 8px 16px;
+  background-color: #f0f2f5;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.plan-toggle-btn:hover {
+  background-color: #e6f7ff;
+}
+
+.toggle-text {
+  font-size: 14px;
+  color: #1890ff;
+  margin-right: 4px;
+}
+
+.toggle-icon {
+  font-size: 12px;
+  color: #1890ff;
+  transition: transform 0.3s ease;
+}
 </style>