diff --git a/src/api/base/jsApi.ts b/src/api/base/jsApi.ts
index 915856b..3bac34d 100644
--- a/src/api/base/jsApi.ts
+++ b/src/api/base/jsApi.ts
@@ -5,3 +5,8 @@ import { get, post } from "@/utils/request";
 export const findNjJsListApi = async (params: any) => {
   return await get("/api/bj/findNjJsList", params);
 };
+
+// 根据教师ID列表查询教师信息
+export const findByIdsApi = async (params: any) => {
+  return await get("/api/js/findByIds", params);
+};
\ No newline at end of file
diff --git a/src/api/forum/index.ts b/src/api/forum/index.ts
new file mode 100644
index 0000000..ae684d8
--- /dev/null
+++ b/src/api/forum/index.ts
@@ -0,0 +1,201 @@
+import { get, post } from "@/utils/request";
+
+// ==================== 社区相关 ====================
+
+/**
+ * 分页查询社区列表
+ */
+export function communityFindPageApi(params: any) {
+  return get('/api/forumCommunity/findPage', params);
+}
+
+/**
+ * 根据ID查询社区详情
+ */
+export function communityFindByIdApi(params: any) {
+  return get('/api/forumCommunity/findById', params);
+}
+
+/**
+ * 新增/修改社区
+ */
+export function communitySaveApi(params: any) {
+  return post('/api/forumCommunity/save', params);
+}
+
+/**
+ * 删除社区
+ */
+export function communityDeleteApi(params: any) {
+  return post('/api/forumCommunity/logicDelete', params);
+}
+
+// ==================== 社区成员相关 ====================
+
+/**
+ * 加入社区
+ */
+export function communityMemberJoinApi(params: any) {
+  return post('/api/forumCommunityMember/save', params);
+}
+
+/**
+ * 退出社区
+ */
+export function communityMemberQuitApi(params: any) {
+  return post('/api/forumCommunityMember/logicDelete', params);
+}
+
+/**
+ * 获取社区成员列表
+ */
+export function communityMemberFindPageApi(params: any) {
+  return get('/api/forumCommunityMember/findPage', params);
+}
+
+/**
+ * 获取我加入的社区
+ */
+export function getMyCommunityListApi(params: any) {
+  return get('/api/forumCommunityMember/findPage', params);
+}
+
+// ==================== 帖子相关 ====================
+
+/**
+ * 分页查询帖子列表
+ */
+export function postFindPageApi(params: any) {
+  return get('/api/forumPost/findPage', params);
+}
+
+/**
+ * 根据ID查询帖子详情
+ */
+export function postFindByIdApi(params: any) {
+  return get('/api/forumPost/findById', params);
+}
+
+/**
+ * 新增/修改帖子
+ */
+export function postSaveApi(params: any) {
+  return post('/api/forumPost/save', params);
+}
+
+/**
+ * 删除帖子
+ */
+export function postDeleteApi(params: any) {
+  return post('/api/forumPost/logicDelete', params);
+}
+
+// ==================== 评论相关 ====================
+
+/**
+ * 分页查询评论列表
+ */
+export function commentFindPageApi(params: any) {
+  return get('/api/forumComment/findPage', params);
+}
+
+/**
+ * 根据ID查询评论详情
+ */
+export function commentFindByIdApi(params: any) {
+  return get('/api/forumComment/findById', params);
+}
+
+/**
+ * 新增/修改评论
+ */
+export function commentSaveApi(params: any) {
+  return post('/api/forumComment/save', params);
+}
+
+/**
+ * 删除评论
+ */
+export function commentDeleteApi(params: any) {
+  return post('/api/forumComment/logicDelete', params);
+}
+
+// ==================== 点赞相关 ====================
+
+/**
+ * 点赞/取消点赞
+ */
+export function likeSaveApi(params: any) {
+  return post('/api/forumLike/save', params);
+}
+
+/**
+ * 删除点赞
+ */
+export function likeDeleteApi(params: any) {
+  return post('/api/forumLike/logicDelete', params);
+}
+
+/**
+ * 查询是否已点赞
+ */
+export function likeFindByIdApi(params: any) {
+  return get('/api/forumLike/findById', params);
+}
+
+// ==================== 收藏相关 ====================
+
+/**
+ * 收藏/取消收藏
+ */
+export function collectSaveApi(params: any) {
+  return post('/api/forumCollect/save', params);
+}
+
+/**
+ * 删除收藏
+ */
+export function collectDeleteApi(params: any) {
+  return post('/api/forumCollect/logicDelete', params);
+}
+
+/**
+ * 查询我的收藏
+ */
+export function collectFindPageApi(params: any) {
+  return get('/api/forumCollect/findPage', params);
+}
+
+// ==================== 消息相关 ====================
+
+/**
+ * 分页查询消息列表
+ */
+export function messageFindPageApi(params: any) {
+  return get('/api/forumMessage/findPage', params);
+}
+
+/**
+ * 标记消息已读
+ */
+export function messageReadApi(params: any) {
+  return post('/api/forumMessage/save', params);
+}
+
+/**
+ * 获取未读消息数量
+ */
+export function messageUnreadCountApi(params: any) {
+  return get('/api/forumMessage/unreadCount', params);
+}
+
+// ==================== 文件上传相关 ====================
+
+/**
+ * 文件上传
+ */
+export function fileUploadApi(params: any) {
+  return post('/api/upload/uploadFile', params);
+}
+
+
diff --git a/src/pages.json b/src/pages.json
index 8be0409..7132728 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -339,6 +339,51 @@
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/view/routine/lt/index",
+      "style": {
+        "navigationBarTitleText": "学校论坛",
+        "enablePullDownRefresh": true,
+        "backgroundColor": "#f5f7fa"
+      }
+    },
+    {
+      "path": "pages/view/routine/lt/detail",
+      "style": {
+        "navigationBarTitleText": "论坛详情",
+        "enablePullDownRefresh": true,
+        "backgroundColor": "#f5f7fa"
+      }
+    },
+    {
+      "path": "pages/view/routine/lt/create",
+      "style": {
+        "navigationBarTitleText": "创建论坛",
+        "backgroundColor": "#f5f7fa"
+      }
+    },
+    {
+      "path": "pages/view/routine/lt/edit",
+      "style": {
+        "navigationBarTitleText": "修改论坛",
+        "backgroundColor": "#f5f7fa"
+      }
+    },
+    {
+      "path": "pages/view/routine/lt/postDetail",
+      "style": {
+        "navigationBarTitleText": "帖子详情",
+        "enablePullDownRefresh": true,
+        "backgroundColor": "#f5f7fa"
+      }
+    },
+    {
+      "path": "pages/view/routine/lt/publish",
+      "style": {
+        "navigationBarTitleText": "发布帖子",
+        "backgroundColor": "#f5f7fa"
+      }
+    },
     {
       "path": "pages/view/routine/ShiTangXunCha/index",
       "style": {
diff --git a/src/pages/base/service/index.vue b/src/pages/base/service/index.vue
index d97d31f..36342e4 100644
--- a/src/pages/base/service/index.vue
+++ b/src/pages/base/service/index.vue
@@ -294,7 +294,7 @@ const sections = reactive<Section[]>([
             text: "交流讨论",
             show: true,
             permissionKey: "ysyc-jltl",
-            path: "/pages/view/rw/index",
+            path: "/pages/view/routine/lt/index",
           },
           {
             id: "gnyy7",
diff --git a/src/pages/view/routine/lt/create.vue b/src/pages/view/routine/lt/create.vue
new file mode 100644
index 0000000..0d7ff7c
--- /dev/null
+++ b/src/pages/view/routine/lt/create.vue
@@ -0,0 +1,1037 @@
+<template>
+  <view class="create-community-page">
+    <view class="form-container">
+      <!-- 交流群名称 -->
+      <view class="form-item">
+        <view class="item-label">交流群名称 <text class="required">*</text></view>
+        <u--input 
+          v-model="form.communityName"
+          placeholder="请输入交流群名称"
+          :maxlength="50"
+        />
+      </view>
+
+      <!-- 交流群描述 -->
+      <view class="form-item">
+        <view class="item-label">交流群描述</view>
+        <u--textarea 
+          v-model="form.communityDesc"
+          placeholder="请输入交流群描述"
+          :maxlength="200"
+          :count="true"
+          :auto-height="true"
+          :height="150"
+        />
+      </view>
+
+      <!-- 交流群封面 -->
+      <view class="form-item">
+        <view class="item-label">交流群封面</view>
+        <view class="upload-section">
+          <ImageVideoUpload
+            v-model:image-list="imageList"
+            :max-image-count="1"
+            :max-video-count="0"
+            :enable-video="false"
+            :compress-config="compressConfig"
+            :upload-api="attachmentUpload"
+            @image-upload-success="onImageUploadSuccess"
+          />
+        </view>
+      </view>
+
+      <!-- 交流群类型 -->
+      <view class="form-item">
+        <view class="item-label">交流群类型 <text class="required">*</text></view>
+        <u-radio-group v-model="form.communityType" placement="row">
+          <u-radio 
+            v-for="option in communityTypeOptions" 
+            :key="option.value"
+            :label="option.label" 
+            :name="option.value"
+            :custom-style="{ marginRight: '40rpx' }"
+          />
+        </u-radio-group>
+      </view>
+
+      <!-- 交流群分类 -->
+      <view class="form-item">
+        <view class="item-label">交流群分类 <text class="required">*</text></view>
+        <view class="picker-trigger" @click="openCategoryPicker">
+          <text v-if="!form.category" class="placeholder">请选择交流群分类</text>
+          <text v-else>{{ getSelectedCategoryName() }}</text>
+          <u-icon name="arrow-down" size="16" color="#999" />
+        </view>
+
+        <BasicPicker
+          ref="categoryPickerRef"
+          v-model="selectedCategory"
+          :range="categoryRange"
+          range-key="dictionaryValue"
+          title="选择交流群分类"
+          @change="onCategorySelectionChange"
+          @ok="onCategoryConfirm"
+        />
+      </view>
+
+      <!-- 权限配置 -->
+      <view class="permission-section" v-if="form.communityType === 2">
+        <view class="section-title">
+          <text>访问成员配置</text>
+          <text class="tip">（仅私密交流群需要配置）</text>
+        </view>
+
+        <!-- 课程选择（仅当分类为一师一策时显示） -->
+        <view v-if="form.category === '一师一策'" class="permission-item">
+          <view class="item-label">
+            <text>选择课程</text>
+            <text class="optional">（选填）</text>
+          </view>
+          <picker
+            mode="selector"
+            :range="courseOptions"
+            range-key="kcmc"
+            @change="handleCourseChange"
+          >
+            <view class="course-selector">
+              <text :class="{ placeholder: !selectedCourse }">
+                {{ selectedCourse ? selectedCourse.kcmc : '请选择课程' }}
+              </text>
+              <u-icon name="arrow-down" size="16" color="#999" />
+            </view>
+          </picker>
+        </view>
+
+<!--        &lt;!&ndash; 年级选择 &ndash;&gt;
+        <view class="permission-item">
+          <view class="item-label">
+            <text>允许的年级</text>
+            <text class="optional">（选填）</text>
+          </view>
+          <view class="picker-trigger" @click="showNjPicker = true">
+            <text v-if="!selectedNjName" class="placeholder">请选择年级</text>
+            <text v-else>{{ selectedNjName }}</text>
+            <u-icon name="arrow-down" size="16" color="#999" />
+          </view>
+        </view>
+
+        &lt;!&ndash; 班级选择 &ndash;&gt;
+        <view class="permission-item">
+          <view class="item-label">
+            <text>允许的班级</text>
+            <text class="optional">（选填）</text>
+          </view>
+          <view class="picker-trigger" @click="showBjPicker = true">
+            <text v-if="selectedBjNames.length === 0" class="placeholder">请选择班级</text>
+            <text v-else>已选择 {{ selectedBjNames.length }} 个班级</text>
+            <u-icon name="arrow-down" size="16" color="#999" />
+          </view>
+        </view>-->
+
+        <!-- 指定教师 -->
+        <view class="permission-item">
+          <view class="item-label">
+            <text>指定成员</text>
+            <text class="required">（必填，至少2人）</text>
+            <text v-if="form.category === '一师一策' && selectedCourse" class="auto-fill-tip">（已自动填充课程成员）</text>
+          </view>
+          <view class="teacher-selector" @click="showTeacherTree">
+            <text v-if="selectedTeachers.length === 0" class="placeholder">
+              {{ form.category === '一师一策' ? '请先选择课程或手动选择教师（至少2人）' : '请选择教师（至少2人）' }}
+            </text>
+            <text v-else-if="selectedTeachers.length < 2" class="warning-text">已选择 {{ selectedTeachers.length }} 位教师（至少需要2人）</text>
+            <text v-else>已选择 {{ selectedTeachers.length }} 位教师</text>
+            <u-icon name="arrow-right" size="16" color="#999" />
+          </view>
+          <!-- 显示已选择的教师 -->
+          <view class="teacher-tags" v-if="selectedTeachers.length > 0">
+            <text
+              v-for="(teacher, index) in displayTeachers"
+              :key="teacher.id + index"
+              class="teacher-tag"
+            >{{ teacher.jsxm }}</text>
+            <view
+              v-if="selectedTeachers.length > maxDisplayCount"
+              class="more-teachers-btn"
+              @click="showAllTeachers"
+            >
+              更多({{ selectedTeachers.length - maxDisplayCount }})
+            </view>
+          </view>
+        </view>
+
+        <!-- 角色类型 -->
+<!--        <view class="permission-item">
+          <view class="item-label">
+            <text>角色类型</text>
+            <text class="optional">（选填）</text>
+          </view>
+          <view class="role-tags">
+            <u-checkbox-group v-model="selectedRoles">
+              <u-checkbox 
+                v-for="role in roleOptions" 
+                :key="role.value"
+                :name="role.value"
+                :label="role.label"
+                shape="circle"
+              />
+            </u-checkbox-group>
+          </view>
+        </view>-->
+      </view>
+
+      <!-- 底部按钮 -->
+      <view class="bottom-buttons">
+        <u-button 
+          text="取消" 
+          type="info"
+          plain
+          @click="handleCancel"
+          :custom-style="{ flex: 1 }"
+        />
+        <u-button 
+          text="创建交流群" 
+          type="primary"
+          @click="handleSubmit"
+          :loading="submitting"
+          :custom-style="{ flex: 1 }"
+        />
+      </view>
+    </view>
+
+
+    <!-- 年级选择器 -->
+    <u-picker 
+      :show="showNjPicker"
+      :columns="njColumns"
+      @confirm="handleNjConfirm"
+      @cancel="showNjPicker = false"
+    />
+
+    <!-- 班级选择器 -->
+    <u-picker 
+      :show="showBjPicker"
+      :columns="bjColumns"
+      @confirm="handleBjConfirm"
+      @cancel="showBjPicker = false"
+    />
+
+    <!-- 教师列表弹窗 -->
+    <view v-if="showTeacherListModal" class="teacher-list-modal-overlay" @click="closeTeacherListModal">
+      <view class="teacher-list-modal-content" @click.stop>
+        <view class="teacher-list-modal-header">
+          <text class="teacher-list-modal-title">指定成员 ({{ selectedTeachers.length }})</text>
+          <view class="teacher-list-modal-close" @click="closeTeacherListModal">
+            <u-icon name="close" size="20" color="#666" />
+          </view>
+        </view>
+        <view class="teacher-list-modal-body">
+            <view 
+            v-for="teacher in selectedTeachers" 
+              :key="teacher.id"
+            class="teacher-list-item"
+          >
+            <text class="teacher-name">{{ teacher.jsxm }}</text>
+            <view class="teacher-delete-btn" @click="removeTeacher(teacher.id)">
+              <u-icon name="trash" size="16" color="#ff4d4f" />
+            </view>
+          </view>
+          <view v-if="selectedTeachers.length === 0" class="empty-teacher-list">
+            <u-icon name="info" size="40" color="#ccc" />
+            <text class="empty-text">暂无指定成员</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed, onMounted, onUnmounted } from 'vue';
+import { communitySaveApi } from '@/api/forum';
+import { attachmentUpload } from '@/api/system/upload';
+import { kcjbFindPageApi } from '@/api/base/kcjbApi';
+import { kccyFindByKcjbIdApi } from '@/api/base/kccyApi';
+import BasicPicker from '@/components/BasicPicker/Picker.vue';
+import { ImageVideoUpload } from '@/components/ImageVideoUpload';
+import { type ImageItem, type VideoItem, COMPRESS_PRESETS } from '@/components/ImageVideoUpload';
+import { useDicStore } from '@/store/modules/dic';
+
+interface TeacherInfo {
+  id: string;
+  jsxm: string;
+  jsId: string;
+}
+
+interface CourseInfo {
+  id: string;
+  kcmc: string; // 课程名称
+  kcms: string; // 课程描述
+}
+
+const { findByPid } = useDicStore();
+
+// 表单数据
+const form = ref({
+  communityName: '',
+  communityDesc: '',
+  fileUrl: '',
+  fileName: '',
+  fileFormat: '',
+  communityType: 1,
+  category: '',
+  njIds: '',
+  bjIds: '',
+  jsIds: '',
+  roleTypes: '',
+  kcjbId: '',
+  memberCount: 0,
+  sort: 0
+});
+
+// 分类选择
+const selectedCategory = ref([0]);
+const categoryOptions = ref<any[]>([]);
+const categoryRange = ref<any[]>([]);
+
+// 压缩配置
+const compressConfig = ref(COMPRESS_PRESETS.medium);
+
+// 图片列表
+const imageList = ref<ImageItem[]>([]);
+
+// 交流群类型选项
+const communityTypeOptions = [
+  { label: '公开交流群', value: 1 },
+  { label: '私密交流群', value: 2 }
+];
+
+
+// 年级选择器
+const showNjPicker = ref(false);
+const selectedNj = ref('');
+const selectedNjName = ref('');
+const njColumns = ref([['2021级', '2022级', '2023级', '2024级']]);
+
+// 班级选择器
+const showBjPicker = ref(false);
+const selectedBj = ref<string[]>([]);
+const selectedBjNames = ref<string[]>([]);
+const bjColumns = ref([['1班', '2班', '3班', '4班', '5班', '6班']]);
+
+// 课程相关数据
+const courseOptions = ref<CourseInfo[]>([]);
+const selectedCourse = ref<CourseInfo | null>(null);
+const isLoadingCourses = ref(false);
+const courseMembers = ref<TeacherInfo[]>([]); // 缓存课程成员
+
+// 教师选择器
+const selectedTeachers = ref<TeacherInfo[]>([]);
+const showTeacherListModal = ref(false);
+const maxDisplayCount = 5;
+
+// 角色选项
+const selectedRoles = ref<string[]>([]);
+const roleOptions = [
+  { label: '班主任', value: 'bzr' },
+  { label: '年级组长', value: 'njzz' },
+  { label: '行政办', value: 'xzb' },
+  { label: '教科室', value: 'jks' }
+];
+
+// 提交状态
+const submitting = ref(false);
+
+// 计算属性：显示的教师列表
+const displayTeachers = computed(() => {
+  return selectedTeachers.value.slice(0, maxDisplayCount);
+});
+
+// 图片上传成功回调
+const onImageUploadSuccess = (image: ImageItem, index: number) => {
+  console.log('图片上传成功:', image, index);
+  if (image.url) {
+    form.value.fileUrl = image.url;
+    form.value.fileName = image.name || 'community_cover.jpg';
+      form.value.fileFormat = 'jpg';
+  }
+};
+
+// 加载分类数据
+const loadCategoryData = async () => {
+  try {
+    const res = await findByPid({ pid: 2146632765 });
+    console.log('API返回数据:', res);
+    
+    // 检查数据结构，实际数据在 res.result 中
+    let data = [];
+    if (res && res.result && Array.isArray(res.result) && res.result.length > 0) {
+      data = res.result;
+    } else if (res && Array.isArray(res) && res.length > 0) {
+      data = res;
+    }
+    
+    if (data.length > 0) {
+      categoryOptions.value = data;
+      categoryRange.value = [data]; // BasicPicker 需要二维数组格式
+      console.log('加载分类数据成功:', data);
+    } else {
+      console.log('分类数据为空，API返回:', res);
+    }
+  } catch (error) {
+    console.error('加载分类数据失败:', error);
+  }
+};
+
+// 分类选择变化回调（滚动时触发）
+const onCategorySelectionChange = (e: any) => {
+  console.log('分类选择变化:', e.detail.value);
+  // 这里只是更新 selectedCategory，不更新 form.category
+  selectedCategory.value = e.detail.value;
+};
+
+// 分类确认选择回调（点击确定时触发）
+const onCategoryConfirm = (value: any) => {
+  console.log('分类确认选择:', value);
+  console.log('当前分类选项:', categoryOptions.value);
+  
+  // value 是数组格式 [index]，来自 ok 事件
+  if (Array.isArray(value) && value.length > 0 && categoryOptions.value.length > 0) {
+    const index = value[0];
+    if (index >= 0 && index < categoryOptions.value.length) {
+      const selectedOption = categoryOptions.value[index];
+      form.value.category = selectedOption.dictionaryCode;
+      console.log('选择分类成功:', selectedOption);
+      console.log('form.category 设置为:', form.value.category);
+      
+      // 如果切换到其他分类，清空课程选择
+      if (form.value.category !== '一师一策') {
+        selectedCourse.value = null;
+      }
+    }
+  }
+};
+
+// 获取选中的分类名称
+const getSelectedCategoryName = () => {
+  if (!form.value.category || categoryOptions.value.length === 0) {
+    return '';
+  }
+  const selectedOption = categoryOptions.value.find(option => 
+    option.dictionaryCode === form.value.category
+  );
+  return selectedOption ? selectedOption.dictionaryValue : '';
+};
+
+// 获取课程列表
+const loadCourseList = async () => {
+  isLoadingCourses.value = true;
+  try {
+    const res = await kcjbFindPageApi({
+      page: 1,
+      rows: 1000 // 获取所有课程
+    });
+    console.log('课程API返回数据:', res);
+    
+    // 处理不同的数据结构
+    let courseData = [];
+    if (res && res.rows && Array.isArray(res.rows)) {
+      courseData = res.rows;
+    } else if (res && res.result && Array.isArray(res.result)) {
+      courseData = res.result;
+    } else if (Array.isArray(res)) {
+      courseData = res;
+    }
+    
+    courseOptions.value = courseData;
+    console.log('获取课程列表成功:', courseOptions.value);
+  } catch (error) {
+    console.error('获取课程列表失败:', error);
+    uni.showToast({ title: '获取课程列表失败', icon: 'none' });
+  } finally {
+    isLoadingCourses.value = false;
+  }
+};
+
+// 处理课程选择
+const handleCourseChange = async (e: any) => {
+  const selectedIndex = e.detail.value;
+  selectedCourse.value = courseOptions.value[selectedIndex];
+  
+  if (selectedCourse.value) {
+    console.log('选择的课程:', selectedCourse.value);
+    
+    // 保存课程ID到表单
+    form.value.kcjbId = selectedCourse.value.id;
+    
+    // 清空现有指定成员
+    selectedTeachers.value = [];
+    
+    // 自动加载课程成员
+    await loadCourseMembers();
+  }
+};
+
+// 加载课程成员
+const loadCourseMembers = async () => {
+  if (!selectedCourse.value) return;
+  
+  try {
+    const res = await kccyFindByKcjbIdApi({
+      kcjbId: selectedCourse.value.id
+    });
+    
+    // 将课程成员转换为教师信息格式
+    const courseMembersData = res.result || [];
+    const courseTeachers: TeacherInfo[] = courseMembersData.map((member: any) => ({
+      id: member.jsId || member.id,
+      jsxm: member.jsxm || member.name,
+      jsId: member.jsId || member.id
+    }));
+    
+    // 缓存课程成员
+    courseMembers.value = courseTeachers;
+    
+    // 直接替换指定成员列表（因为已经清空了）
+    selectedTeachers.value = courseTeachers;
+    
+    console.log('课程成员加载完成:', {
+      courseTeachers: courseTeachers.length,
+      totalSelected: selectedTeachers.value.length
+    });
+    
+    if (courseTeachers.length > 0) {
+      uni.showToast({ 
+        title: `已添加${courseTeachers.length}名课程成员`, 
+        icon: 'success',
+        duration: 2000
+      });
+    } else {
+      uni.showToast({ 
+        title: '该课程暂无成员', 
+        icon: 'none',
+        duration: 1500
+      });
+    }
+  } catch (error) {
+    console.error('获取课程成员失败:', error);
+    uni.showToast({ title: '获取课程成员失败', icon: 'none' });
+  }
+};
+
+// 打开分类选择器
+const categoryPickerRef = ref();
+const openCategoryPicker = () => {
+  if (categoryRange.value.length > 0) {
+    categoryPickerRef.value?.open();
+  } else {
+    uni.showToast({
+      title: '分类数据加载中，请稍后重试',
+      icon: 'none'
+    });
+  }
+};
+
+
+// 年级确认
+const handleNjConfirm = (e: any) => {
+  const index = e.indexs[0];
+  selectedNjName.value = njColumns.value[0][index];
+  selectedNj.value = `nj_${index + 1}`;
+  showNjPicker.value = false;
+};
+
+// 班级确认
+const handleBjConfirm = (e: any) => {
+  const indexes = e.indexs;
+  selectedBjNames.value = indexes.map((index: number) => bjColumns.value[0][index]);
+  selectedBj.value = indexes.map((index: number) => `bj_${index + 1}`);
+  showBjPicker.value = false;
+};
+
+// 跳转到教师选择页面
+const showTeacherTree = () => {
+  uni.navigateTo({
+    url: '/pages/view/routine/qd/selectTeachers'
+  });
+};
+
+// 监听教师选择事件
+const handleTeacherSelected = (teachers: TeacherInfo[]) => {
+  console.log('接收到教师选择事件:', teachers);
+  
+  // 检查重复并添加新教师
+  const currentTeacherIds = new Set(selectedTeachers.value.map(t => t.id));
+  const newTeachers = teachers.filter(teacher => !currentTeacherIds.has(teacher.id));
+  
+  // 将新教师添加到现有列表中
+  selectedTeachers.value = [...selectedTeachers.value, ...newTeachers];
+  
+  if (newTeachers.length > 0) {
+    uni.showToast({ 
+      title: `已添加${newTeachers.length}名新教师`, 
+      icon: 'success',
+      duration: 1500
+    });
+  } else {
+    uni.showToast({ 
+      title: '所选教师已存在，未重复添加', 
+      icon: 'none',
+      duration: 1500
+    });
+  }
+};
+
+// 显示所有教师弹窗
+const showAllTeachers = () => {
+  showTeacherListModal.value = true;
+};
+
+// 删除教师
+const removeTeacher = (teacherId: string) => {
+  const index = selectedTeachers.value.findIndex(teacher => teacher.id === teacherId);
+  if (index > -1) {
+    selectedTeachers.value.splice(index, 1);
+    uni.showToast({ 
+      title: '已删除该教师', 
+      icon: 'success',
+      duration: 1500
+    });
+  }
+};
+
+// 关闭教师列表弹窗
+const closeTeacherListModal = () => {
+  showTeacherListModal.value = false;
+};
+
+// 提交表单
+const handleSubmit = async () => {
+  // 表单验证
+  if (!form.value.communityName.trim()) {
+    uni.showToast({
+      title: '请输入交流群名称',
+      icon: 'none'
+    });
+    return;
+  }
+
+  if (!form.value.category) {
+    uni.showToast({
+      title: '请选择交流群分类',
+      icon: 'none'
+    });
+    return;
+  }
+
+  // 私密交流群指定成员验证
+  if (form.value.communityType === 2) {
+    if (selectedTeachers.value.length === 0) {
+      uni.showToast({
+        title: '私密交流群必须指定成员',
+        icon: 'none'
+      });
+      return;
+    }
+    
+    if (selectedTeachers.value.length < 2) {
+      uni.showToast({
+        title: '请选择2人以上',
+        icon: 'none'
+      });
+      return;
+    }
+  }
+
+  try {
+    // 私密交流群处理权限配置
+    if (form.value.communityType === 2) {
+      form.value.njIds = selectedNj.value ? JSON.stringify([selectedNj.value]) : '';
+      form.value.bjIds = selectedBj.value.length > 0 ? JSON.stringify(selectedBj.value) : '';
+      // 提取教师ID列表
+      const teacherIds = selectedTeachers.value.map(teacher => teacher.jsId || teacher.id);
+      form.value.jsIds = teacherIds.length > 0 ? JSON.stringify(teacherIds) : '';
+      form.value.roleTypes = selectedRoles.value.length > 0 ? JSON.stringify(selectedRoles.value) : '';
+      
+      // 设置成员数量
+      form.value.memberCount = selectedTeachers.value.length;
+    }
+
+    submitting.value = true;
+
+    const res = await communitySaveApi(form.value);
+
+    uni.showToast({
+      title: '创建成功',
+      icon: 'success'
+    });
+
+    setTimeout(() => {
+      uni.navigateBack({
+        success: () => {
+          // 发送刷新事件给列表页面
+          uni.$emit('refreshCommunityList');
+        }
+      });
+    }, 1500);
+  } catch (error: any) {
+    uni.showToast({
+      title: error.message || '创建失败',
+      icon: 'none'
+    });
+  } finally {
+    submitting.value = false;
+  }
+};
+
+// 取消
+const handleCancel = () => {
+  uni.navigateBack();
+};
+
+// 页面加载时初始化数据
+onMounted(() => {
+  loadCategoryData();
+  loadCourseList(); // 进入界面就获取课程数据
+  // 监听教师选择事件
+  uni.$on('teacherSelected', handleTeacherSelected);
+});
+
+// 清理事件监听
+onUnmounted(() => {
+  uni.$off('teacherSelected', handleTeacherSelected);
+});
+</script>
+
+<style lang="scss" scoped>
+.create-community-page {
+  min-height: 100vh;
+  background: #f5f7fa;
+
+  .form-container {
+    padding: 20rpx;
+    padding-bottom: 180rpx;
+
+    .form-item {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx;
+      margin-bottom: 20rpx;
+
+      .item-label {
+        font-size: 28rpx;
+        font-weight: 500;
+        color: #333;
+        margin-bottom: 20rpx;
+
+        .required {
+          color: #f56c6c;
+          margin-left: 4rpx;
+        }
+      }
+
+      .picker-trigger {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 80rpx;
+        padding: 0 24rpx;
+        background: #f5f7fa;
+        border-radius: 12rpx;
+
+        .placeholder {
+          color: #999;
+        }
+      }
+    }
+
+    .upload-section {
+        width: 100%;
+      
+      // 隐藏图片和视频计数文字及标题
+      :deep(.section-title) {
+        display: none !important;
+      }
+    }
+
+    .permission-section {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 24rpx;
+      margin-top: 20rpx;
+
+      .section-title {
+        font-size: 32rpx;
+        font-weight: 600;
+        color: #333;
+        margin-bottom: 24rpx;
+
+        .tip {
+          font-size: 24rpx;
+          font-weight: normal;
+          color: #999;
+          margin-left: 12rpx;
+        }
+      }
+
+      .permission-item {
+        margin-bottom: 32rpx;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        .item-label {
+          font-size: 28rpx;
+          color: #333;
+          margin-bottom: 16rpx;
+
+          .required {
+            font-size: 24rpx;
+            color: #f56c6c;
+            margin-left: 8rpx;
+          }
+
+          .auto-fill-tip {
+            font-size: 24rpx;
+            color: #007aff;
+            margin-left: 8rpx;
+            background: rgba(0, 122, 255, 0.1);
+            padding: 4rpx 12rpx;
+            border-radius: 20rpx;
+          }
+        }
+
+        .course-selector {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          height: 80rpx;
+          padding: 0 24rpx;
+          background: #f5f7fa;
+          border-radius: 12rpx;
+
+          .placeholder {
+            color: #999;
+          }
+        }
+
+        .teacher-selector {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          height: 80rpx;
+          padding: 0 24rpx;
+          background: #f5f7fa;
+          border-radius: 12rpx;
+
+          .placeholder {
+            color: #999;
+          }
+
+          .warning-text {
+            color: #f56c6c;
+          }
+        }
+
+        .teacher-tags {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 12rpx;
+          margin-top: 16rpx;
+
+          .teacher-tag {
+            background: #e3f2fd;
+            color: #1976d2;
+            padding: 8rpx 16rpx;
+            border-radius: 20rpx;
+            font-size: 24rpx;
+          }
+
+          .more-teachers-btn {
+            background: #f5f5f5;
+            color: #666;
+            padding: 8rpx 16rpx;
+            border-radius: 20rpx;
+            font-size: 24rpx;
+            cursor: pointer;
+          }
+        }
+
+        .role-tags {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 20rpx;
+        }
+      }
+    }
+
+    .bottom-buttons {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      background: #fff;
+      padding: 20rpx;
+      box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05);
+      display: flex;
+      gap: 20rpx;
+      z-index: 100;
+    }
+  }
+
+  .teacher-picker-popup {
+    height: 80vh;
+    display: flex;
+    flex-direction: column;
+
+    .popup-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 32rpx;
+      border-bottom: 1rpx solid #eee;
+
+      text {
+        font-size: 32rpx;
+        font-weight: 600;
+        color: #333;
+      }
+    }
+
+    .popup-content {
+      flex: 1;
+      overflow: auto;
+      padding: 20rpx;
+
+      .teacher-list {
+        .teacher-item {
+          padding: 20rpx 0;
+          border-bottom: 1rpx solid #f5f7fa;
+
+          &:last-child {
+            border-bottom: none;
+          }
+        }
+      }
+    }
+
+    .popup-footer {
+      padding: 20rpx;
+      border-top: 1rpx solid #eee;
+    }
+  }
+}
+
+/* 教师列表弹窗样式 */
+.teacher-list-modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.teacher-list-modal-content {
+  background-color: white;
+  border-radius: 24rpx;
+  width: 90%;
+  max-width: 800rpx;
+  max-height: 70vh;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 8rpx 40rpx rgba(0, 0, 0, 0.2);
+  overflow: hidden;
+}
+
+.teacher-list-modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 30rpx 40rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  background-color: #fafafa;
+}
+
+.teacher-list-modal-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.teacher-list-modal-close {
+  padding: 10rpx;
+  cursor: pointer;
+  border-radius: 50%;
+  transition: background-color 0.2s;
+}
+
+.teacher-list-modal-close:hover {
+  background-color: #f0f0f0;
+}
+
+.teacher-list-modal-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20rpx 0;
+  max-height: 50vh;
+}
+
+.teacher-list-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24rpx 40rpx;
+  border-bottom: 1rpx solid #f5f5f5;
+  transition: background-color 0.2s;
+}
+
+.teacher-list-item:hover {
+  background-color: #f9f9f9;
+}
+
+.teacher-list-item:last-child {
+  border-bottom: none;
+}
+
+.teacher-name {
+  font-size: 32rpx;
+  color: #333;
+  flex: 1;
+}
+
+.teacher-delete-btn {
+  padding: 12rpx;
+  cursor: pointer;
+  border-radius: 50%;
+  transition: background-color 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.teacher-delete-btn:hover {
+  background-color: rgba(255, 77, 79, 0.1);
+}
+
+.empty-teacher-list {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 80rpx 40rpx;
+  color: #999;
+}
+
+.empty-text {
+  margin-top: 20rpx;
+  font-size: 28rpx;
+}
+</style>
+
+
diff --git a/src/pages/view/routine/lt/detail.vue b/src/pages/view/routine/lt/detail.vue
new file mode 100644
index 0000000..01227eb
--- /dev/null
+++ b/src/pages/view/routine/lt/detail.vue
@@ -0,0 +1,1052 @@
+<template>
+  <view class="community-detail-page">
+    <!-- Tab切换 -->
+    <view class="tabs-section">
+      <u-tabs 
+        :list="tabs" 
+        @change="onTabChange"
+        :current="Number(currentTab)"
+        :scrollable="false"
+        :line-width="40"
+        :line-height="4"
+        active-color="#667eea"
+      />
+    </view>
+
+    <!-- 底部发帖按钮区域 -->
+    <view class="bottom-action-section">
+      <u-button 
+        type="primary" 
+        text="发帖" 
+        @click="goPublish"
+        block
+        shape="circle"
+        :custom-style="{ height: '88rpx', fontSize: '32rpx' }"
+      />
+    </view>
+
+    <!-- 帖子列表 -->
+    <view class="content-section" v-if="currentTab === 0">
+      <!-- 排序筛选 -->
+      <view class="filter-bar">
+        <view 
+          class="filter-item"
+          :class="{ active: sortType === 'latest' }"
+          @click="changeSortType('latest')"
+        >
+          <u-icon name="clock" size="16" :color="sortType === 'latest' ? '#fff' : '#666'" />
+          <text>最新</text>
+        </view>
+        <view 
+          class="filter-item"
+          :class="{ active: sortType === 'hot' }"
+          @click="changeSortType('hot')"
+        >
+          <image 
+            :src="sortType === 'hot' ? '/static/base/view/fire-white.png' : '/static/base/view/fire-black.png'" 
+            class="fire-icon"
+          />
+          <text>热门</text>
+        </view>
+      </view>
+
+      <!-- 帖子列表 -->
+      <scroll-view 
+        scroll-y 
+        class="post-scroll-view"
+        @scrolltolower="loadMorePosts"
+        lower-threshold="100"
+      >
+        <view v-if="isLoadingPosts && postList.length === 0" class="loading-indicator">
+          <text class="loading-icon">⏳</text>
+          <text class="loading-text">加载中...</text>
+        </view>
+        <template v-else-if="postList.length > 0">
+          <view class="post-list">
+            <view 
+              v-for="post in postList" 
+              :key="post.id"
+              class="post-item"
+              @click="goPostDetail(post)"
+            >
+              <!-- 用户信息 -->
+              <view class="post-header">
+                <image 
+                  :src="post.userAvatar || defaultAvatar" 
+                  class="user-avatar"
+                />
+                <view class="user-info">
+                  <text class="user-name">{{ post.createdUserName }}</text>
+                  <text class="post-time">{{ formatTime(post.createdTime) }}</text>
+                </view>
+                <view class="post-tags">
+                  <u-tag v-if="post.isTop === '1'" text="置顶" type="error" size="mini" />
+                  <u-tag v-if="post.isHot === '1'" text="热门" type="warning" size="mini" />
+                  <u-tag v-if="post.isEssence === '1'" text="精华" type="success" size="mini" />
+                </view>
+              </view>
+
+              <!-- 帖子内容 -->
+              <view class="post-content">
+                <text class="post-title">{{ post.title }}</text>
+                <text class="post-desc" v-if="post.content">{{ post.content }}</text>
+                
+                <!-- 图片预览 -->
+                <view v-if="getImageList(post).length > 0" class="post-images" :class="'grid-' + getImageList(post).length">
+                  <image 
+                    v-for="(img, index) in getImageList(post).slice(0, 9)" 
+                    :key="index"
+                    :src="img"
+                    mode="aspectFill"
+                    @click.stop="previewImage(getImageList(post), index)"
+                  />
+                </view>
+              </view>
+
+              <!-- 互动栏 -->
+              <view class="post-actions">
+                <view class="action-item" @click.stop="handleLike(post)">
+                  <u-icon 
+                    :name="post.isLiked ? 'heart-fill' : 'heart'" 
+                    :color="post.isLiked ? '#f56c6c' : '#999'"
+                    size="18"
+                  />
+                  <text>{{ post.likeCount || 0 }}</text>
+                </view>
+                <view class="action-item">
+                  <u-icon 
+                    :name="post.isCommented ? 'chat-fill' : 'chat'" 
+                    :color="post.isCommented ? '#1890ff' : '#999'"
+                    size="18"
+                  />
+                  <text>{{ post.commentCount || 0 }}</text>
+                </view>
+                <view class="action-item" @click.stop="handleCollect(post)">
+                  <u-icon 
+                    :name="post.isCollected ? 'star-fill' : 'star'" 
+                    :color="post.isCollected ? '#ffba00' : '#999'"
+                    size="18"
+                  />
+                  <text>{{ post.collectCount || 0 }}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+        </template>
+        <view v-else class="empty-state">
+          <text class="empty-icon">📚</text>
+          <text class="empty-text">暂无帖子</text>
+          <text class="empty-hint">{{ isMember || detail.communityType === 1 ? '快来发布第一个帖子吧' : '快来发布内容' }}</text>
+        </view>
+        
+        <!-- 加载更多 -->
+        <view v-if="isLoadingPosts && postList.length > 0" class="loading-more">
+          <text class="loading-more-icon">⏳</text>
+          <text class="loading-more-text">加载中...</text>
+        </view>
+        
+        <!-- 没有更多数据 -->
+        <view v-if="!hasMorePosts && postList.length > 0" class="no-more">
+          <text class="no-more-icon">✓</text>
+          <text class="no-more-text">已加载全部帖子</text>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 成员列表 - 仅私密社区显示 -->
+    <view class="content-section" v-if="currentTab === 1 && detail.communityType === 2">
+      <scroll-view 
+        scroll-y 
+        class="member-scroll-view"
+        @scrolltolower="loadMoreMembers"
+        lower-threshold="100"
+      >
+        <view v-if="isLoadingMembers && memberList.length === 0" class="loading-indicator">
+          <text class="loading-icon">⏳</text>
+          <text class="loading-text">加载中...</text>
+        </view>
+        <template v-else-if="memberList.length > 0">
+          <view class="member-list">
+            <view 
+              v-for="member in memberList" 
+              :key="member.id"
+              class="member-item"
+            >
+              <view class="member-avatar">
+                <text class="avatar-text">{{ member.jsxm?.charAt(0) || '?' }}</text>
+              </view>
+              <view class="member-info">
+                <text class="member-name">{{ member.jsxm }}</text>
+              </view>
+            </view>
+          </view>
+        </template>
+        <view v-else class="empty-state">
+          <text class="empty-icon">👥</text>
+          <text class="empty-text">暂无成员</text>
+        </view>
+        
+        <!-- 加载更多 -->
+        <view v-if="isLoadingMembers && memberList.length > 0" class="loading-more">
+          <text class="loading-more-icon">⏳</text>
+          <text class="loading-more-text">加载中...</text>
+        </view>
+        
+        <!-- 没有更多数据 -->
+        <view v-if="!hasMoreMembers && memberList.length > 0" class="no-more">
+          <text class="no-more-icon">✓</text>
+          <text class="no-more-text">已加载全部成员</text>
+        </view>
+      </scroll-view>
+    </view>
+
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed, onMounted, onUnmounted } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+import { 
+  communityFindByIdApi, 
+  communityMemberJoinApi,
+  postFindPageApi,
+  likeSaveApi,
+  collectSaveApi
+} from '@/api/forum';
+import { findByIdsApi } from '@/api/base/jsApi';
+import { useUserStore } from '@/store/modules/user';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import 'dayjs/locale/zh-cn';
+
+dayjs.extend(relativeTime);
+dayjs.locale('zh-cn');
+
+// 获取用户store
+const userStore = useUserStore();
+
+// 获取当前教师ID
+const getCurrentTeacherId = () => {
+  const jsData = userStore.getJs;
+  return jsData?.id || null;
+};
+
+// 默认图片
+const defaultBg = '/static/base/home/community-bg.png';
+const defaultCover = '/static/base/home/community-default.png';
+const defaultAvatar = '/static/base/home/avatar-default.png';
+
+// 社区ID
+const communityId = ref('');
+
+// 教师ID列表（从社区数据中获取）
+const jsIds = ref<string>('');
+
+// 社区详情
+const detail = ref<any>({});
+
+// 是否是成员
+const isMember = ref(false);
+
+// 加入状态
+const joining = ref(false);
+
+// Tab列表 - 根据社区类型动态计算
+const tabs = computed(() => {
+  const tabList = [{ name: '帖子' }];
+  // 只有私密社区(communityType = 2)才显示成员tab
+  if (detail.value.communityType === 2) {
+    tabList.push({ name: '成员' });
+  }
+  return tabList;
+});
+
+const currentTab = ref(0);
+
+// 排序类型
+const sortType = ref('latest');
+
+// 帖子列表
+const postList = ref<any[]>([]);
+const isLoadingPosts = ref(false);
+const hasMorePosts = ref(true);
+const currentPostPage = ref(1);
+const postPageSize = ref(20);
+
+// 成员列表
+const memberList = ref<any[]>([]);
+const isLoadingMembers = ref(false);
+const hasMoreMembers = ref(true);
+const currentMemberPage = ref(1);
+const memberPageSize = ref(20);
+const allTeacherIds = ref<string[]>([]); // 存储所有教师ID
+
+// 页面加载
+onLoad((options: any) => {
+  communityId.value = options.id;
+  
+  loadCommunityDetail();
+  // 加载帖子数据
+  queryPosts(false);
+});
+
+// 页面挂载时监听刷新事件
+onMounted(() => {
+  uni.$on('refreshPostList', () => {
+    // 刷新帖子列表
+    queryPosts(false);
+  });
+});
+
+// 页面卸载时移除事件监听
+onUnmounted(() => {
+  uni.$off('refreshPostList');
+});
+
+// 加载社区详情
+const loadCommunityDetail = async () => {
+  try {
+    const res = await communityFindByIdApi({ id: communityId.value });
+    // 正确提取数据：优先使用 result，其次 data，最后整个响应
+    const response = res as any;
+    detail.value = response?.result || response?.data || response || {};
+    
+    // 从接口返回数据中提取 jsIds
+    if (detail.value.jsIds) {
+      jsIds.value = detail.value.jsIds;
+      console.log('从接口获取到 jsIds:', jsIds.value);
+    }
+    
+    // 判断是否已加入
+    // 这里需要从后端返回或者单独查询
+    checkMemberStatus();
+  } catch (error) {
+    console.error('加载社区详情失败:', error);
+    uni.showToast({
+      title: '加载失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 检查成员状态
+const checkMemberStatus = async () => {
+  // 这里应该调用接口检查，暂时模拟
+  // 实际应该从 communityMemberFindPageApi 查询当前用户是否在成员列表中
+  isMember.value = detail.value.isMember || false;
+};
+
+// 切换Tab
+const onTabChange = (e: any) => {
+  // 确保获取正确的索引值
+  let index = 0;
+  if (typeof e === 'number') {
+    index = e;
+  } else if (e && typeof e === 'object') {
+    index = e.index || e.detail?.index || 0;
+  }
+  
+  // 确保 index 是数字类型
+  index = Number(index);
+  
+  currentTab.value = index;
+  
+  console.log('Tab切换:', { e, index, currentTab: currentTab.value });
+  
+  if (index === 0) {
+    // 切换到帖子tab，加载帖子数据
+    queryPosts(false);
+  } else if (index === 1) {
+    // 切换到成员tab，加载成员数据
+    queryMembers(false);
+  }
+};
+
+// 改变排序
+const changeSortType = (type: string) => {
+  sortType.value = type;
+  queryPosts(false);
+};
+
+// 查询帖子
+const queryPosts = async (isLoadMore = false) => {
+  if (isLoadingPosts.value) return;
+  
+  try {
+    isLoadingPosts.value = true;
+    
+    const params = {
+      page: isLoadMore ? currentPostPage.value + 1 : 1,
+      rows: postPageSize.value,
+      communityId: communityId.value,
+      sortType: sortType.value,
+      status: 'A'
+    };
+
+    const res = await postFindPageApi(params);
+    
+    // 根据实际返回的数据结构调整
+    let list: any[] = [];
+    const response = res as any;
+    if (response?.rows && Array.isArray(response.rows)) {
+      // 数据结构: { total: 1, page: 1, records: 1, rows: [...] }
+      list = response.rows;
+    } else if (response?.records && Array.isArray(response.records)) {
+      // 数据结构: { records: [...], total: 1 }
+      list = response.records;
+    } else if (response?.data) {
+      // 数据结构: { data: { records: [...] } }
+      if (Array.isArray(response.data)) {
+        list = response.data;
+      } else if (response.data.rows && Array.isArray(response.data.rows)) {
+        list = response.data.rows;
+      } else if (response.data.records && Array.isArray(response.data.records)) {
+        list = response.data.records;
+      }
+    } else if (Array.isArray(response)) {
+      // 直接是数组
+      list = response;
+    }
+    
+    if (isLoadMore) {
+      // 加载更多
+      postList.value = [...postList.value, ...list];
+      currentPostPage.value = params.page;
+    } else {
+      // 刷新数据
+      postList.value = list;
+      currentPostPage.value = 1;
+    }
+    
+    // 判断是否还有更多数据
+    hasMorePosts.value = list.length === postPageSize.value;
+    
+  } catch (error) {
+    console.error('查询帖子失败:', error);
+  } finally {
+    isLoadingPosts.value = false;
+  }
+};
+
+// 加载更多帖子
+const loadMorePosts = () => {
+  if (hasMorePosts.value && !isLoadingPosts.value) {
+    queryPosts(true);
+  }
+};
+
+// 查询成员
+const queryMembers = async (isLoadMore = false) => {
+  if (isLoadingMembers.value) return;
+  
+  try {
+    isLoadingMembers.value = true;
+    
+    console.log('开始查询成员，jsIds:', jsIds.value);
+    
+    // 如果没有 jsIds，返回空列表
+    if (!jsIds.value || jsIds.value.trim() === '') {
+      console.log('没有 jsIds 数据，返回空列表');
+      memberList.value = [];
+      hasMoreMembers.value = false;
+      return;
+    }
+
+    // 首次加载时解析所有教师ID
+    if (!isLoadMore || allTeacherIds.value.length === 0) {
+      // 解析 jsIds（可能是 JSON 字符串格式）
+      let teacherIds: string[] = [];
+      try {
+        // 尝试解析 JSON 格式
+        if (jsIds.value.startsWith('[') && jsIds.value.endsWith(']')) {
+          teacherIds = JSON.parse(jsIds.value);
+        } else {
+          // 如果不是 JSON 格式，按逗号分割
+          teacherIds = jsIds.value.split(',').map(id => id.trim()).filter(id => id);
+        }
+      } catch (error) {
+        console.error('解析 jsIds 失败:', error);
+        // 如果解析失败，尝试按逗号分割
+        teacherIds = jsIds.value.split(',').map(id => id.trim()).filter(id => id);
+      }
+
+      if (teacherIds.length === 0) {
+        console.log('解析后的 teacherIds 为空');
+        memberList.value = [];
+        hasMoreMembers.value = false;
+        return;
+      }
+
+      console.log('解析后的 teacherIds:', teacherIds);
+      allTeacherIds.value = teacherIds;
+    }
+
+    // 计算当前页的数据
+    const pageNo = isLoadMore ? currentMemberPage.value + 1 : 1;
+    const startIndex = (pageNo - 1) * memberPageSize.value;
+    const endIndex = startIndex + memberPageSize.value;
+    const pageTeacherIds = allTeacherIds.value.slice(startIndex, endIndex);
+
+    if (pageTeacherIds.length === 0) {
+      console.log('当前页没有数据');
+      hasMoreMembers.value = false;
+      return;
+    }
+
+    // 调用 findByIds 接口获取教师详细信息
+    const teacherRes = await findByIdsApi({ ids: pageTeacherIds.join(',') });
+    
+    console.log('findByIds API 返回:', teacherRes);
+    
+    // 解析教师信息数据
+    let teacherList: any[] = [];
+    const teacherResponse = teacherRes as any;
+    if (teacherResponse?.result && Array.isArray(teacherResponse.result)) {
+      teacherList = teacherResponse.result;
+    } else if (teacherResponse?.data && Array.isArray(teacherResponse.data)) {
+      teacherList = teacherResponse.data;
+    } else if (Array.isArray(teacherResponse)) {
+      teacherList = teacherResponse;
+    }
+
+    console.log('解析后的教师列表:', teacherList);
+
+    // 转换为成员格式数据（简化版，只需要教师名称）
+    const members = teacherList.map(teacher => ({
+      id: teacher.id,
+      jsxm: teacher.jsxm || teacher.name || '未知'
+    }));
+
+    console.log('转换后的成员列表:', members);
+
+    if (isLoadMore) {
+      // 加载更多
+      memberList.value = [...memberList.value, ...members];
+      currentMemberPage.value = pageNo;
+    } else {
+      // 刷新数据
+      memberList.value = members;
+      currentMemberPage.value = 1;
+    }
+    
+    // 判断是否还有更多数据
+    hasMoreMembers.value = endIndex < allTeacherIds.value.length;
+    
+  } catch (error) {
+    console.error('查询成员失败:', error);
+  } finally {
+    isLoadingMembers.value = false;
+  }
+};
+
+// 加载更多成员
+const loadMoreMembers = () => {
+  if (hasMoreMembers.value && !isLoadingMembers.value) {
+    queryMembers(true);
+  }
+};
+
+// 加入社区
+const handleJoin = async () => {
+  if (detail.value.communityType === 2) {
+    // 私密社区，弹出申请理由
+    uni.showModal({
+      title: '申请加入',
+      editable: true,
+      placeholderText: '请输入申请理由',
+      success: async (res) => {
+        if (res.confirm) {
+          await joinCommunity(res.content || '');
+        }
+      }
+    });
+  } else {
+    // 公开社区直接加入
+    await joinCommunity('');
+  }
+};
+
+// 加入社区接口
+const joinCommunity = async (applyReason: string) => {
+  joining.value = true;
+  try {
+    await communityMemberJoinApi({
+      communityId: communityId.value,
+      applyReason: applyReason
+    });
+    
+    uni.showToast({
+      title: detail.value.communityType === 2 ? '申请已提交' : '加入成功',
+      icon: 'success'
+    });
+    
+    // 重新加载详情
+    loadCommunityDetail();
+  } catch (error: any) {
+    uni.showToast({
+      title: error.message || '操作失败',
+      icon: 'none'
+    });
+  } finally {
+    joining.value = false;
+  }
+};
+
+// 格式化时间
+const formatTime = (time: string) => {
+  if (!time) return '';
+  return dayjs(time).fromNow();
+};
+
+// 获取图片列表
+const getImageList = (post: any) => {
+  try {
+    return post.fileUrl ? JSON.parse(post.fileUrl) : [];
+  } catch {
+    return [];
+  }
+};
+
+// 预览图片
+const previewImage = (urls: string[], current: number) => {
+  uni.previewImage({
+    urls: urls,
+    current: current
+  });
+};
+
+// 跳转帖子详情
+const goPostDetail = (post: any) => {
+  uni.navigateTo({
+    url: `/pages/view/routine/lt/postDetail?id=${post.id}`
+  });
+};
+
+// 点赞
+const handleLike = async (post: any) => {
+  try {
+    const currentUserId = getCurrentTeacherId();
+    if (!currentUserId) {
+      uni.showToast({
+        title: '无法获取用户信息',
+        icon: 'none'
+      });
+      return;
+    }
+
+    await likeSaveApi({
+      targetId: post.id,
+      targetType: 1,
+      userId: currentUserId
+    });
+    
+    post.isLiked = !post.isLiked;
+    post.likeCount = post.isLiked ? (post.likeCount || 0) + 1 : (post.likeCount || 0) - 1;
+  } catch (error) {
+    uni.showToast({
+      title: '操作失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 收藏
+const handleCollect = async (post: any) => {
+  try {
+    const currentUserId = getCurrentTeacherId();
+    if (!currentUserId) {
+      uni.showToast({
+        title: '无法获取用户信息',
+        icon: 'none'
+      });
+      return;
+    }
+
+    await collectSaveApi({
+      postId: post.id,
+      userId: currentUserId
+    });
+    
+    post.isCollected = !post.isCollected;
+    post.collectCount = post.isCollected ? (post.collectCount || 0) + 1 : (post.collectCount || 0) - 1;
+  } catch (error) {
+    uni.showToast({
+      title: '操作失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 发布帖子
+const goPublish = () => {
+  uni.navigateTo({
+    url: `/pages/view/routine/lt/publish?communityId=${communityId.value}`
+  });
+};
+</script>
+
+<style lang="scss" scoped>
+.community-detail-page {
+  min-height: 100vh;
+  background: #f5f7fa;
+  display: flex;
+  flex-direction: column;
+
+
+  .tabs-section {
+    background: #fff;
+    margin-bottom: 20rpx;
+    flex-shrink: 0;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+  }
+
+  .bottom-action-section {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #fff;
+    padding: 20rpx;
+    box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05);
+    z-index: 100;
+    border-top: 1rpx solid #eee;
+    flex-shrink: 0;
+  }
+
+  .content-section {
+    flex: 1;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 120rpx; // 为底部按钮留出空间
+    
+    .filter-bar {
+      background: #fff;
+      padding: 20rpx;
+      display: flex;
+      gap: 20rpx;
+      margin-bottom: 20rpx;
+      flex-shrink: 0;
+
+      .filter-item {
+        flex: 1;
+        height: 64rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8rpx;
+        background: #f5f7fa;
+        border-radius: 12rpx;
+        font-size: 28rpx;
+        color: #666;
+        transition: all 0.3s;
+
+        &.active {
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          color: #fff;
+        }
+        
+        .fire-icon {
+          width: 32rpx;
+          height: 32rpx;
+        }
+      }
+    }
+    
+    .post-scroll-view {
+      flex: 1;
+      padding: 0 20rpx;
+      box-sizing: border-box;
+      height: 0; // 关键：确保scroll-view可以正确滚动
+    }
+    
+    .member-scroll-view {
+      flex: 1;
+      padding: 0 20rpx;
+      box-sizing: border-box;
+      height: 0; // 关键：确保scroll-view可以正确滚动
+    }
+
+    .post-list {
+      padding: 0;
+
+      .post-item {
+        background: #fff;
+        border-radius: 16rpx;
+        padding: 24rpx;
+        margin-bottom: 20rpx;
+
+        .post-header {
+          display: flex;
+          align-items: center;
+          margin-bottom: 20rpx;
+
+          .user-avatar {
+            width: 80rpx;
+            height: 80rpx;
+            border-radius: 50%;
+          }
+
+          .user-info {
+            flex: 1;
+            margin-left: 20rpx;
+
+            .user-name {
+              display: block;
+              font-size: 28rpx;
+              font-weight: 500;
+              color: #333;
+            }
+
+            .post-time {
+              display: block;
+              font-size: 24rpx;
+              color: #999;
+              margin-top: 8rpx;
+            }
+          }
+
+          .post-tags {
+            display: flex;
+            gap: 8rpx;
+          }
+        }
+
+        .post-content {
+          .post-title {
+            display: block;
+            font-size: 32rpx;
+            font-weight: 600;
+            color: #333;
+            line-height: 1.5;
+            margin-bottom: 16rpx;
+          }
+
+          .post-desc {
+            display: block;
+            font-size: 28rpx;
+            color: #666;
+            line-height: 1.6;
+            margin-bottom: 20rpx;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 3;
+            line-clamp: 3;
+            -webkit-box-orient: vertical;
+          }
+
+          .post-images {
+            display: grid;
+            gap: 16rpx;
+            margin-bottom: 20rpx;
+
+            &.grid-1 {
+              grid-template-columns: 1fr;
+
+              image {
+                height: 400rpx;
+              }
+            }
+
+            &.grid-2, &.grid-4 {
+              grid-template-columns: repeat(2, 1fr);
+
+              image {
+                height: 300rpx;
+              }
+            }
+
+            &.grid-3, &.grid-5, &.grid-6, &.grid-7, &.grid-8, &.grid-9 {
+              grid-template-columns: repeat(3, 1fr);
+
+              image {
+                height: 200rpx;
+              }
+            }
+
+            image {
+              width: 100%;
+              border-radius: 8rpx;
+            }
+          }
+        }
+
+        .post-actions {
+          display: flex;
+          padding-top: 20rpx;
+          border-top: 1rpx solid #eee;
+
+          .action-item {
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 12rpx;
+            font-size: 24rpx;
+            color: #999;
+          }
+        }
+      }
+    }
+
+    .member-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 20rpx;
+
+      .member-item {
+        display: flex;
+        align-items: center;
+        padding: 20rpx;
+        background-color: #fff;
+        border-radius: 16rpx;
+        border: 1px solid #e0e7ff;
+        width: calc(50% - 10rpx); // 一行两个，减去间距
+        box-sizing: border-box;
+
+        .member-avatar {
+          width: 60rpx;
+          height: 60rpx;
+          border-radius: 50%;
+          background-color: #1890ff;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+        }
+
+        .avatar-text {
+          color: #fff;
+          font-size: 26rpx;
+          font-weight: 500;
+        }
+
+        .member-info {
+          flex: 1;
+          margin-left: 16rpx;
+          overflow: hidden;
+
+          .member-name {
+            font-size: 28rpx;
+            font-weight: 500;
+            color: #333;
+            display: block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+    
+    // 加载状态样式
+    .loading-indicator {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 80rpx 40rpx;
+      
+      .loading-icon {
+        font-size: 48rpx;
+        margin-bottom: 20rpx;
+        animation: pulse 1.5s infinite;
+      }
+      
+      .loading-text {
+        font-size: 28rpx;
+        color: #666;
+      }
+    }
+    
+    // 空状态样式
+    .empty-state {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 120rpx 40rpx;
+      
+      .empty-icon {
+        font-size: 120rpx;
+        margin-bottom: 32rpx;
+        opacity: 0.6;
+      }
+      
+      .empty-text {
+        font-size: 32rpx;
+        font-weight: 500;
+        color: #333;
+        margin-bottom: 16rpx;
+      }
+      
+      .empty-hint {
+        font-size: 26rpx;
+        color: #999;
+        text-align: center;
+        line-height: 1.5;
+      }
+    }
+    
+    // 加载更多样式
+    .loading-more {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 40rpx;
+      gap: 16rpx;
+      
+      .loading-more-icon {
+        font-size: 32rpx;
+        animation: pulse 1.5s infinite;
+      }
+      
+      .loading-more-text {
+        font-size: 26rpx;
+        color: #666;
+      }
+    }
+    
+    // 没有更多样式
+    .no-more {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 40rpx;
+      gap: 16rpx;
+      
+      .no-more-icon {
+        font-size: 32rpx;
+        color: #4CAF50;
+      }
+      
+      .no-more-text {
+        font-size: 26rpx;
+        color: #999;
+      }
+    }
+  }
+
+}
+
+// 动画效果
+@keyframes pulse {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.5;
+    transform: scale(1.1);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+</style>
+
+
diff --git a/src/pages/view/routine/lt/edit.vue b/src/pages/view/routine/lt/edit.vue
new file mode 100644
index 0000000..20fd027
--- /dev/null
+++ b/src/pages/view/routine/lt/edit.vue
@@ -0,0 +1,1028 @@
+<template>
+  <view class="edit-community-page">
+    <view class="form-container">
+      <!-- 交流群名称 -->
+      <view class="form-item">
+        <view class="item-label">交流群名称 <text class="required">*</text></view>
+        <u--input 
+          v-model="form.communityName"
+          placeholder="请输入交流群名称"
+          :maxlength="50"
+        />
+      </view>
+
+      <!-- 交流群描述 -->
+      <view class="form-item">
+        <view class="item-label">交流群描述</view>
+        <u--textarea 
+          v-model="form.communityDesc"
+          placeholder="请输入交流群描述"
+          :maxlength="200"
+          :count="true"
+          :auto-height="true"
+          :height="150"
+        />
+      </view>
+
+      <!-- 交流群封面 -->
+      <view class="form-item">
+        <view class="item-label">交流群封面</view>
+        <view class="upload-section">
+          <ImageVideoUpload
+            v-model:image-list="imageList"
+            :max-image-count="1"
+            :max-video-count="0"
+            :enable-video="false"
+            :compress-config="compressConfig"
+            :upload-api="attachmentUpload"
+            @image-upload-success="onImageUploadSuccess"
+          />
+        </view>
+      </view>
+
+      <!-- 交流群类型 -->
+      <view class="form-item">
+        <view class="item-label">交流群类型 <text class="required">*</text></view>
+        <u-radio-group v-model="form.communityType" placement="row">
+          <u-radio 
+            v-for="option in communityTypeOptions" 
+            :key="option.value"
+            :label="option.label" 
+            :name="option.value"
+            :custom-style="{ marginRight: '40rpx' }"
+          />
+        </u-radio-group>
+      </view>
+
+      <!-- 交流群分类 -->
+      <view class="form-item">
+        <view class="item-label">交流群分类 <text class="required">*</text></view>
+        <view class="picker-trigger" @click="openCategoryPicker">
+          <text v-if="!form.category" class="placeholder">请选择交流群分类</text>
+          <text v-else>{{ getSelectedCategoryName() }}</text>
+          <u-icon name="arrow-down" size="16" color="#999" />
+        </view>
+
+        <BasicPicker
+          ref="categoryPickerRef"
+          v-model="selectedCategory"
+          :range="categoryRange"
+          range-key="dictionaryValue"
+          title="选择交流群分类"
+          @change="onCategorySelectionChange"
+          @ok="onCategoryConfirm"
+        />
+      </view>
+
+      <!-- 权限配置 -->
+      <view class="permission-section" v-if="form.communityType === 2">
+        <view class="section-title">
+          <text>访问成员配置</text>
+          <text class="tip">（仅私密交流群需要配置）</text>
+        </view>
+
+        <!-- 课程选择（仅当分类为一师一策时显示） -->
+        <view v-if="form.category === '一师一策'" class="permission-item">
+          <view class="item-label">
+            <text>选择课程</text>
+            <text class="optional">（选填）</text>
+          </view>
+          <picker
+            mode="selector"
+            :range="courseOptions"
+            range-key="kcmc"
+            @change="handleCourseChange"
+          >
+            <view class="course-selector">
+              <text :class="{ placeholder: !selectedCourse }">
+                {{ selectedCourse ? selectedCourse.kcmc : '请选择课程' }}
+              </text>
+              <u-icon name="arrow-down" size="16" color="#999" />
+            </view>
+          </picker>
+        </view>
+
+        <!-- 指定教师 -->
+        <view class="permission-item">
+          <view class="item-label">
+            <text>指定成员</text>
+            <text class="required">（必填，至少2人）</text>
+            <text v-if="form.category === '一师一策' && selectedCourse" class="auto-fill-tip">（已自动填充课程成员）</text>
+          </view>
+          <view class="teacher-selector" @click="showTeacherTree">
+            <text v-if="selectedTeachers.length === 0" class="placeholder">
+              {{ form.category === '一师一策' ? '请先选择课程或手动选择教师（至少2人）' : '请选择教师（至少2人）' }}
+            </text>
+            <text v-else-if="selectedTeachers.length < 2" class="warning-text">已选择 {{ selectedTeachers.length }} 位教师（至少需要2人）</text>
+            <text v-else>已选择 {{ selectedTeachers.length }} 位教师</text>
+            <u-icon name="arrow-right" size="16" color="#999" />
+          </view>
+          <!-- 显示已选择的教师 -->
+          <view class="teacher-tags" v-if="selectedTeachers.length > 0">
+            <text
+              v-for="(teacher, index) in displayTeachers"
+              :key="teacher.id + index"
+              class="teacher-tag"
+            >{{ teacher.jsxm }}</text>
+            <view
+              v-if="selectedTeachers.length > maxDisplayCount"
+              class="more-teachers-btn"
+              @click="showAllTeachers"
+            >
+              更多({{ selectedTeachers.length - maxDisplayCount }})
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 底部按钮 -->
+      <view class="bottom-buttons">
+        <u-button 
+          text="取消" 
+          type="info"
+          plain
+          @click="handleCancel"
+          :custom-style="{ flex: 1 }"
+        />
+        <u-button 
+          text="保存" 
+          type="primary"
+          @click="handleSubmit"
+          :loading="submitting"
+          :disabled="submitting"
+          :custom-style="{ flex: 1 }"
+        />
+      </view>
+      
+    </view>
+
+    <!-- 教师列表弹窗 -->
+    <view v-if="showTeacherListModal" class="teacher-list-modal-overlay" @click="closeTeacherListModal">
+      <view class="teacher-list-modal-content" @click.stop>
+        <view class="teacher-list-modal-header">
+          <text class="teacher-list-modal-title">指定成员 ({{ selectedTeachers.length }})</text>
+          <view class="teacher-list-modal-close" @click="closeTeacherListModal">
+            <u-icon name="close" size="20" color="#666" />
+          </view>
+        </view>
+        <view class="teacher-list-modal-body">
+          <view 
+            v-for="teacher in selectedTeachers" 
+            :key="teacher.id"
+            class="teacher-list-item"
+          >
+            <text class="teacher-name">{{ teacher.jsxm }}</text>
+            <view class="teacher-delete-btn" @click="removeTeacher(teacher.id)">
+              <u-icon name="trash" size="16" color="#ff4d4f" />
+            </view>
+          </view>
+          <view v-if="selectedTeachers.length === 0" class="empty-teacher-list">
+            <u-icon name="info" size="40" color="#ccc" />
+            <text class="empty-text">暂无指定成员</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed, onMounted, onUnmounted } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+import { communityFindByIdApi, communitySaveApi } from '@/api/forum';
+import { findByIdsApi } from '@/api/base/jsApi';
+import { attachmentUpload } from '@/api/system/upload';
+import { kcjbFindPageApi } from '@/api/base/kcjbApi';
+import { kccyFindByKcjbIdApi } from '@/api/base/kccyApi';
+import BasicPicker from '@/components/BasicPicker/Picker.vue';
+import { ImageVideoUpload } from '@/components/ImageVideoUpload';
+import { type ImageItem, type VideoItem, COMPRESS_PRESETS } from '@/components/ImageVideoUpload';
+import { useDicStore } from '@/store/modules/dic';
+
+interface TeacherInfo {
+  id: string;
+  jsxm: string;
+  jsId: string;
+}
+
+interface CourseInfo {
+  id: string;
+  kcmc: string; // 课程名称
+  kcms: string; // 课程描述
+}
+
+const { findByPid } = useDicStore();
+
+// 社区ID
+const communityId = ref('');
+
+// 加载状态
+const isLoading = ref(false);
+
+// 表单数据
+const form = ref({
+  id: '',
+  communityName: '',
+  communityDesc: '',
+  fileUrl: '',
+  fileName: '',
+  fileFormat: '',
+  communityType: 1,
+  category: '',
+  njIds: '',
+  bjIds: '',
+  jsIds: '',
+  roleTypes: '',
+  kcjbId: '',
+  memberCount: 0,
+  sort: 0
+});
+
+// 分类选择
+const selectedCategory = ref([0]);
+const categoryOptions = ref<any[]>([]);
+const categoryRange = ref<any[]>([]);
+
+// 压缩配置
+const compressConfig = ref(COMPRESS_PRESETS.medium);
+
+// 图片列表
+const imageList = ref<ImageItem[]>([]);
+
+// 交流群类型选项
+const communityTypeOptions = [
+  { label: '公开交流群', value: 1 },
+  { label: '私密交流群', value: 2 }
+];
+
+// 课程相关数据
+const courseOptions = ref<CourseInfo[]>([]);
+const selectedCourse = ref<CourseInfo | null>(null);
+const isLoadingCourses = ref(false);
+
+// 教师选择器
+const selectedTeachers = ref<TeacherInfo[]>([]);
+const showTeacherListModal = ref(false);
+const maxDisplayCount = 5;
+
+// 提交状态
+const submitting = ref(false);
+
+// 计算属性：显示的教师列表
+const displayTeachers = computed(() => {
+  return selectedTeachers.value.slice(0, maxDisplayCount);
+});
+
+// 页面加载
+onLoad((options: any) => {
+  if (options.id) {
+    communityId.value = options.id;
+    loadCommunityDetail();
+  }
+});
+
+// 加载社区详情
+const loadCommunityDetail = async () => {
+  try {
+    isLoading.value = true;
+    const res = await communityFindByIdApi({ id: communityId.value });
+    
+    // 提取数据
+    const response = res as any;
+    const detail = response?.result || response?.data || response || {};
+    
+    // 回显基本信息
+    form.value.id = detail.id || '';
+    form.value.communityName = detail.communityName || '';
+    form.value.communityDesc = detail.communityDesc || '';
+    form.value.fileUrl = detail.fileUrl || '';
+    form.value.fileName = detail.fileName || '';
+    form.value.fileFormat = detail.fileFormat || '';
+    form.value.communityType = detail.communityType || 1;
+    form.value.category = detail.category || '';
+    form.value.njIds = detail.njIds || '';
+    form.value.bjIds = detail.bjIds || '';
+    form.value.jsIds = detail.jsIds || '';
+    form.value.roleTypes = detail.roleTypes || '';
+    form.value.kcjbId = detail.kcjbId || '';
+    form.value.memberCount = detail.memberCount || 0;
+    form.value.sort = detail.sort || 0;
+    
+    // 回显封面图片
+    if (detail.fileUrl) {
+      imageList.value = [{
+        url: detail.fileUrl,
+        name: detail.fileName || 'cover.jpg',
+        uploadStatus: 'success'
+      }];
+    }
+    
+    // 回显分类
+    if (detail.category && categoryOptions.value.length > 0) {
+      const categoryIndex = categoryOptions.value.findIndex(
+        option => option.dictionaryCode === detail.category
+      );
+      if (categoryIndex >= 0) {
+        selectedCategory.value = [categoryIndex];
+      }
+    }
+    
+    // 回显教师信息
+    if (detail.jsIds) {
+      await loadTeachersByIds(detail.jsIds);
+    }
+    
+    // 回显课程信息
+    if (detail.kcjbId) {
+      await loadCourseById(detail.kcjbId);
+    }
+    
+  } catch (error) {
+    console.error('加载社区详情失败:', error);
+    uni.showToast({
+      title: '加载失败',
+      icon: 'none'
+    });
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 根据ID加载教师信息
+const loadTeachersByIds = async (jsIds: string) => {
+  try {
+    // 解析教师ID
+    let teacherIds: string[] = [];
+    if (jsIds.startsWith('[') && jsIds.endsWith(']')) {
+      teacherIds = JSON.parse(jsIds);
+    } else {
+      teacherIds = jsIds.split(',').map(id => id.trim()).filter(id => id);
+    }
+    
+    if (teacherIds.length === 0) return;
+    
+    // 调用接口获取教师信息
+    const res = await findByIdsApi({ ids: teacherIds.join(',') });
+    
+    // 解析教师信息数据
+    let teacherList: any[] = [];
+    const teacherResponse = res as any;
+    if (teacherResponse?.result && Array.isArray(teacherResponse.result)) {
+      teacherList = teacherResponse.result;
+    } else if (teacherResponse?.data && Array.isArray(teacherResponse.data)) {
+      teacherList = teacherResponse.data;
+    } else if (Array.isArray(teacherResponse)) {
+      teacherList = teacherResponse;
+    }
+    
+    // 转换为教师信息格式
+    selectedTeachers.value = teacherList.map(teacher => ({
+      id: teacher.id,
+      jsxm: teacher.jsxm || teacher.name || '未知',
+      jsId: teacher.id
+    }));
+    
+    console.log('回显教师列表:', selectedTeachers.value);
+  } catch (error) {
+    console.error('加载教师信息失败:', error);
+  }
+};
+
+// 根据ID加载课程信息
+const loadCourseById = async (kcjbId: string) => {
+  try {
+    // 从课程列表中查找对应的课程
+    const course = courseOptions.value.find(c => c.id === kcjbId);
+    if (course) {
+      selectedCourse.value = course;
+      console.log('回显课程信息:', course);
+    }
+  } catch (error) {
+    console.error('加载课程信息失败:', error);
+  }
+};
+
+// 图片上传成功回调
+const onImageUploadSuccess = (image: ImageItem, index: number) => {
+  console.log('图片上传成功:', image, index);
+  if (image.url) {
+    form.value.fileUrl = image.url;
+    form.value.fileName = image.name || 'community_cover.jpg';
+    form.value.fileFormat = 'jpg';
+  }
+};
+
+// 加载分类数据
+const loadCategoryData = async () => {
+  try {
+    const res = await findByPid({ pid: 2146632765 });
+    console.log('API返回数据:', res);
+    
+    // 检查数据结构，实际数据在 res.result 中
+    let data = [];
+    if (res && res.result && Array.isArray(res.result) && res.result.length > 0) {
+      data = res.result;
+    } else if (res && Array.isArray(res) && res.length > 0) {
+      data = res;
+    }
+    
+    if (data.length > 0) {
+      categoryOptions.value = data;
+      categoryRange.value = [data]; // BasicPicker 需要二维数组格式
+      console.log('加载分类数据成功:', data);
+      
+      // 如果已经有分类数据，更新选中索引
+      if (form.value.category) {
+        const categoryIndex = categoryOptions.value.findIndex(
+          option => option.dictionaryCode === form.value.category
+        );
+        if (categoryIndex >= 0) {
+          selectedCategory.value = [categoryIndex];
+        }
+      }
+    } else {
+      console.log('分类数据为空，API返回:', res);
+    }
+  } catch (error) {
+    console.error('加载分类数据失败:', error);
+  }
+};
+
+// 分类选择变化回调（滚动时触发）
+const onCategorySelectionChange = (e: any) => {
+  console.log('分类选择变化:', e.detail.value);
+  selectedCategory.value = e.detail.value;
+};
+
+// 分类确认选择回调（点击确定时触发）
+const onCategoryConfirm = (value: any) => {
+  console.log('分类确认选择:', value);
+  console.log('当前分类选项:', categoryOptions.value);
+  
+  if (Array.isArray(value) && value.length > 0 && categoryOptions.value.length > 0) {
+    const index = value[0];
+    if (index >= 0 && index < categoryOptions.value.length) {
+      const selectedOption = categoryOptions.value[index];
+      form.value.category = selectedOption.dictionaryCode;
+      console.log('选择分类成功:', selectedOption);
+      
+      // 如果切换到其他分类，清空课程选择
+      if (form.value.category !== '一师一策') {
+        selectedCourse.value = null;
+      }
+    }
+  }
+};
+
+// 获取选中的分类名称
+const getSelectedCategoryName = () => {
+  if (!form.value.category || categoryOptions.value.length === 0) {
+    return '';
+  }
+  const selectedOption = categoryOptions.value.find(option => 
+    option.dictionaryCode === form.value.category
+  );
+  return selectedOption ? selectedOption.dictionaryValue : '';
+};
+
+// 获取课程列表
+const loadCourseList = async () => {
+  isLoadingCourses.value = true;
+  try {
+    const res = await kcjbFindPageApi({
+      page: 1,
+      rows: 1000
+    });
+    console.log('课程API返回数据:', res);
+    
+    let courseData = [];
+    if (res && res.rows && Array.isArray(res.rows)) {
+      courseData = res.rows;
+    } else if (res && res.result && Array.isArray(res.result)) {
+      courseData = res.result;
+    } else if (Array.isArray(res)) {
+      courseData = res;
+    }
+    
+    courseOptions.value = courseData;
+    console.log('获取课程列表成功:', courseOptions.value);
+  } catch (error) {
+    console.error('获取课程列表失败:', error);
+    uni.showToast({ title: '获取课程列表失败', icon: 'none' });
+  } finally {
+    isLoadingCourses.value = false;
+  }
+};
+
+// 处理课程选择
+const handleCourseChange = async (e: any) => {
+  const selectedIndex = e.detail.value;
+  selectedCourse.value = courseOptions.value[selectedIndex];
+  
+  if (selectedCourse.value) {
+    console.log('选择的课程:', selectedCourse.value);
+    
+    // 保存课程ID到表单
+    form.value.kcjbId = selectedCourse.value.id;
+    
+    // 清空现有指定成员
+    selectedTeachers.value = [];
+    
+    await loadCourseMembers();
+  }
+};
+
+// 加载课程成员
+const loadCourseMembers = async () => {
+  if (!selectedCourse.value) return;
+  
+  try {
+    const res = await kccyFindByKcjbIdApi({
+      kcjbId: selectedCourse.value.id
+    });
+    
+    const courseMembersData = res.result || [];
+    const courseTeachers: TeacherInfo[] = courseMembersData.map((member: any) => ({
+      id: member.jsId || member.id,
+      jsxm: member.jsxm || member.name,
+      jsId: member.jsId || member.id
+    }));
+    
+    // 直接替换指定成员列表（因为已经清空了）
+    selectedTeachers.value = courseTeachers;
+    
+    console.log('课程成员加载完成:', {
+      courseTeachers: courseTeachers.length,
+      totalSelected: selectedTeachers.value.length
+    });
+    
+    if (courseTeachers.length > 0) {
+      uni.showToast({ 
+        title: `已添加${courseTeachers.length}名课程成员`, 
+        icon: 'success',
+        duration: 2000
+      });
+    } else {
+      uni.showToast({ 
+        title: '该课程暂无成员', 
+        icon: 'none',
+        duration: 1500
+      });
+    }
+  } catch (error) {
+    console.error('获取课程成员失败:', error);
+    uni.showToast({ title: '获取课程成员失败', icon: 'none' });
+  }
+};
+
+// 打开分类选择器
+const categoryPickerRef = ref();
+const openCategoryPicker = () => {
+  if (categoryRange.value.length > 0) {
+    categoryPickerRef.value?.open();
+  } else {
+    uni.showToast({
+      title: '分类数据加载中，请稍后重试',
+      icon: 'none'
+    });
+  }
+};
+
+// 跳转到教师选择页面
+const showTeacherTree = () => {
+  uni.navigateTo({
+    url: '/pages/view/routine/qd/selectTeachers'
+  });
+};
+
+// 监听教师选择事件
+const handleTeacherSelected = (teachers: TeacherInfo[]) => {
+  console.log('接收到教师选择事件:', teachers);
+  
+  const currentTeacherIds = new Set(selectedTeachers.value.map(t => t.id));
+  const newTeachers = teachers.filter(teacher => !currentTeacherIds.has(teacher.id));
+  
+  selectedTeachers.value = [...selectedTeachers.value, ...newTeachers];
+  
+  if (newTeachers.length > 0) {
+    uni.showToast({ 
+      title: `已添加${newTeachers.length}名新教师`, 
+      icon: 'success',
+      duration: 1500
+    });
+  } else {
+    uni.showToast({ 
+      title: '所选教师已存在，未重复添加', 
+      icon: 'none',
+      duration: 1500
+    });
+  }
+};
+
+// 显示所有教师弹窗
+const showAllTeachers = () => {
+  showTeacherListModal.value = true;
+};
+
+// 删除教师
+const removeTeacher = (teacherId: string) => {
+  const index = selectedTeachers.value.findIndex(teacher => teacher.id === teacherId);
+  if (index > -1) {
+    selectedTeachers.value.splice(index, 1);
+    uni.showToast({ 
+      title: '已删除该教师', 
+      icon: 'success',
+      duration: 1500
+    });
+  }
+};
+
+// 关闭教师列表弹窗
+const closeTeacherListModal = () => {
+  showTeacherListModal.value = false;
+};
+
+// 提交表单
+const handleSubmit = async () => {
+  // 表单验证
+  if (!form.value.communityName || !form.value.communityName.trim()) {
+    uni.showToast({
+      title: '请输入交流群名称',
+      icon: 'none'
+    });
+    return;
+  }
+
+  if (!form.value.category) {
+    uni.showToast({
+      title: '请选择交流群分类',
+      icon: 'none'
+    });
+    return;
+  }
+
+  // 私密交流群指定成员验证
+  if (form.value.communityType === 2) {
+    if (selectedTeachers.value.length === 0) {
+      uni.showToast({
+        title: '私密交流群必须指定成员',
+        icon: 'none'
+      });
+      return;
+    }
+    
+    if (selectedTeachers.value.length < 2) {
+      uni.showToast({
+        title: '请选择2人以上',
+        icon: 'none'
+      });
+      return;
+    }
+  }
+
+  try {
+    // 私密交流群处理权限配置
+    if (form.value.communityType === 2) {
+      const teacherIds = selectedTeachers.value.map(teacher => teacher.jsId || teacher.id);
+      form.value.jsIds = teacherIds.length > 0 ? JSON.stringify(teacherIds) : '';
+      
+      // 设置成员数量
+      form.value.memberCount = selectedTeachers.value.length;
+    }
+    
+    submitting.value = true;
+
+    const res = await communitySaveApi(form.value);
+
+    uni.showToast({
+      title: '保存成功',
+      icon: 'success'
+    });
+
+    setTimeout(() => {
+      uni.navigateBack({
+        success: () => {
+          // 发送刷新事件给列表页面
+          uni.$emit('refreshCommunityList');
+        }
+      });
+    }, 1500);
+  } catch (error: any) {
+    uni.showToast({
+      title: error.message || '保存失败',
+      icon: 'none'
+    });
+  } finally {
+    submitting.value = false;
+  }
+};
+
+// 取消
+const handleCancel = () => {
+  uni.navigateBack();
+};
+
+
+// 页面加载时初始化数据
+onMounted(async () => {
+  // 先加载基础数据
+  await loadCategoryData();
+  await loadCourseList();
+  // 监听教师选择事件
+  uni.$on('teacherSelected', handleTeacherSelected);
+});
+
+// 清理事件监听
+onUnmounted(() => {
+  uni.$off('teacherSelected', handleTeacherSelected);
+});
+</script>
+
+<style lang="scss" scoped>
+.edit-community-page {
+  min-height: 100vh;
+  background: #f5f7fa;
+
+  .form-container {
+    padding: 20rpx;
+    padding-bottom: 180rpx;
+
+    .form-item {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx;
+      margin-bottom: 20rpx;
+
+      .item-label {
+        font-size: 28rpx;
+        font-weight: 500;
+        color: #333;
+        margin-bottom: 20rpx;
+
+        .required {
+          color: #f56c6c;
+          margin-left: 4rpx;
+        }
+      }
+
+      .picker-trigger {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 80rpx;
+        padding: 0 24rpx;
+        background: #f5f7fa;
+        border-radius: 12rpx;
+
+        .placeholder {
+          color: #999;
+        }
+      }
+    }
+
+    .upload-section {
+      width: 100%;
+      
+      :deep(.section-title) {
+        display: none !important;
+      }
+    }
+
+    .permission-section {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 24rpx;
+      margin-top: 20rpx;
+
+      .section-title {
+        font-size: 32rpx;
+        font-weight: 600;
+        color: #333;
+        margin-bottom: 24rpx;
+
+        .tip {
+          font-size: 24rpx;
+          font-weight: normal;
+          color: #999;
+          margin-left: 12rpx;
+        }
+      }
+
+      .permission-item {
+        margin-bottom: 32rpx;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        .item-label {
+          font-size: 28rpx;
+          color: #333;
+          margin-bottom: 16rpx;
+
+          .required {
+            font-size: 24rpx;
+            color: #f56c6c;
+            margin-left: 8rpx;
+          }
+          
+          .optional {
+            font-size: 24rpx;
+            color: #999;
+            margin-left: 8rpx;
+          }
+
+          .auto-fill-tip {
+            font-size: 24rpx;
+            color: #007aff;
+            margin-left: 8rpx;
+            background: rgba(0, 122, 255, 0.1);
+            padding: 4rpx 12rpx;
+            border-radius: 20rpx;
+          }
+        }
+
+        .course-selector {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          height: 80rpx;
+          padding: 0 24rpx;
+          background: #f5f7fa;
+          border-radius: 12rpx;
+
+          .placeholder {
+            color: #999;
+          }
+        }
+
+        .teacher-selector {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          height: 80rpx;
+          padding: 0 24rpx;
+          background: #f5f7fa;
+          border-radius: 12rpx;
+
+          .placeholder {
+            color: #999;
+          }
+
+          .warning-text {
+            color: #f56c6c;
+          }
+        }
+
+        .teacher-tags {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 12rpx;
+          margin-top: 16rpx;
+
+          .teacher-tag {
+            background: #e3f2fd;
+            color: #1976d2;
+            padding: 8rpx 16rpx;
+            border-radius: 20rpx;
+            font-size: 24rpx;
+          }
+
+          .more-teachers-btn {
+            background: #f5f5f5;
+            color: #666;
+            padding: 8rpx 16rpx;
+            border-radius: 20rpx;
+            font-size: 24rpx;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+
+    .bottom-buttons {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      background: #fff;
+      padding: 20rpx;
+      box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05);
+      display: flex;
+      gap: 20rpx;
+      z-index: 100;
+    }
+  }
+}
+
+/* 教师列表弹窗样式 */
+.teacher-list-modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
+
+.teacher-list-modal-content {
+  background-color: white;
+  border-radius: 24rpx;
+  width: 90%;
+  max-width: 800rpx;
+  max-height: 70vh;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 8rpx 40rpx rgba(0, 0, 0, 0.2);
+  overflow: hidden;
+}
+
+.teacher-list-modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 30rpx 40rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  background-color: #fafafa;
+}
+
+.teacher-list-modal-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.teacher-list-modal-close {
+  padding: 10rpx;
+  cursor: pointer;
+  border-radius: 50%;
+  transition: background-color 0.2s;
+}
+
+.teacher-list-modal-close:hover {
+  background-color: #f0f0f0;
+}
+
+.teacher-list-modal-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20rpx 0;
+  max-height: 50vh;
+}
+
+.teacher-list-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24rpx 40rpx;
+  border-bottom: 1rpx solid #f5f5f5;
+  transition: background-color 0.2s;
+}
+
+.teacher-list-item:hover {
+  background-color: #f9f9f9;
+}
+
+.teacher-list-item:last-child {
+  border-bottom: none;
+}
+
+.teacher-name {
+  font-size: 32rpx;
+  color: #333;
+  flex: 1;
+}
+
+.teacher-delete-btn {
+  padding: 12rpx;
+  cursor: pointer;
+  border-radius: 50%;
+  transition: background-color 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.teacher-delete-btn:hover {
+  background-color: rgba(255, 77, 79, 0.1);
+}
+
+.empty-teacher-list {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 80rpx 40rpx;
+  color: #999;
+}
+
+.empty-text {
+  margin-top: 20rpx;
+  font-size: 28rpx;
+}
+</style>
+
diff --git a/src/pages/view/routine/lt/index.vue b/src/pages/view/routine/lt/index.vue
new file mode 100644
index 0000000..f089f6b
--- /dev/null
+++ b/src/pages/view/routine/lt/index.vue
@@ -0,0 +1,703 @@
+<template>
+  <view class="forum-community-page">
+    <!-- 顶部搜索和筛选区域 -->
+    <view class="top-section">
+      <view class="search-card">
+        <!-- 搜索框 -->
+        <view class="search-item">
+          <view class="search-container">
+            <BasicSearch 
+              placeholder="搜索交流群名称"
+              @search="handleSearch"
+              class="search-input"
+              v-model="searchKeyword"
+            />
+            <u-button 
+              text="查询" 
+              type="primary" 
+              size="small"
+              class="search-button"
+              @click="handleSearch(searchKeyword)"
+              :custom-style="{ flexShrink: 0, width: 'auto', minWidth: '120rpx' }"
+            />
+          </view>
+        </view>
+        
+        <!-- Tab筛选 -->
+        <scroll-view scroll-x class="filter-tabs-scroll">
+          <view class="filter-tabs">
+            <view 
+              v-for="tab in tabs" 
+              :key="tab.value"
+              class="filter-tab"
+              :class="{ active: activeTab === tab.value }"
+              @click="switchTab(tab.value)"
+            >
+              {{ tab.label }}
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </view>
+
+    <!-- 中间内容区域 -->
+    <view class="middle-section">
+      <scroll-view 
+        scroll-y 
+        class="list-scroll-view"
+        @scrolltolower="loadMore"
+        lower-threshold="100"
+      >
+        <view v-if="isLoading && dataList.length === 0" class="loading-indicator">
+          <text class="loading-icon">⏳</text>
+          <text class="loading-text">加载中...</text>
+        </view>
+        <template v-else-if="dataList.length > 0">
+          <view 
+            v-for="item in dataList" 
+            :key="item.id"
+            class="community-item"
+            :class="{ 'no-image': !item.fileUrl }"
+            @click="goDetail(item)"
+          >
+            <!-- 社区封面 -->
+            <image 
+              v-if="item.fileUrl"
+              :src="item.fileUrl" 
+              class="community-cover"
+              mode="aspectFill"
+            />
+            
+            <!-- 社区信息 -->
+            <view class="community-info" :class="{ 'full-width': !item.fileUrl }">
+              <view class="info-header">
+                <text class="community-name">{{ item.communityName }}</text>
+                <u-tag 
+                  v-if="item.communityType == 2" 
+                  text="私密" 
+                  type="warning" 
+                  size="mini"
+                />
+              </view>
+              
+              <text class="community-desc">{{ item.communityDesc || '暂无描述' }}</text>
+              
+              <view class="community-meta">
+                <view class="meta-item">
+                  <u-icon name="account" size="14" color="#999" />
+                  <text>{{ item.memberCount || 0 }} 成员</text>
+                </view>
+                <view class="meta-item">
+                  <u-icon name="edit-pen" size="14" color="#999" />
+                  <text>{{ item.postCount || 0 }} 帖子</text>
+                </view>
+                <view class="meta-item">
+                  <u-icon name="calendar" size="14" color="#999" />
+                  <text>{{ item.createdUserName || '未知' }}</text>
+                </view>
+              </view>
+
+              <!-- 分类标签和修改按钮 -->
+              <view class="category-and-edit">
+                <view class="category-tag" v-if="item.category">
+                  <u-tag 
+                    :text="getCategoryText(item.category)" 
+                    plain
+                    size="mini"
+                    type="info"
+                  />
+                </view>
+                <view class="edit-icon" @click.stop="goEdit(item)">
+                  <u-icon name="edit-pen" size="20" color="#007aff" />
+                </view>
+              </view>
+            </view>
+
+            <!-- 操作按钮 -->
+            <view class="action-btn">
+              <u-icon name="arrow-right" size="18" color="#999" />
+            </view>
+          </view>
+        </template>
+        <view v-else class="empty-state">
+          <text class="empty-icon">📚</text>
+          <text class="empty-text">暂无数据</text>
+        </view>
+        
+        <!-- 加载更多 -->
+        <view v-if="isLoading && dataList.length > 0" class="loading-more">
+          <text class="loading-more-icon">⏳</text>
+          <text class="loading-more-text">加载中...</text>
+        </view>
+        
+        <!-- 没有更多数据 -->
+        <view v-if="!hasMore && dataList.length > 0" class="no-more">
+          <text class="no-more-icon">✓</text>
+          <text class="no-more-text">已加载全部社区</text>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 底部创建按钮 -->
+    <view class="bottom-section">
+      <u-button 
+        type="primary" 
+        text="创建交流群" 
+        @click="goCreate"
+        block
+        shape="circle"
+        :custom-style="{ height: '88rpx', fontSize: '32rpx' }"
+      />
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted, onUnmounted } from 'vue';
+import { communityFindPageApi } from '@/api/forum';
+import { useDicStore } from '@/store/modules/dic';
+import BasicSearch from '@/components/BasicSearch/Search.vue';
+
+const { findByPid } = useDicStore();
+
+// 搜索关键词
+const searchKeyword = ref('');
+
+// Tab选项 - 动态加载
+const tabs = ref([
+  { label: '全部', value: 'all', dictionaryCode: 'all' }
+]);
+const activeTab = ref('all');
+
+// 数据列表
+const dataList = ref([]);
+const isLoading = ref(false);
+const hasMore = ref(true);
+const currentPage = ref(1);
+const pageSize = ref(20);
+
+// 加载Tab分类数据
+const loadTabData = async () => {
+  try {
+    const res = await findByPid({ pid: 2146632765 });
+    console.log('Tab分类API返回数据:', res);
+    
+    // 检查数据结构，实际数据在 res.result 中
+    let data = [];
+    if (res && res.result && Array.isArray(res.result) && res.result.length > 0) {
+      data = res.result;
+    } else if (res && Array.isArray(res) && res.length > 0) {
+      data = res;
+    }
+    
+    if (data.length > 0) {
+      // 构建Tab选项，只包含"全部"和字典数据中的分类
+      const tabOptions = [
+        { label: '全部', value: 'all', dictionaryCode: 'all' }
+      ];
+      
+      // 添加字典数据中的分类
+      data.forEach(item => {
+        if (item.dictionaryValue && item.dictionaryCode) {
+          tabOptions.push({
+            label: item.dictionaryValue,
+            value: item.dictionaryCode,
+            dictionaryCode: item.dictionaryCode
+          });
+        }
+      });
+      
+      tabs.value = tabOptions;
+      console.log('加载Tab数据成功:', tabs.value);
+    }
+  } catch (error) {
+    console.error('加载Tab数据失败:', error);
+    // 使用默认Tab选项
+    tabs.value = [
+      { label: '全部', value: 'all', dictionaryCode: 'all' }
+    ];
+  }
+};
+
+// 查询数据
+const queryData = async (isLoadMore = false) => {
+  if (isLoading.value) return;
+  
+  isLoading.value = true;
+  try {
+    const params: any = {
+      page: isLoadMore ? currentPage.value + 1 : 1,
+      rows: pageSize.value,
+      communityName: searchKeyword.value,
+      status: 'A'
+    };
+
+    // 根据Tab筛选
+    if (activeTab.value !== 'all' && activeTab.value !== 'my') {
+      params.communityType = parseInt(activeTab.value);
+    }
+
+    console.log('queryData中的searchKeyword.value:', searchKeyword.value);
+    console.log('请求参数:', params);
+
+    const res = await communityFindPageApi(params);
+    
+    console.log('API返回数据:', res);
+    
+    // 根据实际返回的数据结构调整
+    let list = [];
+    if (res?.rows && Array.isArray(res.rows)) {
+      // 数据结构: { total: 1, page: 1, records: 1, rows: [...] }
+      list = res.rows;
+    } else if (res?.records && Array.isArray(res.records)) {
+      // 数据结构: { records: [...], total: 1 }
+      list = res.records;
+    } else if (res?.data) {
+      // 数据结构: { data: { records: [...] } }
+      if (Array.isArray(res.data)) {
+        list = res.data;
+      } else if (res.data.rows && Array.isArray(res.data.rows)) {
+        list = res.data.rows;
+      } else if (res.data.records && Array.isArray(res.data.records)) {
+        list = res.data.records;
+      }
+    } else if (Array.isArray(res)) {
+      // 直接是数组
+      list = res;
+    }
+
+    console.log('解析后的列表数据:', list);
+
+    if (isLoadMore) {
+      dataList.value.push(...list);
+      currentPage.value++;
+    } else {
+      dataList.value = list;
+      currentPage.value = 1;
+    }
+
+    hasMore.value = list.length === pageSize.value;
+  } catch (error) {
+    console.error('查询社区列表失败:', error);
+    uni.showToast({
+      title: '查询失败',
+      icon: 'none'
+    });
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 切换Tab
+const switchTab = (value: string) => {
+  activeTab.value = value;
+  queryData(false);
+};
+
+// 搜索处理
+const handleSearch = (event: any) => {
+  console.log('搜索事件对象:', event);
+  
+  let keyword = '';
+  
+  // 判断事件对象的类型
+  if (typeof event === 'string') {
+    // 如果直接是字符串
+    keyword = event;
+  } else if (event && typeof event === 'object') {
+    // 如果是事件对象，尝试多种方式获取值
+    keyword = event.detail?.value || 
+              event.target?.value || 
+              event.value || 
+              '';
+  }
+  
+  // 确保更新 searchKeyword
+  searchKeyword.value = keyword;
+  console.log('搜索关键词:', searchKeyword.value);
+  
+  // 延迟执行查询，确保 searchKeyword 已更新
+  setTimeout(() => {
+    console.log('延迟查询时的searchKeyword:', searchKeyword.value);
+    queryData(false);
+  }, 100);
+};
+
+// 加载更多
+const loadMore = () => {
+  if (!isLoading.value && hasMore.value) {
+    queryData(true);
+  }
+};
+
+// 获取分类文本
+const getCategoryText = (category: string) => {
+  const categoryMap: Record<string, string> = {
+    'study': '学习交流',
+    'club': '社团活动',
+    'lost': '失物招领',
+    'news': '校园动态'
+  };
+  return categoryMap[category] || category || '未分类';
+};
+
+// 跳转详情
+const goDetail = (item: any) => {
+  uni.navigateTo({
+    url: `/pages/view/routine/lt/detail?id=${item.id}`
+  });
+};
+
+// 编辑社区
+const goEdit = (item: any) => {
+  uni.navigateTo({
+    url: `/pages/view/routine/lt/edit?id=${item.id}`
+  });
+};
+
+// 创建社区
+const goCreate = () => {
+  uni.navigateTo({
+    url: '/pages/view/routine/lt/create'
+  });
+};
+
+onMounted(async () => {
+  // 先加载Tab数据，再查询列表数据
+  await loadTabData();
+  queryData(false);
+  
+  // 监听创建成功后的刷新事件
+  uni.$on('refreshCommunityList', () => {
+    console.log('收到刷新事件，重新加载数据');
+    queryData(false);
+  });
+});
+
+// 页面卸载时移除事件监听
+onUnmounted(() => {
+  uni.$off('refreshCommunityList');
+});
+</script>
+
+<style lang="scss" scoped>
+.forum-community-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background: #f5f7fa;
+
+  .top-section {
+    flex-shrink: 0;
+    background: #fff;
+    padding: 20rpx;
+    border-bottom: 1rpx solid #eee;
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+    z-index: 100;
+
+    .search-card {
+      .search-item {
+        margin-bottom: 20rpx;
+
+          .search-container {
+            display: flex;
+            align-items: center;
+            gap: 12rpx;
+
+            .search-input {
+              flex: 1;
+              min-width: 0;
+            }
+
+            .search-button {
+              flex-shrink: 0 !important;
+              width: auto !important;
+              min-width: 120rpx !important;
+              height: 80rpx !important;
+            }
+          }
+      }
+
+      .filter-tabs-scroll {
+        width: 100%;
+        white-space: nowrap;
+        
+        .filter-tabs {
+          display: flex;
+          gap: 20rpx;
+          padding: 0 4rpx; // 防止第一个和最后一个Tab贴边
+          min-width: 100%;
+
+          .filter-tab {
+            flex-shrink: 0; // 防止Tab被压缩
+            height: 64rpx;
+            line-height: 64rpx;
+            text-align: center;
+            background: #f5f7fa;
+            border-radius: 12rpx;
+            font-size: 28rpx;
+            color: #666;
+            transition: all 0.3s;
+            padding: 0 24rpx; // 给Tab添加内边距
+            white-space: nowrap; // 防止文字换行
+
+            &.active {
+              background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+              color: #fff;
+              font-weight: 500;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .middle-section {
+    flex: 1;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .list-scroll-view {
+    flex: 1;
+    padding: 20rpx;
+    box-sizing: border-box;
+    height: 0; // 关键：触发flex布局中的滚动
+  }
+
+  // 加载状态
+  .loading-indicator {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 60rpx 20rpx;
+    
+    .loading-icon {
+      font-size: 32rpx;
+      margin-bottom: 12rpx;
+      animation: pulse 1.5s ease-in-out infinite;
+    }
+    
+    .loading-text {
+      color: #667eea;
+      font-size: 28rpx;
+    }
+  }
+
+  @keyframes pulse {
+    0%, 100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+    50% {
+      opacity: 0.6;
+      transform: scale(1.1);
+    }
+  }
+
+  .community-item {
+    display: flex;
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 24rpx;
+    margin-bottom: 20rpx;
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
+    transition: all 0.3s;
+
+    &:active {
+      transform: scale(0.98);
+    }
+
+    // 没有图片时的样式
+    &.no-image {
+      .community-info {
+        margin-left: 0;
+      }
+    }
+
+    .community-cover {
+      width: 160rpx;
+      height: 160rpx;
+      border-radius: 12rpx;
+      flex-shrink: 0;
+      background: #f5f7fa;
+    }
+
+    .community-info {
+      flex: 1;
+      margin-left: 24rpx;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+
+      // 没有图片时占满宽度
+      &.full-width {
+        margin-left: 0;
+        width: 100%;
+      }
+
+      .info-header {
+        display: flex;
+        align-items: center;
+        gap: 12rpx;
+        margin-bottom: 12rpx;
+
+        .community-name {
+          font-size: 32rpx;
+          font-weight: 600;
+          color: #333;
+          flex: 1;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      }
+
+      .community-desc {
+        font-size: 26rpx;
+        color: #999;
+        line-height: 1.5;
+        margin-bottom: 16rpx;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+      }
+
+      .community-meta {
+        display: flex;
+        gap: 32rpx;
+
+        .meta-item {
+          display: flex;
+          align-items: center;
+          gap: 8rpx;
+          font-size: 24rpx;
+          color: #999;
+        }
+      }
+
+      .category-and-edit {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 12rpx;
+      }
+      
+      .category-tag {
+        flex: 1;
+      }
+      
+      .edit-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 60rpx;
+        height: 60rpx;
+        border-radius: 50%;
+        background-color: rgba(0, 122, 255, 0.1);
+        transition: background-color 0.2s;
+        
+        &:active {
+          background-color: rgba(0, 122, 255, 0.2);
+        }
+      }
+    }
+
+    .action-btn {
+      display: flex;
+      align-items: center;
+      margin-left: 12rpx;
+    }
+  }
+
+  // 空状态
+  .empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 80rpx 20rpx;
+    
+    .empty-icon {
+      font-size: 64rpx;
+      margin-bottom: 16rpx;
+      opacity: 0.6;
+    }
+    
+    .empty-text {
+      font-size: 32rpx;
+      color: #4a5568;
+      font-weight: 600;
+      margin-bottom: 16rpx;
+    }
+    
+    .empty-hint {
+      font-size: 26rpx;
+      color: #a0aec0;
+    }
+  }
+
+  // 加载更多状态
+  .loading-more {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 16rpx;
+    padding: 40rpx;
+    
+    .loading-more-icon {
+      font-size: 36rpx;
+      animation: pulse 1.5s ease-in-out infinite;
+    }
+    
+    .loading-more-text {
+      color: #667eea;
+      font-size: 28rpx;
+      font-weight: 500;
+    }
+  }
+
+  // 无更多数据状态
+  .no-more {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 12rpx;
+    padding: 48rpx 40rpx;
+    margin-top: 16rpx;
+    background: linear-gradient(135deg, #f7f9fc 0%, #e8f0fe 100%);
+    border-radius: 24rpx;
+    margin-left: 32rpx;
+    margin-right: 32rpx;
+    
+    .no-more-icon {
+      font-size: 32rpx;
+      color: #52c41a;
+    }
+    
+    .no-more-text {
+      color: #718096;
+      font-size: 26rpx;
+      font-weight: 500;
+    }
+  }
+
+  .bottom-section {
+    flex-shrink: 0;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #fff;
+    padding: 20rpx;
+    box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05);
+    z-index: 100;
+    border-top: 1rpx solid #eee;
+  }
+}
+</style>
+
diff --git a/src/pages/view/routine/lt/postDetail.vue b/src/pages/view/routine/lt/postDetail.vue
new file mode 100644
index 0000000..9d19cfb
--- /dev/null
+++ b/src/pages/view/routine/lt/postDetail.vue
@@ -0,0 +1,1106 @@
+<template>
+  <view class="post-detail-page">
+    <!-- 帖子内容 -->
+    <view class="post-content-section">
+      <!-- 用户信息 -->
+      <view class="user-header">
+        <image :src="detail.userAvatar || defaultAvatar" class="user-avatar" />
+        <view class="user-info">
+          <text class="user-name">{{ detail.createdUserName }}</text>
+          <text class="post-time">{{ formatTime(detail.createdTime) }}</text>
+        </view>
+        <view class="post-badges">
+          <u-tag v-if="detail.isTop === '1'" text="置顶" type="error" size="mini" />
+          <u-tag v-if="detail.isHot === '1'" text="热门" type="warning" size="mini" />
+          <u-tag v-if="detail.isEssence === '1'" text="精华" type="success" size="mini" />
+        </view>
+      </view>
+
+      <!-- 帖子标题 -->
+      <view class="post-title">{{ detail.title }}</view>
+
+      <!-- 帖子内容 -->
+      <view class="post-content" v-if="detail.content">
+        {{ detail.content }}
+      </view>
+
+      <!-- 图片展示 -->
+      <view v-if="imageList.length > 0" class="post-images">
+        <image 
+          v-for="(img, index) in imageList" 
+          :key="index"
+          :src="img"
+          mode="aspectFill"
+          @click="previewImage(index)"
+          class="post-image"
+        />
+      </view>
+
+      <!-- 附件 -->
+      <view v-if="attachmentList.length > 0" class="post-attachments">
+        <view class="attachment-title">附件</view>
+        <view 
+          v-for="(file, index) in attachmentList" 
+          :key="index"
+          class="attachment-item"
+          @click="previewFile(file)"
+        >
+          <u-icon name="file-text" size="20" color="#3c9cff" />
+          <text class="file-name">{{ file.name }}</text>
+          <u-icon name="download" size="16" color="#999" />
+        </view>
+      </view>
+
+      <!-- 标签 -->
+      <view v-if="detail.tags" class="post-tags">
+        <u-tag 
+          v-for="tag in detail.tags.split(',')" 
+          :key="tag"
+          :text="'#' + tag"
+          plain
+          size="small"
+        />
+      </view>
+
+      <!-- 互动统计 -->
+      <view class="post-stats">
+        <view class="stat-item">
+          <u-icon name="eye" size="16" color="#999" />
+          <text>{{ detail.viewCount || 0 }} 浏览</text>
+        </view>
+        <view class="stat-item">
+          <u-icon name="clock" size="16" color="#999" />
+          <text>{{ formatTime(detail.createdTime) }}</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 评论区域 -->
+    <view class="comment-section">
+      <view class="comment-header">
+        <text class="comment-title">评论 {{ detail.commentCount || 0 }}</text>
+      </view>
+
+      <scroll-view 
+        scroll-y 
+        class="comment-scroll-view"
+        @scrolltolower="loadMoreComments"
+        lower-threshold="100"
+      >
+        <view v-if="isLoadingComments && commentList.length === 0" class="loading-indicator">
+          <text class="loading-icon">⏳</text>
+          <text class="loading-text">加载中...</text>
+        </view>
+        <template v-else-if="commentList.length > 0">
+          <view class="comment-list">
+            <view 
+              v-for="comment in commentList" 
+              :key="comment.id"
+              class="comment-item"
+            >
+              <!-- 一级评论 -->
+              <view class="comment-main">
+                <image :src="comment.userAvatar || defaultAvatar" class="comment-avatar" />
+                <view class="comment-content">
+                  <view class="comment-user">
+                    <text class="user-name">{{ comment.createdUserName }}</text>
+                    <text class="comment-time">{{ formatTime(comment.createdTime) }}</text>
+                  </view>
+                  <text class="comment-text">{{ comment.content }}</text>
+                  
+                  <!-- 评论操作 -->
+                  <view class="comment-actions">
+                    <view class="action-btn" @click="handleCommentLike(comment)">
+                      <u-icon 
+                        :name="comment.isLiked ? 'heart-fill' : 'heart'" 
+                        :color="comment.isLiked ? '#f56c6c' : '#999'"
+                        size="14"
+                      />
+                      <text>{{ comment.likeCount || 0 }}</text>
+                    </view>
+                    <view class="action-btn" @click="handleReply(comment)">
+                      <u-icon name="chat" color="#999" size="14" />
+                      <text>回复</text>
+                    </view>
+                  </view>
+
+                  <!-- 二级回复 -->
+                  <view v-if="comment.replies && comment.replies.length > 0" class="reply-list">
+                    <view 
+                      v-for="reply in comment.replies" 
+                      :key="reply.id"
+                      class="reply-item"
+                    >
+                      <text class="reply-user">{{ reply.createdUserName }}</text>
+                      <text v-if="reply.replyToUserName" class="reply-to">
+                        回复 <text class="reply-to-user">{{ reply.replyToUserName }}</text>
+                      </text>
+                      <text class="reply-text">: {{ reply.content }}</text>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </template>
+        <view v-else class="empty-state">
+          <text class="empty-icon">💬</text>
+          <text class="empty-text">暂无评论</text>
+          <text class="empty-hint">快来抢沙发吧</text>
+        </view>
+        
+        <!-- 加载更多 -->
+        <view v-if="isLoadingComments && commentList.length > 0" class="loading-more">
+          <text class="loading-more-icon">⏳</text>
+          <text class="loading-more-text">加载中...</text>
+        </view>
+        
+        <!-- 没有更多数据 -->
+        <view v-if="!hasMoreComments && commentList.length > 0" class="no-more">
+          <text class="no-more-icon">✓</text>
+          <text class="no-more-text">已加载全部评论</text>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 底部操作栏 -->
+    <view class="bottom-bar">
+      <view class="input-box" @click="showCommentInput">
+        <text class="placeholder">说点什么...</text>
+      </view>
+      <view class="action-buttons">
+        <view class="action-btn" @click="handleLike">
+          <u-icon 
+            :name="detail.isLiked ? 'heart-fill' : 'heart'" 
+            :color="detail.isLiked ? '#f56c6c' : '#666'"
+            size="22"
+          />
+          <text>{{ detail.likeCount || 0 }}</text>
+        </view>
+        <view class="action-btn" @click="handleCollect">
+          <u-icon 
+            :name="detail.isCollected ? 'star-fill' : 'star'" 
+            :color="detail.isCollected ? '#ffba00' : '#666'"
+            size="22"
+          />
+          <text>{{ detail.collectCount || 0 }}</text>
+        </view>
+        <view class="action-btn" @click="handleShare">
+          <u-icon name="share" color="#666" size="22" />
+          <text>分享</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 评论输入弹窗 -->
+    <u-popup :show="showInput" mode="bottom" :border-radius="20" @close="closeCommentInput">
+      <view class="comment-input-popup">
+        <view class="popup-header">
+          <text>{{ replyComment ? '回复评论' : '发表评论' }}</text>
+          <u-icon name="close" size="20" @click="closeCommentInput" />
+        </view>
+        <view class="popup-content">
+          <textarea 
+            v-model="commentContent"
+            placeholder="说点什么..."
+            :maxlength="500"
+            class="comment-textarea"
+            :auto-height="true"
+          />
+          <view class="char-count">{{ commentContent.length }}/500</view>
+        </view>
+        <view class="popup-footer">
+          <u-button 
+            text="发送" 
+            type="primary"
+            @click="submitComment"
+            :loading="submitting"
+            block
+            shape="circle"
+          />
+        </view>
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+import { 
+  postFindByIdApi, 
+  commentFindPageApi,
+  commentSaveApi,
+  likeSaveApi,
+  collectSaveApi 
+} from '@/api/forum';
+import { useUserStore } from '@/store/modules/user';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import 'dayjs/locale/zh-cn';
+
+dayjs.extend(relativeTime);
+dayjs.locale('zh-cn');
+
+// 默认头像
+const defaultAvatar = '/static/base/home/avatar-default.png';
+
+// 获取用户store
+const userStore = useUserStore();
+
+// 获取当前教师ID
+const getCurrentTeacherId = () => {
+  const jsData = userStore.getJs;
+  return jsData?.id || null;
+};
+
+// 帖子ID
+const postId = ref('');
+
+// 帖子详情
+const detail = ref<any>({});
+
+// 图片列表
+const imageList = computed(() => {
+  try {
+    return detail.value.fileUrl ? JSON.parse(detail.value.fileUrl) : [];
+  } catch {
+    return [];
+  }
+});
+
+// 附件列表
+const attachmentList = computed(() => {
+  try {
+    const urls = detail.value.fileUrl ? JSON.parse(detail.value.fileUrl) : [];
+    const names = detail.value.fileName ? JSON.parse(detail.value.fileName) : [];
+    const formats = detail.value.fileFormat ? JSON.parse(detail.value.fileFormat) : [];
+    
+    return urls.map((url: string, index: number) => ({
+      url,
+      name: names[index] || `附件${index + 1}`,
+      format: formats[index] || ''
+    }));
+  } catch {
+    return [];
+  }
+});
+
+// 评论列表
+const commentList = ref<any[]>([]);
+const isLoadingComments = ref(false);
+const hasMoreComments = ref(true);
+const currentCommentPage = ref(1);
+const commentPageSize = ref(20);
+
+// 显示评论输入
+const showInput = ref(false);
+
+// 评论内容
+const commentContent = ref('');
+
+// 回复的评论
+const replyComment = ref<any>(null);
+
+// 提交状态
+const submitting = ref(false);
+
+// 页面加载
+onLoad((options: any) => {
+  postId.value = options.id;
+  loadPostDetail();
+  // 加载评论数据
+  queryComments(false);
+});
+
+// 加载帖子详情
+const loadPostDetail = async () => {
+  try {
+    const res = await postFindByIdApi({ id: postId.value });
+    console.log('帖子详情API返回数据:', res);
+    
+    // 根据实际返回的数据结构调整解析逻辑
+    const response = res as any;
+    if (response && response.result) {
+      // 数据结构: {resultCode: 1, result: {...}}
+      detail.value = response.result;
+    } else if (response && response.data) {
+      // 数据结构: {data: {...}}
+      detail.value = response.data;
+    } else if (response) {
+      // 直接返回数据
+      detail.value = response;
+    } else {
+      detail.value = {};
+    }
+    
+    console.log('解析后的帖子详情:', detail.value);
+    
+    // 增加浏览量（可以调用接口）
+    // incrementViewCount();
+  } catch (error) {
+    console.error('加载帖子详情失败:', error);
+    uni.showToast({
+      title: '加载失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 查询评论
+const queryComments = async (isLoadMore = false) => {
+  if (isLoadingComments.value) return;
+  
+  try {
+    isLoadingComments.value = true;
+    
+    const params = {
+      page: isLoadMore ? currentCommentPage.value + 1 : 1,
+      rows: commentPageSize.value,
+      postId: postId.value,
+      parentId: '0', // 只查询一级评论
+      status: 'A'
+    };
+
+    const res = await commentFindPageApi(params);
+    
+    // 根据实际返回的数据结构调整
+    let list: any[] = [];
+    const response = res as any;
+    if (response?.rows && Array.isArray(response.rows)) {
+      list = response.rows;
+    } else if (response?.records && Array.isArray(response.records)) {
+      list = response.records;
+    } else if (response?.data) {
+      if (Array.isArray(response.data)) {
+        list = response.data;
+      } else if (response.data.rows && Array.isArray(response.data.rows)) {
+        list = response.data.rows;
+      } else if (response.data.records && Array.isArray(response.data.records)) {
+        list = response.data.records;
+      }
+    } else if (Array.isArray(response)) {
+      list = response;
+    }
+    
+    // 查询每个评论的二级回复
+    for (const comment of list) {
+      comment.replies = await loadReplies(comment.id);
+    }
+    
+    if (isLoadMore) {
+      // 加载更多
+      commentList.value = [...commentList.value, ...list];
+      currentCommentPage.value = params.page;
+    } else {
+      // 刷新数据
+      commentList.value = list;
+      currentCommentPage.value = 1;
+    }
+    
+    // 判断是否还有更多数据
+    hasMoreComments.value = list.length === commentPageSize.value;
+    
+  } catch (error) {
+    console.error('查询评论失败:', error);
+  } finally {
+    isLoadingComments.value = false;
+  }
+};
+
+// 加载更多评论
+const loadMoreComments = () => {
+  if (hasMoreComments.value && !isLoadingComments.value) {
+    queryComments(true);
+  }
+};
+
+// 加载二级回复
+const loadReplies = async (rootId: string) => {
+  try {
+    const res = await commentFindPageApi({
+      rootId: rootId,
+      status: 'A',
+      page: 1,
+      rows: 100
+    });
+    
+    // 根据实际返回的数据结构调整
+    const response = res as any;
+    if (response?.rows && Array.isArray(response.rows)) {
+      return response.rows;
+    } else if (response?.records && Array.isArray(response.records)) {
+      return response.records;
+    } else if (response?.data) {
+      if (Array.isArray(response.data)) {
+        return response.data;
+      } else if (response.data.rows && Array.isArray(response.data.rows)) {
+        return response.data.rows;
+      } else if (response.data.records && Array.isArray(response.data.records)) {
+        return response.data.records;
+      }
+    } else if (Array.isArray(response)) {
+      return response;
+    }
+    return [];
+  } catch {
+    return [];
+  }
+};
+
+// 格式化时间
+const formatTime = (time: string) => {
+  if (!time) return '';
+  return dayjs(time).fromNow();
+};
+
+// 预览图片
+const previewImage = (index: number) => {
+  uni.previewImage({
+    urls: imageList.value,
+    current: index
+  });
+};
+
+// 预览文件
+const previewFile = (file: any) => {
+  uni.downloadFile({
+    url: file.url,
+    success: (res) => {
+      uni.openDocument({
+        filePath: res.tempFilePath
+      } as any);
+    }
+  });
+};
+
+// 显示评论输入
+const showCommentInput = () => {
+  replyComment.value = null;
+  commentContent.value = '';
+  showInput.value = true;
+};
+
+// 关闭评论输入
+const closeCommentInput = () => {
+  showInput.value = false;
+  commentContent.value = '';
+  replyComment.value = null;
+};
+
+// 回复评论
+const handleReply = (comment: any) => {
+  replyComment.value = comment;
+  commentContent.value = '';
+  showInput.value = true;
+};
+
+// 提交评论
+const submitComment = async () => {
+  if (!commentContent.value.trim()) {
+    uni.showToast({
+      title: '请输入评论内容',
+      icon: 'none'
+    });
+    return;
+  }
+
+  // 获取当前用户ID
+  const currentUserId = getCurrentTeacherId();
+  if (!currentUserId) {
+    uni.showToast({
+      title: '无法获取用户信息',
+      icon: 'none'
+    });
+    return;
+  }
+
+  submitting.value = true;
+  try {
+    const params: any = {
+      postId: postId.value,
+      content: commentContent.value,
+      userId: currentUserId,
+      parentId: replyComment.value ? replyComment.value.id : '0',
+      rootId: replyComment.value ? (replyComment.value.rootId || replyComment.value.id) : '0',
+      replyToUserId: replyComment.value ? replyComment.value.createdUserId : '',
+      replyToUserName: replyComment.value ? replyComment.value.createdUserName : ''
+    };
+
+    await commentSaveApi(params);
+
+    uni.showToast({
+      title: '评论成功',
+      icon: 'success'
+    });
+
+    // 重新加载评论
+    queryComments(false);
+    closeCommentInput();
+    
+    // 更新评论数
+    detail.value.commentCount = (detail.value.commentCount || 0) + 1;
+    
+    // 发送刷新事件给帖子列表页面
+    uni.$emit('refreshPostList');
+  } catch (error: any) {
+    uni.showToast({
+      title: error.message || '评论失败',
+      icon: 'none'
+    });
+  } finally {
+    submitting.value = false;
+  }
+};
+
+// 点赞帖子
+const handleLike = async () => {
+  try {
+    const currentUserId = getCurrentTeacherId();
+    if (!currentUserId) {
+      uni.showToast({
+        title: '无法获取用户信息',
+        icon: 'none'
+      });
+      return;
+    }
+
+    await likeSaveApi({
+      targetId: postId.value,
+      targetType: 1,
+      userId: currentUserId
+    });
+    
+    detail.value.isLiked = !detail.value.isLiked;
+    detail.value.likeCount = detail.value.isLiked 
+      ? (detail.value.likeCount || 0) + 1 
+      : (detail.value.likeCount || 0) - 1;
+    
+    // 发送刷新事件给帖子列表页面
+    uni.$emit('refreshPostList');
+  } catch (error) {
+    uni.showToast({
+      title: '操作失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 收藏帖子
+const handleCollect = async () => {
+  try {
+    const currentUserId = getCurrentTeacherId();
+    if (!currentUserId) {
+      uni.showToast({
+        title: '无法获取用户信息',
+        icon: 'none'
+      });
+      return;
+    }
+
+    await collectSaveApi({
+      postId: postId.value,
+      userId: currentUserId
+    });
+    
+    detail.value.isCollected = !detail.value.isCollected;
+    detail.value.collectCount = detail.value.isCollected 
+      ? (detail.value.collectCount || 0) + 1 
+      : (detail.value.collectCount || 0) - 1;
+    
+    // 发送刷新事件给帖子列表页面
+    uni.$emit('refreshPostList');
+  } catch (error) {
+    uni.showToast({
+      title: '操作失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 点赞评论
+const handleCommentLike = async (comment: any) => {
+  try {
+    const currentUserId = getCurrentTeacherId();
+    if (!currentUserId) {
+      uni.showToast({
+        title: '无法获取用户信息',
+        icon: 'none'
+      });
+      return;
+    }
+
+    await likeSaveApi({
+      targetId: comment.id,
+      targetType: 2,
+      userId: currentUserId
+    });
+    
+    comment.isLiked = !comment.isLiked;
+    comment.likeCount = comment.isLiked 
+      ? (comment.likeCount || 0) + 1 
+      : (comment.likeCount || 0) - 1;
+  } catch (error) {
+    uni.showToast({
+      title: '操作失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 分享
+const handleShare = () => {
+  uni.share({
+    provider: 'weixin',
+    scene: 'WXSceneSession',
+    type: 0,
+    title: detail.value.title,
+    summary: detail.value.content,
+    href: '',
+    success: () => {
+      uni.showToast({
+        title: '分享成功',
+        icon: 'success'
+      });
+    }
+  });
+};
+</script>
+
+<style lang="scss" scoped>
+.post-detail-page {
+  min-height: 100vh;
+  background: #f5f7fa;
+  padding-bottom: 120rpx;
+
+  .post-content-section {
+    background: #fff;
+    padding: 32rpx;
+    margin-bottom: 20rpx;
+
+    .user-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 32rpx;
+
+      .user-avatar {
+        width: 80rpx;
+        height: 80rpx;
+        border-radius: 50%;
+      }
+
+      .user-info {
+        flex: 1;
+        margin-left: 20rpx;
+
+        .user-name {
+          display: block;
+          font-size: 28rpx;
+          font-weight: 500;
+          color: #333;
+        }
+
+        .post-time {
+          display: block;
+          font-size: 24rpx;
+          color: #999;
+          margin-top: 8rpx;
+        }
+      }
+
+      .post-badges {
+        display: flex;
+        gap: 8rpx;
+      }
+    }
+
+    .post-title {
+      font-size: 36rpx;
+      font-weight: 600;
+      color: #333;
+      line-height: 1.5;
+      margin-bottom: 24rpx;
+    }
+
+    .post-content {
+      font-size: 30rpx;
+      color: #666;
+      line-height: 1.8;
+      margin-bottom: 32rpx;
+    }
+
+    .post-images {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 16rpx;
+      margin-bottom: 32rpx;
+
+      .post-image {
+        width: 100%;
+        height: 200rpx;
+        border-radius: 12rpx;
+      }
+    }
+
+    .post-attachments {
+      margin-bottom: 32rpx;
+
+      .attachment-title {
+        font-size: 28rpx;
+        font-weight: 500;
+        color: #333;
+        margin-bottom: 16rpx;
+      }
+
+      .attachment-item {
+        display: flex;
+        align-items: center;
+        gap: 12rpx;
+        padding: 20rpx;
+        background: #f5f7fa;
+        border-radius: 12rpx;
+        margin-bottom: 16rpx;
+
+        .file-name {
+          flex: 1;
+          font-size: 26rpx;
+          color: #333;
+        }
+      }
+    }
+
+    .post-tags {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 16rpx;
+      margin-bottom: 32rpx;
+    }
+
+    .post-stats {
+      display: flex;
+      gap: 32rpx;
+      padding-top: 24rpx;
+      border-top: 1rpx solid #eee;
+
+      .stat-item {
+        display: flex;
+        align-items: center;
+        gap: 8rpx;
+        font-size: 24rpx;
+        color: #999;
+      }
+    }
+  }
+
+  .comment-section {
+    background: #fff;
+    padding: 32rpx;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    .comment-header {
+      margin-bottom: 20rpx;
+      flex-shrink: 0;
+
+      .comment-title {
+        font-size: 32rpx;
+        font-weight: 600;
+        color: #333;
+      }
+    }
+
+    .comment-scroll-view {
+      flex: 1;
+      height: 0; // 关键：确保scroll-view可以正确滚动
+    }
+
+    .comment-list {
+      .comment-item {
+        margin-bottom: 32rpx;
+
+        .comment-main {
+          display: flex;
+
+          .comment-avatar {
+            width: 72rpx;
+            height: 72rpx;
+            border-radius: 50%;
+            flex-shrink: 0;
+          }
+
+          .comment-content {
+            flex: 1;
+            margin-left: 20rpx;
+
+            .comment-user {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              margin-bottom: 12rpx;
+
+              .user-name {
+                font-size: 28rpx;
+                font-weight: 500;
+                color: #333;
+              }
+
+              .comment-time {
+                font-size: 24rpx;
+                color: #999;
+              }
+            }
+
+            .comment-text {
+              display: block;
+              font-size: 28rpx;
+              color: #666;
+              line-height: 1.6;
+              margin-bottom: 16rpx;
+            }
+
+            .comment-actions {
+              display: flex;
+              gap: 32rpx;
+
+              .action-btn {
+                display: flex;
+                align-items: center;
+                gap: 8rpx;
+                font-size: 24rpx;
+                color: #999;
+              }
+            }
+
+            .reply-list {
+              margin-top: 20rpx;
+              padding: 20rpx;
+              background: #f5f7fa;
+              border-radius: 12rpx;
+
+              .reply-item {
+                font-size: 26rpx;
+                line-height: 1.6;
+                margin-bottom: 16rpx;
+
+                &:last-child {
+                  margin-bottom: 0;
+                }
+
+                .reply-user {
+                  color: #3c9cff;
+                  font-weight: 500;
+                }
+
+                .reply-to {
+                  color: #999;
+
+                  .reply-to-user {
+                    color: #3c9cff;
+                    font-weight: 500;
+                  }
+                }
+
+                .reply-text {
+                  color: #666;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    // 加载状态样式
+    .loading-indicator {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 80rpx 40rpx;
+      
+      .loading-icon {
+        font-size: 48rpx;
+        margin-bottom: 20rpx;
+        animation: pulse 1.5s infinite;
+      }
+      
+      .loading-text {
+        font-size: 28rpx;
+        color: #666;
+      }
+    }
+    
+    // 空状态样式
+    .empty-state {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 120rpx 40rpx;
+      
+      .empty-icon {
+        font-size: 120rpx;
+        margin-bottom: 32rpx;
+        opacity: 0.6;
+      }
+      
+      .empty-text {
+        font-size: 32rpx;
+        font-weight: 500;
+        color: #333;
+        margin-bottom: 16rpx;
+      }
+      
+      .empty-hint {
+        font-size: 26rpx;
+        color: #999;
+        text-align: center;
+        line-height: 1.5;
+      }
+    }
+    
+    // 加载更多样式
+    .loading-more {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 40rpx;
+      gap: 16rpx;
+      
+      .loading-more-icon {
+        font-size: 32rpx;
+        animation: pulse 1.5s infinite;
+      }
+      
+      .loading-more-text {
+        font-size: 26rpx;
+        color: #666;
+      }
+    }
+    
+    // 没有更多样式
+    .no-more {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 40rpx;
+      gap: 16rpx;
+      
+      .no-more-icon {
+        font-size: 32rpx;
+        color: #4CAF50;
+      }
+      
+      .no-more-text {
+        font-size: 26rpx;
+        color: #999;
+      }
+    }
+  }
+
+  .bottom-bar {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #fff;
+    padding: 20rpx;
+    box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05);
+    display: flex;
+    align-items: center;
+    gap: 20rpx;
+    z-index: 100;
+
+    .input-box {
+      flex: 1;
+      height: 72rpx;
+      line-height: 72rpx;
+      padding: 0 24rpx;
+      background: #f5f7fa;
+      border-radius: 36rpx;
+
+      .placeholder {
+        color: #999;
+      }
+    }
+
+    .action-buttons {
+      display: flex;
+      gap: 32rpx;
+
+      .action-btn {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 4rpx;
+
+        text {
+          font-size: 20rpx;
+          color: #666;
+        }
+      }
+    }
+  }
+
+  .comment-input-popup {
+    padding: 32rpx;
+
+    .popup-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 32rpx;
+
+      text {
+        font-size: 32rpx;
+        font-weight: 600;
+        color: #333;
+      }
+    }
+
+    .popup-content {
+      margin-bottom: 32rpx;
+      position: relative;
+
+      .comment-textarea {
+        width: 100%;
+        min-height: 200rpx;
+        padding: 20rpx;
+        background: #f5f7fa;
+        border-radius: 12rpx;
+        font-size: 28rpx;
+        color: #333;
+        line-height: 1.6;
+        box-sizing: border-box;
+      }
+
+      .char-count {
+        text-align: right;
+        font-size: 24rpx;
+        color: #999;
+        margin-top: 12rpx;
+      }
+    }
+  }
+}
+
+// 动画效果
+@keyframes pulse {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.5;
+    transform: scale(1.1);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+</style>
+
+
diff --git a/src/pages/view/routine/lt/publish.vue b/src/pages/view/routine/lt/publish.vue
new file mode 100644
index 0000000..34aeec7
--- /dev/null
+++ b/src/pages/view/routine/lt/publish.vue
@@ -0,0 +1,259 @@
+<template>
+  <view class="publish-post-page">
+    <view class="form-container">
+      <!-- 标题输入 -->
+      <view class="form-item">
+        <view class="item-label">标题 <text class="required">*</text></view>
+        <u--input 
+          v-model="form.title"
+          placeholder="请输入标题（最多50字）"
+          :maxlength="50"
+          :showWordLimit="true"
+        />
+      </view>
+
+      <!-- 内容输入 -->
+      <view class="form-item">
+        <view class="item-label">内容</view>
+        <u--textarea 
+          v-model="form.content"
+          placeholder="分享你的想法..."
+          :maxlength="2000"
+          :count="true"
+          :auto-height="true"
+          :height="300"
+        />
+      </view>
+
+      <!-- 图片视频文档上传 -->
+      <view class="form-item">
+        <view class="item-label">图片视频文档</view>
+        <view class="upload-section">
+          <ImageVideoUpload
+            v-model:image-list="imageList"
+            v-model:video-list="videoList"
+            v-model:file-list="fileList"
+            :max-image-count="5"
+            :max-video-count="3"
+            :max-file-count="5"
+            :enable-file="true"
+            :allowed-file-types="['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt']"
+            :compress-config="compressConfig"
+            :upload-api="attachmentUpload"
+            @image-upload-success="onImageUploadSuccess"
+            @video-upload-success="onVideoUploadSuccess"
+            @file-upload-success="onFileUploadSuccess"
+          />
+        </view>
+      </view>
+    </view>
+
+    <!-- 底部按钮 -->
+    <view class="bottom-buttons">
+      <u-button 
+        text="发布" 
+        type="primary"
+        @click="publishPost"
+        :loading="submitting"
+        block
+        shape="circle"
+      />
+    </view>
+
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+import { postSaveApi } from '@/api/forum';
+import { attachmentUpload } from '@/api/system/upload';
+import { useUserStore } from '@/store/modules/user';
+import { ImageVideoUpload, type ImageItem, type VideoItem, type FileItem, COMPRESS_PRESETS } from '@/components/ImageVideoUpload';
+
+// 获取用户store
+const userStore = useUserStore();
+
+// 社区ID（从详情页跳转过来）
+const communityId = ref('');
+
+// 获取当前教师ID
+const getCurrentTeacherId = () => {
+  const jsData = userStore.getJs;
+  return jsData?.id || null;
+};
+
+// 表单数据
+const form = ref({
+  communityId: '',
+  title: '',
+  content: '',
+  fileUrl: '',
+  fileName: '',
+  fileFormat: '',
+  userId: ''
+});
+
+// 压缩配置
+const compressConfig = ref(COMPRESS_PRESETS.medium);
+
+// 图片列表
+const imageList = ref<ImageItem[]>([]);
+
+// 视频列表
+const videoList = ref<VideoItem[]>([]);
+
+// 文件列表
+const fileList = ref<FileItem[]>([]);
+
+// 提交状态
+const submitting = ref(false);
+
+// 页面加载
+onLoad((options: any) => {
+  if (options.communityId) {
+    communityId.value = options.communityId;
+    form.value.communityId = options.communityId;
+  }
+});
+
+// 上传成功回调
+const onImageUploadSuccess = (image: ImageItem, index: number) => {
+  console.log('图片上传成功:', image, index);
+};
+
+const onVideoUploadSuccess = (video: VideoItem, index: number) => {
+  console.log('视频上传成功:', video, index);
+};
+
+const onFileUploadSuccess = (file: FileItem, index: number) => {
+  console.log('文档上传成功:', file, index);
+};
+
+// 发布帖子
+const publishPost = async () => {
+  // 表单验证
+  if (!form.value.title) {
+    uni.showToast({
+      title: '请输入标题',
+      icon: 'none'
+    });
+    return;
+  }
+
+  submitting.value = true;
+  try {
+    // 获取当前用户ID
+    const currentUserId = getCurrentTeacherId();
+    if (!currentUserId) {
+      uni.showToast({
+        title: '无法获取用户信息',
+        icon: 'none'
+      });
+      submitting.value = false;
+      return;
+    }
+    
+    // 设置用户ID
+    form.value.userId = currentUserId;
+    
+    // 处理图片、视频和文档
+    const imageUrls = imageList.value
+      .filter(img => img.url)
+      .map(img => img.url)
+      .filter((url): url is string => !!url);
+    
+    const videoUrls = videoList.value
+      .filter(video => video.url)
+      .map(video => video.url)
+      .filter((url): url is string => !!url);
+    
+    const fileUrls = fileList.value
+      .filter(file => file.url)
+      .map(file => file.url)
+      .filter((url): url is string => !!url);
+    
+    // 合并所有URL
+    const allUrls = [...imageUrls, ...videoUrls, ...fileUrls];
+    
+    form.value.fileUrl = JSON.stringify(allUrls);
+    form.value.fileName = JSON.stringify(allUrls.map(url => {
+      return url.split('/').pop() || '';
+    }));
+    form.value.fileFormat = JSON.stringify(allUrls.map(url => {
+      return url.split('.').pop() || 'jpg';
+    }));
+
+    await postSaveApi(form.value);
+
+    uni.showToast({
+      title: '发布成功',
+      icon: 'success'
+    });
+
+    setTimeout(() => {
+      uni.navigateBack({
+        success: () => {
+          // 发送刷新事件给detail页面
+          uni.$emit('refreshPostList');
+        }
+      });
+    }, 1500);
+  } catch (error: any) {
+    uni.showToast({
+      title: error.message || '发布失败',
+      icon: 'none'
+    });
+  } finally {
+    submitting.value = false;
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.publish-post-page {
+  min-height: 100vh;
+  background: #f5f7fa;
+
+  .form-container {
+    padding: 20rpx;
+    padding-bottom: 180rpx;
+
+    .form-item {
+      background: #fff;
+      border-radius: 16rpx;
+      padding: 32rpx;
+      margin-bottom: 20rpx;
+
+      .item-label {
+        font-size: 28rpx;
+        font-weight: 500;
+        color: #333;
+        margin-bottom: 20rpx;
+
+        .required {
+          color: #f56c6c;
+          margin-left: 4rpx;
+        }
+      }
+
+      .upload-section {
+        width: 100%;
+      }
+    }
+  }
+
+  .bottom-buttons {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #fff;
+    padding: 20rpx;
+    box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05);
+    z-index: 100;
+  }
+}
+</style>
+
+
diff --git a/src/pages/view/routine/yishiyice/index.vue b/src/pages/view/routine/yishiyice/index.vue
index 2882667..e98e9a0 100644
--- a/src/pages/view/routine/yishiyice/index.vue
+++ b/src/pages/view/routine/yishiyice/index.vue
@@ -17,46 +17,26 @@
       </view>
     </view>
 
-    <!-- 查询组件 -->
-    <view class="query-component">
-      <view class="search-card">
-        <view class="search-item">
-          <uni-search-bar 
-            v-model="searchForm.kcmc"
-            placeholder="搜索课程名称、教师..." 
-            bgColor="#ffffff" 
-            radius="100" 
-            cancelButton="none"
-            @confirm="handleSearch"
-            @input="handleSearchInput"
-          ></uni-search-bar>
-        </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 class="stats-bar">
+      <view class="stats-left">
+        <text class="stats-icon">📖</text>
+        <text class="stats-text">所有课程</text>
+        <text class="stats-count">{{ courseList.length }}门</text>
+      </view>
+      <view class="stats-right">
+        <uni-data-select
+          v-model="searchForm.xqId"
+          :localdata="xqList"
+          placeholder="选择学期"
+          @change="handleXqChange"
+          class="xq-select"
+        ></uni-data-select>
       </view>
     </view>
 
     <!-- 列表组件 -->
     <view class="list-component">
-      <view class="list-header">
-        <text class="list-title-icon">📖</text>
-        <text class="list-title">所有课程</text>
-        <text class="list-subtitle">共 {{ courseList.length }} 门课程</text>
-      </view>
       
       <scroll-view 
         scroll-y 
@@ -133,7 +113,7 @@
 <script lang="ts" setup>
 import { ref, reactive, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
-import { kcjbFindPageApi, kcjbBannerApi, kcjbRegisterApi } from "@/api/base/kcjbApi";
+import { kcjbFindPageApi, kcjbBannerApi, kcjbRegisterApi, getXqList } from "@/api/base/kcjbApi";
 import { useUserStore } from "@/store/modules/user";
 
 const { getJs, getUser } = useUserStore();
@@ -153,9 +133,12 @@ interface CourseItem {
 
 // 搜索表单
 const searchForm = reactive({
-    kcmc: '' // 课程名称
+    xqId: '' // 学期ID
 });
 
+// 学期列表
+const xqList = ref<Array<{ value: string; text: string }>>([]);
+
 // 数据列表
 const courseList = ref<CourseItem[]>([]);
 const isLoading = ref(false);
@@ -163,20 +146,37 @@ const hasMore = ref(true);
 const currentPage = ref(1);
 const pageSize = ref(10);
 
-// 处理搜索输入
-const handleSearchInput = (value: string) => {
-    searchForm.kcmc = value;
+// 获取学期列表
+const loadXqList = async () => {
+    try {
+        const response: any = await getXqList();
+        console.log('学期列表原始数据:', response);
+        // 转换数据格式为 uni-data-select 需要的格式
+        const data = Array.isArray(response) ? response : (response?.result || response?.data || response?.rows || []);
+        console.log('提取的学期数据:', data);
+        xqList.value = data.map((item: any) => ({
+            value: item.id,
+            text: item.xqmc || item.name
+        }));
+        console.log('转换后的下拉选项:', xqList.value);
+        
+        // 默认选择第一条作为当前学期
+        if (xqList.value.length > 0) {
+            searchForm.xqId = xqList.value[0].value;
+            console.log('默认选择学期:', searchForm.xqId);
+            // 自动触发查询
+            getCourseList(false);
+        }
+    } catch (error) {
+        console.error('获取学期列表失败:', error);
+        xqList.value = [];
+    }
 };
 
-// 处理搜索
-const handleSearch = () => {
-    console.log('搜索课程名称:', searchForm.kcmc);
-    getCourseList(false);
-};
-
-// 重置搜索
-const handleReset = () => {
-    searchForm.kcmc = '';
+// 处理学期选择变化
+const handleXqChange = (value: string) => {
+    console.log('选择的学期ID:', value);
+    // 选择学期后自动查询
     getCourseList(false);
 };
 
@@ -190,7 +190,7 @@ const getCourseList = async (isLoadMore = false) => {
         const params: any = {
             page: isLoadMore ? currentPage.value + 1 : 1,
             rows: pageSize.value,
-            kcmc: searchForm.kcmc
+            xqId: searchForm.xqId
         };
         
         // 如果不是 admin 用户，则传递当前教师ID进行过滤
@@ -298,12 +298,15 @@ const loadMore = () => {
 
 // 页面显示时刷新数据
 onShow(() => {
-    getCourseList(false);
+    // 如果已有学期选择，则查询课程列表
+    if (searchForm.xqId) {
+        getCourseList(false);
+    }
 });
 
 // 页面加载时也调用一次
 onMounted(() => {
-    getCourseList(false);
+    loadXqList(); // 加载学期列表，会自动选择第一条并查询
 });
 
 </script>
@@ -384,33 +387,46 @@ onMounted(() => {
   }
 }
 
-// 查询组件样式
-.query-component {
-  padding: 16px;
+// 统计和学期选择样式
+.stats-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
   background-color: #ffffff;
-  border-bottom: 1px solid #e8ecf1;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-}
-
-.search-card {
-  .search-item {
-    margin-bottom: 12px;
+  border-bottom: 1px solid #e9ecef;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  gap: 12px;
+  
+  .stats-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
     
-    :deep(.uni-searchbar) {
-      border: 1px solid #e8ecf1;
-      border-radius: 20px;
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    .stats-icon {
+      font-size: 20px;
+    }
+    
+    .stats-text {
+      font-size: 16px;
+      font-weight: 600;
+      color: #2c3e50;
+    }
+    
+    .stats-count {
+      font-size: 15px;
+      font-weight: bold;
+      color: #4e73df;
     }
   }
   
-  .search-actions {
-    display: flex;
-    gap: 10px;
-    justify-content: flex-end;
+  .stats-right {
+    flex: 1;
+    max-width: 200px;
     
-    .search-btn, .reset-btn {
-      min-width: 70px;
-      border-radius: 20px;
+    .xq-select {
+      width: 100%;
     }
   }
 }
@@ -422,37 +438,11 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   
-  .list-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 16px 16px 12px 16px;
-    background-color: transparent;
-    
-    .list-title-icon {
-      font-size: 20px;
-      line-height: 1;
-      flex-shrink: 0;
-    }
-    
-    .list-title {
-      font-size: 18px;
-      font-weight: bold;
-      color: #2c3e50;
-      flex-shrink: 0;
-    }
-    
-    .list-subtitle {
-      font-size: 13px;
-      color: #7f8c9a;
-      margin-left: 4px;
-    }
-  }
-  
   .list-scroll-view {
     flex: 1;
-    padding: 0 16px 16px 16px;
+    padding: 12px 16px 16px 16px;
     box-sizing: border-box;
+    height: 0; // 关键：触发flex布局中的滚动
   }
 }
 
@@ -719,16 +709,29 @@ onMounted(() => {
 }
 
 // 深度选择器用于第三方组件样式调整
-:deep(.uni-searchbar__box) {
-  border-radius: 20px !important;
-  background-color: #ffffff !important;
-}
-
-:deep(.uni-searchbar__text-placeholder) {
-  color: #a0aec0 !important;
-}
-
-:deep(.uni-searchbar__box-icon-search) {
-  color: #4e73df !important;
+:deep(.stats-right .uni-data-select) {
+  width: 100%;
+  
+  .uni-select {
+    background-color: #f8f9fa;
+    border-radius: 8px;
+    border: 1px solid #e9ecef;
+    height: 36px;
+    min-height: 36px;
+  }
+  
+  .uni-select__input-text {
+    color: #212529;
+    font-size: 14px;
+  }
+  
+  .uni-select__input-placeholder {
+    color: #adb5bd;
+    font-size: 13px;
+  }
+  
+  .uni-select__selector {
+    padding: 0 12px;
+  }
 }
 </style> 
\ No newline at end of file
diff --git a/src/pages/view/routine/yishiyice/rw/index.vue b/src/pages/view/routine/yishiyice/rw/index.vue
index c801f89..f75988a 100644
--- a/src/pages/view/routine/yishiyice/rw/index.vue
+++ b/src/pages/view/routine/yishiyice/rw/index.vue
@@ -364,6 +364,7 @@ onMounted(() => {
     flex: 1;
     padding: 12px;
     box-sizing: border-box;
+    height: 0; // 关键：触发flex布局中的滚动
   }
 }
 
diff --git a/src/static/base/view/fire-black.png b/src/static/base/view/fire-black.png
new file mode 100644
index 0000000..d6eff97
Binary files /dev/null and b/src/static/base/view/fire-black.png differ
diff --git a/src/static/base/view/fire-white.png b/src/static/base/view/fire-white.png
new file mode 100644
index 0000000..13dfebf
Binary files /dev/null and b/src/static/base/view/fire-white.png differ
diff --git a/src/static/base/view/fire.png b/src/static/base/view/fire.png
new file mode 100644
index 0000000..1c8f494
Binary files /dev/null and b/src/static/base/view/fire.png differ