From ee5e5c335f659bf28f3cb9998e7e48e1ca950eaa Mon Sep 17 00:00:00 2001
From: hb <hb@git.com>
Date: Mon, 21 Jul 2025 19:49:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A3=9F=E5=A0=82=E5=B7=A1?=
 =?UTF-8?q?=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/base/hcApi.ts                         |  30 ++
 src/pages.json                                |  21 +
 src/pages/base/service/index.vue              |  13 +-
 src/pages/view/notice/detail.vue              |   2 +-
 src/pages/view/notice/index.vue               |   2 +-
 src/pages/view/notice/publish.vue             | 144 ++++--
 src/pages/view/routine/ShiTangXunCha/add.vue  | 489 ++++++++++++++++++
 .../view/routine/ShiTangXunCha/detail.vue     | 284 ++++++++++
 .../view/routine/ShiTangXunCha/index.vue      | 477 +++++++++++++++++
 src/static/base/home/hc-fill.png              | Bin 0 -> 7612 bytes
 10 files changed, 1408 insertions(+), 54 deletions(-)
 create mode 100644 src/api/base/hcApi.ts
 create mode 100644 src/pages/view/routine/ShiTangXunCha/add.vue
 create mode 100644 src/pages/view/routine/ShiTangXunCha/detail.vue
 create mode 100644 src/pages/view/routine/ShiTangXunCha/index.vue
 create mode 100644 src/static/base/home/hc-fill.png

diff --git a/src/api/base/hcApi.ts b/src/api/base/hcApi.ts
new file mode 100644
index 0000000..999bf44
--- /dev/null
+++ b/src/api/base/hcApi.ts
@@ -0,0 +1,30 @@
+// 食堂巡查相关API接口
+import { get, post } from "@/utils/request";
+
+/**
+ * 分页查询食堂巡查记录
+ */
+export function hcFindPageApi(params: any) {
+  return get("/api/hc/findPage", params);
+}
+
+/**
+ * 新增/修改食堂巡查记录
+ */
+export function hcSaveApi(params: any) {
+  return post("/api/hc/save", params);
+}
+
+/**
+ * 根据id查询食堂巡查记录
+ */
+export function hcFindByIdApi(params: any) {
+  return get("/api/hc/findById", params);
+}
+
+/**
+ * 删除食堂巡查记录
+ */
+export function hcLogicDeleteApi(params: any) {
+  return post("/api/hc/logicDelete", params);
+} 
\ No newline at end of file
diff --git a/src/pages.json b/src/pages.json
index d3c7bb7..92f06fd 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -181,6 +181,27 @@
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/view/routine/ShiTangXunCha/index",
+      "style": {
+        "navigationBarTitleText": "食堂巡查",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/ShiTangXunCha/add",
+      "style": {
+        "navigationBarTitleText": "新增食堂巡查",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/ShiTangXunCha/detail",
+      "style": {
+        "navigationBarTitleText": "食堂巡查详情",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/view/routine/JiFenPingJia/detail",
       "style": {
diff --git a/src/pages/base/service/index.vue b/src/pages/base/service/index.vue
index 1b830fd..d726a4a 100644
--- a/src/pages/base/service/index.vue
+++ b/src/pages/base/service/index.vue
@@ -181,6 +181,7 @@ const sections = reactive<Section[]>([
         show: true,
         path: "/pages/view/routine/GongZuoLiang/index",
       },
+
       // {
       //   id: "r4",
       //   icon: "file-paper-2-fill",
@@ -195,7 +196,13 @@ const sections = reactive<Section[]>([
         show: true,
         path: "/pages/view/routine/RengJiaoRengZhi/index",
       },
-
+      {
+        id: "r9",
+        icon: "hc-fill",
+        text: "食堂巡查",
+        show: true,
+        path: "/pages/view/routine/ShiTangXunCha/index",
+      },
       {
         id: "r6",
         icon: "pass-pending-fill",
@@ -252,13 +259,13 @@ const sections = reactive<Section[]>([
         show: true,
         path: "/pages/view/homeSchool/parentAddressBook/index",
       },
-      {
+      /*{
         id: "hs4",
         icon: "newspaper-fill",
         text: "通知列表",
         show: true,
         path: "/pages/view/notice/index",
-      },
+      },*/
       {
         id: "hs6",
         icon: "filechart2fil",
diff --git a/src/pages/view/notice/detail.vue b/src/pages/view/notice/detail.vue
index a9e6ea0..2daa545 100644
--- a/src/pages/view/notice/detail.vue
+++ b/src/pages/view/notice/detail.vue
@@ -207,7 +207,7 @@ watch(studentList, (list) => {
 <style scoped lang="scss">
 .notice-detail-page {
   background-color: #f4f5f7;
-  min-height: 100vh;
+  padding-bottom: 70px;
   padding: 15px;
   box-sizing: border-box;
 }
diff --git a/src/pages/view/notice/index.vue b/src/pages/view/notice/index.vue
index f6ea9ca..7361f24 100644
--- a/src/pages/view/notice/index.vue
+++ b/src/pages/view/notice/index.vue
@@ -55,7 +55,7 @@
               type="primary"
               @click="goToPublish"
             />
-          </view>
+        </view>
       </template>
     </BasicListLayout>
     <!-- 用uniqueList渲染 -->
diff --git a/src/pages/view/notice/publish.vue b/src/pages/view/notice/publish.vue
index 0ae55b5..071c68e 100644
--- a/src/pages/view/notice/publish.vue
+++ b/src/pages/view/notice/publish.vue
@@ -130,6 +130,21 @@
           </picker>
         </view>
 
+        <!-- 回执说明 -->
+        <view class="info-card" v-if="formData.signatureRequired">
+          <view class="form-item">
+            <text class="form-label">回执说明</text>
+            <uni-easyinput
+              type="textarea"
+              autoHeight
+              v-model="formData.mdhz"
+              placeholder="请输入回执说明"
+              :inputBorder="false"
+              class="receipt-input"
+            ></uni-easyinput>
+          </view>
+        </view>
+
         <view class="info-card list-item-card">
           <uni-datetime-picker type="datetime" v-model="formData.startTime">
             <view class="list-item-row">
@@ -160,9 +175,6 @@
         <button class="action-btn draft-btn" @click="saveDraft">
           保存草稿
         </button>
-          <button class="action-btn preview-btn" @click="previewNotice">
-            预览
-          </button>
           <button class="action-btn publish-btn" @click="publishNotice" :disabled="isPublishing">
             {{ isPublishing ? '发布中...' : '立即发布' }}
           </button>
@@ -222,7 +234,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, computed, nextTick } from "vue";
+import { ref, reactive, computed, nextTick, watch } from "vue";
 import { onLoad, onShow } from "@dcloudio/uni-app";
 import CustomUpload from "/src/components/BasicUpload/CustomUpload.vue";
 import BasicTree from "@/components/BasicTree/Tree.vue";
@@ -254,6 +266,7 @@ interface FormData {
   signatureRequired: boolean;
   startTime: string;
   endTime: string;
+  mdhz: string; // 回执说明
 }
 
 const noticeId = ref<string | null>(null);
@@ -273,6 +286,7 @@ const formData = reactive<FormData>({
   signatureRequired: true,
   startTime: "",
   endTime: "",
+  mdhz: "", // 新增回执说明字段
 });
 
 const signatureOptions = ["启用" , "不启用"];
@@ -281,7 +295,7 @@ const signatureStatusText = computed(() => {
 });
 
 // 树形数据
-const treeData = ref([]);
+const treeData = ref<any[]>([]);
 const treeRef = ref();
 
 // 学生显示相关
@@ -296,14 +310,23 @@ const displayNames = computed(() => {
 // 添加 ref 来引用封面上传组件
 const coverUploadRef = ref();
 
+// 统一接口返回类型声明
+interface ApiResponse<T = any> {
+  resultCode: number;
+  result?: T;
+  resultMsg?: string;
+  data?: any;
+  [key: string]: any;
+}
+
 // 加载树形数据
 const loadTreeData = async () => {
   try {
-    const res = await findAllNjBjTree();
-    if (res.resultCode === 1 && res.result) {
+    const res = await findAllNjBjTree() as ApiResponse<any[]>;
+    if (res && res.resultCode === 1 && res.result) {
       // 递归转换数据格式以适配 BasicTree 组件，同时保留 njmcId 字段
-      const convertTreeData = (items: any[]): any[] => {
-        return items.map((item: any) => ({
+      const convertTreeData = (items: Array<{ key: string; title: string; njmcId?: string; children?: any[] }>): any[] => {
+        return items.map((item) => ({
           key: item.key,
           title: item.title,
           njmcId: item.njmcId, // 保留 njmcId 字段
@@ -355,9 +378,10 @@ const resetForm = () => {
     targetNjIds: [],
     targetNjmcIds: [],
     targetBjIds: [],
-    signatureRequired: false,
+    signatureRequired: true, // 修正：与初始值保持一致
     startTime: "",
     endTime: "",
+    mdhz: "", // 重置回执说明
   });
 
   // 重置发布状态
@@ -384,9 +408,7 @@ const resetForm = () => {
 const loadJlData = async (jlId: string) => {
   try {
     uni.showLoading({ title: "加载数据中..." });
-
-    // 调用获取接龙详情的接口
-    const response = await jlFindByIdApi({ id: jlId });
+    const response = await jlFindByIdApi({ id: jlId }) as ApiResponse<any>;
 
     if (response && response.resultCode === 1 && response.result) {
       const jlData = response.result;
@@ -399,14 +421,15 @@ const loadJlData = async (jlId: string) => {
       formData.startTime = jlData.jlkstime || "";
       formData.endTime = jlData.jljstime || "";
       formData.signatureRequired = jlData.mdqz === "1";
+      formData.mdhz = jlData.mdhz || ""; // 加载回执说明
 
       // 处理附件
       if (jlData.jlfj) {
         const attachmentUrls = jlData.jlfj.split(",");
-        formData.attachments = attachmentUrls.map(url => ({
+        formData.attachments = attachmentUrls.map((url: string) => ({
           name: url.split("/").pop() || "附件",
           type: "file",
-          url: url
+          url: url as string
         }));
       }
 
@@ -573,7 +596,7 @@ const getAttachmentIcon = (type: string): string => {
 const previewAttachment = (attachment: Attachment) => {
   // 如果是图片类型，可以预览
   if (attachment.type === "image") {
-    const fullUrl = imagUrl(attachment.url);
+    const fullUrl = imagUrl(attachment.url as string);
     uni.previewImage({
       urls: [fullUrl],
       current: fullUrl,
@@ -594,11 +617,11 @@ const showClassTree = () => {
 };
 
 // 树形选择确认
-const onTreeConfirm = async (selectedItems: any[]) => {
+const onTreeConfirm = async (selectedItems: Array<any>) => {
 
   if (selectedItems.length > 0) {
     // 处理多选情况
-    const classNames = selectedItems.map((item) => item.title);
+    const classNames = selectedItems.map((item: any) => item.title);
     formData.targetClass = classNames.join(", ");
     formData.targetNames = [];
     formData.targetStudentIds = [];
@@ -615,16 +638,24 @@ const onTreeConfirm = async (selectedItems: any[]) => {
       const bjIds: string[] = [];
       const gradeNames: string[] = []; // 用于存储年级名称，用于错误提示
 
-      selectedItems.forEach((item) => {
+      selectedItems.forEach((item: any) => {
         // 如果选择的是班级（有parents表示是班级）
         if (item.parents && item.parents.length > 0) {
           const parent = item.parents[0]; // 年级信息
 
           const njId = parent.key; // 年级ID：parents[0].key
-          const njmcId = parent.njmcId; // 年级名称ID：从年级信息中获取
           const bjId = item.key; // 班级ID：item.key
           const gradeName = parent.title; // 年级名称
 
+          // 通过年级key从treeData中查找对应的njmcId
+          let njmcId: string | undefined;
+          for (const grade of treeData.value || []) {
+            if (grade.key === njId) {
+              njmcId = grade.njmcId;
+              break;
+            }
+          }
+
           // 确保年级信息完整
           if (njId && bjId && gradeName) {
             njIds.push(njId);
@@ -669,7 +700,7 @@ const onTreeConfirm = async (selectedItems: any[]) => {
           bjId: bjIds.join(","),
         };
 
-        const response = await mobilejlstudentListApi(params);
+        const response = await mobilejlstudentListApi(params) as ApiResponse<any[]>;
 
         if (response && response.resultCode === 1 && response.result) {
           // 提取学生姓名，尝试多个可能的字段名
@@ -699,7 +730,6 @@ const onTreeConfirm = async (selectedItems: any[]) => {
         icon: "success",
       });
     } catch (error) {
-      console.error("获取学生列表失败:", error);
       uni.hideLoading();
       uni.showToast({ title: "获取学生列表失败", icon: "error" });
 
@@ -733,7 +763,16 @@ const removeStudent = (index: number) => {
 
 const handleSignatureChange = (e: any) => {
   const index = e.detail.value;
-  formData.signatureRequired = index == 1;
+  formData.signatureRequired = index == 0; // 修正：索引0是"启用"，索引1是"不启用"
+  
+  // 当启用按名单签名时，自动设置默认的回执说明
+  if (formData.signatureRequired) {
+    const title = formData.title.trim() || "通知";
+    formData.mdhz = `我已认真阅读《${title}》内容，加强对孩子安全教育和安全监管，对孩子的安全全面负责。`;
+  } else {
+    // 当不启用时，清空回执说明
+    formData.mdhz = "";
+  }
 };
 
 const validateForm = () => {
@@ -814,6 +853,7 @@ const buildJlDto = (status: string) => {
     jlkstime: formatDate(formData.startTime), // 接龙开始时间，格式化为 yyyy-MM-dd HH:mm:ss
     jljstime: formatDate(formData.endTime), // 接龙结束时间，格式化为 yyyy-MM-dd HH:mm:ss
     mdqz: formData.signatureRequired ? "1" : "0", // 按名单签字：1启用，0不启用
+    mdhz: formData.mdhz || "", // 回执说明
     njId: formData.targetNjIds.join(","), // 关联年级ID列表
     njmcId: formData.targetNjmcIds.join(","), // 关联年级名称ID列表
     bjId: formData.targetBjIds.join(","), // 关联班级ID列表
@@ -838,13 +878,13 @@ const saveDraft = async () => {
     const jlDto = buildJlDto("B"); // B表示暂存
 
     // 调用后端接口
-    const response = await jlSaveApi(jlDto);
+    const response = await jlSaveApi(jlDto) as ApiResponse<any>;
 
     uni.hideLoading();
 
     if (response && response.resultCode === 1) {
       // 获取接龙ID
-      const jlId = response.result || response.data || jlDto.id;
+      const jlId = response.result || (response as any).data || jlDto.id;
 
       // 更新表单中的ID
       if (jlId) {
@@ -863,15 +903,12 @@ const saveDraft = async () => {
       }, 2000);
     } else {
       uni.showToast({
-        title: response?.resultMsg || "保存草稿失败",
+        title: (response as any)?.resultMsg || "保存草稿失败",
         icon: "error"
       });
     }
   } catch (error) {
     uni.hideLoading();
-    console.error("保存草稿失败:", error);
-
-    // 处理数据验证错误
     if (error instanceof Error) {
       uni.showToast({
         title: error.message,
@@ -886,11 +923,6 @@ const saveDraft = async () => {
   }
 };
 
-const previewNotice = () => {
-  if (!validateForm()) return;
-  uni.showToast({ title: "预览功能待实现", icon: "none" });
-};
-
 const publishNotice = async () => {
   if (!validateForm()) return;
 
@@ -909,7 +941,7 @@ const publishNotice = async () => {
   // 如果有ID，检查接龙是否已存在且已发布
   if (formData.id) {
     try {
-      const response = await jlFindByIdApi({ id: formData.id });
+      const response = await jlFindByIdApi({ id: formData.id }) as ApiResponse<any>;
       if (response && response.resultCode === 1 && response.result) {
         const jlData = response.result;
         if (jlData.jlStatus === 'A') {
@@ -917,9 +949,7 @@ const publishNotice = async () => {
           return;
         }
       }
-    } catch (error) {
-      console.error("检查接龙状态失败:", error);
-    }
+    } catch (error) {}
   }
 
   try {
@@ -931,20 +961,19 @@ const publishNotice = async () => {
 
     // 调用后端接口，设置超时处理
     const response = await Promise.race([
-      jlSaveApi(jlDto),
+      jlSaveApi(jlDto) as Promise<ApiResponse<any>>,
       new Promise((_, reject) => 
         setTimeout(() => reject(new Error("请求超时")), 300000) // 5分钟超时
       )
-    ]);
+    ]) as ApiResponse<any>;
 
     uni.hideLoading();
 
     if (response && response.resultCode === 1) {
       // 获取接龙ID，优先使用返回的ID，如果没有则使用请求中的ID
-      const jlId = response.result || response.data || jlDto.id;
+      const jlId = response.result || (response as any).data || jlDto.id;
 
       if (!jlId) {
-        console.error("发布成功但未获取到接龙ID");
         uni.showToast({
           title: "发布成功，但获取接龙ID失败",
           icon: "error"
@@ -971,16 +1000,16 @@ const publishNotice = async () => {
         });
       }, 2000);
     } else {
+      // 处理业务错误
+      const errorMsg = (response as any)?.resultMsg || (response as any)?.message || "发布失败";
       uni.showToast({
-        title: response?.resultMsg || "发布失败",
-        icon: "error"
+        title: errorMsg,
+        icon: "none",
+        duration: 3000
       });
     }
   } catch (error) {
     uni.hideLoading();
-    console.error("发布接龙失败:", error);
-
-    // 处理不同类型的错误
     if (error instanceof Error) {
       if (error.message === "请求超时") {
         uni.showToast({
@@ -996,7 +1025,7 @@ const publishNotice = async () => {
       }
     } else if (error && typeof error === 'object' && 'errMsg' in error) {
       // uni-app 错误对象
-      if (error.errMsg && error.errMsg.includes('timeout')) {
+      if ((error as any).errMsg && (error as any).errMsg.includes('timeout')) {
         uni.showToast({
           title: "请求超时，请检查网络连接或稍后重试",
           icon: "none",
@@ -1004,7 +1033,7 @@ const publishNotice = async () => {
         });
       } else {
         uni.showToast({
-          title: error.errMsg || "发布失败，请重试",
+          title: (error as any).errMsg || "发布失败，请重试",
           icon: "error"
         });
       }
@@ -1018,6 +1047,15 @@ const publishNotice = async () => {
     isPublishing.value = false;
   }
 };
+
+
+// 监听标题变化，自动更新回执说明
+watch(() => formData.title, (newTitle) => {
+  if (formData.signatureRequired && newTitle) {
+    const title = newTitle.trim() || "通知";
+    formData.mdhz = `我已认真阅读《${title}》内容，加强对孩子安全教育和安全监管，对孩子的安全全面负责。`;
+  }
+}, { immediate: false });
 </script>
 
 <style scoped lang="scss">
@@ -1154,6 +1192,14 @@ const publishNotice = async () => {
     min-height: 80px;
   }
 
+  .receipt-input ::v-deep .uni-easyinput__content-textarea {
+    font-size: 14px !important;
+    color: #606266 !important;
+    padding: 0 !important;
+    line-height: 1.5;
+    min-height: 60px;
+  }
+
   .attachments-section {
     padding-top: 15px;
     .form-label {
diff --git a/src/pages/view/routine/ShiTangXunCha/add.vue b/src/pages/view/routine/ShiTangXunCha/add.vue
new file mode 100644
index 0000000..18946dd
--- /dev/null
+++ b/src/pages/view/routine/ShiTangXunCha/add.vue
@@ -0,0 +1,489 @@
+<!-- src/pages/view/routine/ShiTangXunCha/add.vue -->
+<template>
+  <view class="add-page">
+    <view class="form-container">
+      <view class="form-title">新增食堂巡查</view>
+      
+      <!-- 工作名称 -->
+      <view class="form-item">
+        <text class="form-label">工作名称 *</text>
+        <input
+          v-model="formData.gzmc"
+          class="form-input"
+          placeholder="请输入工作名称"
+          maxlength="100"
+        />
+      </view>
+
+      <!-- 工作描述 -->
+      <view class="form-item">
+        <text class="form-label">工作描述</text>
+        <textarea
+          v-model="formData.gzms"
+          class="form-textarea"
+          placeholder="请输入工作描述"
+          maxlength="500"
+          :show-count="true"
+        />
+      </view>
+
+      <!-- 上传照片 -->
+      <view class="form-item">
+        <text class="form-label">上传照片</text>
+        <view class="upload-section">
+          <view class="upload-list">
+            <view
+              v-for="(image, index) in imageList"
+              :key="index"
+              class="upload-item"
+            >
+              <image
+                :src="image.url ? imagUrl(image.url) : image.tempPath"
+                mode="aspectFill"
+                class="upload-image"
+                @click="previewImage(index)"
+              />
+              <view class="upload-delete" @click="deleteImage(index)">
+                <text class="delete-icon">×</text>
+              </view>
+            </view>
+            <view
+              v-if="imageList.length < 9"
+              class="upload-add"
+              @click="chooseImage"
+            >
+              <text class="add-icon">+</text>
+              <text class="add-text">添加图片</text>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 提交人 -->
+      <view class="form-item">
+        <text class="form-label">提交人</text>
+        <input
+          :value="formData.jsxm"
+          class="form-input"
+          disabled
+          placeholder="自动获取当前用户"
+        />
+      </view>
+
+      <!-- 提交时间 -->
+      <view class="form-item">
+        <text class="form-label">提交时间</text>
+        <picker
+          mode="date"
+          :value="formData.tjtime"
+          @change="onTimeChange"
+          class="form-picker"
+        >
+          <view class="picker-display">
+            {{ formData.tjtime || '请选择提交时间' }}
+          </view>
+        </picker>
+      </view>
+    </view>
+
+    <!-- 提交按钮 -->
+    <view class="submit-section">
+      <u-button
+        text="提交"
+        type="primary"
+        :loading="submitting"
+        @click="handleSubmit"
+        class="submit-btn"
+      />
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { hcSaveApi } from "@/api/base/hcApi";
+import { attachmentUpload } from "@/api/system/upload";
+import { useUserStore } from "@/store/modules/user";
+import { showLoading, hideLoading, showToast } from "@/utils/uniapp";
+import { imagUrl } from "@/utils";
+import { ref, onMounted } from "vue";
+
+const { getJs } = useUserStore();
+
+// 表单数据
+const formData = ref({
+  gzmc: '', // 工作名称
+  gzms: '', // 工作描述
+  jsId: '', // 提交老师ID
+  jsxm: '', // 提交老师姓名
+  tjtime: '', // 提交时间
+  tjfj: '' // 提交附件
+});
+
+// 图片列表 - 修改为包含临时路径和服务器路径的对象
+interface ImageItem {
+  tempPath?: string; // 临时路径（用于预览）
+  url?: string; // 服务器路径（上传成功后）
+  name?: string; // 文件名
+}
+
+const imageList = ref<ImageItem[]>([]);
+
+// 提交状态
+const submitting = ref(false);
+
+// 初始化数据
+onMounted(() => {
+  const js = getJs;
+  formData.value.jsId = js.id;
+  formData.value.jsxm = js.jsxm;
+  
+  // 设置默认时间为今天
+  const today = new Date();
+  formData.value.tjtime = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`;
+});
+
+// 选择图片
+const chooseImage = () => {
+  uni.chooseImage({
+    count: 9 - imageList.value.length,
+    sizeType: ['compressed'],
+    sourceType: ['album', 'camera'],
+    success: async (res) => {
+      // 添加临时图片到列表
+      const newImages = res.tempFilePaths.map(path => ({
+        tempPath: path,
+        name: path.split('/').pop() || 'image.jpg'
+      }));
+      
+      imageList.value = [...imageList.value, ...newImages];
+      
+      // 自动上传图片
+      await uploadImages(newImages);
+    }
+  });
+};
+
+// 上传图片到服务器
+const uploadImages = async (images: ImageItem[]) => {
+  try {
+    showLoading('上传图片中...');
+    
+    for (let i = 0; i < images.length; i++) {
+      const image = images[i];
+      if (image.tempPath) {
+        try {
+          // 调用上传接口
+          const uploadResult: any = await attachmentUpload(image.tempPath as any);
+          
+          if (uploadResult && uploadResult.resultCode === 1 && uploadResult.result && uploadResult.result.length > 0) {
+            // 保存服务器返回的文件路径
+            const serverPath = uploadResult.result[0].filePath;
+            
+            // 更新图片对象，保存服务器路径
+            const index = imageList.value.findIndex(img => img.tempPath === image.tempPath);
+            if (index !== -1) {
+              imageList.value[index].url = serverPath;
+              // 可以删除临时路径以节省内存
+              delete imageList.value[index].tempPath;
+            }
+          } else {
+            throw new Error('上传响应格式异常');
+          }
+        } catch (error) {
+          console.error('图片上传失败:', error);
+          showToast(`${image.name || '图片'}上传失败`, 'none');
+          
+          // 从列表中移除上传失败的图片
+          const index = imageList.value.findIndex(img => img.tempPath === image.tempPath);
+          if (index !== -1) {
+            imageList.value.splice(index, 1);
+          }
+        }
+      }
+    }
+    
+    hideLoading();
+    showToast('图片上传完成', 'success');
+  } catch (error) {
+    hideLoading();
+    console.error('批量上传图片失败:', error);
+    showToast('图片上传失败，请重试', 'none');
+  }
+};
+
+// 预览图片
+const previewImage = (index: number) => {
+  const urls = imageList.value.map(img => 
+    img.url ? imagUrl(img.url) : img.tempPath
+  ).filter(url => url);
+  
+  uni.previewImage({
+    urls: urls,
+    current: index
+  });
+};
+
+// 删除图片
+const deleteImage = (index: number) => {
+  imageList.value.splice(index, 1);
+};
+
+// 时间选择
+const onTimeChange = (e: any) => {
+  formData.value.tjtime = e.detail.value;
+};
+
+// 提交表单
+const handleSubmit = async () => {
+  // 验证必填字段
+  if (!formData.value.gzmc.trim()) {
+    showToast('请输入工作名称', 'none');
+    return;
+  }
+
+  if (!formData.value.tjtime) {
+    showToast('请选择提交时间', 'none');
+    return;
+  }
+
+  // 检查是否有图片正在上传
+  const hasUploadingImages = imageList.value.some(img => img.tempPath && !img.url);
+  if (hasUploadingImages) {
+    showToast('请等待图片上传完成', 'none');
+    return;
+  }
+
+  submitting.value = true;
+  showLoading('提交中...');
+
+  try {
+    // 处理图片路径
+    let tjfj = '';
+    const uploadedImages = imageList.value.filter(img => img.url);
+    if (uploadedImages.length > 0) {
+      // 使用服务器路径，用逗号分隔
+      tjfj = uploadedImages.map(img => img.url).join(',');
+    }
+
+    const submitData = {
+      ...formData.value,
+      tjfj
+    };
+
+    await hcSaveApi(submitData);
+    
+    hideLoading();
+    showToast('提交成功', 'success');
+    
+    // 返回列表页
+    setTimeout(() => {
+      uni.navigateBack();
+    }, 1500);
+    
+  } catch (error) {
+    hideLoading();
+    showToast('提交失败，请重试', 'none');
+    console.error('提交失败:', error);
+  } finally {
+    submitting.value = false;
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.add-page {
+  min-height: 100vh;
+  background-color: #f5f7fa;
+  padding: 16px;
+  box-sizing: border-box;
+}
+
+.form-container {
+  background-color: #ffffff;
+  border-radius: 12px;
+  padding: 20px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  margin-bottom: 20px;
+}
+
+.form-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #2c3e50;
+  text-align: center;
+  margin-bottom: 24px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.form-item {
+  margin-bottom: 20px;
+
+  .form-label {
+    display: block;
+    font-size: 14px;
+    color: #2c3e50;
+    font-weight: 500;
+    margin-bottom: 8px;
+  }
+
+  .form-input {
+    width: 100%;
+    height: 44px;
+    border: 1px solid #e9ecef;
+    border-radius: 8px;
+    padding: 0 12px;
+    font-size: 14px;
+    color: #495057;
+    background-color: #ffffff;
+    box-sizing: border-box;
+
+    &:focus {
+      border-color: #28a745;
+      outline: none;
+    }
+
+    &:disabled {
+      background-color: #f8f9fa;
+      color: #6c757d;
+    }
+  }
+
+  .form-textarea {
+    width: 100%;
+    min-height: 100px;
+    border: 1px solid #e9ecef;
+    border-radius: 8px;
+    padding: 12px;
+    font-size: 14px;
+    color: #495057;
+    background-color: #ffffff;
+    box-sizing: border-box;
+    resize: none;
+
+    &:focus {
+      border-color: #28a745;
+      outline: none;
+    }
+  }
+
+  .form-picker {
+    .picker-display {
+      width: 100%;
+      height: 44px;
+      border: 1px solid #e9ecef;
+      border-radius: 8px;
+      padding: 0 12px;
+      font-size: 14px;
+      color: #495057;
+      background-color: #ffffff;
+      display: flex;
+      align-items: center;
+      box-sizing: border-box;
+    }
+  }
+}
+
+.upload-section {
+  .upload-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .upload-item {
+    position: relative;
+    width: 80px;
+    height: 80px;
+    border-radius: 8px;
+    overflow: hidden;
+    border: 1px solid #e9ecef;
+
+    .upload-image {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .upload-delete {
+      position: absolute;
+      top: 4px;
+      right: 4px;
+      width: 20px;
+      height: 20px;
+      background-color: rgba(0, 0, 0, 0.6);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .delete-icon {
+        color: #ffffff;
+        font-size: 14px;
+        font-weight: bold;
+      }
+    }
+  }
+
+  .upload-add {
+    width: 80px;
+    height: 80px;
+    border: 2px dashed #e9ecef;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #f8f9fa;
+    cursor: pointer;
+
+    .add-icon {
+      font-size: 24px;
+      color: #6c757d;
+      margin-bottom: 4px;
+    }
+
+    .add-text {
+      font-size: 12px;
+      color: #6c757d;
+    }
+  }
+}
+
+.submit-section {
+  padding: 0 16px;
+
+  .submit-btn {
+    width: 100%;
+    height: 48px;
+    background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);
+    border: none;
+    border-radius: 12px;
+    font-size: 16px;
+    font-weight: 600;
+    color: #ffffff;
+    box-shadow: 0 4px 16px rgba(0, 122, 255, 0.3);
+    transition: all 0.3s ease;
+
+    &:active {
+      transform: translateY(1px);
+      box-shadow: 0 2px 8px rgba(0, 122, 255, 0.4);
+    }
+  }
+}
+
+// 响应式优化
+@media (max-width: 375px) {
+  .add-page {
+    padding: 12px;
+  }
+
+  .form-container {
+    padding: 16px;
+  }
+
+  .form-title {
+    font-size: 16px;
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/pages/view/routine/ShiTangXunCha/detail.vue b/src/pages/view/routine/ShiTangXunCha/detail.vue
new file mode 100644
index 0000000..cf8f9ba
--- /dev/null
+++ b/src/pages/view/routine/ShiTangXunCha/detail.vue
@@ -0,0 +1,284 @@
+<!-- src/pages/view/routine/ShiTangXunCha/detail.vue -->
+<template>
+  <view class="detail-page">
+    <view class="detail-container">
+      <view class="detail-header">
+        <text class="detail-title">{{ detailData.gzmc }}</text>
+      </view>
+      
+      <!-- 工作描述 -->
+      <view class="detail-section">
+        <text class="section-title">工作描述</text>
+        <view class="section-content">
+          <rich-text class="detail-text" :nodes="detailData.gzms || '暂无描述'"></rich-text>
+        </view>
+      </view>
+
+      <!-- 照片展示 -->
+      <view v-if="imageList.length > 0" class="detail-section">
+        <text class="section-title">巡查照片</text>
+        <view class="image-grid">
+          <view
+            v-for="(image, index) in imageList"
+            :key="index"
+            class="image-item"
+            @click="previewImage(index)"
+          >
+            <image
+              :src="image"
+              mode="aspectFill"
+              class="detail-image"
+            />
+          </view>
+        </view>
+      </view>
+
+      <!-- 提交信息 -->
+      <view class="detail-section">
+        <text class="section-title">提交信息</text>
+        <view class="info-list">
+          <view class="info-item">
+            <text class="info-label">提交人：</text>
+            <text class="info-value">{{ detailData.jsxm || '未知' }}</text>
+          </view>
+          <view class="info-item">
+            <text class="info-label">提交时间：</text>
+            <text class="info-value">{{ formatTime(detailData.tjtime) }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 操作按钮 -->
+    <view class="action-section">
+      <u-button
+        text="返回列表"
+        type="primary"
+        @click="goBack"
+        class="back-btn"
+      />
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { hcFindByIdApi } from "@/api/base/hcApi";
+import { imagUrl } from "@/utils";
+import { ref, onMounted } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+
+interface DetailData {
+  id: string;
+  gzmc: string;
+  gzms: string;
+  jsId: string;
+  jsxm: string;
+  tjtime: string;
+  tjfj: string;
+}
+
+// 详情数据
+const detailData = ref<DetailData>({
+  id: '',
+  gzmc: '',
+  gzms: '',
+  jsId: '',
+  jsxm: '',
+  tjtime: '',
+  tjfj: ''
+});
+
+// 图片列表
+const imageList = ref<string[]>([]);
+
+// 获取页面参数
+onLoad((options) => {
+  if (options.id) {
+    loadDetail(options.id);
+  }
+});
+
+// 加载详情数据
+const loadDetail = async (id: string) => {
+  try {
+    const res = await hcFindByIdApi({ id });
+    if (res && res.result) {
+      detailData.value = res.result;
+      
+      // 处理图片
+      if (detailData.value.tjfj) {
+        const images = detailData.value.tjfj.split(',').filter(img => img.trim());
+        imageList.value = images.map(img => imagUrl(img));
+      }
+    }
+  } catch (error) {
+    console.error('加载详情失败:', error);
+    uni.showToast({
+      title: '加载失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 预览图片
+const previewImage = (index: number) => {
+  uni.previewImage({
+    urls: imageList.value,
+    current: index
+  });
+};
+
+// 格式化时间
+const formatTime = (timeStr: string) => {
+  if (!timeStr) return "";
+  const date = new Date(timeStr);
+  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+};
+
+// 返回列表
+const goBack = () => {
+  uni.navigateBack();
+};
+</script>
+
+<style scoped lang="scss">
+.detail-page {
+  min-height: 100vh;
+  background-color: #f5f7fa;
+  padding: 16px;
+  box-sizing: border-box;
+}
+
+.detail-container {
+  background-color: #ffffff;
+  border-radius: 12px;
+  padding: 20px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  margin-bottom: 20px;
+}
+
+.detail-header {
+  margin-bottom: 24px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #f0f0f0;
+
+  .detail-title {
+    display: block;
+    font-size: 18px;
+    font-weight: 600;
+    color: #2c3e50;
+    margin-bottom: 8px;
+    line-height: 1.4;
+  }
+
+  .detail-time {
+    font-size: 14px;
+    color: #6c757d;
+  }
+}
+
+.detail-section {
+  margin-bottom: 24px;
+
+  .section-title {
+    display: block;
+    font-size: 16px;
+    font-weight: 600;
+    color: #2c3e50;
+    margin-bottom: 12px;
+    padding-left: 8px;
+    border-left: 3px solid #28a745;
+  }
+
+  .section-content {
+    .detail-text {
+      font-size: 14px;
+      color: #5a6c7d;
+      line-height: 1.6;
+      word-break: break-word;
+    }
+  }
+}
+
+.image-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+
+  .image-item {
+    width: calc(33.33% - 6px);
+    aspect-ratio: 1;
+    border-radius: 8px;
+    overflow: hidden;
+    border: 1px solid #e9ecef;
+
+    .detail-image {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+}
+
+.info-list {
+  .info-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 12px;
+
+    .info-label {
+      font-size: 14px;
+      color: #6c757d;
+      min-width: 80px;
+      flex-shrink: 0;
+    }
+
+    .info-value {
+      font-size: 14px;
+      color: #2c3e50;
+      font-weight: 500;
+    }
+  }
+}
+
+.action-section {
+  padding: 0 16px;
+
+  .back-btn {
+    width: 100%;
+    height: 48px;
+    background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);
+    border: none;
+    border-radius: 12px;
+    font-size: 16px;
+    font-weight: 600;
+    color: #ffffff;
+    box-shadow: 0 4px 16px rgba(0, 122, 255, 0.3);
+    transition: all 0.3s ease;
+
+    &:active {
+      transform: translateY(1px);
+      box-shadow: 0 2px 8px rgba(0, 122, 255, 0.4);
+    }
+  }
+}
+
+// 响应式优化
+@media (max-width: 375px) {
+  .detail-page {
+    padding: 12px;
+  }
+
+  .detail-container {
+    padding: 16px;
+  }
+
+  .detail-header .detail-title {
+    font-size: 16px;
+  }
+
+  .image-grid .image-item {
+    width: calc(50% - 4px);
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/pages/view/routine/ShiTangXunCha/index.vue b/src/pages/view/routine/ShiTangXunCha/index.vue
new file mode 100644
index 0000000..077c836
--- /dev/null
+++ b/src/pages/view/routine/ShiTangXunCha/index.vue
@@ -0,0 +1,477 @@
+<!-- src/pages/view/routine/ShiTangXunCha/index.vue -->
+<template>
+  <view class="hc-list-page">
+    <!-- 查询组件 -->
+    <view class="query-component">
+      <view class="search-card">
+        <view class="search-item">
+          <picker
+            mode="date"
+            :value="searchForm.startTime"
+            @change="onStartTimeChange"
+            class="date-picker"
+          >
+            <view class="picker-text">{{ searchForm.startTime || '开始时间' }}</view>
+          </picker>
+          <text class="date-separator">~</text>
+          <picker
+            mode="date"
+            :value="searchForm.endTime"
+            @change="onEndTimeChange"
+            class="date-picker"
+          >
+            <view class="picker-text">{{ searchForm.endTime || '结束时间' }}</view>
+          </picker>
+        </view>
+        <view class="search-actions">
+          <u-button
+            text="查询"
+            type="primary"
+            size="small"
+            @click="handleSearch"
+            class="search-btn"
+          />
+          <u-button
+            text="重置"
+            type="info"
+            size="small"
+            @click="handleReset"
+            class="reset-btn"
+          />
+        </view>
+      </view>
+    </view>
+
+    <!-- 列表组件 -->
+    <view class="list-component">
+      <scroll-view scroll-y class="list-scroll-view">
+        <view v-if="isLoading" class="loading-indicator">加载中...</view>
+        <template v-else-if="dataList.length > 0">
+          <view v-for="data in dataList" :key="data.id" class="hc-card" @click="goToDetail(data.id)">
+            <view class="card-header">
+              <text class="hc-title">{{ data.gzmc }}</text>
+              <text class="hc-time">{{ formatTime(data.tjtime) }}</text>
+            </view>
+            <view class="card-body">
+              <rich-text class="hc-excerpt" :nodes="data.gzms"></rich-text>
+              <view v-if="data.tjfj" class="image-preview">
+                <image
+                  :src="getImageUrl(data.tjfj)"
+                  mode="aspectFill"
+                  class="preview-image"
+                ></image>
+              </view>
+            </view>
+            <view class="card-footer">
+              <text class="footer-item">提交人: {{ data.jsxm || '未知' }}</text>
+              <text class="footer-item">提交时间: {{ formatTime(data.tjtime) }}</text>
+            </view>
+          </view>
+        </template>
+        <view v-else class="empty-state">暂无巡查数据</view>
+      </scroll-view>
+    </view>
+
+    <!-- 新增按钮 - 固定在底部 -->
+    <view class="add-button-fixed">
+      <u-button
+        text="新增巡查"
+        type="primary"
+        @click="goToAdd"
+        class="add-btn"
+      />
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { hcFindPageApi } from "@/api/base/hcApi";
+import { imagUrl } from "@/utils";
+import { ref, onMounted } from "vue";
+import { onShow } from "@dcloudio/uni-app";
+
+interface HcItem {
+  id: string;
+  gzmc: string; // 工作名称
+  gzms: string; // 工作描述
+  jsId: string; // 提交老师ID
+  jsxm: string; // 提交老师姓名
+  tjtime: string; // 提交时间
+  tjfj: string; // 提交附件
+}
+
+// 获取当月开始时间
+const getCurrentMonthStart = () => {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  return `${year}-${month}-01`;
+};
+
+// 获取当月结束时间
+const getCurrentMonthEnd = () => {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const lastDay = new Date(year, now.getMonth() + 1, 0).getDate();
+  return `${year}-${month}-${lastDay}`;
+};
+
+// 搜索表单
+const searchForm = ref({
+  startTime: getCurrentMonthStart(),
+  endTime: getCurrentMonthEnd()
+});
+
+// 数据列表
+const dataList = ref<HcItem[]>([]);
+const isLoading = ref(false);
+
+// 开始时间选择
+const onStartTimeChange = (e: any) => {
+  searchForm.value.startTime = e.detail.value;
+};
+
+// 结束时间选择
+const onEndTimeChange = (e: any) => {
+  searchForm.value.endTime = e.detail.value;
+};
+
+// 查询
+const handleSearch = () => {
+  getHcList();
+};
+
+// 重置
+const handleReset = () => {
+  searchForm.value.startTime = getCurrentMonthStart();
+  searchForm.value.endTime = getCurrentMonthEnd();
+  getHcList();
+};
+
+// 获取巡查列表
+const getHcList = async () => {
+  isLoading.value = true;
+  try {
+    const res = await hcFindPageApi({
+      startTime: searchForm.value.startTime,
+      endTime: searchForm.value.endTime,
+      page: 1,
+      rows: 100
+    });
+    dataList.value = res.rows || [];
+  } catch (error) {
+    console.error('获取巡查列表失败:', error);
+    dataList.value = [];
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 跳转到详情页
+const goToDetail = (hcId: string) => {
+  uni.navigateTo({
+    url: `/pages/view/routine/ShiTangXunCha/detail?id=${hcId}`,
+  });
+};
+
+// 跳转到新增页
+const goToAdd = () => {
+  uni.navigateTo({
+    url: "/pages/view/routine/ShiTangXunCha/add",
+  });
+};
+
+// 格式化时间
+const formatTime = (timeStr: string) => {
+  if (!timeStr) return "";
+  const date = new Date(timeStr);
+  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(
+    2,
+    "0"
+  )}-${String(date.getDate()).padStart(2, "0")}`;
+};
+
+// 获取图片URL
+const getImageUrl = (imagePath: string) => {
+  if (!imagePath) return "";
+  // 如果路径包含逗号，说明有多张图片，取第一张
+  const firstImage = imagePath.split(',')[0];
+  return imagUrl(firstImage);
+};
+
+onShow(() => {
+  getHcList();
+});
+
+// 页面加载时也调用一次
+onMounted(() => {
+  getHcList();
+});
+</script>
+
+<style scoped lang="scss">
+.hc-list-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #f5f7fa;
+}
+
+// 查询组件
+.query-component {
+  padding: 12px;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+  flex-shrink: 0;
+}
+
+.search-card {
+  background-color: #ffffff;
+  border-radius: 12px;
+  padding: 16px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  border: 1px solid #f0f0f0;
+}
+
+.search-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+  gap: 8px;
+
+  .date-picker {
+    flex: 1;
+    min-width: 120px;
+  }
+
+  .picker-text {
+    background-color: #f8f9fa;
+    border: 1px solid #e9ecef;
+    border-radius: 8px;
+    padding: 8px 12px;
+    font-size: 14px;
+    color: #495057;
+    text-align: center;
+  }
+
+  .date-separator {
+    font-size: 16px;
+    color: #6c757d;
+    margin: 0 8px;
+    font-weight: bold;
+  }
+}
+
+.search-actions {
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+
+  .search-btn, .reset-btn {
+    flex: 1;
+    max-width: 120px;
+  }
+}
+
+// 列表组件
+.list-component {
+  flex: 1;
+  overflow-y: auto;
+  padding: 12px;
+  padding-bottom: 80px; // 为底部按钮留出空间
+  box-sizing: border-box;
+  background-color: #f5f7fa;
+}
+
+.list-scroll-view {
+  height: 100%;
+}
+
+.loading-indicator,
+.empty-state {
+  text-align: center;
+  color: #999;
+  padding: 30px 15px;
+  font-size: 14px;
+}
+
+.hc-card {
+  background-color: #ffffff;
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 12px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  border: 1px solid #f0f0f0;
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
+
+  &:active {
+    transform: translateY(1px);
+    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 4px;
+    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
+    border-radius: 2px;
+  }
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 12px;
+  gap: 12px;
+
+  .hc-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #2c3e50;
+    flex: 1;
+    line-height: 1.4;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-word;
+  }
+
+  .hc-time {
+    font-size: 12px;
+    color: #6c757d;
+    white-space: nowrap;
+    flex-shrink: 0;
+  }
+}
+
+.card-body {
+  margin-bottom: 12px;
+
+  .hc-excerpt {
+    font-size: 14px;
+    color: #5a6c7d;
+    line-height: 1.6;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    word-break: break-word;
+    margin-bottom: 8px;
+  }
+
+  .image-preview {
+    .preview-image {
+      width: 80px;
+      height: 60px;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+      object-fit: cover;
+    }
+  }
+}
+
+.card-footer {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 16px;
+  align-items: center;
+  padding-top: 12px;
+  border-top: 1px solid #f0f0f0;
+
+  .footer-item {
+    white-space: nowrap;
+    font-size: 13px;
+    color: #7f8c8d;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 180px;
+    display: flex;
+    align-items: center;
+    
+    &::before {
+      content: '';
+      width: 4px;
+      height: 4px;
+      background-color: #bdc3c7;
+      border-radius: 50%;
+      margin-right: 6px;
+      flex-shrink: 0;
+    }
+  }
+}
+
+// 新增按钮 - 固定在底部
+.add-button-fixed {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 15px;
+  background-color: #fff;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+  z-index: 10;
+  border-top: 1px solid #eee;
+  
+  .add-btn {
+    width: 100%;
+    background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);
+    border-radius: 12px;
+    padding: 12px 24px;
+    box-shadow: 0 4px 16px rgba(0, 122, 255, 0.3);
+    font-weight: 600;
+    font-size: 16px;
+    
+    &:active {
+      transform: translateY(1px);
+    }
+  }
+}
+
+// 响应式优化
+@media (max-width: 375px) {
+  .query-component {
+    padding: 8px;
+  }
+
+  .hc-card {
+    padding: 12px;
+    margin-bottom: 8px;
+  }
+
+  .card-header .hc-title {
+    font-size: 15px;
+  }
+
+  .card-footer .footer-item {
+    max-width: 150px;
+    font-size: 12px;
+  }
+}
+
+// 加载动画
+.hc-card {
+  animation: fadeInUp 0.3s ease-out;
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+</style> 
\ No newline at end of file
diff --git a/src/static/base/home/hc-fill.png b/src/static/base/home/hc-fill.png
new file mode 100644
index 0000000000000000000000000000000000000000..4771ede7a862f2c7a07159a8fb73804e1dd0f4f0
GIT binary patch
literal 7612
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
C(Oymf

literal 0
HcmV?d00001