From 658403dabd0ea9ab415cea747e7f5471a0c13337 Mon Sep 17 00:00:00 2001
From: ywyonui <ywyonui@163.com>
Date: Thu, 31 Jul 2025 23:42:12 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=AE=8C=E5=96=84=E9=80=89?=
 =?UTF-8?q?=E8=AF=BE=E5=B7=A1=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/base/xcXmApi.ts                       |  43 ++
 src/api/base/xkXcApi.ts                       |  36 ++
 src/api/base/xkXcXmApi.ts                     |  36 ++
 src/api/base/xkscApi.ts                       |  29 --
 .../view/routine/kefuxuncha/xcXkkcDetail.vue  | 368 +++++++++++-------
 5 files changed, 344 insertions(+), 168 deletions(-)
 create mode 100644 src/api/base/xcXmApi.ts
 create mode 100644 src/api/base/xkXcApi.ts
 create mode 100644 src/api/base/xkXcXmApi.ts
 delete mode 100644 src/api/base/xkscApi.ts

diff --git a/src/api/base/xcXmApi.ts b/src/api/base/xcXmApi.ts
new file mode 100644
index 0000000..c9b1bf5
--- /dev/null
+++ b/src/api/base/xcXmApi.ts
@@ -0,0 +1,43 @@
+import { get, post } from "@/utils/request";
+
+/**
+ * 分页查询
+ */
+export const xcXmFindPageApi = async (params: any) => {
+  return await get("/api/xcXm/findPage", params);
+};
+
+/**
+ * 新增/修改
+ */
+export const xcXmSaveApi = async (params: any) => {
+  return await post("/api/xcXm/save", params);
+};
+
+/**
+ * 删除
+ */
+export const xcXmLogicDeleteApi = async (params: any) => {
+  return await post("/api/xcXm/logicDelete", params);
+};
+
+/**
+ * 根据id查询
+ */
+export const xcXmFindByIdApi = async (params: any) => {
+  return await get("/api/xcXm/findById", params);
+};
+
+/**
+ * 查询全部
+ */
+export const xcXmFindAllApi = async () => {
+  return await get("/api/xcXm/findAll");
+};
+
+/**
+ * 根据巡查类型查询项目列表
+ */
+export const xcXmFindByXcLxApi = async (xcLx: string) => {
+  return await get("/api/xcXm/findByXcLx", { xcLx });
+};
diff --git a/src/api/base/xkXcApi.ts b/src/api/base/xkXcApi.ts
new file mode 100644
index 0000000..6f05b83
--- /dev/null
+++ b/src/api/base/xkXcApi.ts
@@ -0,0 +1,36 @@
+import { get, post } from "@/utils/request";
+
+/**
+ * 分页查询
+ */
+export const xkXcFindPageApi = async (params: any) => {
+  return await get("/api/xkXc/findPage", params);
+};
+
+/**
+ * 新增/修改
+ */
+export const xkXcSaveApi = async (params: any) => {
+  return await post("/api/xkXc/save", params);
+};
+
+/**
+ * 删除
+ */
+export const xkXcLogicDeleteApi = async (params: any) => {
+  return await post("/api/xkXc/logicDelete", params);
+};
+
+/**
+ * 根据id查询
+ */
+export const xkXcFindByIdApi = async (params: any) => {
+  return await get("/api/xkXc/findById", params);
+};
+
+/**
+ * 查询全部
+ */
+export const xkXcFindAllApi = async () => {
+  return await get("/api/xkXc/findAll");
+};
diff --git a/src/api/base/xkXcXmApi.ts b/src/api/base/xkXcXmApi.ts
new file mode 100644
index 0000000..77eaef2
--- /dev/null
+++ b/src/api/base/xkXcXmApi.ts
@@ -0,0 +1,36 @@
+import { get, post } from "@/utils/request";
+
+/**
+ * 分页查询
+ */
+export const xkXcXmFindPageApi = async (params: any) => {
+  return await get("/api/xkXcXm/findPage", params);
+};
+
+/**
+ * 新增/修改
+ */
+export const xkXcXmSaveApi = async (params: any) => {
+  return await post("/api/xkXcXm/save", params);
+};
+
+/**
+ * 删除
+ */
+export const xkXcXmLogicDeleteApi = async (params: any) => {
+  return await post("/api/xkXcXm/logicDelete", params);
+};
+
+/**
+ * 根据id查询
+ */
+export const xkXcXmFindByIdApi = async (params: any) => {
+  return await get("/api/xkXcXm/findById", params);
+};
+
+/**
+ * 查询全部
+ */
+export const xkXcXmFindAllApi = async () => {
+  return await get("/api/xkXcXm/findAll");
+};
diff --git a/src/api/base/xkscApi.ts b/src/api/base/xkscApi.ts
deleted file mode 100644
index f6829c5..0000000
--- a/src/api/base/xkscApi.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { get, post } from "@/utils/request";
-
-/**
- * 分页查询巡查记录
- */
-export const xkscFindPageApi = async (params: any) => {
-  return await get("/api/xksc/findPage", params);
-};
-
-/**
- * 新增/修改巡查记录
- */
-export const xkscSaveApi = async (params: any) => {
-  return await post("/api/xksc/save", params);
-};
-
-/**
- * 根据id查询巡查记录
- */
-export const xkscFindByIdApi = async (params: any) => {
-  return await get("/api/xksc/findById", params);
-};
-
-/**
- * 删除巡查记录
- */
-export const xkscLogicDeleteApi = async (params: any) => {
-  return await post("/api/xksc/logicDelete", params);
-};
diff --git a/src/pages/view/routine/kefuxuncha/xcXkkcDetail.vue b/src/pages/view/routine/kefuxuncha/xcXkkcDetail.vue
index 42abaf5..8c4fdca 100644
--- a/src/pages/view/routine/kefuxuncha/xcXkkcDetail.vue
+++ b/src/pages/view/routine/kefuxuncha/xcXkkcDetail.vue
@@ -62,25 +62,55 @@
             <text class="title-text">巡查项目</text>
           </view>
           <view class="check-card bg-white r-md p-15">
-            <checkbox-group class="check-list">
-              <label
-                v-for="item in checkItems"
-                :key="item.id"
-                class="check-item"
-              >
-                <view class="item-info">
-                  <text class="item-text">{{ item.id }}、{{ item.text }}</text>
-                  <text class="item-deduction">扣{{ item.deduction }}分</text>
+            <template v-if="checkItems && checkItems.length > 0">
+              <view class="check-list">
+                <view
+                  v-for="(item, index) in checkItems"
+                  :key="item.id"
+                  class="check-item"
+                >
+                  <view class="item-info flex-1">
+                    <!-- 项目名称单独一行 -->
+                    <text class="item-text">{{ index + 1 }}、{{ item.xcMc }}</text>
+                    <!-- 分值和结果同一行 -->
+                    <view class="item-score-result">
+                      <text class="item-deduction mr-20">分值：{{ item.xmFz }}分</text>
+                      <view class="item-result">
+                        <radio-group
+                          :name="'result_' + item.id"
+                          @change="e => { item.checked = e.detail.value === 'A'; }"
+                          class="item-radio-group"
+                        >
+                          <label class="item-radio-label mr-10">
+                            <radio
+                              :value="'A'"
+                              :checked="item.checked === true"
+                              color="#4080ff"
+                              class="item-radio"
+                            />
+                            <text class="ml-2">有</text>
+                          </label>
+                          <label class="item-radio-label">
+                            <radio
+                              :value="'B'"
+                              :checked="item.checked === false"
+                              color="#4080ff"
+                              class="item-radio"
+                            />
+                            <text class="ml-2">无</text>
+                          </label>
+                        </radio-group>
+                      </view>
+                    </view>
+                  </view>
                 </view>
-                <checkbox
-                  :value="String(item.id)"
-                  :checked="item.checked"
-                  @click="item.checked = !item.checked"
-                  color="#4080ff"
-                  style="transform: scale(0.8)"
-                />
-              </label>
-            </checkbox-group>
+              </view>
+            </template>
+            <template v-else>
+              <view class="no-check-items" style="text-align:center;color:#999;padding:20px 0;">
+                暂无巡查项目
+              </view>
+            </template>
           </view>
         </view>
 
@@ -128,56 +158,95 @@
     <view v-else class="completed-inspection">
       <!-- 巡查记录列表 -->
       <view class="inspection-list">
-        <view
-          v-for="(record, index) in inspectionRecords"
-          :key="record.id || index"
-          class="inspection-record bg-white r-md p-15 mb-15 mx-15"
-        >
-          <view class="record-header">
-            <view class="record-time">
-              <u-icon name="clock" color="#666" size="14"></u-icon>
-              <text class="time-text">{{ formatTime(record.xctime) }}</text>
+        <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.xkXcXmList && data.xkXcXmList.length > 0">
+                      <view v-for="(xm, idx) in data.xkXcXmList" :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.images && data.images.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 data.images"
+                      :key="imgIdx"
+                      :src="img"
+                      mode="aspectFill"
+                      style="width: 60px; height: 60px; border-radius: 4px; border: 1px solid #eee; cursor: pointer;"
+                      @click="uni.previewImage({ current: img, urls: data.images })"
+                    />
+                  </view>
+                </view>
+                <view
+                  class="content-item"
+                  v-if="data.videos && data.videos.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 data.videos"
+                      :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="uni.previewMedia ? uni.previewMedia({ sources: data.videos.map(v => ({ url: v, type: 'video' })), current: vIdx }) : uni.showToast({ title: '当前平台不支持视频预览', icon: 'none' })"
+                    >
+                      <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>
-            <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">{{ record.jsxm }}</text>
-            </view>
-            <view
-              class="content-item"
-              v-if="record.xcItems && record.xcItems.length > 0"
-            >
-              <text class="item-label">巡查项目：</text>
-              <text class="item-value">{{ record.xcItems.join(", ") }}</text>
-            </view>
-            <view
-              class="content-item"
-              v-if="record.images && record.images.length > 0"
-            >
-              <text class="item-label">巡查图片：</text>
-              <text class="item-value">{{ record.images.length }}张</text>
-            </view>
-            <view
-              class="content-item"
-              v-if="record.videos && record.videos.length > 0"
-            >
-              <text class="item-label">巡查视频：</text>
-              <text class="item-value">{{ record.videos.length }}个</text>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <!-- 暂无记录提示 -->
-      <view v-if="inspectionRecords.length === 0" class="empty-records">
-        <view class="empty-icon">
-          <u-icon name="list" size="50" color="#C8C9CC"></u-icon>
-        </view>
-        <view class="empty-text">暂无巡查记录</view>
+          </template>
+        </BasicListLayout>
       </view>
     </view>
 
@@ -203,9 +272,11 @@
 
 <script setup lang="ts">
 import { jsdXkXsListApi } from "@/api/base/server";
-import { xkscFindPageApi, xkscSaveApi } from "@/api/base/xkscApi";
+import { xkXcFindPageApi, xkXcSaveApi } from "@/api/base/xkXcApi";
+import { xcXmFindByXcLxApi } from "@/api/base/xcXmApi";
 import { xcBeforeMinuteApi } from "@/api/system/config/index";
 import BasicLayout from "@/components/BasicLayout/Layout.vue";
+import { useLayout } from "@/components/BasicListLayout/hooks/useLayout";
 import { useDataStore } from "@/store/modules/data";
 import { useDicStore } from "@/store/modules/dic";
 import { useUserStore } from "@/store/modules/user";
@@ -250,13 +321,7 @@ const curXs = ref<any>(null);
 const defSel = ref<any>([]);
 
 // 巡查项目
-const checkItems = ref<any[]>([
-  { id: 1, text: "未按时上课", deduction: 1, checked: false },
-  { id: 2, text: "上课迟到", deduction: 2, checked: false },
-  { id: 3, text: "上课内容与教学计划不一致", deduction: 1, checked: false },
-  { id: 4, text: "课堂纪律差", deduction: 2, checked: false },
-  { id: 5, text: "教学设备使用不当", deduction: 1, checked: false },
-]);
+const checkItems = ref<any[]>([]);
 
 // 上传文件
 const uploadedImages = ref([]);
@@ -269,20 +334,39 @@ const inspectionStatusText = ref("");
 const canInspect = ref(true); // 是否可以巡查
 const xcBeforeMinute = ref<number>(0);
 
-// 巡查记录
-const inspectionRecords = ref<any[]>([]);
+// 巡查记录列表参数
+let inspectionParams = ref({
+  rows: 10,
+  xkkcId: xkkc.value.id,
+  jsId: js.value.id
+});
 
-// 获取状态对应的样式类
-const getStatusClass = (status: string) => {
-  switch (status) {
-    case "正常":
-      return "status-normal";
-    case "请假":
-      return "status-leave";
-    case "缺勤":
-      return "status-absent";
-    default:
-      return "status-normal";
+// 巡查记录列表
+const [registerInspection, { reload }] = useLayout({
+  api: xkXcFindPageApi,
+  componentProps: {},
+  param: inspectionParams.value
+});
+
+// 加载巡查项目
+const loadCheckItems = async () => {
+  try {
+    const res = await xcXmFindByXcLxApi("选课巡查");
+    if (res && res.resultCode === 1) {
+      checkItems.value = res.result.map((item: any) => {
+        return {
+          ...item,
+          checked: false
+        }
+      });
+    } else {
+      // 如果API调用失败，使用默认数据
+      checkItems.value = [];
+    }
+  } catch (error) {
+    console.error("加载巡查项目失败:", error);
+    // 使用默认数据
+    checkItems.value = [];
   }
 };
 
@@ -350,18 +434,6 @@ const rebuildNumInfo = () => {
   };
 };
 
-// 打开状态选择器
-const openStatusPicker = (xs: any) => {
-  curXs.value = xs;
-  for (let i = 0; i < statusOptions.value.length; i++) {
-    if (statusOptions.value[i].text === xs.xszt) {
-      defSel.value = [i];
-      break;
-    }
-  }
-  statusPickerVisible.value = true;
-};
-
 // 确认选择状态
 const confirmStatus = (e: any) => {
   if (curXs.value && e.value && e.value[0]) {
@@ -392,25 +464,8 @@ const handleVideoUploadSuccess = (res: any) => {
 const onTabClick = (e: any) => {
   currentTab.value = e.currentIndex;
   if (currentTab.value === 1) {
-    loadInspectionRecords();
-  }
-};
-
-// 加载巡查记录
-const loadInspectionRecords = async () => {
-  try {
-    const res = await xkscFindPageApi({
-      xkkcId: xkkc.value.id,
-      jsId: js.value.id,
-      pageSize: 20,
-      pageNum: 1,
-    });
-    if (res && res.resultCode === 1) {
-      inspectionRecords.value = res.result?.rows || [];
-    }
-  } catch (error) {
-    console.error("加载巡查记录失败:", error);
-    inspectionRecords.value = [];
+    // 切换到已巡查tab时，重新加载巡查记录
+    reload();
   }
 };
 
@@ -421,6 +476,8 @@ const formatTime = (timestamp: string) => {
 
 // 检查巡查时间
 const checkInspectionTime = () => {
+  canInspect.value = true;
+  return;
   const currentTime = now;
   let wDay = currentTime.day();
   if (wDay === 0) {
@@ -482,26 +539,36 @@ const loadXcBeforeMinute = async () => {
 
 // 提交数据
 const submit = async () => {
-  if (!canInspect.value) {
-    uni.showToast({
-      title: inspectionStatusText.value,
-      icon: "none",
-      duration: 2000,
-    });
-    return;
-  }
+  // if (!canInspect.value) {
+  //   uni.showToast({
+  //     title: inspectionStatusText.value,
+  //     icon: "none",
+  //     duration: 2000,
+  //   });
+  //   return;
+  // }
 
   try {
-    const res = await xkscSaveApi({
+    // 构建巡查项目列表
+    const xkXcXmList = checkItems.value.map((item: any) => {
+      const newItem = {
+        ...item,
+        xcXmId: item.id,
+        xcJg: item.checked ? "A" : "B",      
+        xkXcId: "", // 这个会在后端设置
+      };
+      newItem.id = "";
+      return newItem;
+    });
+
+    const res = await xkXcSaveApi({
       jsId: js.value.id,
+      jsxm: js.value.xm || js.value.jsxm, // 添加教师姓名
       xkkcId: xkkc.value.id,
       xctime: now.format("YYYY-MM-DD HH:mm:ss"),
-      xkxcList: xsList.value,
-      xcItems: checkItems.value
-        .filter((item) => item.checked)
-        .map((item) => item.text),
-      images: uploadedImages.value,
-      videos: uploadedVideos.value,
+      images: uploadedImages.value || "",
+      videos: uploadedVideos.value || "",
+      xkXcXmList: xkXcXmList, // 添加巡查项目列表
     });
 
     if (res && res.resultCode === 1) {
@@ -530,8 +597,7 @@ const submit = async () => {
 // 页面加载时获取状态选项
 onMounted(async () => {
   // await loadXcBeforeMinute();
-  await loadXsList();
-  await loadStatusOptions();
+  await loadCheckItems(); // 加载巡查项目
   checkInspectionTime();
 });
 </script>
@@ -542,13 +608,16 @@ onMounted(async () => {
   background-color: #f5f5f5;
 }
 
+.bg-white {
+  background-color: white;
+}
+
 .header {
   height: 44px;
   background-color: #fff;
 }
 
 .inspection-tabs {
-  padding: 15px 15px 0 15px;
   background-color: #fff;
   margin-bottom: 10px;
   position: sticky;
@@ -731,8 +800,19 @@ onMounted(async () => {
     padding: 12px 0;
     border-bottom: 1px solid #eee;
 
+    .item-score-result {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;;
+    }
+
+    &:first-child {
+      padding-top: 0;
+    }
+
     &:last-child {
       border-bottom: none;
+      padding-bottom: 0;
     }
   }
 
@@ -761,6 +841,9 @@ onMounted(async () => {
 }
 
 .inspection-list {
+  position: relative;
+  height: calc(100vh - 50px);
+  
   .inspection-record {
     .record-header {
       display: flex;
@@ -794,18 +877,25 @@ onMounted(async () => {
     .record-content {
       .content-item {
         display: flex;
-        justify-content: space-between;
         margin-bottom: 5px;
         font-size: 14px;
         color: #333;
 
         .item-label {
           font-weight: bold;
-          margin-right: 10px;
+          flex: 0 0 80px;
         }
       }
     }
   }
+
+  ::v-deep .zp-loading-fixed {
+    position: absolute;
+  }
+
+  ::v-deep .d-load-main {
+    position: absolute;
+  }
 }
 
 .empty-records {