diff --git a/src/api/base/kccyApi.ts b/src/api/base/kccyApi.ts
new file mode 100644
index 0000000..3f9d186
--- /dev/null
+++ b/src/api/base/kccyApi.ts
@@ -0,0 +1,57 @@
+import { get, post } from "@/utils/request";
+
+/**
+ * 分页查询课程成员
+ */
+export function kccyFindPageApi(params: any) {
+    return get('/api/kccy/findPage', params);
+}
+
+/**
+ * 根据ID查询课程成员详情
+ */
+export function kccyFindByIdApi(params: any) {
+    return get('/api/kccy/findById', params);
+}
+
+/**
+ * 新增/修改课程成员
+ */
+export function kccySaveApi(params: any) {
+    return post('/api/kccy/save', params);
+}
+
+/**
+ * 逻辑删除课程成员
+ */
+export function kccyLogicDeleteApi(params: any) {
+    return post('/api/kccy/logicDelete', params);
+}
+
+/**
+ * 根据课程建班ID查询成员列表
+ */
+export function kccyFindByKcjbIdApi(params: any) {
+    return get('/api/kccy/findByKcjbId', params);
+}
+
+/**
+ * 导出字段选择
+ */
+export function kccyExportFieldChooseApi(params: any) {
+    return get('/api/kccy/exportFieldChoose', params);
+}
+
+/**
+ * 导出课程成员数据
+ */
+export function kccyExportFileApi(params: any) {
+    return post('/api/kccy/export', params);
+}
+
+/**
+ * 导入课程成员数据
+ */
+export function kccyImportDataApi(params: any) {
+    return post('/api/kccy/importData', params);
+}
\ No newline at end of file
diff --git a/src/api/base/kcjbApi.ts b/src/api/base/kcjbApi.ts
new file mode 100644
index 0000000..3092adf
--- /dev/null
+++ b/src/api/base/kcjbApi.ts
@@ -0,0 +1,29 @@
+import { get, post } from "@/utils/request";
+
+/**
+ * 获取课程建班列表
+ */
+export function kcjbFindPageApi(params: any) {
+    return get('/api/kcjb/findPage', params);
+}
+
+/**
+ * 获取课程建班详情
+ */
+export function kcjbFindByIdApi(params: any) {
+    return get('/api/kcjb/findById', params);
+}
+
+/**
+ * 报名课程
+ */
+export function kcjbRegisterApi(params: any) {
+    return post('/api/kcjb/register', params);
+}
+
+/**
+ * 获取轮播图数据
+ */
+export function kcjbBannerApi() {
+    return get('/api/kcjb/banner');
+}
diff --git a/src/api/base/rwApi.ts b/src/api/base/rwApi.ts
new file mode 100644
index 0000000..3367e96
--- /dev/null
+++ b/src/api/base/rwApi.ts
@@ -0,0 +1,79 @@
+import { get, post } from "@/utils/request";
+
+/**
+ * 分页查询
+ */
+export function rwFindPageApi(params: any) {
+    return get('/api/rw/findPage', params);
+}
+
+export function rwFindPageSummaryApi(params: any) {
+    return get('/api/rw/findPageSummary', params);
+}
+
+export function rwCompletionSummaryApi() {
+    return get('/api/rw/completionSummary');
+}
+
+/**
+ * 新增/修改
+ */
+export function rwSaveApi(params: any) {
+    return post('/api/rw/save', params);
+}
+
+/**
+ * 删除
+ */
+export function rwLogicDeleteApi(params: any) {
+    return post('/api/rw/logicDelete', params);
+}
+
+/**
+ * 根据id查询
+ */
+export function rwFindByIdApi(params: any) {
+    return get('/api/rw/findById', params);
+}
+
+/**
+ * 查询全部
+ */
+export function rwFindAllApi() {
+    return get('/api/rw/findAll');
+}
+
+/**
+ * 导出字段选择
+ */
+export function rwExportFieldChooseApi(params: any) {
+    return get('/api/rw/exportFieldChoose', params);
+}
+
+/**
+ * 导出
+ */
+export function rwExportFileApi(params: any) {
+    return post('/api/rw/export', params);
+}
+
+/**
+ * 导入
+ */
+export function rwImportDataApi(params: any) {
+    return post('/api/rw/importData', params);
+}
+
+/**
+ * 强删除活动
+ */
+export function rwDelApi(params: any) {
+    return post('/api/rw/delete', params);
+}
+
+/**
+ * 推送教师
+ */
+export function rwPushJsApi(params: any) {
+    return post('/api/rw/pushJs', params);
+}
\ No newline at end of file
diff --git a/src/api/base/rwzxApi.ts b/src/api/base/rwzxApi.ts
new file mode 100644
index 0000000..1bb4cc1
--- /dev/null
+++ b/src/api/base/rwzxApi.ts
@@ -0,0 +1,113 @@
+import { get, post } from "@/utils/request";
+
+/**
+ * 分页查询任务执行
+ */
+export function rwzxFindPageApi(params: any) {
+    return get('/api/rwzx/findPage', params);
+}
+
+/**
+ * 根据任务ID查询执行情况
+ */
+export function rwzxFindByRwIdApi(params: any) {
+    return get('/api/rwzx/findByRwId', params);
+}
+
+/**
+ * 根据任务ID查询已执行信息
+ */
+export function executedInfoByRwIdApi(params: any) {
+    return get('/api/rwzx/executedInfoByRwId', params);
+}
+
+/**
+ * 根据任务ID查询未执行教师信息
+ */
+export function noxecuteJsbyRwIdApi(params: any) {
+    return get('/api/rwzx/noxecuteJsbyRwId', params);
+}
+
+/**
+ * 新增/修改任务执行
+ */
+export function rwzxSaveApi(params: any) {
+    return post('/api/rwzx/save', params);
+}
+
+/**
+ * 删除任务执行
+ */
+export function rwzxLogicDeleteApi(params: any) {
+    return post('/api/rwzx/logicDelete', params);
+}
+
+/**
+ * 根据id查询任务执行
+ */
+export function rwzxFindByIdApi(params: any) {
+    return get('/api/rwzx/findById', params);
+}
+
+/**
+ * 查询全部任务执行
+ */
+export function rwzxFindAllApi() {
+    return get('/api/rwzx/findAll');
+}
+
+/**
+ * 任务执行统计
+ */
+export function rwzxCompletionSummaryApi(params: any) {
+    return get('/api/rwzx/completionSummary', params);
+}
+
+/**
+ * 导出字段选择
+ */
+export function rwzxExportFieldChooseApi(params: any) {
+    return get('/api/rwzx/exportFieldChoose', params);
+}
+
+/**
+ * 导出任务执行数据
+ */
+export function rwzxExportFileApi(params: any) {
+    return post('/api/rwzx/export', params);
+}
+
+/**
+ * 导入任务执行数据
+ */
+export function rwzxImportDataApi(params: any) {
+    return post('/api/rwzx/importData', params);
+}
+
+/**
+ * 强删除任务执行记录
+ */
+export function rwzxDelApi(params: any) {
+    return post('/api/rwzx/delete', params);
+}
+
+/**
+ * 查询任务未执行教师
+ */
+export function rwzxNoxecuteJsbyRwIdApi(params: any) {
+    return get('/api/rwzx/noxecuteJsbyRwId', params);
+}
+
+/**
+ * 查询任务已执行信息
+ */
+export function rwzxExecutedInfoByRwIdApi(params: any) {
+    return get('/api/rwzx/executedInfoByRwId', params);
+}
+
+/**
+ * 批量创建任务执行记录
+ */
+export function rwzxBatchCreateApi(params: any) {
+    return post('/api/rwzx/batchCreate', params);
+}
\ No newline at end of file
diff --git a/src/components/BasicJsPicker/Picker.vue b/src/components/BasicJsPicker/Picker.vue
index 89933c2..08177e7 100644
--- a/src/components/BasicJsPicker/Picker.vue
+++ b/src/components/BasicJsPicker/Picker.vue
@@ -13,7 +13,7 @@
       <uni-icons type="arrowright" size="16" color="#999"></uni-icons>
     </view>
 
-    <u-popup :show="showPopup" @close="showPopup = false">
+    <u-popup :show="showPopup" @close="showPopup = false" mode="bottom" width="100%">
       <view class="js-picker-popup">
         <view class="js-picker-header">
           <view class="js-cancel-btn" @click="handleCancel">取消</view>
diff --git a/src/components/ImageVideoUpload/ImageVideoUpload.vue b/src/components/ImageVideoUpload/ImageVideoUpload.vue
index b1553ce..03657bd 100644
--- a/src/components/ImageVideoUpload/ImageVideoUpload.vue
+++ b/src/components/ImageVideoUpload/ImageVideoUpload.vue
@@ -87,11 +87,56 @@
         </view>
       </view>
     </view>
+
+    <!-- 文件上传区域 -->
+    <view class="upload-section" v-if="enableFile">
+      <view class="section-title">
+        <text class="title-text">文件</text>
+        <text class="count-text">({{ fileList.length }}/{{ maxFileCount }})</text>
+      </view>
+      
+      <view class="file-list">
+        <view 
+          class="file-item" 
+          v-for="(file, index) in fileList" 
+          :key="index"
+        >
+          <view class="file-preview" @click="previewFile(index)">
+            <view class="file-icon">
+              <uni-icons :type="getFileIcon(file.extension || '')" size="32" color="#666"></uni-icons>
+            </view>
+            <view class="file-info">
+              <text class="file-name">{{ file.name }}</text>
+              <text class="file-size" v-if="file.size">{{ formatFileSize(file.size) }}</text>
+              <text class="file-type">{{ file.extension?.toUpperCase() || 'FILE' }}</text>
+            </view>
+          </view>
+          <view class="file-actions">
+            <view class="delete-btn" @click="removeFile(index)">
+              <uni-icons type="close" size="16" color="#fff"></uni-icons>
+            </view>
+          </view>
+        </view>
+        
+        <view 
+          class="add-btn" 
+          v-if="fileList.length < maxFileCount"
+          @click="chooseFile"
+        >
+          <uni-icons type="paperclip" size="24" color="#999"></uni-icons>
+          <text class="add-text">添加文件</text>
+        </view>
+      </view>
+    </view>
   </view>
 </template>
 
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
+import { imagUrl } from '@/utils'
+import { 
+  previewFile as previewFileUtil
+} from '@/utils/filePreview'
 
 // 接口定义
 interface ImageItem {
@@ -111,6 +156,16 @@ interface VideoItem {
   thumbnail?: string
 }
 
+interface FileItem {
+  tempPath?: string
+  url?: string
+  name?: string
+  type?: string
+  size?: number
+  extension?: string
+  mimeType?: string
+}
+
 // Props
 interface Props {
   // 图片相关
@@ -123,6 +178,12 @@ interface Props {
   maxVideoCount?: number
   videoList?: VideoItem[]
   
+  // 文件相关
+  enableFile?: boolean
+  maxFileCount?: number
+  fileList?: FileItem[]
+  allowedFileTypes?: string[]
+  
   // 压缩配置
   compressConfig?: {
     image: {
@@ -153,6 +214,11 @@ const props = withDefaults(defineProps<Props>(), {
   maxVideoCount: 3,
   videoList: () => [],
   
+  enableFile: false,
+  maxFileCount: 5,
+  fileList: () => [],
+  allowedFileTypes: () => ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'wav', 'zip', 'rar'],
+  
   compressConfig: () => ({
     image: {
       quality: 60,
@@ -176,16 +242,20 @@ const props = withDefaults(defineProps<Props>(), {
 const emit = defineEmits<{
   'update:imageList': [images: ImageItem[]]
   'update:videoList': [videos: VideoItem[]]
+  'update:fileList': [files: FileItem[]]
   'image-upload-success': [image: ImageItem, index: number]
   'image-upload-error': [error: any, index: number]
   'video-upload-success': [video: VideoItem, index: number]
   'video-upload-error': [error: any, index: number]
-  'upload-progress': [type: 'image' | 'video', current: number, total: number]
+  'file-upload-success': [file: FileItem, index: number]
+  'file-upload-error': [error: any, index: number]
+  'upload-progress': [type: 'image' | 'video' | 'file', current: number, total: number]
 }>()
 
 // 响应式数据
 const imageList = ref<ImageItem[]>([...props.imageList])
 const videoList = ref<VideoItem[]>([...props.videoList])
+const fileList = ref<FileItem[]>([...props.fileList])
 
 // 监听props变化
 watch(() => props.imageList, (newList) => {
@@ -196,6 +266,10 @@ watch(() => props.videoList, (newList) => {
   videoList.value = [...newList]
 }, { deep: true })
 
+watch(() => props.fileList, (newList) => {
+  fileList.value = [...newList]
+}, { deep: true })
+
 // 压缩配置
 const COMPRESS_CONFIG = computed(() => props.compressConfig)
 
@@ -483,6 +557,180 @@ const chooseVideo = () => {
   })
 }
 
+// 选择文件
+const chooseFile = () => {
+  uni.chooseFile({
+    count: props.maxFileCount - fileList.value.length,
+    type: 'all',
+    success: async (res) => {
+      const tempFiles = res.tempFiles
+      if (Array.isArray(tempFiles) && tempFiles.length > 0) {
+        try {
+          for (const file of tempFiles) {
+            const fileInfo = file as any
+            const fileName = fileInfo.name || ''
+            const fileExtension = fileName.split('.').pop()?.toLowerCase() || ''
+            
+            // 检查文件类型是否被允许
+            if (props.allowedFileTypes && props.allowedFileTypes.length > 0) {
+              if (!props.allowedFileTypes.includes(fileExtension)) {
+                showToast({ 
+                  title: `不支持的文件类型: ${fileExtension}`, 
+                  icon: 'none' 
+                })
+                continue
+              }
+            }
+            
+            // 确定文件类型
+            let fileType = 'document'
+            if (['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp'].includes(fileExtension)) {
+              fileType = 'image'
+            } else if (['mp4', 'mov', 'avi', 'wmv', 'flv'].includes(fileExtension)) {
+              fileType = 'video'
+            } else if (['mp3', 'wav', 'aac', 'ogg'].includes(fileExtension)) {
+              fileType = 'audio'
+            }
+            
+            // 创建文件项
+            const fileItem: FileItem = {
+              tempPath: fileInfo.path,
+              name: fileName,
+              type: fileType,
+              size: fileInfo.size,
+              extension: fileExtension,
+              mimeType: fileInfo.type || ''
+            }
+            
+            // 添加到文件列表
+            fileList.value.push(fileItem)
+            
+            // 如果启用自动上传
+            if (props.autoUpload && props.uploadApi) {
+              await uploadFile(fileItem, fileList.value.length - 1)
+            }
+          }
+          
+          // 更新父组件
+          emit('update:fileList', fileList.value)
+          
+        } catch (error) {
+          console.error('文件处理失败:', error)
+          showToast({ title: '文件处理失败', icon: 'none' })
+        }
+      }
+    },
+    fail: (error) => {
+      console.error('选择文件失败:', error)
+      if (error.errMsg && !error.errMsg.includes('cancel')) {
+        showToast({ title: '选择文件失败', icon: 'none' })
+      }
+    }
+  })
+}
+
+// 上传文件
+const uploadFile = async (fileItem: FileItem, index: number) => {
+  if (!props.uploadApi || !fileItem.tempPath) return
+  
+  try {
+    const result = await props.uploadApi(fileItem.tempPath)
+    
+    if (result && result.resultCode === 1 && result.result && result.result.length > 0) {
+      const uploadedFile = result.result[0]
+      
+      // 更新文件项
+      fileItem.url = uploadedFile.filePath
+      fileItem.tempPath = undefined // 清除临时路径
+      
+      // 触发成功事件
+      emit('file-upload-success', fileItem, index)
+      
+      showToast({ title: '文件上传成功', icon: 'success' })
+    } else {
+      throw new Error('上传失败')
+    }
+  } catch (error) {
+    console.error('文件上传失败:', error)
+    emit('file-upload-error', error, index)
+    showToast({ title: '文件上传失败', icon: 'none' })
+    
+    // 移除上传失败的文件
+    fileList.value.splice(index, 1)
+  }
+}
+
+// 预览文件
+const previewFile = (index: number) => {
+  const file = fileList.value[index]
+  if (!file) return
+  
+  if (file.type === 'image' && file.url) {
+    // 图片预览
+    uni.previewImage({
+      urls: [file.url],
+      current: file.url
+    })
+  } else if (file.url) {
+    // 使用公文预览方式预览其他文件
+    const fileUrl = imagUrl(file.url)
+    const fileName = file.name || '未知文件'
+    const fileExtension = file.extension || file.url.split('.').pop() || ''
+    
+    // 统一使用 kkview 预览
+    const fullFileName = fileExtension ? `${fileName}.${fileExtension}` : fileName
+    previewFileUtil(fileUrl, fullFileName, fileExtension)
+      .catch((error: any) => {
+        uni.showToast({
+          title: '预览失败',
+          icon: 'error'
+        })
+      })
+  } else {
+    // 其他文件类型显示提示
+    showToast({ 
+      title: `预览 ${file.name} 功能待实现`, 
+      icon: 'none' 
+    })
+  }
+}
+
+// 移除文件
+const removeFile = (index: number) => {
+  fileList.value.splice(index, 1)
+  emit('update:fileList', fileList.value)
+}
+
+// 获取文件图标
+const getFileIcon = (extension: string): string => {
+  const iconMap: { [key: string]: string } = {
+    // 文档
+    'pdf': 'book',
+    'doc': 'book',
+    'docx': 'book',
+    'txt': 'book',
+    // 表格
+    'xls': 'table',
+    'xlsx': 'table',
+    // 演示文稿
+    'ppt': 'slideshow',
+    'pptx': 'slideshow',
+    // 音频
+    'mp3': 'mic',
+    'wav': 'mic',
+    'aac': 'mic',
+    'ogg': 'mic',
+    // 压缩文件
+    'zip': 'folder',
+    'rar': 'folder',
+    '7z': 'folder',
+    // 其他
+    'default': 'paperclip'
+  }
+  
+  return iconMap[extension.toLowerCase()] || iconMap['default']
+}
+
 // 上传图片
 const uploadImages = async (images: ImageItem[]) => {
   if (!props.uploadApi) return
@@ -683,10 +931,13 @@ const showToast = (options: { title: string; icon?: string; duration?: number })
 defineExpose({
   chooseImage,
   chooseVideo,
+  chooseFile,
   uploadImages,
   uploadVideos,
+  uploadFile,
   removeImage,
-  removeVideo
+  removeVideo,
+  removeFile
 })
 </script>
 
@@ -842,4 +1093,84 @@ defineExpose({
   color: #999;
   margin-top: 8rpx;
 }
+
+/* 文件相关样式 */
+.file-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+}
+
+.file-item {
+  display: flex;
+  align-items: center;
+  background: #f8f9fa;
+  border-radius: 8rpx;
+  padding: 16rpx;
+  border: 1rpx solid #e9ecef;
+  position: relative;
+}
+
+.file-preview {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  cursor: pointer;
+}
+
+.file-icon {
+  width: 60rpx;
+  height: 60rpx;
+  background: white;
+  border-radius: 8rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 16rpx;
+  border: 1rpx solid #dee2e6;
+}
+
+.file-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.file-name {
+  font-size: 28rpx;
+  color: #333;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: 4rpx;
+}
+
+.file-size {
+  font-size: 24rpx;
+  color: #999;
+  display: block;
+  margin-bottom: 2rpx;
+}
+
+.file-type {
+  font-size: 20rpx;
+  color: #666;
+  display: block;
+}
+
+.file-actions {
+  position: absolute;
+  top: 8rpx;
+  right: 8rpx;
+}
+
+.file-actions .delete-btn {
+  width: 32rpx;
+  height: 32rpx;
+  background: rgba(255, 59, 48, 0.8);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 </style>
diff --git a/src/components/ImageVideoUpload/types.ts b/src/components/ImageVideoUpload/types.ts
index 44cf045..0096844 100644
--- a/src/components/ImageVideoUpload/types.ts
+++ b/src/components/ImageVideoUpload/types.ts
@@ -17,6 +17,17 @@ export interface VideoItem {
   thumbnail?: string // 缩略图路径
 }
 
+// 文件项接口
+export interface FileItem {
+  tempPath?: string  // 临时路径（用于预览）
+  url?: string       // 服务器路径（上传成功后）
+  name?: string      // 文件名
+  type?: string      // 文件类型（image/video/audio/document等）
+  size?: number      // 文件大小（字节）
+  extension?: string // 文件扩展名
+  mimeType?: string  // MIME类型
+}
+
 // 压缩配置接口
 export interface CompressConfig {
   image: {
@@ -45,6 +56,12 @@ export interface ImageVideoUploadProps {
   maxVideoCount?: number
   videoList?: VideoItem[]
   
+  // 文件相关
+  enableFile?: boolean
+  maxFileCount?: number
+  fileList?: FileItem[]
+  allowedFileTypes?: string[] // 允许的文件类型，如 ['pdf', 'doc', 'docx', 'mp3', 'wav']
+  
   // 压缩配置
   compressConfig?: CompressConfig
   
@@ -57,11 +74,14 @@ export interface ImageVideoUploadProps {
 export interface ImageVideoUploadEmits {
   'update:imageList': [images: ImageItem[]]
   'update:videoList': [videos: VideoItem[]]
+  'update:fileList': [files: FileItem[]]
   'image-upload-success': [image: ImageItem, index: number]
   'image-upload-error': [error: any, index: number]
   'video-upload-success': [video: VideoItem, index: number]
   'video-upload-error': [error: any, index: number]
-  'upload-progress': [type: 'image' | 'video', current: number, total: number]
+  'file-upload-success': [file: FileItem, index: number]
+  'file-upload-error': [error: any, index: number]
+  'upload-progress': [type: 'image' | 'video' | 'file', current: number, total: number]
 }
 
 // 默认压缩配置
diff --git a/src/pages.json b/src/pages.json
index 1c23ea3..9a369bd 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -136,6 +136,48 @@
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/view/routine/yishiyice/addkcrw",
+      "style": {
+        "navigationBarTitleText": "新增任务",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/yishiyice/editkcrw",
+      "style": {
+        "navigationBarTitleText": "修改任务",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/yishiyice/detail",
+      "style": {
+        "navigationBarTitleText": "任务列表",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/yishiyice/push",
+      "style": {
+        "navigationBarTitleText": "任务推送",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/yishiyice/kcrwzx",
+      "style": {
+        "navigationBarTitleText": "任务执行",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/routine/yishiyice/kcrwzxtj",
+      "style": {
+        "navigationBarTitleText": "提交任务",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/view/routine/yishiyice/success",
       "style": {
@@ -143,6 +185,20 @@
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/view/rw/index",
+      "style": {
+        "navigationBarTitleText": "任务执行",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/view/rw/detail",
+      "style": {
+        "navigationBarTitleText": "任务详情",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/view/routine/JiaoXueZiYuan/index",
       "style": {
diff --git a/src/pages/base/message/detail.vue b/src/pages/base/message/detail.vue
index 43f1baa..41f2bd3 100644
--- a/src/pages/base/message/detail.vue
+++ b/src/pages/base/message/detail.vue
@@ -95,7 +95,7 @@ onLoad(async (options) => {
     rwflx.value = result.rwlxes;
     rw.value = result;
     for (let i = 0; i < rwflx.value.length; i++) {
-      if (rwflx.value[i].rwfl == "sctp" || rwflx.value[i].rwfl == "scsp" || rwflx.value[i].rwfl == "scwd") {
+      if (rwflx.value[i].rwfl == "sczy") {
         schema.push({
           field: `${rwflx.value[i].id}`,
           label: `${rwflx.value[i].rwbt}`,
diff --git a/src/pages/base/service/index.vue b/src/pages/base/service/index.vue
index 7dd7070..02528fa 100644
--- a/src/pages/base/service/index.vue
+++ b/src/pages/base/service/index.vue
@@ -263,7 +263,23 @@ const sections = reactive<Section[]>([
         permissionKey: "routine-yrcg", // 一日常规权限编码
         path: "/pages/view/quantitativeAssessment/index/index",
       },
-
+      {
+        id: "r14",
+        icon: "ysyc",
+        text: "一师一策",
+        show: true,
+        permissionKey: "routine-ysyc", // 一日一策权限编码
+        path: "/pages/view/routine/yishiyice/index",
+      },
+      {
+        id: "r15",
+        icon: "rwzx",
+        text: "任务执行",
+        show: true,
+        permissionKey: "routine-ysyc", // 一日一策权限编码
+        path: "/pages/view/rw/index",
+      },
+//path: "/pages/view/routine/yishiyice/index"rw/index,
     ],
   },
   {
diff --git a/src/pages/view/routine/yishiyice/addkcrw.vue b/src/pages/view/routine/yishiyice/addkcrw.vue
new file mode 100644
index 0000000..cd4b7a8
--- /dev/null
+++ b/src/pages/view/routine/yishiyice/addkcrw.vue
@@ -0,0 +1,1190 @@
+<template>
+  <view class="addkcrw-page">
+
+    <!-- 表单内容 -->
+    <view class="form-container">
+      <scroll-view scroll-y class="form-scroll">
+        <!-- 基本信息区域 -->
+        <view class="section-card">
+          <view class="section-title">
+            <text class="title-text">基本信息</text>
+          </view>
+          
+          <!-- 任务名称 -->
+          <view class="form-item">
+            <text class="item-label required">任务名称：</text>
+            <input 
+              v-model="formData.rwmc" 
+              placeholder="请输入任务名称" 
+              class="item-input"
+              maxlength="100"
+            />
+          </view>
+          
+          <!-- 任务描述 -->
+          <view class="form-item">
+            <text class="item-label">任务描述：</text>
+            <textarea 
+              v-model="formData.rwms" 
+              placeholder="请输入任务描述" 
+              class="item-textarea"
+              maxlength="500"
+            />
+          </view>
+          
+          <!-- 截止时间 -->
+          <view class="form-item">
+            <text class="item-label required">截止时间：</text>
+            <picker 
+              mode="date" 
+              :value="formData.rwjstime" 
+              @change="onDateChange"
+              class="item-picker"
+            >
+              <view class="picker-content">
+                <text :class="['picker-text', { placeholder: !formData.rwjstime }]">
+                  {{ formData.rwjstime || '请选择截止时间' }}
+                </text>
+              </view>
+            </picker>
+          </view>
+          
+          <!-- 负责人 -->
+          <view class="form-item">
+            <text class="item-label required">负责人：</text>
+            <BasicJsPicker 
+              :multiple="true"
+              title="选择负责人"
+              placeholder="请选择负责人"
+              searchPlaceholder="输入教师名称查询"
+              @change="onLeaderChange"
+              :defaultValue="selectedLeaderIds"
+            />
+          </view>
+          
+          <!-- 附件上传 -->
+          <view class="form-item attachment-item">
+            <text class="item-label">附件：</text>
+            <view class="attachment-container">
+              <ImageVideoUpload
+                v-model:file-list="fileList"
+                :enable-image="false"
+                :enable-video="false"
+                :enable-file="true"
+                :max-file-count="5"
+                :allowed-file-types="['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'wav', 'zip', 'rar']"
+                :compress-config="compressConfig"
+                :upload-api="attachmentUpload"
+                @file-upload-success="onFileUploadSuccess"
+              />
+            </view>
+          </view>
+          
+        </view>
+
+        <!-- 任务下发设置区域 -->
+        <view class="section-card">
+          <view class="section-title">
+            <text class="title-text">任务下发设置</text>
+            <view class="add-task-type-btn" @click="addTaskType">
+              <text class="add-icon">+</text>
+              <text class="add-text">新增任务方式</text>
+            </view>
+          </view>
+          
+          <!-- 任务方式列表 -->
+          <view v-for="(taskType, typeIndex) in taskTypes" :key="taskType.id" class="task-type-section">
+            <!-- 任务方式选择 -->
+            <view class="task-type-header">
+              <view class="task-type-selector">
+                <text class="selector-label">任务方式：</text>
+                <picker 
+                  :range="taskTypeOptions" 
+                  range-key="label" 
+                  :value="getTaskTypeIndex(taskType.rwfl)" 
+                  @change="onTaskTypeChange($event, typeIndex)"
+                  class="type-picker"
+                >
+                  <view class="picker-content">
+                    <text class="picker-text">{{ getTaskTypeLabel(taskType.rwfl) }}</text>
+                    <text class="picker-arrow">▼</text>
+                  </view>
+                </picker>
+              </view>
+              <view class="delete-type-btn" @click="removeTaskType(typeIndex)">
+                <text class="delete-icon">×</text>
+              </view>
+            </view>
+            
+            <!-- 任务项列表 -->
+            <view class="task-items-container">
+              <view 
+                v-for="(item, itemIndex) in taskType.items" 
+                :key="item.key" 
+                class="task-item-card"
+              >
+                <!-- 删除按钮放在右上角 -->
+                <view class="delete-item-btn-top" @click="removeTaskItem(taskType, itemIndex)">
+                  <text class="delete-icon">×</text>
+                </view>
+                
+                <view class="task-item-header">
+                  <text class="item-number">{{ itemIndex + 1 }}</text>
+                  <input 
+                    v-model="item.rwbt" 
+                    :placeholder="`任务项 ${itemIndex + 1}`" 
+                    class="item-title-input"
+                    maxlength="100"
+                  />
+                  <view class="item-actions">
+                    <view class="required-checkbox" @click="toggleRequired(taskType, itemIndex)">
+                      <view :class="['checkbox-box', { checked: item.rwbs }]">
+                        <text v-if="item.rwbs" class="check-icon">✓</text>
+                      </view>
+                      <view v-if="showTooltip" class="tooltip">默认必填</view>
+                    </view>
+                  </view>
+                </view>
+                
+                <!-- 选择题选项 -->
+                <view v-if="taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx'" class="item-options">
+                  <textarea 
+                    v-model="item.remark" 
+                    placeholder="请将选项内容用;隔开，例如：选项1;选项2;选项3" 
+                    class="options-textarea"
+                    maxlength="500"
+                  />
+                </view>
+              </view>
+              
+              <!-- 添加任务项按钮 -->
+              <view class="add-item-btn" @click="addTaskItem(taskType)">
+                <text class="add-icon">+</text>
+                <text class="add-text">添加任务项</text>
+              </view>
+            </view>
+          </view>
+        </view> 
+        
+        <view>
+          <!-- 空内容，删除了负责人选择弹窗 -->
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 底部操作按钮 -->
+    <view class="bottom-actions">
+      <view class="action-buttons">
+        <button
+          @click="goBack"
+          class="cancel-btn"
+        >
+          取消
+        </button>
+        <button
+          @click="submitTask"
+          :disabled="isSubmitting"
+          class="submit-btn"
+        >
+          {{ isSubmitting ? '保存中...' : '保存' }}
+        </button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import { kccyFindByKcjbIdApi } from "@/api/base/kccyApi";
+import { rwSaveApi } from "@/api/base/rwApi";
+import { attachmentUpload } from "@/api/system/upload";
+import BasicJsPicker from "@/components/BasicJsPicker/Picker.vue";
+import { ImageVideoUpload, type FileItem, COMPRESS_PRESETS } from "@/components/ImageVideoUpload";
+
+// 接口类型定义
+interface CourseInfo {
+  id: string;
+  kcmc: string;
+  kcms: string;
+}
+
+interface CourseMember {
+  id: string;
+  jsId: string;
+  jsxm: string;
+  kcjbId: string;
+  fzmc?: string;
+}
+
+interface TaskType {
+  id: string;
+  rwfl: string;
+  items: TaskItem[];
+}
+
+interface TaskItem {
+  key: string;
+  rwbt: string;
+  rwbs: boolean;
+  remark: string;
+}
+
+// 页面数据
+const courseId = ref('');
+const courseInfo = ref<CourseInfo>({
+  id: '',
+  kcmc: '',
+  kcms: ''
+});
+
+const courseMembers = ref<CourseMember[]>([]);
+const selectedLeaders = ref<any[]>([]);
+const selectedLeaderIds = ref<string[]>([]);
+const isSubmitting = ref(false);
+const isLoadingMembers = ref(false);
+
+// 冒泡提示显示状态
+const showTooltip = ref(false);
+
+// 附件相关数据
+const compressConfig = ref(COMPRESS_PRESETS.medium);
+const fileList = ref<FileItem[]>([]);
+
+// 表单数据
+const formData = reactive({
+  rwmc: '',
+  rwms: '',
+  rwjstime: '',
+  rwfzr: '',
+  rwly: 'B',
+  rwlyId: '',
+  rwtsfs: '1', // 默认推送
+  rwfj: '', // 附件URL
+  fjmx: '' // 附件明细
+});
+
+// 任务类型选项
+const taskTypeOptions = [
+  { label: '填写文本', value: 'text' },
+  { label: '单项选择', value: 'dxxz' },
+  { label: '多项选择', value: 'dxsx' },
+  { label: '上传图片', value: 'sctp' },
+  { label: '上传视频', value: 'scsp' },
+  { label: '上传文档', value: 'scwd' }
+];
+
+// 任务方式列表
+const taskTypes = ref<TaskType[]>([
+  {
+    id: `task_type_${Date.now()}`,
+    rwfl: 'text',
+    items: []
+  }
+]);
+
+// 页面加载
+onLoad((options: any) => {
+  console.log('新增任务页面接收到的参数:', options);
+  
+  // 支持多种参数名（kcjbId 或 courseId）
+  const receivedCourseId = options.kcjbId || options.courseId;
+  
+  if (receivedCourseId) {
+    courseId.value = receivedCourseId;
+    formData.rwlyId = receivedCourseId;
+    console.log('设置课程ID为:', courseId.value);
+    
+    // 如果传递了课程名称，设置课程信息
+    if (options.kcmc) {
+      courseInfo.value.kcmc = decodeURIComponent(options.kcmc);
+      console.log('设置课程名称为:', courseInfo.value.kcmc);
+    }
+    
+    loadCourseInfo();
+    loadCourseMembers();
+  } else {
+    console.error('未接收到课程ID参数');
+    uni.showToast({ 
+      title: '参数错误，请重新进入', 
+      icon: 'error' 
+    });
+    setTimeout(() => {
+      uni.navigateBack();
+    }, 1500);
+  }
+});
+
+// 加载课程信息
+const loadCourseInfo = () => {
+  console.log('加载课程信息，课程ID:', courseId.value);
+  
+  // 如果已经有课程名称，保持不变；否则设置默认值
+  if (!courseInfo.value.kcmc) {
+    courseInfo.value.kcmc = '课程名称加载中...';
+  }
+  
+  courseInfo.value.id = courseId.value;
+  courseInfo.value.kcms = '课程描述加载中...';
+};
+
+// 加载课程成员
+const loadCourseMembers = async () => {
+  try {
+    isLoadingMembers.value = true;
+    console.log('开始加载课程成员，课程ID:', courseId.value);
+    
+    // 调用真实API获取课程成员
+    const response = await kccyFindByKcjbIdApi({ kcjbId: courseId.value });
+    
+    let memberData = [];
+    if (response && (response.resultCode === 1 || response.resultCode === 0)) {
+      memberData = response.result || response.rows || response.data || [];
+    } else if (Array.isArray(response)) {
+      memberData = response;
+    } else if (response && response.length !== undefined) {
+      memberData = response;
+    }
+    
+    courseMembers.value = memberData;
+    console.log('课程成员加载成功:', courseMembers.value.length, '人');
+    
+  } catch (error) {
+    console.error('加载课程成员失败:', error);
+    uni.showToast({ 
+      title: '加载成员失败', 
+      icon: 'error' 
+    });
+    courseMembers.value = [];
+  } finally {
+    isLoadingMembers.value = false;
+  }
+};
+
+// 日期选择
+const onDateChange = (e: any) => {
+  formData.rwjstime = e.detail.value;
+};
+
+// 负责人选择变化
+const onLeaderChange = (selectedList: any[]) => {
+  console.log('负责人选择变化:', selectedList);
+  selectedLeaders.value = selectedList || [];
+  selectedLeaderIds.value = selectedLeaders.value.map(leader => leader.id);
+  formData.rwfzr = selectedLeaders.value.map(leader => leader.id).join(',');
+};
+
+// 附件上传成功回调
+const onFileUploadSuccess = (file: FileItem, index: number) => {
+  console.log('文件上传成功:', file, index);
+  updateAttachmentFields();
+};
+
+// 更新附件字段
+const updateAttachmentFields = () => {
+  // 收集文件URL
+  const fileUrls = fileList.value
+    .filter(file => file.url)
+    .map(file => file.url)
+    .filter((url): url is string => !!url);
+  
+  formData.rwfj = fileUrls.join(',');
+  
+  // 更新附件明细字段 - 只使用文件名，用分号分隔
+  const fileNames = fileList.value
+    .filter(file => file.url)
+    .map(file => file.name || `file_${Date.now()}`);
+  
+  formData.fjmx = fileNames.join(';');
+  
+  console.log('附件字段更新:', {
+    rwfj: formData.rwfj,
+    fjmx: formData.fjmx
+  });
+};
+
+// 任务类型管理函数
+const addTaskType = () => {
+  const uniqueId = `task_type_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+  taskTypes.value.push({
+    id: uniqueId,
+    rwfl: 'text',
+    items: []
+  });
+};
+
+const removeTaskType = (typeIndex: number) => {
+  taskTypes.value.splice(typeIndex, 1);
+};
+
+const getTaskTypeIndex = (rwfl: string) => {
+  return taskTypeOptions.findIndex(option => option.value === rwfl);
+};
+
+const getTaskTypeLabel = (rwfl: string) => {
+  const option = taskTypeOptions.find(option => option.value === rwfl);
+  return option ? option.label : '填写文本';
+};
+
+const onTaskTypeChange = (e: any, typeIndex: number) => {
+  const selectedIndex = e.detail.value;
+  const selectedType = taskTypeOptions[selectedIndex];
+  taskTypes.value[typeIndex].rwfl = selectedType.value;
+  // 清空现有的任务项
+  taskTypes.value[typeIndex].items = [];
+};
+
+const addTaskItem = (taskType: TaskType) => {
+  taskType.items.push({
+    key: `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+    rwbt: '',
+    rwbs: true, // 默认必填项打勾
+    remark: ''
+  });
+  
+  // 显示冒泡提示 - 使用签到界面风格
+  showTooltip.value = true;
+  setTimeout(() => {
+    showTooltip.value = false;
+  }, 3000);
+};
+
+const removeTaskItem = (taskType: TaskType, itemIndex: number) => {
+  taskType.items.splice(itemIndex, 1);
+};
+
+const toggleRequired = (taskType: TaskType, itemIndex: number) => {
+  taskType.items[itemIndex].rwbs = !taskType.items[itemIndex].rwbs;
+};
+
+// 表单验证
+const validateForm = (): boolean => {
+  if (!formData.rwmc.trim()) {
+    uni.showToast({ title: '请输入任务名称', icon: 'error' });
+    return false;
+  }
+
+  if (!formData.rwjstime) {
+    uni.showToast({ title: '请选择截止时间', icon: 'error' });
+    return false;
+  }
+
+  if (selectedLeaders.value.length === 0) {
+    uni.showToast({ title: '请选择负责人', icon: 'error' });
+    return false;
+  }
+
+  // 验证是否有任务类型
+  let hasTaskType = false;
+  for (const taskType of taskTypes.value) {
+    if (taskType.items.length > 0) {
+      hasTaskType = true;
+      break;
+    }
+  }
+
+  if (!hasTaskType) {
+    uni.showToast({ title: '请至少添加一个任务项', icon: 'error' });
+    return false;
+  }
+
+  return true;
+};
+
+// 提交任务
+const submitTask = async () => {
+  if (!validateForm()) {
+    return;
+  }
+
+  try {
+    isSubmitting.value = true;
+    console.log('开始提交任务:', formData);
+    
+    // 更新附件字段
+    updateAttachmentFields();
+    
+    // 构建提交数据
+    const submitData = {
+      rwmc: formData.rwmc,
+      rwjstime: formData.rwjstime,
+      rwms: formData.rwms,
+      rwfzr: formData.rwfzr,
+      rwly: formData.rwly,
+      rwlyId: formData.rwlyId,
+      rwtsfs: formData.rwtsfs,
+      rwfj: formData.rwfj, // 附件URL
+      fjmx: formData.fjmx, // 附件明细
+      rwlxes: [] as any[]
+    };
+
+    // 收集所有任务类型
+    taskTypes.value.forEach(taskType => {
+      taskType.items.forEach(item => {
+        if (item.rwbt.trim()) {
+          submitData.rwlxes.push({
+            rwfl: taskType.rwfl,
+            rwbt: item.rwbt,
+            rwbs: item.rwbs ? 1 : 0,
+            remark: item.remark
+          });
+        }
+      });
+    });
+
+    await rwSaveApi(submitData);
+    
+    uni.showToast({ title: '任务创建成功', icon: 'success' });
+    
+    // 延迟返回上一页，并刷新上一页数据
+    setTimeout(() => {
+      uni.navigateBack({
+        success: () => {
+          // 通知上一页刷新数据
+          uni.$emit('refreshTaskList');
+        }
+      });
+    }, 1500);
+    
+  } catch (error) {
+    console.error('提交任务失败:', error);
+    uni.showToast({ 
+      title: '提交失败，请重试', 
+      icon: 'error' 
+    });
+  } finally {
+    isSubmitting.value = false;
+  }
+};
+
+// 返回上一页
+const goBack = () => {
+  uni.navigateBack();
+};
+</script>
+
+<style lang="scss" scoped>
+/* 第一步：基础页面布局和卡片样式 */
+.addkcrw-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background: linear-gradient(135deg, #f5f7fa 0%, #e8f4fd 100%);
+  margin: 0;
+  padding: 0;
+}
+
+.form-container {
+  flex: 1;
+  overflow: visible;
+  margin: 0;
+  padding: 0;
+  
+  .form-scroll {
+    height: 100%;
+    padding: 0;
+    padding-bottom: 80px;
+    box-sizing: border-box;
+  }
+}
+
+.section-card {
+  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+  border-radius: 0;
+  margin: 0 0 20px 0;
+  padding: 24px;
+  box-shadow: 
+    0 4px 20px rgba(0, 0, 0, 0.08),
+    0 1px 3px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+  overflow: visible;
+  
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 3px;
+    background: linear-gradient(90deg, #409eff 0%, #67c23a 50%, #e6a23c 100%);
+  }
+  
+  .section-title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    padding-bottom: 12px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+    
+    .title-text {
+      font-size: 18px;
+      font-weight: 700;
+      color: #1f2937;
+      letter-spacing: 0.3px;
+    }
+    
+    .add-task-type-btn {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 16px;
+      background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+      color: white;
+      border-radius: 8px;
+      font-size: 13px;
+      font-weight: 600;
+      cursor: pointer;
+      box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
+      transition: all 0.3s ease;
+      
+      &:hover {
+        transform: translateY(-1px);
+        box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4);
+      }
+      
+      .add-icon {
+        font-size: 16px;
+        font-weight: bold;
+      }
+    }
+  }
+}
+
+.form-item {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 20px;
+  
+  .item-label {
+    min-width: 90px;
+    font-size: 15px;
+    color: #374151;
+    line-height: 44px;
+    font-weight: 600;
+    text-align: left;
+    
+    &.required::after {
+      content: '*';
+      color: #ef4444;
+      margin-left: 4px;
+      font-weight: bold;
+    }
+  }
+  
+  .item-input {
+    flex: 1;
+    padding: 12px 16px;
+    border: 2px solid #e5e7eb;
+    border-radius: 10px;
+    font-size: 15px;
+    background-color: #ffffff;
+    transition: all 0.3s ease;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+    
+    &:focus {
+      border-color: #409eff;
+      outline: none;
+      box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+      transform: translateY(-1px);
+    }
+  }
+  
+  .item-textarea {
+    flex: 1;
+    padding: 12px 16px;
+    border: 2px solid #e5e7eb;
+    border-radius: 10px;
+    font-size: 15px;
+    min-height: 67px;
+    background-color: #ffffff;
+    transition: all 0.3s ease;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+    resize: vertical;
+    
+    &:focus {
+      border-color: #409eff;
+      outline: none;
+      box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+    }
+  }
+  
+  .item-picker {
+    flex: 1;
+    
+    .picker-content {
+      padding: 12px 16px;
+      border: 2px solid #e5e7eb;
+      border-radius: 10px;
+      background-color: #ffffff;
+      transition: all 0.3s ease;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+      cursor: pointer;
+      
+      &:hover {
+        border-color: #409eff;
+        transform: translateY(-1px);
+      }
+      
+      .picker-text {
+        font-size: 15px;
+        color: #374151;
+        
+        &.placeholder {
+          color: #9ca3af;
+        }
+      }
+    }
+  }
+}
+
+// 附件上传区域
+.attachment-item {
+  flex-direction: column;
+  align-items: stretch;
+  
+  .item-label {
+    margin-bottom: 12px;
+    line-height: 1.4;
+  }
+  
+  .attachment-container {
+    width: 100%;
+  }
+}
+
+// 任务类型区域
+.task-type-section {
+  margin-bottom: 24px;
+  padding: 20px;
+  border: 2px solid #e5e7eb;
+  border-radius: 12px;
+  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
+  transition: all 0.3s ease;
+  position: relative;
+  
+  &:hover {
+    border-color: #409eff;
+    box-shadow: 0 4px 12px rgba(64, 158, 255, 0.1);
+  }
+  
+  .task-type-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    
+    .task-type-selector {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      flex: 1;
+      
+      .selector-label {
+        font-size: 15px;
+        color: #374151;
+        min-width: 80px;
+        font-weight: 600;
+      }
+      
+      .type-picker {
+        flex: 1;
+        max-width: 180px;
+        
+        .picker-content {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 10px 14px;
+          border: 2px solid #e5e7eb;
+          border-radius: 8px;
+          background-color: #ffffff;
+          font-size: 14px;
+          transition: all 0.3s ease;
+          cursor: pointer;
+          
+          &:hover {
+            border-color: #409eff;
+            transform: translateY(-1px);
+          }
+          
+          .picker-arrow {
+            color: #9ca3af;
+            font-size: 12px;
+          }
+        }
+      }
+    }
+    
+    .delete-type-btn {
+      position: absolute;
+      top: -8px;
+      right: -8px;
+      width: 24px;
+      height: 24px;
+      background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: bold;
+      box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
+      transition: all 0.3s ease;
+      z-index: 10;
+      border: 2px solid #ffffff;
+      
+      &:hover {
+        transform: scale(1.1);
+        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
+      }
+    }
+  }
+}
+
+// 任务项列表
+.task-items-container {
+  .task-item-card {
+    margin-bottom: 16px;
+    padding: 16px;
+    border: 2px solid #e5e7eb;
+    border-radius: 10px;
+    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+    transition: all 0.3s ease;
+    position: relative;
+    
+    &:hover {
+      border-color: #409eff;
+      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.1);
+      transform: translateY(-1px);
+    }
+    
+    // 右上角删除按钮
+    .delete-item-btn-top {
+      position: absolute;
+      top: -8px;
+      right: -8px;
+      width: 24px;
+      height: 24px;
+      background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: bold;
+      box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
+      transition: all 0.3s ease;
+      z-index: 10;
+      border: 2px solid #ffffff;
+      
+      &:hover {
+        transform: scale(1.1);
+        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
+      }
+    }
+    
+    .task-item-header {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 12px;
+      
+      .item-number {
+        width: 28px;
+        height: 28px;
+        background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+        color: white;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+        font-weight: bold;
+        flex-shrink: 0;
+        box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
+      }
+      
+      .item-title-input {
+        flex: 1;
+        padding: 10px 14px;
+        border: 2px solid #e5e7eb;
+        border-radius: 8px;
+        font-size: 14px;
+        transition: all 0.3s ease;
+        
+        &:focus {
+          border-color: #409eff;
+          outline: none;
+          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+        }
+      }
+      
+      .item-actions {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        
+        .required-checkbox {
+          position: relative;
+          display: flex;
+          align-items: center;
+          cursor: pointer;
+          padding: 4px;
+          border-radius: 6px;
+          transition: all 0.3s ease;
+          
+          &:hover {
+            background-color: rgba(64, 158, 255, 0.05);
+          }
+          
+          .checkbox-box {
+            width: 18px;
+            height: 18px;
+            border: 2px solid #d1d5db;
+            border-radius: 4px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.3s ease;
+            
+            &.checked {
+              background-color: #409eff;
+              border-color: #409eff;
+              
+              .check-icon {
+                color: white;
+                font-size: 12px;
+                font-weight: bold;
+              }
+            }
+          }
+          
+          // 冒泡提示样式
+          .tooltip {
+            position: absolute;
+            top: -45px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: rgba(0, 0, 0, 0.8);
+            color: white;
+            padding: 6px 12px;
+            border-radius: 6px;
+            font-size: 12px;
+            white-space: nowrap;
+            z-index: 1000;
+            animation: tooltipFadeIn 0.3s ease-out;
+            
+            &::after {
+              content: '';
+              position: absolute;
+              top: 100%;
+              left: 50%;
+              transform: translateX(-50%);
+              border: 5px solid transparent;
+              border-top-color: rgba(0, 0, 0, 0.8);
+            }
+          }
+        }
+      }
+    }
+    
+    .item-options {
+      .options-textarea {
+        width: 100%;
+        padding: 12px;
+        border: 2px solid #e5e7eb;
+        border-radius: 8px;
+        font-size: 13px;
+        min-height: 80px;
+        background-color: #f9fafb;
+        transition: all 0.3s ease;
+        resize: vertical;
+        
+        &:focus {
+          border-color: #409eff;
+          outline: none;
+          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+          background-color: #ffffff;
+        }
+      }
+    }
+  }
+  
+  .add-item-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 14px;
+    border: 2px dashed #409eff;
+    border-radius: 10px;
+    background: linear-gradient(135deg, rgba(64, 158, 255, 0.05) 0%, rgba(64, 158, 255, 0.1) 100%);
+    color: #409eff;
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    
+    &:hover {
+      background: linear-gradient(135deg, rgba(64, 158, 255, 0.1) 0%, rgba(64, 158, 255, 0.15) 100%);
+      transform: translateY(-1px);
+      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.2);
+    }
+    
+    .add-icon {
+      font-size: 18px;
+      font-weight: bold;
+    }
+  }
+}
+
+// 单选按钮组
+.radio-group {
+  flex: 1;
+  display: flex;
+  gap: 20px;
+  
+  .radio-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+    padding: 8px 12px;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    
+    &:hover {
+      background-color: rgba(64, 158, 255, 0.05);
+    }
+    
+    .radio-dot {
+      width: 20px;
+      height: 20px;
+      border: 2px solid #d1d5db;
+      border-radius: 50%;
+      position: relative;
+      transition: all 0.3s ease;
+      
+      &.checked {
+        border-color: #409eff;
+        background-color: #409eff;
+        
+        &::after {
+          content: '';
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          width: 8px;
+          height: 8px;
+          background-color: #ffffff;
+          border-radius: 50%;
+        }
+      }
+    }
+    
+    .radio-text {
+      font-size: 15px;
+      color: #374151;
+      font-weight: 500;
+    }
+  }
+}
+
+.bottom-actions {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #fff;
+  border-top: 1px solid #e5e5e5;
+  padding: 12px 16px;
+  z-index: 999;
+  
+  .action-buttons {
+    display: flex;
+    gap: 12px;
+    
+    .cancel-btn, .submit-btn {
+      flex: 1;
+      height: 40px;
+      border-radius: 8px;
+      font-size: 14px;
+      font-weight: 500;
+      border: none;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      
+      &:active {
+        transform: translateY(1px);
+      }
+    }
+    
+    .cancel-btn {
+      background-color: #909399;
+      color: #fff;
+      
+      &:hover {
+        background-color: #82848a;
+      }
+    }
+    
+    .submit-btn {
+      background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+      color: #fff;
+      
+      &:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+        transform: none;
+      }
+      
+      &:hover:not(:disabled) {
+        background: linear-gradient(135deg, #3a8ee6 0%, #337ecc 100%);
+      }
+    }
+  }
+}
+
+// 冒泡提示动画
+@keyframes tooltipFadeIn {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+}
+
+// 响应式调整
+@media screen and (max-width: 375px) {
+  .form-item {
+    flex-direction: column;
+    align-items: stretch;
+    
+    .item-label {
+      margin-bottom: 8px;
+      line-height: 1.4;
+    }
+  }
+  
+  .task-type-header {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 8px;
+  }
+  
+  .task-item-header {
+    flex-wrap: wrap;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/view/routine/yishiyice/detail.vue b/src/pages/view/routine/yishiyice/detail.vue
new file mode 100644
index 0000000..4518911
--- /dev/null
+++ b/src/pages/view/routine/yishiyice/detail.vue
@@ -0,0 +1,1193 @@
+<template>
+  <view class="detail-page">
+    <!-- Tab页签 -->
+    <view class="tab-container">
+      <view class="tab-header">
+        <view 
+          class="tab-item" 
+          :class="{ active: activeTab === 'task' }"
+          @click="switchTab('task')"
+        >
+          <text class="tab-text">任务列表</text>
+          <text class="tab-count">({{ taskSummary.allNum }})</text>
+        </view>
+        <view 
+          class="tab-item" 
+          :class="{ active: activeTab === 'member' }"
+          @click="switchTab('member')"
+        >
+          <text class="tab-text">课程成员</text>
+          <text class="tab-count">({{ memberCount }})</text>
+        </view>
+      </view>
+
+      <!-- Tab内容区域 -->
+      <view class="tab-content">
+        <!-- 任务列表 Tab -->
+        <view v-if="activeTab === 'task'" class="task-tab">
+          <!-- 任务统计 -->
+          <view class="task-summary">
+            <view class="summary-item" :class="{ active: taskFilter === 'all' }" @click="setTaskFilter('all')">
+              <text class="summary-count">{{ taskSummary.allNum }}</text>
+              <text class="summary-label">总任务</text>
+            </view>
+            <view class="summary-item completed" :class="{ active: taskFilter === 'completed' }" @click="setTaskFilter('completed')">
+              <text class="summary-count">{{ taskSummary.complateNum }}</text>
+              <text class="summary-label">已完成</text>
+            </view>
+            <view class="summary-item pending" :class="{ active: taskFilter === 'pending' }" @click="setTaskFilter('pending')">
+              <text class="summary-count">{{ taskSummary.noComplateNum }}</text>
+              <text class="summary-label">未完成</text>
+            </view>
+          </view>
+
+          <!-- 任务列表 -->
+          <view class="task-list">
+            <view v-if="taskLoading" class="loading-container">
+              <text class="loading-text">加载中...</text>
+            </view>
+            
+            <view v-else-if="filteredTaskList.length === 0" class="empty-state">
+              <text class="empty-text">{{ getEmptyStateText() }}</text>
+              <text class="empty-hint">点击底部按钮创建第一个任务</text>
+            </view>
+
+            <view v-else>
+              <view 
+                v-for="(task, index) in filteredTaskList" 
+                :key="task.id" 
+                class="task-item"
+              >
+                <!-- 右上角操作按钮 -->
+                <view class="task-top-actions">
+                  <view class="top-action-icon edit-icon" @click.stop="editTask(task)">
+                    <text class="top-icon-text">—</text>
+                  </view>
+                  <view class="top-action-icon delete-icon" @click.stop="deleteTask(task)">
+                    <text class="top-icon-text">×</text>
+                  </view>
+                </view>
+
+                <view class="task-header">
+                  <view class="task-main-info">
+                    <view class="task-title-row">
+                      <view 
+                        class="status-dot" 
+                        :class="{ completed: task.rwStatus === 'A', overdue: isOverdue(task) }"
+                      ></view>
+                      <text class="task-title">{{ task.rwmc }}</text>
+                    </view>
+                    <view class="task-meta">
+                      <text class="task-deadline">截止：{{ formatDate(task.rwjstime) }}</text>
+                      <text class="task-leader">负责人：{{ task.rwfzrxm }}</text>
+                    </view>
+                  </view>
+                </view>
+
+                <!-- 任务信息显示（默认展开） -->
+                <view class="task-info">
+                  <view class="task-operations">
+                    <view class="operation-btn" @click.stop="pushTask(task)">
+                      <text class="operation-text">推送</text>
+                    </view>
+                    <view class="operation-btn execution-btn" @click.stop="viewExecution(task)">
+                      <text class="operation-text">执行情况</text>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 课程成员 Tab -->
+        <view v-if="activeTab === 'member'" class="member-tab">
+          <!-- 成员列表 -->
+          <view class="member-list">
+            <view v-if="memberLoading" class="loading-container">
+              <text class="loading-text">加载中...</text>
+            </view>
+            
+            <view v-else-if="memberList.length === 0" class="empty-state">
+              <text class="empty-text">暂无课程成员</text>
+              <text class="empty-hint">点击底部按钮添加成员</text>
+            </view>
+
+            <view v-else>
+              <!-- 按分组显示成员 -->
+              <view 
+                v-for="(groupMembers, groupName) in groupedMembers" 
+                :key="groupName"
+                class="member-group"
+              >
+                <view class="group-header">
+                  <text class="group-name">{{ groupName }}</text>
+                  <text class="group-count">({{ groupMembers.length }}人)</text>
+                </view>
+                
+                <view class="group-members">
+                  <view 
+                    v-for="member in groupMembers" 
+                    :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>
+                      <text class="member-id">{{ member.jsId }}</text>
+                    </view>
+                    <view class="member-actions">
+                      <view 
+                        v-if="groupName === '未分组'" 
+                        class="action-btn reassign"
+                        @click="reassignMember(member)"
+                      >
+                        <text class="action-text">分组</text>
+                      </view>
+                      <view 
+                        class="action-btn delete"
+                        @click="deleteMember(member)"
+                      >
+                        <text class="action-text">删除</text>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 底部固定操作按钮 -->
+    <view class="bottom-actions">
+      <view 
+        class="action-button add-task-button"
+        @click="goToAddTask"
+        v-if="activeTab === 'task'"
+      >
+        <text class="action-icon">+</text>
+        <text class="action-text">新增任务</text>
+      </view>
+      
+      <view 
+        class="action-button add-member-button"
+        @click="addMember"
+        v-if="activeTab === 'member'"
+      >
+        <text class="action-icon">+</text>
+        <text class="action-text">新增成员</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed, onUnmounted } from "vue";
+import { onLoad as onPageLoad, onShow } from "@dcloudio/uni-app";
+import { rwFindPageSummaryApi } from "@/api/base/rwApi";
+import { kccyFindByKcjbIdApi } from "@/api/base/kccyApi";
+
+// 定义接口
+interface CourseInfo {
+  id: string;
+  kcmc: string;
+  kcms: string;
+  jsId: string;
+  jsxm: string;
+  kcjbtp: string;
+  kczt: string;
+  bzrxm: string;
+  ljlxxm: string;
+}
+
+interface TaskItem {
+  id: string;
+  rwmc: string;
+  rwms: string;
+  rwkstime: string;
+  rwjstime: string;
+  rwfzrxm: string;
+  rwfzr: string;
+  rwStatus: string;
+  rwly: string;
+  rwlyId?: string;
+}
+
+interface MemberItem {
+  id: string;
+  jsId: string;
+  jsxm: string;
+  kcjbId: string;
+  fzmc: string;
+}
+
+// 响应式数据
+const activeTab = ref('task');
+const courseId = ref('');
+const courseInfo = ref<CourseInfo>({
+  id: '',
+  kcmc: '',
+  kcms: '',
+  jsId: '',
+  jsxm: '',
+  kcjbtp: '',
+  kczt: '',
+  bzrxm: '',
+  ljlxxm: ''
+});
+
+const taskList = ref<TaskItem[]>([]);
+const taskLoading = ref(false);
+const taskSummary = ref({
+  allNum: 0,
+  complateNum: 0,
+  noComplateNum: 0
+});
+
+const memberList = ref<MemberItem[]>([]);
+const memberLoading = ref(false);
+const memberCount = ref(0);
+
+// 任务筛选状态
+const taskFilter = ref('all'); // 'all', 'completed', 'pending'
+
+// 计算筛选后的任务列表
+const filteredTaskList = computed(() => {
+  if (taskFilter.value === 'all') {
+    return taskList.value;
+  } else if (taskFilter.value === 'completed') {
+    return taskList.value.filter(task => task.rwStatus === 'A');
+  } else if (taskFilter.value === 'pending') {
+    return taskList.value.filter(task => task.rwStatus === 'B');
+  }
+  return taskList.value;
+});
+
+// 计算分组成员
+const groupedMembers = computed(() => {
+  const groups: { [key: string]: MemberItem[] } = {};
+  
+  memberList.value.forEach(member => {
+    const groupName = member.fzmc || '未分组';
+    if (!groups[groupName]) {
+      groups[groupName] = [];
+    }
+    groups[groupName].push(member);
+  });
+  
+  return groups;
+});
+
+// 页面加载
+onPageLoad((options: any) => {
+  console.log('课程详情页面接收到的所有参数:', options);
+  console.log('参数类型检查:');
+  console.log('- options.id:', options.id, typeof options.id);
+  console.log('- options.kcjbId:', options.kcjbId, typeof options.kcjbId);
+  console.log('- options.courseId:', options.courseId, typeof options.courseId);
+  console.log('- options.kcmc:', options.kcmc, typeof options.kcmc);
+  
+  // 检查课程ID参数（支持多种参数名）
+  const courseIdParam = options.id || options.kcjbId || options.courseId;
+  
+  if (courseIdParam) {
+    courseId.value = courseIdParam;
+    console.log('设置课程ID为:', courseId.value);
+    
+    if (options.kcmc) {
+      courseInfo.value.kcmc = decodeURIComponent(options.kcmc);
+      console.log('设置课程名称为:', courseInfo.value.kcmc);
+    }
+    
+    loadCourseDetail();
+    // 只加载默认Tab（任务列表）的数据
+    loadTaskList();
+  } else {
+    console.error('课程ID参数缺失！接收到的参数:', options);
+    uni.showToast({
+      title: '课程ID不能为空',
+      icon: 'error'
+    });
+    setTimeout(() => {
+      uni.navigateBack();
+    }, 1500);
+  }
+});
+
+// 页面显示时刷新数据
+onShow(() => {
+  console.log('detail页面显示，刷新任务列表');
+  if (courseId.value && activeTab.value === 'task') {
+    loadTaskList();
+  }
+});
+
+// 监听刷新事件
+uni.$on('refreshTaskList', () => {
+  console.log('收到刷新任务列表事件');
+  if (courseId.value) {
+    loadTaskList();
+  }
+});
+
+// 页面卸载时移除事件监听
+onUnmounted(() => {
+  uni.$off('refreshTaskList');
+});
+
+// 工具函数
+const switchTab = (tab: string) => {
+  activeTab.value = tab;
+  if (tab === 'task') {
+    // 如果任务列表为空，则加载数据
+    if (taskList.value.length === 0) {
+      loadTaskList();
+    }
+  } else if (tab === 'member') {
+    // 如果成员列表为空，则加载数据
+    if (memberList.value.length === 0) {
+      loadMemberList();
+    }
+  }
+};
+
+const formatDate = (dateStr: string) => {
+  if (!dateStr) return '';
+  const date = new Date(dateStr);
+  return `${date.getMonth() + 1}/${date.getDate()}`;
+};
+
+const isOverdue = (task: TaskItem) => {
+  const now = new Date();
+  const deadline = new Date(task.rwjstime);
+  return now > deadline && task.rwStatus === 'B';
+};
+
+// 设置任务筛选状态
+const setTaskFilter = (filter: string) => {
+  taskFilter.value = filter;
+};
+
+// 获取空状态文本
+const getEmptyStateText = () => {
+  switch (taskFilter.value) {
+    case 'completed':
+      return '暂无已完成任务';
+    case 'pending':
+      return '暂无未完成任务';
+    default:
+      return '暂无任务';
+  }
+};
+
+// API调用
+const loadCourseDetail = async () => {
+  try {
+    console.log('加载课程详情，课程ID:', courseId.value);
+    // TODO: 调用真实API获取课程详情
+  } catch (error) {
+    console.error('加载课程详情失败:', error);
+    uni.showToast({
+      title: '加载课程详情失败',
+      icon: 'error'
+    });
+  }
+};
+
+const loadTaskList = async () => {
+  taskLoading.value = true;
+  try {
+    console.log('加载任务列表，课程ID:', courseId.value);
+    
+    // 调用真实API获取任务列表
+    const response = await rwFindPageSummaryApi({
+      rwlyId: courseId.value,
+      page: 1,
+      rows: 100
+    });
+    
+    console.log('任务列表API响应:', response);
+    
+    // 处理API响应数据（兼容多种格式）
+    let taskData = [];
+    if (response) {
+      // 如果有resultCode字段，按手机端格式处理
+      if (response.hasOwnProperty('resultCode')) {
+        if (response.resultCode === 1 || response.resultCode === 0) {
+          taskData = response.result || response.rows || response.data || [];
+        } else {
+          throw new Error(response?.message || response?.msg || '获取任务列表失败');
+        }
+      } 
+      // 如果没有resultCode，按分页格式处理
+      else if (response.rows || response.data) {
+        taskData = response.rows || response.data || [];
+      }
+      // 如果直接是数组
+      else if (Array.isArray(response)) {
+        taskData = response;
+      }
+      else {
+        console.warn('未知的API响应格式:', response);
+        taskData = [];
+      }
+    }
+    
+    taskList.value = taskData;
+    console.log('解析后的任务列表:', taskList.value);
+    console.log('任务数量:', taskList.value.length);
+    
+    // 计算任务统计
+    taskSummary.value = {
+      allNum: taskList.value.length,
+      complateNum: taskList.value.filter(t => t.rwStatus === 'A').length,
+      noComplateNum: taskList.value.filter(t => t.rwStatus === 'B').length
+    };
+    
+    console.log('任务统计:', taskSummary.value);
+    
+  } catch (error) {
+    console.error('加载任务列表失败:', error);
+    uni.showToast({
+      title: '加载任务列表失败',
+      icon: 'error'
+    });
+    
+    // 出错时清空数据
+    taskList.value = [];
+    taskSummary.value = {
+      allNum: 0,
+      complateNum: 0,
+      noComplateNum: 0
+    };
+  } finally {
+    taskLoading.value = false;
+  }
+};
+
+const loadMemberList = async () => {
+  memberLoading.value = true;
+  try {
+    console.log('加载课程成员，课程ID:', courseId.value);
+    
+    // 调用真实API获取课程成员列表
+    const response = await kccyFindByKcjbIdApi({
+      kcjbId: courseId.value
+    });
+    
+    console.log('课程成员API响应:', response);
+    
+    // 处理API响应数据（兼容多种格式）
+    let memberData = [];
+    if (response) {
+      // 如果有resultCode字段，按手机端格式处理
+      if (response.hasOwnProperty('resultCode')) {
+        if (response.resultCode === 1 || response.resultCode === 0) {
+          memberData = response.result || response.rows || response.data || [];
+        } else {
+          throw new Error(response?.message || response?.msg || '获取课程成员失败');
+        }
+      }
+      // 如果没有resultCode，按分页格式处理
+      else if (response.rows || response.data) {
+        memberData = response.rows || response.data || [];
+      }
+      // 如果直接是数组
+      else if (Array.isArray(response)) {
+        memberData = response;
+      }
+      else {
+        console.warn('未知的API响应格式:', response);
+        memberData = [];
+      }
+    }
+    
+    memberList.value = memberData;
+    memberCount.value = memberList.value.length;
+    
+    console.log('解析后的成员列表:', memberList.value);
+    console.log('成员数量:', memberCount.value);
+    
+  } catch (error) {
+    console.error('加载课程成员失败:', error);
+    uni.showToast({
+      title: '加载课程成员失败',
+      icon: 'error'
+    });
+    
+    // 出错时清空数据
+    memberList.value = [];
+    memberCount.value = 0;
+  } finally {
+    memberLoading.value = false;
+  }
+};
+
+// 任务操作
+const goToAddTask = () => {
+  uni.navigateTo({
+    url: `/pages/view/routine/yishiyice/addkcrw?kcjbId=${courseId.value}&kcmc=${encodeURIComponent(courseInfo.value.kcmc)}`
+  });
+};
+
+const editTask = (task: TaskItem) => {
+  // 将任务数据存储到全局存储中
+  uni.setStorageSync('editTaskData', task);
+  
+  // 跳转到编辑任务页面
+  uni.navigateTo({
+    url: `/pages/view/routine/yishiyice/editkcrw?taskId=${task.id}&kcjbId=${courseId.value}&kcmc=${encodeURIComponent(courseInfo.value.kcmc)}`
+  });
+};
+
+const pushTask = (task: TaskItem) => {
+  // 将任务数据存储到全局存储中
+  uni.setStorageSync('pushTaskData', task);
+  
+  // 跳转到推送页面
+  uni.navigateTo({
+    url: `/pages/view/routine/yishiyice/push?courseId=${courseId.value}`
+  });
+};
+
+const viewExecution = (task: TaskItem) => {
+  // 跳转到任务执行情况页面
+  const taskInfoParam = encodeURIComponent(JSON.stringify(task));
+  uni.navigateTo({
+    url: `/pages/view/routine/yishiyice/kcrwzx?taskInfo=${taskInfoParam}&courseId=${courseId.value}`
+  });
+};
+
+const deleteTask = (task: TaskItem) => {
+  uni.showModal({
+    title: '确认删除',
+    content: `确定要删除任务"${task.rwmc}"吗？`,
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          const index = taskList.value.findIndex(t => t.id === task.id);
+          if (index > -1) {
+            taskList.value.splice(index, 1);
+          }
+          
+          taskSummary.value = {
+            allNum: taskList.value.length,
+            complateNum: taskList.value.filter(t => t.rwStatus === 'A').length,
+            noComplateNum: taskList.value.filter(t => t.rwStatus === 'B').length
+          };
+          
+          uni.showToast({
+            title: '删除成功',
+            icon: 'success'
+          });
+        } catch (error) {
+          console.error('删除任务失败:', error);
+          uni.showToast({
+            title: '删除失败',
+            icon: 'error'
+          });
+        }
+      }
+    }
+  });
+};
+
+// 成员操作
+const addMember = () => {
+  uni.showToast({
+    title: '新增成员功能开发中',
+    icon: 'none'
+  });
+};
+
+const reassignMember = (member: MemberItem) => {
+  uni.showToast({
+    title: '重新分组功能开发中',
+    icon: 'none'
+  });
+};
+
+const deleteMember = (member: MemberItem) => {
+  uni.showModal({
+    title: '确认删除',
+    content: `确定要删除成员"${member.jsxm}"吗？`,
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          const index = memberList.value.findIndex(m => m.id === member.id);
+          if (index > -1) {
+            memberList.value.splice(index, 1);
+            memberCount.value = memberList.value.length;
+          }
+          
+          uni.showToast({
+            title: '删除成功',
+            icon: 'success'
+          });
+        } catch (error) {
+          console.error('删除成员失败:', error);
+          uni.showToast({
+            title: '删除失败',
+            icon: 'error'
+          });
+        }
+      }
+    }
+  });
+};
+</script>
+
+<style scoped>
+.detail-page {
+  min-height: 100vh;
+  background-color: #ffffff;
+}
+
+/* Tab容器 */
+.tab-container {
+  margin: 0;
+  background-color: #fff;
+  border-radius: 0;
+  box-shadow: none;
+  overflow: hidden;
+}
+
+/* Tab头部 */
+.tab-header {
+  display: flex;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.tab-item {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  background-color: #fff;
+  transition: all 0.3s ease;
+}
+
+.tab-item.active {
+  background-color: #1890ff;
+}
+
+.tab-text {
+  font-size: 16px;
+  font-weight: 500;
+  color: #666;
+  margin-right: 4px;
+}
+
+.tab-item.active .tab-text {
+  color: #fff;
+}
+
+.tab-count {
+  font-size: 14px;
+  color: #999;
+}
+
+.tab-item.active .tab-count {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+/* Tab内容 */
+.tab-content {
+  min-height: 400px;
+  padding-bottom: 80px; /* 为底部按钮留出空间 */
+}
+
+.task-tab,
+.member-tab {
+  padding: 20px 0;
+}
+
+/* 任务统计 */
+.task-summary {
+  display: flex;
+  justify-content: space-around;
+  margin: 0 20px 20px 20px;
+  padding: 16px;
+  background-color: #ffffff;
+  border-radius: 8px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.summary-item {
+  text-align: center;
+  padding: 8px 12px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  border: 2px solid transparent;
+}
+
+.summary-item:hover {
+  background-color: rgba(0, 0, 0, 0.02);
+}
+
+.summary-item.active {
+  background-color: rgba(24, 144, 255, 0.1);
+  border-color: #1890ff;
+}
+
+.summary-item.completed.active {
+  background-color: rgba(82, 196, 26, 0.1);
+  border-color: #52c41a;
+}
+
+.summary-item.pending.active {
+  background-color: rgba(255, 77, 79, 0.1);
+  border-color: #ff4d4f;
+}
+
+.summary-count {
+  display: block;
+  font-size: 24px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.summary-item.completed .summary-count {
+  color: #52c41a;
+}
+
+.summary-item.pending .summary-count {
+  color: #ff4d4f;
+}
+
+.summary-label {
+  font-size: 12px;
+  color: #666;
+}
+
+/* 新增按钮 */
+.add-task-btn,
+.add-member-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 12px;
+  margin-bottom: 20px;
+  background-color: #1890ff;
+  border-radius: 8px;
+  gap: 8px;
+}
+
+.add-icon {
+  font-size: 18px;
+  color: #fff;
+  font-weight: bold;
+}
+
+.add-text {
+  font-size: 16px;
+  color: #fff;
+  font-weight: 500;
+}
+
+/* 任务列表 */
+.task-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 0 20px;
+}
+
+.task-item {
+  background: #ffffff;
+  border-radius: 0;
+  box-shadow: 
+    0 4px 20px rgba(0, 0, 0, 0.08),
+    0 1px 3px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-left: none;
+  border-right: none;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.task-item:hover {
+  transform: translateY(-2px);
+  box-shadow: 
+    0 8px 30px rgba(0, 0, 0, 0.12),
+    0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+.task-item:active {
+  transform: translateY(0);
+  box-shadow: 
+    0 2px 10px rgba(0, 0, 0, 0.1),
+    0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+/* 右上角操作按钮 */
+.task-top-actions {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  display: flex;
+  gap: 6px;
+  z-index: 10;
+}
+
+.top-action-icon {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.top-action-icon.edit-icon {
+  background: linear-gradient(135deg, #1890ff 0%, #40a9ff 100%);
+  color: #fff;
+  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
+}
+
+.top-action-icon.edit-icon:active {
+  background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
+  transform: scale(0.9);
+  box-shadow: 0 1px 4px rgba(24, 144, 255, 0.4);
+}
+
+.top-action-icon.delete-icon {
+  background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);
+  color: #fff;
+  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
+}
+
+.top-action-icon.delete-icon:active {
+  background: linear-gradient(135deg, #e53935 0%, #d32f2f 100%);
+  transform: scale(0.9);
+  box-shadow: 0 1px 4px rgba(255, 77, 79, 0.4);
+}
+
+.top-icon-text {
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 1;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.task-header {
+  padding: 20px;
+  padding-top: 48px; /* 为右上角按钮留出更多空间 */
+  background: #ffffff;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.task-title-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.status-dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  margin-right: 12px;
+  background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);
+  box-shadow: 0 2px 4px rgba(255, 77, 79, 0.3);
+  position: relative;
+}
+
+.status-dot::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background-color: rgba(255, 255, 255, 0.8);
+}
+
+.status-dot.completed {
+  background: linear-gradient(135deg, #52c41a 0%, #73d13d 100%);
+  box-shadow: 0 2px 4px rgba(82, 196, 26, 0.3);
+}
+
+.status-dot.overdue {
+  background: linear-gradient(135deg, #fa8c16 0%, #ffa940 100%);
+  box-shadow: 0 2px 4px rgba(250, 140, 22, 0.3);
+}
+
+.task-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #1f2937;
+  flex: 1;
+  line-height: 1.4;
+  letter-spacing: 0.01em;
+}
+
+.task-meta {
+  display: flex;
+  gap: 20px;
+  color: #6b7280;
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.task-deadline,
+.task-leader {
+  flex-shrink: 0;
+  padding: 4px 8px;
+  background: rgba(0, 0, 0, 0.03);
+  border-radius: 6px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+/* 任务信息展示 */
+.task-info {
+  padding: 12px 20px;
+  background: #ffffff;
+  border-top: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.task-operations {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.operation-btn {
+  padding: 6px 12px;
+  background: linear-gradient(135deg, #1890ff 0%, #40a9ff 100%);
+  border-radius: 8px;
+  text-align: center;
+  flex: none;
+  width: auto;
+  min-width: 60px;
+  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.operation-btn:active {
+  background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
+  transform: translateY(1px);
+  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.4);
+}
+
+.operation-btn.execution-btn {
+  background: linear-gradient(135deg, #52c41a 0%, #73d13d 100%);
+  box-shadow: 0 4px 12px rgba(82, 196, 26, 0.3);
+}
+
+.operation-btn.execution-btn:active {
+  background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
+  box-shadow: 0 2px 8px rgba(82, 196, 26, 0.4);
+}
+
+.operation-text {
+  color: #fff;
+  font-size: 12px;
+  font-weight: 500;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+/* 成员列表 */
+.member-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 0 20px;
+}
+
+.member-group {
+  border: 2px solid #1890ff;
+  border-radius: 8px;
+  padding: 12px;
+  background-color: #f8faff;
+}
+
+.group-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #e0e7ff;
+}
+
+.group-name {
+  background-color: #1890ff;
+  color: #fff;
+  padding: 4px 12px;
+  border-radius: 12px;
+  font-size: 14px;
+  font-weight: 500;
+  margin-right: 8px;
+}
+
+.group-count {
+  color: #666;
+  font-size: 12px;
+}
+
+.group-members {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.member-item {
+  display: flex;
+  align-items: center;
+  padding: 12px;
+  background-color: #fff;
+  border-radius: 6px;
+  border: 1px solid #e0e7ff;
+}
+
+.member-avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background-color: #1890ff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 12px;
+}
+
+.avatar-text {
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.member-info {
+  flex: 1;
+}
+
+.member-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 2px;
+  display: block;
+}
+
+.member-id {
+  font-size: 12px;
+  color: #666;
+}
+
+.member-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.action-btn {
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+}
+
+.action-btn.reassign {
+  background-color: #1890ff;
+}
+
+.action-btn.delete {
+  background-color: #ff4d4f;
+}
+
+.action-text {
+  color: #fff;
+}
+
+/* 通用样式 */
+.loading-container,
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 20px;
+  color: #666;
+}
+
+.loading-text,
+.empty-text {
+  font-size: 16px;
+  margin-bottom: 8px;
+}
+
+.empty-hint {
+  font-size: 12px;
+  color: #999;
+}
+
+/* 底部固定操作按钮 */
+.bottom-actions {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #fff;
+  border-top: 1px solid #e5e5e5;
+  padding: 12px 16px;
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+}
+
+.action-button {
+  width: 100%;
+  height: 48px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  transition: all 0.3s ease;
+}
+
+.add-task-button {
+  background: linear-gradient(135deg, #1890ff 0%, #1976d2 100%);
+  color: #fff;
+  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
+}
+
+.add-task-button:active {
+  transform: translateY(1px);
+  box-shadow: 0 1px 4px rgba(24, 144, 255, 0.4);
+}
+
+.add-member-button {
+  background: linear-gradient(135deg, #52c41a 0%, #4caf50 100%);
+  color: #fff;
+  box-shadow: 0 2px 8px rgba(82, 196, 26, 0.3);
+}
+
+.add-member-button:active {
+  transform: translateY(1px);
+  box-shadow: 0 1px 4px rgba(82, 196, 26, 0.4);
+}
+
+.action-icon {
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 1;
+}
+
+.action-text {
+  font-size: 16px;
+  font-weight: 500;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/view/routine/yishiyice/editkcrw.vue b/src/pages/view/routine/yishiyice/editkcrw.vue
new file mode 100644
index 0000000..4f8aac0
--- /dev/null
+++ b/src/pages/view/routine/yishiyice/editkcrw.vue
@@ -0,0 +1,1423 @@
+<template>
+  <view class="addkcrw-page">
+
+    <!-- 表单内容 -->
+    <view class="form-container">
+      <scroll-view scroll-y class="form-scroll">
+        <!-- 基本信息区域 -->
+        <view class="section-card">
+          <view class="section-title">
+            <text class="title-text">基本信息</text>
+          </view>
+          
+          <!-- 任务名称 -->
+          <view class="form-item">
+            <text class="item-label required">任务名称：</text>
+            <input 
+              v-model="formData.rwmc" 
+              placeholder="请输入任务名称" 
+              class="item-input"
+              maxlength="100"
+            />
+          </view>
+          
+          <!-- 任务描述 -->
+          <view class="form-item">
+            <text class="item-label">任务描述：</text>
+            <textarea 
+              v-model="formData.rwms" 
+              placeholder="请输入任务描述" 
+              class="item-textarea"
+              maxlength="500"
+            />
+          </view>
+          
+          <!-- 截止时间 -->
+          <view class="form-item">
+            <text class="item-label required">截止时间：</text>
+            <picker 
+              mode="date" 
+              :value="formData.rwjstime" 
+              @change="onDateChange"
+              class="item-picker"
+            >
+              <view class="picker-content">
+                <text :class="['picker-text', { placeholder: !formData.rwjstime }]">
+                  {{ formData.rwjstime || '请选择截止时间' }}
+                </text>
+              </view>
+            </picker>
+          </view>
+          
+          <!-- 负责人 -->
+          <view class="form-item">
+            <text class="item-label required">负责人：</text>
+            <BasicJsPicker 
+              :multiple="true"
+              title="选择负责人"
+              placeholder="请选择负责人"
+              searchPlaceholder="输入教师名称查询"
+              @change="onLeaderChange"
+              :defaultValue="selectedLeaderIds"
+            />
+          </view>
+          
+        <!-- 附件上传 -->
+        <view class="form-item attachment-item">
+          <text class="item-label">附件：</text>
+          <view class="attachment-container">
+            <ImageVideoUpload
+              v-model:file-list="fileList"
+              :enable-image="false"
+              :enable-video="false"
+              :enable-file="true"
+              :max-file-count="5"
+              :allowed-file-types="['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'wav', 'zip', 'rar']"
+              :compress-config="compressConfig"
+              :upload-api="attachmentUpload"
+              @file-upload-success="onFileUploadSuccess"
+            />
+          </view>
+        </view>
+          
+        </view>
+
+        <!-- 任务下发设置区域 -->
+        <view class="section-card">
+          <view class="section-title">
+            <text class="title-text">任务下发设置</text>
+            <view class="add-task-type-btn" @click="addTaskType">
+              <text class="add-icon">+</text>
+              <text class="add-text">新增任务方式</text>
+            </view>
+          </view>
+          
+          <!-- 任务方式列表 -->
+          <view v-for="(taskType, typeIndex) in taskTypes" :key="taskType.id" class="task-type-section">
+            <!-- 任务方式选择 -->
+            <view class="task-type-header">
+              <view class="task-type-selector">
+                <text class="selector-label">任务方式：</text>
+                <picker 
+                  :range="taskTypeOptions" 
+                  range-key="label" 
+                  :value="getTaskTypeIndex(taskType.rwfl)" 
+                  @change="onTaskTypeChange($event, typeIndex)"
+                  class="type-picker"
+                >
+                  <view class="picker-content">
+                    <text class="picker-text">{{ getTaskTypeLabel(taskType.rwfl) }}</text>
+                    <text class="picker-arrow">▼</text>
+                  </view>
+                </picker>
+              </view>
+              <view class="delete-type-btn" @click="removeTaskType(typeIndex)">
+                <text class="delete-icon">×</text>
+              </view>
+            </view>
+            
+            <!-- 任务项列表 -->
+            <view class="task-items-container">
+              <view 
+                v-for="(item, itemIndex) in taskType.items" 
+                :key="item.key" 
+                class="task-item-card"
+              >
+                <!-- 删除按钮放在右上角 -->
+                <view class="delete-item-btn-top" @click="removeTaskItem(taskType, itemIndex)">
+                  <text class="delete-icon">×</text>
+                </view>
+                
+                <view class="task-item-header">
+                  <text class="item-number">{{ itemIndex + 1 }}</text>
+                  <input 
+                    v-model="item.rwbt" 
+                    :placeholder="`任务项 ${itemIndex + 1}`" 
+                    class="item-title-input"
+                    maxlength="100"
+                  />
+                  <view class="item-actions">
+                    <view class="required-checkbox" @click="toggleRequired(taskType, itemIndex)">
+                      <view :class="['checkbox-box', { checked: item.rwbs }]">
+                        <text v-if="item.rwbs" class="check-icon">✓</text>
+                      </view>
+                      <view v-if="showTooltip" class="tooltip">默认必填</view>
+                    </view>
+                  </view>
+                </view>
+                
+                <!-- 选择题选项 -->
+                <view v-if="taskType.rwfl === 'dxxz' || taskType.rwfl === 'dxsx'" class="item-options">
+                  <textarea 
+                    v-model="item.remark" 
+                    placeholder="请将选项内容用;隔开，例如：选项1;选项2;选项3" 
+                    class="options-textarea"
+                    maxlength="500"
+                  />
+                </view>
+              </view>
+              
+              <!-- 添加任务项按钮 -->
+              <view class="add-item-btn" @click="addTaskItem(taskType)">
+                <text class="add-icon">+</text>
+                <text class="add-text">添加任务项</text>
+              </view>
+            </view>
+          </view>
+        </view> 
+        
+        <view>
+          <!-- 空内容，删除了负责人选择弹窗 -->
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 底部操作按钮 -->
+    <view class="bottom-actions">
+      <view class="action-buttons">
+        <button
+          @click="goBack"
+          class="cancel-btn"
+        >
+          取消
+        </button>
+        <button
+          @click="submitTask"
+          :disabled="isSubmitting"
+          class="submit-btn"
+        >
+          {{ isSubmitting ? '保存中...' : '保存' }}
+        </button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import { kccyFindByKcjbIdApi } from "@/api/base/kccyApi";
+import { rwSaveApi } from "@/api/base/rwApi";
+import { attachmentUpload } from "@/api/system/upload";
+import BasicJsPicker from "@/components/BasicJsPicker/Picker.vue";
+import { ImageVideoUpload, type FileItem, COMPRESS_PRESETS } from "@/components/ImageVideoUpload";
+
+// 接口类型定义
+interface CourseInfo {
+  id: string;
+  kcmc: string;
+  kcms: string;
+}
+
+interface CourseMember {
+  id: string;
+  jsId: string;
+  jsxm: string;
+  kcjbId: string;
+  fzmc?: string;
+}
+
+interface TaskType {
+  id: string;
+  rwfl: string;
+  items: TaskItem[];
+}
+
+interface TaskItem {
+  key: string;
+  id?: string; // 任务项ID，编辑时需要
+  rwbt: string;
+  rwbs: boolean;
+  remark: string;
+}
+
+// 页面数据
+const courseId = ref('');
+const taskId = ref('');
+const courseInfo = ref<CourseInfo>({
+  id: '',
+  kcmc: '',
+  kcms: ''
+});
+
+const courseMembers = ref<CourseMember[]>([]);
+const selectedLeaders = ref<any[]>([]);
+const selectedLeaderIds = ref<string[]>([]);
+const isSubmitting = ref(false);
+const isLoadingMembers = ref(false);
+
+// 冒泡提示显示状态
+const showTooltip = ref(false);
+
+// 附件相关数据
+const compressConfig = ref(COMPRESS_PRESETS.medium);
+const fileList = ref<FileItem[]>([]);
+
+// 表单数据
+const formData = reactive({
+  id: '', // 任务ID，编辑时需要
+  rwmc: '',
+  rwms: '',
+  rwjstime: '',
+  rwfzr: '',
+  rwly: 'B',
+  rwlyId: '',
+  rwtsfs: '1', // 默认推送
+  rwfj: '', // 附件URL
+  fjmx: '' // 附件明细
+});
+
+// 任务类型选项
+const taskTypeOptions = [
+  { label: '填写文本', value: 'text' },
+  { label: '单项选择', value: 'dxxz' },
+  { label: '多项选择', value: 'dxsx' },
+  { label: '上传图片', value: 'sctp' },
+  { label: '上传视频', value: 'scsp' },
+  { label: '上传文档', value: 'scwd' }
+];
+
+// 任务方式列表
+const taskTypes = ref<TaskType[]>([
+  {
+    id: `task_type_${Date.now()}`,
+    rwfl: 'text',
+    items: []
+  }
+]);
+
+// 页面加载
+onLoad((options: any) => {
+  console.log('编辑任务页面接收到的参数:', options);
+  
+  // 获取任务ID
+  if (options.taskId) {
+    taskId.value = options.taskId;
+    formData.id = options.taskId;
+    console.log('设置任务ID为:', taskId.value);
+  }
+  
+  // 支持多种参数名（kcjbId 或 courseId）
+  const receivedCourseId = options.kcjbId || options.courseId;
+  
+  if (receivedCourseId) {
+    courseId.value = receivedCourseId;
+    formData.rwlyId = receivedCourseId;
+    console.log('设置课程ID为:', courseId.value);
+    
+    // 如果传递了课程名称，设置课程信息
+    if (options.kcmc) {
+      courseInfo.value.kcmc = decodeURIComponent(options.kcmc);
+      console.log('设置课程名称为:', courseInfo.value.kcmc);
+    }
+    
+    loadCourseInfo();
+    loadCourseMembers();
+    
+    // 如果是编辑模式，加载任务数据
+    if (taskId.value) {
+      // 从全局存储中获取任务数据
+      loadTaskDataFromStorage();
+    }
+  } else {
+    console.error('未接收到课程ID参数');
+    uni.showToast({ 
+      title: '参数错误，请重新进入', 
+      icon: 'error' 
+    });
+    setTimeout(() => {
+      uni.navigateBack();
+    }, 1500);
+  }
+});
+
+// 加载课程信息
+const loadCourseInfo = () => {
+  console.log('加载课程信息，课程ID:', courseId.value);
+  
+  // 如果已经有课程名称，保持不变；否则设置默认值
+  if (!courseInfo.value.kcmc) {
+    courseInfo.value.kcmc = '课程名称加载中...';
+  }
+  
+  courseInfo.value.id = courseId.value;
+  courseInfo.value.kcms = '课程描述加载中...';
+};
+
+// 从全局存储中加载任务数据
+const loadTaskDataFromStorage = () => {
+  try {
+    console.log('从全局存储中加载任务数据');
+    const taskInfo = uni.getStorageSync('editTaskData');
+    
+    if (!taskInfo) {
+      console.error('未找到任务数据');
+      uni.showToast({ 
+        title: '任务数据不存在', 
+        icon: 'error' 
+      });
+      setTimeout(() => {
+        uni.navigateBack();
+      }, 1500);
+      return;
+    }
+    
+    console.log('任务数据:', taskInfo);
+    
+    // 填充表单数据
+    formData.rwmc = taskInfo.rwmc || '';
+    formData.rwms = taskInfo.rwms || '';
+    formData.rwjstime = taskInfo.rwjstime || '';
+    formData.rwfzr = taskInfo.rwfzr || '';
+    formData.rwtsfs = taskInfo.rwtsfs || '1';
+    formData.rwfj = taskInfo.rwfj || '';
+    formData.fjmx = taskInfo.fjmx || '';
+    
+    // 处理负责人数据
+    if (taskInfo.rwfzr) {
+      const leaderIds = taskInfo.rwfzr.split(',');
+      selectedLeaderIds.value = leaderIds;
+      // 这里需要根据ID找到对应的教师信息
+      // 暂时使用ID作为显示名称
+      selectedLeaders.value = leaderIds.map((id: string) => ({
+        id: id,
+        jsxm: taskInfo.rwfzrxm || `教师${id}`
+      }));
+    }
+    
+    // 处理任务类型数据
+    if (taskInfo.rwlxes && taskInfo.rwlxes.length > 0) {
+      // 按任务类型分组
+      const groupedTasks: { [key: string]: any[] } = {};
+      taskInfo.rwlxes.forEach((item: any) => {
+        if (!groupedTasks[item.rwfl]) {
+          groupedTasks[item.rwfl] = [];
+        }
+        groupedTasks[item.rwfl].push(item);
+      });
+      
+      // 构建任务类型列表
+      taskTypes.value = Object.keys(groupedTasks).map((rwfl, index) => ({
+        id: `task_type_${index + 1}`,
+        rwfl: rwfl,
+        items: groupedTasks[rwfl].map((item, itemIndex) => ({
+          key: `item_${index + 1}_${itemIndex + 1}`,
+          id: item.id, // 保留任务项的ID
+          rwbt: item.rwbt || '',
+          rwbs: item.rwbs === 1 || item.rwbs === true,
+          remark: item.remark || ''
+        }))
+      }));
+    }
+    
+    // 处理附件数据
+    if (taskInfo.rwfj) {
+      loadAttachmentData(taskInfo.rwfj, taskInfo.fjmx);
+    }
+    
+    console.log('任务数据加载完成');
+    
+    // 清除存储的任务数据
+    uni.removeStorageSync('editTaskData');
+    
+  } catch (error) {
+    console.error('加载任务数据失败:', error);
+    uni.showToast({ 
+      title: '加载任务数据失败', 
+      icon: 'error' 
+    });
+  }
+};
+
+// 加载附件数据
+const loadAttachmentData = (attachmentUrls: string, attachmentDetails?: string) => {
+  try {
+    console.log('加载附件数据:', { attachmentUrls, attachmentDetails });
+    
+    if (!attachmentUrls) {
+      return;
+    }
+    
+    const urls = attachmentUrls.split(',');
+    const files: FileItem[] = [];
+    
+    // 解析附件明细，获取文件名
+    let fileNames: string[] = [];
+    if (attachmentDetails) {
+      // 处理 "文件1:file_1;文件2:新建 Microsoft Word 文档.docx" 格式
+      const details = attachmentDetails.split(';');
+      fileNames = details.map(detail => {
+        // 如果有 "文件X:" 前缀，去掉前缀
+        const colonIndex = detail.indexOf(':');
+        if (colonIndex > -1) {
+          return detail.substring(colonIndex + 1).trim();
+        }
+        return detail.trim();
+      });
+    }
+    
+    urls.forEach((url, index) => {
+      if (!url.trim()) return;
+      
+      const extension = url.toLowerCase().split('.').pop();
+      
+      // 确定文件类型
+      let fileType = 'document';
+      if (['mp4', 'mov', 'avi', 'wmv', 'flv'].includes(extension || '')) {
+        fileType = 'video';
+      } else if (['mp3', 'wav', 'aac', 'ogg'].includes(extension || '')) {
+        fileType = 'audio';
+      }
+      
+      // 使用解析出的文件名，如果没有则使用默认名称
+      const fileName = fileNames[index] || `file_${index + 1}`;
+      
+      files.push({
+        url: url.trim(),
+        name: fileName,
+        type: fileType,
+        extension: extension || '',
+        tempPath: ''
+      });
+    });
+    
+    fileList.value = files;
+    
+    console.log('附件数据加载完成:', {
+      files: files.length,
+      fileNames: fileNames
+    });
+    
+  } catch (error) {
+    console.error('加载附件数据失败:', error);
+  }
+};
+
+// 加载任务数据（编辑模式）
+const loadTaskData = async () => {
+  try {
+    console.log('加载任务数据，任务ID:', taskId.value);
+    
+    // TODO: 调用API获取任务详情
+    // const response = await rwFindByIdApi(taskId.value);
+    
+    // 模拟数据加载
+    uni.showLoading({ title: '加载中...' });
+    
+    // 这里应该调用真实的API获取任务数据
+    // 暂时使用模拟数据
+    setTimeout(() => {
+      // 模拟加载任务数据
+      formData.rwmc = '示例任务名称';
+      formData.rwms = '示例任务描述';
+      formData.rwjstime = '2024-12-31';
+      formData.rwfzr = '1,2';
+      
+      // 模拟负责人数据
+      selectedLeaderIds.value = ['1', '2'];
+      selectedLeaders.value = [
+        { id: '1', jsxm: '张三' },
+        { id: '2', jsxm: '李四' }
+      ];
+      
+      // 模拟任务类型数据
+      taskTypes.value = [
+        {
+          id: 'task_type_1',
+          rwfl: 'text',
+          items: [
+            {
+              key: 'item_1',
+              rwbt: '示例任务项',
+              rwbs: true,
+              remark: ''
+            }
+          ]
+        }
+      ];
+      
+      uni.hideLoading();
+    }, 1000);
+    
+  } catch (error) {
+    console.error('加载任务数据失败:', error);
+    uni.hideLoading();
+    uni.showToast({ 
+      title: '加载任务数据失败', 
+      icon: 'error' 
+    });
+  }
+};
+
+// 加载课程成员
+const loadCourseMembers = async () => {
+  try {
+    isLoadingMembers.value = true;
+    console.log('开始加载课程成员，课程ID:', courseId.value);
+    
+    // 调用真实API获取课程成员
+    const response = await kccyFindByKcjbIdApi({ kcjbId: courseId.value });
+    
+    let memberData = [];
+    if (response && (response.resultCode === 1 || response.resultCode === 0)) {
+      memberData = response.result || response.rows || response.data || [];
+    } else if (Array.isArray(response)) {
+      memberData = response;
+    } else if (response && response.length !== undefined) {
+      memberData = response;
+    }
+    
+    courseMembers.value = memberData;
+    console.log('课程成员加载成功:', courseMembers.value.length, '人');
+    
+  } catch (error) {
+    console.error('加载课程成员失败:', error);
+    uni.showToast({ 
+      title: '加载成员失败', 
+      icon: 'error' 
+    });
+    courseMembers.value = [];
+  } finally {
+    isLoadingMembers.value = false;
+  }
+};
+
+// 日期选择
+const onDateChange = (e: any) => {
+  formData.rwjstime = e.detail.value;
+};
+
+// 负责人选择变化
+const onLeaderChange = (selectedList: any[]) => {
+  console.log('负责人选择变化:', selectedList);
+  selectedLeaders.value = selectedList || [];
+  selectedLeaderIds.value = selectedLeaders.value.map(leader => leader.id);
+  formData.rwfzr = selectedLeaders.value.map(leader => leader.id).join(',');
+};
+
+// 附件上传成功回调
+const onFileUploadSuccess = (file: FileItem, index: number) => {
+  console.log('文件上传成功:', file, index);
+  updateAttachmentFields();
+};
+
+// 更新附件字段
+const updateAttachmentFields = () => {
+  // 收集文件URL
+  const fileUrls = fileList.value
+    .filter(file => file.url)
+    .map(file => file.url)
+    .filter((url): url is string => !!url);
+  
+  formData.rwfj = fileUrls.join(',');
+  
+  // 更新附件明细字段 - 只使用文件名，用分号分隔
+  const fileNames = fileList.value
+    .filter(file => file.url)
+    .map(file => file.name || `file_${Date.now()}`);
+  
+  formData.fjmx = fileNames.join(';');
+  
+  console.log('附件字段更新:', {
+    rwfj: formData.rwfj,
+    fjmx: formData.fjmx
+  });
+};
+
+// 任务类型管理函数
+const addTaskType = () => {
+  const uniqueId = `task_type_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+  taskTypes.value.push({
+    id: uniqueId,
+    rwfl: 'text',
+    items: []
+  });
+};
+
+const removeTaskType = (typeIndex: number) => {
+  taskTypes.value.splice(typeIndex, 1);
+};
+
+const getTaskTypeIndex = (rwfl: string) => {
+  return taskTypeOptions.findIndex(option => option.value === rwfl);
+};
+
+const getTaskTypeLabel = (rwfl: string) => {
+  const option = taskTypeOptions.find(option => option.value === rwfl);
+  return option ? option.label : '填写文本';
+};
+
+const onTaskTypeChange = (e: any, typeIndex: number) => {
+  const selectedIndex = e.detail.value;
+  const selectedType = taskTypeOptions[selectedIndex];
+  taskTypes.value[typeIndex].rwfl = selectedType.value;
+  // 清空现有的任务项
+  taskTypes.value[typeIndex].items = [];
+};
+
+const addTaskItem = (taskType: TaskType) => {
+  taskType.items.push({
+    key: `item_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+    // 新增的任务项不设置id，让后端生成新的ID
+    rwbt: '',
+    rwbs: true, // 默认必填项打勾
+    remark: ''
+  });
+  
+  // 显示冒泡提示 - 使用签到界面风格
+  showTooltip.value = true;
+  setTimeout(() => {
+    showTooltip.value = false;
+  }, 3000);
+};
+
+const removeTaskItem = (taskType: TaskType, itemIndex: number) => {
+  taskType.items.splice(itemIndex, 1);
+};
+
+const toggleRequired = (taskType: TaskType, itemIndex: number) => {
+  taskType.items[itemIndex].rwbs = !taskType.items[itemIndex].rwbs;
+};
+
+// 表单验证
+const validateForm = (): boolean => {
+  if (!formData.rwmc.trim()) {
+    uni.showToast({ title: '请输入任务名称', icon: 'error' });
+    return false;
+  }
+
+  if (!formData.rwjstime) {
+    uni.showToast({ title: '请选择截止时间', icon: 'error' });
+    return false;
+  }
+
+  if (selectedLeaders.value.length === 0) {
+    uni.showToast({ title: '请选择负责人', icon: 'error' });
+    return false;
+  }
+
+  // 验证是否有任务类型
+  let hasTaskType = false;
+  for (const taskType of taskTypes.value) {
+    if (taskType.items.length > 0) {
+      hasTaskType = true;
+      break;
+    }
+  }
+
+  if (!hasTaskType) {
+    uni.showToast({ title: '请至少添加一个任务项', icon: 'error' });
+    return false;
+  }
+
+  return true;
+};
+
+// 提交任务
+const submitTask = async () => {
+  if (!validateForm()) {
+    return;
+  }
+
+  try {
+    isSubmitting.value = true;
+    console.log('开始提交任务:', formData);
+    
+    // 更新附件字段
+    updateAttachmentFields();
+    
+    // 构建提交数据
+    const submitData = {
+      id: formData.id, // 编辑时需要传递ID
+      rwmc: formData.rwmc,
+      rwjstime: formData.rwjstime,
+      rwms: formData.rwms,
+      rwfzr: formData.rwfzr,
+      rwly: formData.rwly,
+      rwlyId: formData.rwlyId,
+      rwtsfs: formData.rwtsfs,
+      rwfj: formData.rwfj, // 附件URL
+      fjmx: formData.fjmx, // 附件明细
+      rwlxes: [] as any[]
+    };
+
+    // 收集所有任务类型
+    taskTypes.value.forEach(taskType => {
+      taskType.items.forEach(item => {
+        if (item.rwbt.trim()) {
+          const taskItem: any = {
+            rwfl: taskType.rwfl,
+            rwbt: item.rwbt,
+            rwbs: item.rwbs ? 1 : 0,
+            remark: item.remark
+          };
+          
+          // 如果任务项有ID，说明是编辑现有记录，需要传递ID
+          if (item.id) {
+            taskItem.id = item.id;
+          }
+          
+          submitData.rwlxes.push(taskItem);
+        }
+      });
+    });
+
+    await rwSaveApi(submitData);
+    
+    uni.showToast({ 
+      title: taskId.value ? '任务修改成功' : '任务创建成功', 
+      icon: 'success' 
+    });
+    
+    // 延迟返回上一页，并刷新上一页数据
+    setTimeout(() => {
+      uni.navigateBack({
+        success: () => {
+          // 通知上一页刷新数据
+          uni.$emit('refreshTaskList');
+        }
+      });
+    }, 1500);
+    
+  } catch (error) {
+    console.error('提交任务失败:', error);
+    uni.showToast({ 
+      title: '提交失败，请重试', 
+      icon: 'error' 
+    });
+  } finally {
+    isSubmitting.value = false;
+  }
+};
+
+// 返回上一页
+const goBack = () => {
+  uni.navigateBack();
+};
+</script>
+
+<style lang="scss" scoped>
+/* 第一步：基础页面布局和卡片样式 */
+.addkcrw-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background: linear-gradient(135deg, #f5f7fa 0%, #e8f4fd 100%);
+  margin: 0;
+  padding: 0;
+}
+
+.form-container {
+  flex: 1;
+  overflow: visible;
+  margin: 0;
+  padding: 0;
+  
+  .form-scroll {
+    height: 100%;
+    padding: 0;
+    padding-bottom: 80px;
+    box-sizing: border-box;
+  }
+}
+
+.section-card {
+  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+  border-radius: 0;
+  margin: 0 0 20px 0;
+  padding: 24px;
+  box-shadow: 
+    0 4px 20px rgba(0, 0, 0, 0.08),
+    0 1px 3px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+  overflow: visible;
+  
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 3px;
+    background: linear-gradient(90deg, #409eff 0%, #67c23a 50%, #e6a23c 100%);
+  }
+  
+  .section-title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    padding-bottom: 12px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+    
+    .title-text {
+      font-size: 18px;
+      font-weight: 700;
+      color: #1f2937;
+      letter-spacing: 0.3px;
+    }
+    
+    .add-task-type-btn {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 16px;
+      background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+      color: white;
+      border-radius: 8px;
+      font-size: 13px;
+      font-weight: 600;
+      cursor: pointer;
+      box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
+      transition: all 0.3s ease;
+      
+      &:hover {
+        transform: translateY(-1px);
+        box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4);
+      }
+      
+      .add-icon {
+        font-size: 16px;
+        font-weight: bold;
+      }
+    }
+  }
+}
+
+.form-item {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 20px;
+  
+  .item-label {
+    min-width: 90px;
+    font-size: 15px;
+    color: #374151;
+    line-height: 44px;
+    font-weight: 600;
+    text-align: left;
+    
+    &.required::after {
+      content: '*';
+      color: #ef4444;
+      margin-left: 4px;
+      font-weight: bold;
+    }
+  }
+  
+  .item-input {
+    flex: 1;
+    padding: 12px 16px;
+    border: 2px solid #e5e7eb;
+    border-radius: 10px;
+    font-size: 15px;
+    background-color: #ffffff;
+    transition: all 0.3s ease;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+    
+    &:focus {
+      border-color: #409eff;
+      outline: none;
+      box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+      transform: translateY(-1px);
+    }
+  }
+  
+  .item-textarea {
+    flex: 1;
+    padding: 12px 16px;
+    border: 2px solid #e5e7eb;
+    border-radius: 10px;
+    font-size: 15px;
+    min-height: 67px;
+    background-color: #ffffff;
+    transition: all 0.3s ease;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+    resize: vertical;
+    
+    &:focus {
+      border-color: #409eff;
+      outline: none;
+      box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+    }
+  }
+  
+  .item-picker {
+    flex: 1;
+    
+    .picker-content {
+      padding: 12px 16px;
+      border: 2px solid #e5e7eb;
+      border-radius: 10px;
+      background-color: #ffffff;
+      transition: all 0.3s ease;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+      cursor: pointer;
+      
+      &:hover {
+        border-color: #409eff;
+        transform: translateY(-1px);
+      }
+      
+      .picker-text {
+        font-size: 15px;
+        color: #374151;
+        
+        &.placeholder {
+          color: #9ca3af;
+        }
+      }
+    }
+  }
+}
+
+// 附件上传区域
+.attachment-item {
+  flex-direction: column;
+  align-items: stretch;
+  
+  .item-label {
+    margin-bottom: 12px;
+    line-height: 1.4;
+  }
+  
+  .attachment-container {
+    width: 100%;
+  }
+}
+
+// 任务类型区域
+.task-type-section {
+  margin-bottom: 24px;
+  padding: 20px;
+  border: 2px solid #e5e7eb;
+  border-radius: 12px;
+  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
+  transition: all 0.3s ease;
+  position: relative;
+  
+  &:hover {
+    border-color: #409eff;
+    box-shadow: 0 4px 12px rgba(64, 158, 255, 0.1);
+  }
+  
+  .task-type-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    
+    .task-type-selector {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      flex: 1;
+      
+      .selector-label {
+        font-size: 15px;
+        color: #374151;
+        min-width: 80px;
+        font-weight: 600;
+      }
+      
+      .type-picker {
+        flex: 1;
+        max-width: 180px;
+        
+        .picker-content {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 10px 14px;
+          border: 2px solid #e5e7eb;
+          border-radius: 8px;
+          background-color: #ffffff;
+          font-size: 14px;
+          transition: all 0.3s ease;
+          cursor: pointer;
+          
+          &:hover {
+            border-color: #409eff;
+            transform: translateY(-1px);
+          }
+          
+          .picker-arrow {
+            color: #9ca3af;
+            font-size: 12px;
+          }
+        }
+      }
+    }
+    
+    .delete-type-btn {
+      position: absolute;
+      top: -8px;
+      right: -8px;
+      width: 24px;
+      height: 24px;
+      background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: bold;
+      box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
+      transition: all 0.3s ease;
+      z-index: 10;
+      border: 2px solid #ffffff;
+      
+      &:hover {
+        transform: scale(1.1);
+        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
+      }
+    }
+  }
+}
+
+// 任务项列表
+.task-items-container {
+  .task-item-card {
+    margin-bottom: 16px;
+    padding: 16px;
+    border: 2px solid #e5e7eb;
+    border-radius: 10px;
+    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+    transition: all 0.3s ease;
+    position: relative;
+    
+    &:hover {
+      border-color: #409eff;
+      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.1);
+      transform: translateY(-1px);
+    }
+    
+    // 右上角删除按钮
+    .delete-item-btn-top {
+      position: absolute;
+      top: -8px;
+      right: -8px;
+      width: 24px;
+      height: 24px;
+      background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: bold;
+      box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
+      transition: all 0.3s ease;
+      z-index: 10;
+      border: 2px solid #ffffff;
+      
+      &:hover {
+        transform: scale(1.1);
+        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
+      }
+    }
+    
+    .task-item-header {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 12px;
+      
+      .item-number {
+        width: 28px;
+        height: 28px;
+        background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+        color: white;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+        font-weight: bold;
+        flex-shrink: 0;
+        box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
+      }
+      
+      .item-title-input {
+        flex: 1;
+        padding: 10px 14px;
+        border: 2px solid #e5e7eb;
+        border-radius: 8px;
+        font-size: 14px;
+        transition: all 0.3s ease;
+        
+        &:focus {
+          border-color: #409eff;
+          outline: none;
+          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+        }
+      }
+      
+      .item-actions {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        
+        .required-checkbox {
+          position: relative;
+          display: flex;
+          align-items: center;
+          cursor: pointer;
+          padding: 4px;
+          border-radius: 6px;
+          transition: all 0.3s ease;
+          
+          &:hover {
+            background-color: rgba(64, 158, 255, 0.05);
+          }
+          
+          .checkbox-box {
+            width: 18px;
+            height: 18px;
+            border: 2px solid #d1d5db;
+            border-radius: 4px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.3s ease;
+            
+            &.checked {
+              background-color: #409eff;
+              border-color: #409eff;
+              
+              .check-icon {
+                color: white;
+                font-size: 12px;
+                font-weight: bold;
+              }
+            }
+          }
+          
+          // 冒泡提示样式
+          .tooltip {
+            position: absolute;
+            top: -45px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: rgba(0, 0, 0, 0.8);
+            color: white;
+            padding: 6px 12px;
+            border-radius: 6px;
+            font-size: 12px;
+            white-space: nowrap;
+            z-index: 1000;
+            animation: tooltipFadeIn 0.3s ease-out;
+            
+            &::after {
+              content: '';
+              position: absolute;
+              top: 100%;
+              left: 50%;
+              transform: translateX(-50%);
+              border: 5px solid transparent;
+              border-top-color: rgba(0, 0, 0, 0.8);
+            }
+          }
+        }
+      }
+    }
+    
+    .item-options {
+      .options-textarea {
+        width: 100%;
+        padding: 12px;
+        border: 2px solid #e5e7eb;
+        border-radius: 8px;
+        font-size: 13px;
+        min-height: 80px;
+        background-color: #f9fafb;
+        transition: all 0.3s ease;
+        resize: vertical;
+        
+        &:focus {
+          border-color: #409eff;
+          outline: none;
+          box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
+          background-color: #ffffff;
+        }
+      }
+    }
+  }
+  
+  .add-item-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 14px;
+    border: 2px dashed #409eff;
+    border-radius: 10px;
+    background: linear-gradient(135deg, rgba(64, 158, 255, 0.05) 0%, rgba(64, 158, 255, 0.1) 100%);
+    color: #409eff;
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    
+    &:hover {
+      background: linear-gradient(135deg, rgba(64, 158, 255, 0.1) 0%, rgba(64, 158, 255, 0.15) 100%);
+      transform: translateY(-1px);
+      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.2);
+    }
+    
+    .add-icon {
+      font-size: 18px;
+      font-weight: bold;
+    }
+  }
+}
+
+// 单选按钮组
+.radio-group {
+  flex: 1;
+  display: flex;
+  gap: 20px;
+  
+  .radio-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+    padding: 8px 12px;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    
+    &:hover {
+      background-color: rgba(64, 158, 255, 0.05);
+    }
+    
+    .radio-dot {
+      width: 20px;
+      height: 20px;
+      border: 2px solid #d1d5db;
+      border-radius: 50%;
+      position: relative;
+      transition: all 0.3s ease;
+      
+      &.checked {
+        border-color: #409eff;
+        background-color: #409eff;
+        
+        &::after {
+          content: '';
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          width: 8px;
+          height: 8px;
+          background-color: #ffffff;
+          border-radius: 50%;
+        }
+      }
+    }
+    
+    .radio-text {
+      font-size: 15px;
+      color: #374151;
+      font-weight: 500;
+    }
+  }
+}
+
+.bottom-actions {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #fff;
+  border-top: 1px solid #e5e5e5;
+  padding: 12px 16px;
+  z-index: 999;
+  
+  .action-buttons {
+    display: flex;
+    gap: 12px;
+    
+    .cancel-btn, .submit-btn {
+      flex: 1;
+      height: 40px;
+      border-radius: 8px;
+      font-size: 14px;
+      font-weight: 500;
+      border: none;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      
+      &:active {
+        transform: translateY(1px);
+      }
+    }
+    
+    .cancel-btn {
+      background-color: #909399;
+      color: #fff;
+      
+      &:hover {
+        background-color: #82848a;
+      }
+    }
+    
+    .submit-btn {
+      background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+      color: #fff;
+      
+      &:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+        transform: none;
+      }
+      
+      &:hover:not(:disabled) {
+        background: linear-gradient(135deg, #3a8ee6 0%, #337ecc 100%);
+      }
+    }
+  }
+}
+
+// 冒泡提示动画
+@keyframes tooltipFadeIn {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(-5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+}
+
+// 响应式调整
+@media screen and (max-width: 375px) {
+  .form-item {
+    flex-direction: column;
+    align-items: stretch;
+    
+    .item-label {
+      margin-bottom: 8px;
+      line-height: 1.4;
+    }
+  }
+  
+  .task-type-header {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 8px;
+  }
+  
+  .task-item-header {
+    flex-wrap: wrap;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/view/routine/yishiyice/index.vue b/src/pages/view/routine/yishiyice/index.vue
index 1b731f4..844886f 100644
--- a/src/pages/view/routine/yishiyice/index.vue
+++ b/src/pages/view/routine/yishiyice/index.vue
@@ -1,312 +1,500 @@
 <template>
-  <BasicLayout :show-nav-bar="true" :nav-bar-props="{ title: '一师一策' }">
-    <view class="yishiyice-page">
-      <!-- Search Bar -->
-      <view class="search-bar-container">
-        <uni-search-bar 
-          placeholder="请输入搜索内容..." 
-          bgColor="#f4f5f7" 
-          radius="100" 
-          cancelButton="none"
-          @confirm="handleSearch"
-        ></uni-search-bar>
-      </view>
-
-      <!-- Carousel/Banner -->
-      <view class="banner-section">
-        <swiper 
-          v-if="bannerList.length > 0" 
-          class="banner-swiper" 
-          circular 
-          indicator-dots 
-          autoplay 
-          :interval="3000" 
-          :duration="500"
-          indicator-color="rgba(255, 255, 255, 0.5)"
-          indicator-active-color="#ffffff"
-        >
-          <swiper-item v-for="(item, index) in bannerList" :key="index" class="swiper-item">
-            <view class="banner-content" :style="{ background: item.bgColor }">
-                <view class="text-content">
-                    <text class="banner-title">{{ item.title }}</text>
-                    <text class="banner-subtitle">{{ item.subtitle }}</text>
-                </view>
-                <image :src="item.imageUrl" mode="aspectFit" class="banner-image"></image>
-            </view>
-          </swiper-item>
-        </swiper>
-        <!-- Placeholder if no banner items -->
-        <view v-else class="banner-placeholder">
-            <text>暂无内容</text>
+  <view class="yishiyice-page">
+    <!-- 查询组件 -->
+    <view class="query-component">
+      <view class="search-card">
+        <view class="search-item">
+          <uni-search-bar 
+            v-model="searchForm.kcmc"
+            placeholder="请输入课程名称..." 
+            bgColor="#f4f5f7" 
+            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>
-
-      <!-- Course List -->
-      <view class="course-list">
-        <view v-for="course in courseList" :key="course.id" class="course-card">
-          <image :src="course.imageUrl || '/static/default-cover.png'" mode="aspectFill" class="course-image"></image>
-          <view class="course-info">
-            <text class="course-title">{{ course.title }}</text>
-            <text class="course-desc">{{ course.description }}</text>
-            <text class="course-date">{{ course.date }}</text>
-          </view>
-          <button class="register-btn" size="mini" @click="registerCourse(course.id)">立即报名</button>
-        </view>
-      </view>
-
     </view>
-  </BasicLayout>
+
+    <!-- 列表组件 -->
+    <view class="list-component">
+      <scroll-view 
+        scroll-y 
+        class="list-scroll-view"
+        @scrolltolower="loadMore"
+        lower-threshold="100"
+      >
+        <view v-if="isLoading && courseList.length === 0" class="loading-indicator">加载中...</view>
+        <template v-else-if="courseList.length > 0">
+          <view v-for="course in courseList" :key="course.id" class="course-card" @click="viewCourseDetail(course.id)">
+            <view class="card-header">
+              <text class="course-title">{{ course.kcmc }}</text>
+              <view class="arrow-icon">
+                <text class="arrow-text">></text>
+              </view>
+            </view>
+            <view class="card-body">
+              <view class="course-info">
+                <view class="info-item">
+                  <text class="info-label">课程描述：</text>
+                  <text class="info-value">{{ course.kcms || '暂无描述' }}</text>
+                </view>
+                <view class="info-item" v-if="course.jsxm">
+                  <text class="info-label">主讲教师：</text>
+                  <text class="info-value">{{ course.jsxm }}</text>
+                </view>
+                <view class="info-item" v-if="course.bzrxm">
+                  <text class="info-label">班主任：</text>
+                  <text class="info-value">{{ course.bzrxm }}</text>
+                </view>
+                <view class="info-item" v-if="course.ljlxxm">
+                  <text class="info-label">联系人：</text>
+                  <text class="info-value">{{ course.ljlxxm }}</text>
+                </view>
+              </view>
+            </view>
+          </view>
+        </template>
+        <view v-else class="empty-state">暂无课程数据</view>
+        
+        <!-- 加载更多 -->
+        <view v-if="isLoading && courseList.length > 0" class="loading-more">
+          <text>加载中...</text>
+        </view>
+        
+        <!-- 没有更多数据 -->
+        <view v-if="!hasMore && courseList.length > 0" class="no-more">
+          <text>没有更多数据了</text>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 新增按钮 - 固定在底部 -->
+    <view class="add-button-fixed">
+      <u-button
+        text="新增课程"
+        type="primary"
+        @click="goToAddCourse"
+        class="add-btn"
+      />
+    </view>
+  </view>
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, reactive, onMounted } from "vue";
+import { onShow } from "@dcloudio/uni-app";
+import { kcjbFindPageApi, kcjbBannerApi, kcjbRegisterApi } from "@/api/base/kcjbApi";
 
-// Interface for Banner items
-interface BannerItem {
-    id: string;
-    title: string;
-    subtitle: string;
-    imageUrl: string;
-    bgColor: string;
-}
-
-// Interface for Course items
 interface CourseItem {
     id: string;
-    title: string;
-    description: string;
-    date: string;
-    imageUrl: string;
+    kcmc: string; // 课程名称
+    kcms: string; // 课程描述
+    cjsj: string; // 创建时间
+    kctp: string; // 课程图片
+    kczt: string; // 课程状态：A正常，B暂停，C结束
+    kclx?: string; // 课程类型
+    jsxm?: string; // 教师姓名
+    bzrxm?: string; // 班主任姓名
+    ljlxxm?: string; // 联系人姓名
 }
 
-// Mock Banner Data
-const bannerList = ref<BannerItem[]>([
-    {
-        id: 'b1',
-        title: '一师一策',
-        subtitle: '一师一优课、一课一名师',
-        imageUrl: '/static/mock/banner-yishiyice.png', // Replace with actual image path
-        bgColor: 'linear-gradient(to right, #4a7cf6, #6f9eff)' // Example gradient
-    },
-    // Add more banner items if needed
-]);
+// 搜索表单
+const searchForm = reactive({
+    kcmc: '' // 课程名称
+});
 
-// Mock Course List Data
-const courseList = ref<CourseItem[]>([
-    {
-        id: 'c1',
-        title: '教学力课程',
-        description: '每月第2周例会集中培训+外出培训',
-        date: '2025-02-11 12:33:12',
-        imageUrl: '/static/mock/course-jiaoxue.png' // Replace with actual image paths
-    },
-    {
-        id: 'c2',
-        title: '摄影艺术',
-        description: '每月第3周例会时间',
-        date: '2025-02-11 12:33:12',
-        imageUrl: '/static/mock/course-sheying.png'
-    },
-    {
-        id: 'c3',
-        title: '育人力课程',
-        description: '每月第2周例会集中培训+外出培训',
-        date: '2025-02-11 12:33:12',
-        imageUrl: '/static/mock/course-yuren.png'
-    },
-    {
-        id: 'c4',
-        title: '课程力课程',
-        description: '每月第3周例会时间',
-        date: '2025-02-11 12:33:12',
-        imageUrl: '/static/mock/course-kecheng.png'
-    },
-    {
-        id: 'c5',
-        title: '研究力课程',
-        description: '每月第3周例会时间',
-        date: '2025-02-11 12:33:12',
-        imageUrl: '/static/mock/course-yanjiu.png'
-    },
-]);
+// 数据列表
+const courseList = ref<CourseItem[]>([]);
+const isLoading = ref(false);
+const hasMore = ref(true);
+const currentPage = ref(1);
+const pageSize = ref(10);
 
-// --- Methods ---
-
-const handleSearch = (value: string) => {
-    console.log('搜索内容:', value);
-    // TODO: Implement search logic
-    uni.showToast({ title: `搜索: ${value}`, icon: 'none' });
+// 处理搜索输入
+const handleSearchInput = (value: string) => {
+    searchForm.kcmc = value;
 };
 
-const registerCourse = (courseId: string) => {
+// 处理搜索
+const handleSearch = () => {
+    console.log('搜索课程名称:', searchForm.kcmc);
+    getCourseList(false);
+};
+
+// 重置搜索
+const handleReset = () => {
+    searchForm.kcmc = '';
+    getCourseList(false);
+};
+
+// 获取课程列表
+const getCourseList = async (isLoadMore = false) => {
+    if (isLoading.value) return;
+    
+    isLoading.value = true;
+    try {
+        const params = {
+            page: isLoadMore ? currentPage.value + 1 : 1,
+            rows: pageSize.value,
+            kcmc: searchForm.kcmc
+        };
+
+        console.log('API请求参数:', params);
+        const response = await kcjbFindPageApi(params);
+        const newData = response.rows || [];
+
+        if (isLoadMore) {
+            courseList.value.push(...newData);
+            currentPage.value++;
+        } else {
+            courseList.value = newData;
+            currentPage.value = 1;
+        }
+
+        hasMore.value = newData.length === pageSize.value;
+    } catch (error) {
+        console.error('获取课程列表失败:', error);
+        courseList.value = [];
+    } finally {
+        isLoading.value = false;
+    }
+};
+
+// 获取状态样式类
+const getStatusClass = (status: string) => {
+    switch (status) {
+        case 'A':
+            return 'status-normal';
+        case 'B':
+            return 'status-paused';
+        case 'C':
+            return 'status-ended';
+        default:
+            return 'status-default';
+    }
+};
+
+// 获取状态文本
+const getStatusText = (status: string) => {
+    switch (status) {
+        case 'A':
+            return '正常';
+        case 'B':
+            return '暂停';
+        case 'C':
+            return '已结束';
+        default:
+            return '未知';
+    }
+};
+
+// 格式化时间
+const formatTime = (time: string) => {
+    if (!time) return '未设置';
+    return new Date(time).toLocaleString('zh-CN', {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit'
+    });
+};
+
+// 报名课程
+const registerCourse = async (courseId: string) => {
+    try {
     console.log('报名课程:', courseId);
-    // TODO: Implement actual registration API call here
-    // For now, just navigate to the success page
-    uni.navigateTo({ url: '/pages/view/routine/yishiyice/success' });
+        
+        const params = {
+            courseId: courseId
+        };
+        
+        await kcjbRegisterApi(params);
+    uni.showToast({ title: '报名成功', icon: 'success' });
+        
+    setTimeout(() => {
+        uni.navigateTo({ url: '/pages/view/routine/yishiyice/success' });
+    }, 1500);
+    } catch (error) {
+        console.error('报名失败:', error);
+        uni.showToast({ title: '报名失败，请重试', icon: 'error' });
+    }
 };
 
-// TODO: Add functions to fetch banner and course data from API
+// 查看课程详情
+const viewCourseDetail = (courseId: string) => {
+    console.log('查看课程详情:', courseId);
+    uni.navigateTo({
+        url: `/pages/view/routine/yishiyice/detail?id=${courseId}`
+    });
+};
+
+// 新增课程
+const goToAddCourse = () => {
+    uni.navigateTo({
+        url: '/pages/view/routine/yishiyice/add'
+    });
+};
+
+
+// 加载更多数据
+const loadMore = () => {
+    if (!isLoading.value && hasMore.value) {
+        getCourseList(true);
+    }
+};
+
+// 页面显示时刷新数据
+onShow(() => {
+    getCourseList(false);
+});
+
+// 页面加载时也调用一次
+onMounted(() => {
+    getCourseList(false);
+});
 
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .yishiyice-page {
-  background-color: #f4f5f7;
-  min-height: 100%; // Ensure it fills the layout height
-  padding-bottom: 15px; // Space at the bottom
-}
-
-.search-bar-container {
-  padding: 10px 15px;
-  background-color: #ffffff; 
-  // Remove or adjust border based on design
-  // border-bottom: 1px solid #f0f0f0;
-}
-
-.banner-section {
-  padding: 15px 15px 0 15px;
-}
-
-.banner-swiper {
-  height: 120px; // Adjust height as needed
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.swiper-item {
-  box-sizing: border-box;
-}
-
-.banner-content {
-  width: 100%;
-  height: 100%;
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 20px;
-  box-sizing: border-box;
-  position: relative;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #f5f7fa;
+}
 
-  .text-content {
-      display: flex;
-      flex-direction: column;
-      color: #ffffff;
-      z-index: 1;
+// 查询组件样式
+.query-component {
+  padding: 15px;
+  background-color: #ffffff; 
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.search-card {
+  .search-item {
+    margin-bottom: 12px;
   }
-  .banner-title {
-      font-size: 18px;
-      font-weight: bold;
-      margin-bottom: 5px;
-  }
-  .banner-subtitle {
-      font-size: 13px;
-      opacity: 0.9;
-  }
-  .banner-image {
-      width: 100px; // Adjust size as needed
-      height: 80px;
-      position: absolute; // Or adjust flex layout
-      right: 15px;
-      bottom: 0px;
-      z-index: 0;
-      opacity: 0.9;
+  
+  .search-actions {
+  display: flex;
+    gap: 10px;
+    justify-content: flex-end;
+    
+    .search-btn, .reset-btn {
+      min-width: 60px;
+    }
   }
 }
 
-.banner-placeholder {
-    height: 120px;
-    background-color: #e9e9eb;
-    border-radius: 8px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: #909399;
+// 列表组件样式
+.list-component {
+  flex: 1;
+  overflow: hidden;
+  
+  .list-scroll-view {
+    height: 100%;
+    padding: 15px;
+    padding-bottom: 80px; // 为底部按钮留出空间
+    box-sizing: border-box;
+    background-color: #f5f7fa;
+  }
+}
+
+// 加载状态
+.loading-indicator {
+  text-align: center;
+  padding: 20px;
+  color: #409eff;
     font-size: 14px;
 }
 
-.course-list {
-  padding: 15px;
-}
-
+// 课程卡片样式
 .course-card {
-  display: flex;
-  align-items: center;
   background-color: #ffffff;
-  border-radius: 8px;
-  padding: 12px;
+  border-radius: 12px;
   margin-bottom: 12px;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  border: 1px solid #f0f0f0;
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
 
-  .course-image {
-    width: 80px;
-    height: 80px;
-    border-radius: 6px;
-    margin-right: 12px;
-    flex-shrink: 0;
-    background-color: #eee;
+  &:active {
+    transform: translateY(1px);
+    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
   }
 
-  .course-info {
-    flex: 1;
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 4px;
+    background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);
+    border-radius: 2px;
+  }
+  
+  .card-header {
     display: flex;
-    flex-direction: column;
     justify-content: space-between;
-    min-width: 0; // Prevent text overflow issues
-    margin-right: 10px;
+    align-items: center;
+    padding: 16px 16px 12px 16px;
 
     .course-title {
       font-size: 16px;
-      font-weight: bold;
-      color: #303133;
-      margin-bottom: 4px;
-      // Ellipsis for long titles
+      font-weight: 600;
+      color: #2c3e50;
+      flex: 1;
+      line-height: 1.4;
       overflow: hidden;
       text-overflow: ellipsis;
-      white-space: nowrap;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      line-clamp: 2;
+      -webkit-box-orient: vertical;
+      word-break: break-word;
+      margin-right: 12px;
     }
-    .course-desc {
-      font-size: 13px;
-      color: #909399;
-      margin-bottom: 4px;
-      // Ellipsis for long descriptions (optional, maybe 1 line)
-       overflow: hidden;
-       text-overflow: ellipsis;
-       white-space: nowrap;
-       // display: -webkit-box;
-       // -webkit-line-clamp: 1;
-       // -webkit-box-orient: vertical;
-    }
-    .course-date {
-      font-size: 12px;
-      color: #c0c4cc;
+
+    .arrow-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 24px;
+      height: 24px;
+      flex-shrink: 0;
+
+      .arrow-text {
+        font-size: 18px;
+        color: #c0c4cc;
+        font-weight: bold;
+      }
     }
   }
-
-  .register-btn {
-    background-color: #409eff;
-    color: #ffffff;
-    border: none;
-    border-radius: 15px; // Make it rounder
-    padding: 4px 12px;
-    font-size: 13px;
-    line-height: 1.4;
-    height: auto; // Let padding define height
-    flex-shrink: 0;
-    margin-left: auto; // Push to the right
-
-    &::after {
-       border: none;
-    }
-    &:active {
-       background-color: #3a8ee6;
+  
+  .card-body {
+    padding: 0 16px 16px 16px;
+    
+    .course-info {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      
+      .info-item {
+        display: flex;
+        align-items: center;
+        
+        .info-label {
+          font-size: 14px;
+          color: #666;
+          min-width: 80px;
+        }
+        
+        .info-value {
+          font-size: 14px;
+          color: #333;
+          flex: 1;
+        }
+      }
     }
   }
 }
 
-// Optional: If you need to adjust internal padding/height of search bar
-// ::v-deep .uni-searchbar__box {
-//   height: 34px !important;
-//   line-height: 34px !important;
-// }
 
+// 空状态
+.empty-state {
+  text-align: center;
+  padding: 60px 20px;
+  color: #c0c4cc;
+  font-size: 14px;
+}
+
+// 加载更多状态
+.loading-more {
+  text-align: center;
+  padding: 20px;
+  color: #409eff;
+  font-size: 14px;
+}
+
+// 无更多数据状态
+.no-more {
+  text-align: center;
+  padding: 20px;
+  color: #909399;
+  font-size: 14px;
+}
+
+// 固定底部按钮
+.add-button-fixed {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 15px;
+  background-color: #fff;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+  z-index: 10;
+  border-top: 1px solid #eee;
+  
+  .add-btn {
+    width: 100%;
+    background: linear-gradient(135deg, #007aff 0%, #0056cc 100%);
+    border-radius: 12px;
+    padding: 12px 24px;
+    box-shadow: 0 4px 16px rgba(0, 122, 255, 0.3);
+    font-weight: 600;
+    font-size: 16px;
+    
+    &:active {
+      transform: translateY(1px);
+    }
+    
+    &::after {
+      border: none;
+    }
+  }
+}
+
+// 响应式调整
+@media screen and (max-width: 375px) {
+  .add-button-fixed {
+    bottom: 20px;
+    right: 20px;
+    
+    .add-btn {
+      width: 50px;
+      height: 50px;
+    }
+  }
+}
+
+// 深度选择器用于第三方组件样式调整
+:deep(.uni-searchbar__box) {
+  border-radius: 20px !important;
+}
+
+:deep(.uni-searchbar__text-placeholder) {
+  color: #999999 !important;
+}
 </style> 
\ No newline at end of file
diff --git a/src/pages/view/routine/yishiyice/kcrwzx.vue b/src/pages/view/routine/yishiyice/kcrwzx.vue
new file mode 100644
index 0000000..4317573
--- /dev/null
+++ b/src/pages/view/routine/yishiyice/kcrwzx.vue
@@ -0,0 +1,886 @@
+<template>
+  <view class="task-execution-page">
+    <!-- 页面标题 -->
+    <view class="page-header">
+      <text class="page-title">任务执行情况</text>
+    </view>
+
+    <!-- 任务信息 -->
+    <view class="task-info-card">
+      <view class="task-title">{{ taskInfo.rwmc }}</view>
+      <view class="task-meta">
+        <text class="meta-item">截止时间：{{ formatDate(taskInfo.rwjstime) }}</text>
+        <text class="meta-item">负责人：{{ taskInfo.rwfzrxm }}</text>
+      </view>
+    </view>
+
+    <!-- 完成情况统计 -->
+    <view class="completion-summary">
+      <view class="summary-header">
+        <text class="summary-title">完成情况：{{ completionStats.completed }} | {{ completionStats.total }}</text>
+      </view>
+      
+      <!-- Tab切换 -->
+      <view class="tab-container">
+        <view 
+          class="tab-item"
+          :class="{ active: activeTab === 'submitted' }"
+          @click="switchTab('submitted')"
+        >
+          <text class="tab-text">已提交</text>
+          <text class="tab-count">({{ completionStats.completed }})</text>
+        </view>
+        <view 
+          class="tab-item"
+          :class="{ active: activeTab === 'pending' }"
+          @click="switchTab('pending')"
+        >
+          <text class="tab-text">未提交</text>
+          <text class="tab-count">({{ completionStats.pending }})</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 执行人员列表 -->
+    <view class="execution-list">
+      <scroll-view scroll-y class="execution-scroll">
+        <view v-if="loading" class="loading-container">
+          <text class="loading-text">加载中...</text>
+        </view>
+        
+        <view v-else-if="filteredExecutionList.length === 0" class="empty-state">
+          <text class="empty-text">{{ activeTab === 'submitted' ? '暂无已提交记录' : '暂无未提交记录' }}</text>
+        </view>
+
+        <view v-else>
+          <view 
+            v-for="execution in filteredExecutionList" 
+            :key="execution.id"
+            class="execution-item"
+            @click="viewExecutionDetail(execution)"
+          >
+            <!-- 执行人信息 -->
+            <view class="executor-info">
+              <view class="executor-avatar">
+                <text class="avatar-text">{{ execution.rwzxfzrxm?.charAt(0) || '?' }}</text>
+              </view>
+              <view class="executor-details">
+                <text class="executor-name">{{ execution.rwzxfzrxm }}</text>
+                <text class="executor-id">{{ execution.rwzxfzr }}</text>
+              </view>
+            </view>
+
+            <!-- 执行状态 -->
+            <view class="execution-status">
+              <view :class="['status-badge', execution.rwzxzt === 'A' ? 'completed' : 'pending']">
+                <text class="status-text">{{ execution.rwzxzt === 'A' ? '已完成' : '未完成' }}</text>
+              </view>
+              
+              <!-- 完成时间 -->
+              <view v-if="execution.rwzxzt === 'A' && execution.rwzxtime" class="completion-time">
+                <text class="time-text">{{ formatDateTime(execution.rwzxtime) }}</text>
+              </view>
+            </view>
+
+            <!-- 箭头图标 -->
+            <view class="arrow-icon">
+              <text class="arrow-text">→</text>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- 评论区域（参考后台界面） -->
+    <view class="comment-section">
+      <view class="comment-header">
+        <text class="comment-title">评论交流</text>
+        <view class="comment-stats">
+          <text class="stats-item">👍 {{ commentStats.likes }}</text>
+          <text class="stats-item">💬 {{ commentStats.comments }}</text>
+        </view>
+      </view>
+      
+      <!-- 评论列表 -->
+      <scroll-view scroll-y class="comment-list" :style="{ maxHeight: '200px' }">
+        <view v-if="commentList.length === 0" class="empty-comments">
+          <text class="empty-text">暂无评论</text>
+        </view>
+        
+        <view v-else>
+          <view 
+            v-for="comment in commentList" 
+            :key="comment.id"
+            class="comment-item"
+          >
+            <view class="comment-user">
+              <view class="comment-avatar">
+                <text class="avatar-text">{{ comment.userName?.charAt(0) || '?' }}</text>
+              </view>
+              <text class="comment-username">{{ comment.userName }}</text>
+            </view>
+            <view class="comment-content">
+              <text class="comment-text">{{ comment.content }}</text>
+            </view>
+            <view class="comment-time">
+              <text class="time-text">{{ formatDateTime(comment.createTime) }}</text>
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+      
+      <!-- 评论输入 -->
+      <view class="comment-input-area">
+        <input 
+          v-model="newComment"
+          placeholder="发表评论..."
+          class="comment-input"
+          @confirm="submitComment"
+        />
+        <button 
+          class="comment-submit-btn"
+          @click="submitComment"
+          :disabled="!newComment.trim()"
+        >
+          发送
+        </button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed, onLoad } from "vue";
+import { onLoad as onPageLoad } from "@dcloudio/uni-app";
+import { executedInfoByRwIdApi } from "@/api/base/rwzxApi";
+
+// 接口类型定义
+interface TaskInfo {
+  id: string;
+  rwmc: string;
+  rwms: string;
+  rwjstime: string;
+  rwfzrxm: string;
+  rwfzr: string;
+  rwStatus: string;
+  rwlyId: string;
+}
+
+interface ExecutionItem {
+  id: string;
+  rwId: string;
+  rwzxfzr: string;
+  rwzxfzrxm: string;
+  iszxwc: string; // A: 已提交, B: 未提交
+  rwzxzt: string; // A: 已完成, B: 未完成
+  rwzxtime: string;
+  rwzxnr: string;
+  createTime: string;
+  jsId?: string; // 教师ID（可选）
+}
+
+interface CommentItem {
+  id: string;
+  rwId: string;
+  userName: string;
+  content: string;
+  createTime: string;
+}
+
+// 响应式数据
+const taskInfo = ref<TaskInfo>({
+  id: '',
+  rwmc: '',
+  rwms: '',
+  rwjstime: '',
+  rwfzrxm: '',
+  rwfzr: '',
+  rwStatus: '',
+  rwlyId: ''
+});
+
+const courseId = ref('');
+const activeTab = ref('submitted'); // submitted: 已提交, pending: 未提交
+const loading = ref(false);
+const executionList = ref<ExecutionItem[]>([]);
+const commentList = ref<CommentItem[]>([]);
+const newComment = ref('');
+
+const completedCount = ref(0);
+const pendingCount = ref(0);
+
+// 统计数据
+const completionStats = computed(() => {
+  const total = completedCount.value + pendingCount.value;
+  
+  return {
+    total,
+    completed: completedCount.value,
+    pending: pendingCount.value
+  };
+});
+
+const commentStats = ref({
+  likes: 1587,
+  comments: 3
+});
+
+// 根据Tab过滤执行列表（基于iszxwc字段：A=已提交，B=未提交）
+const filteredExecutionList = computed(() => {
+  return executionList.value.filter(item => {
+    if (activeTab.value === 'submitted') {
+      return item.iszxwc === 'A'; // 已提交
+    } else {
+      return item.iszxwc === 'B'; // 未提交
+    }
+  });
+});
+
+// 页面加载
+onPageLoad((options: any) => {
+  console.log('任务执行页面接收到的参数:', options);
+  
+  if (options.taskInfo) {
+    try {
+      taskInfo.value = JSON.parse(decodeURIComponent(options.taskInfo));
+      courseId.value = taskInfo.value.rwlyId || options.courseId || '';
+      console.log('任务信息:', taskInfo.value);
+      console.log('课程ID:', courseId.value);
+      
+      loadExecutionList();
+      loadCommentList();
+      // 在加载执行列表后再加载统计数据
+      setTimeout(() => {
+        loadStatistics();
+      }, 100);
+    } catch (error) {
+      console.error('解析任务信息失败:', error);
+      uni.showToast({
+        title: '参数解析失败',
+        icon: 'error'
+      });
+      setTimeout(() => {
+        uni.navigateBack();
+      }, 1500);
+    }
+  } else {
+    console.error('缺少任务信息参数');
+    uni.showToast({
+      title: '缺少任务信息',
+      icon: 'error'
+    });
+    setTimeout(() => {
+      uni.navigateBack();
+    }, 1500);
+  }
+});
+
+// 加载统计数据（基于iszxwc字段统计）
+const loadStatistics = async () => {
+  try {
+    console.log('开始加载统计数据，任务ID:', taskInfo.value.id);
+    
+    // 只调用executedInfoByRwId接口
+    const response = await executedInfoByRwIdApi({ rwId: taskInfo.value.id });
+    console.log('执行情况API响应:', response);
+    
+    // 处理API响应数据
+    let allData = [];
+    if (response && response.resultCode === 1) {
+      allData = response.result || response.rows || response.data || [];
+    } else if (Array.isArray(response)) {
+      allData = response;
+    }
+    
+    // 根据iszxwc字段统计：A=已提交，B=未提交
+    const submittedData = allData.filter(item => item.iszxwc === 'A');
+    const pendingData = allData.filter(item => item.iszxwc === 'B');
+    
+    completedCount.value = submittedData.length;
+    pendingCount.value = pendingData.length;
+    
+    console.log('统计结果 - 已提交:', completedCount.value, '未提交:', pendingCount.value);
+    
+  } catch (error) {
+    console.error('加载统计数据失败:', error);
+    // 失败时使用默认值
+    completedCount.value = 0;
+    pendingCount.value = 0;
+  }
+};
+
+// 加载执行情况列表（只调用executedInfoByRwId接口）
+const loadExecutionList = async () => {
+  loading.value = true;
+  try {
+    console.log('开始加载任务执行情况，任务ID:', taskInfo.value.id);
+    
+    // 只调用executedInfoByRwId接口获取所有数据
+    const response = await executedInfoByRwIdApi({ rwId: taskInfo.value.id });
+    console.log('执行情况API响应:', response);
+    
+    // 处理API响应数据（兼容多种格式）
+    let executionData = [];
+    if (response) {
+      if (response.hasOwnProperty('resultCode')) {
+        if (response.resultCode === 1 || response.resultCode === 0) {
+          executionData = response.result || response.rows || response.data || [];
+        } else {
+          throw new Error(response?.message || response?.msg || '获取执行情况失败');
+        }
+      } else if (response.rows || response.data) {
+        executionData = response.rows || response.data || [];
+      } else if (Array.isArray(response)) {
+        executionData = response;
+      }
+    }
+    
+    // 设置所有数据，根据iszxwc字段区分状态
+    executionList.value = executionData.map(item => ({
+      ...item,
+      // 根据iszxwc字段设置rwzxzt状态：A=已完成(已提交)，B=未完成(未提交)
+      rwzxzt: item.iszxwc === 'A' ? 'A' : 'B'
+    }));
+    
+    console.log('解析后的执行情况列表:', executionList.value);
+    
+  } catch (error) {
+    console.error('加载任务执行情况失败:', error);
+    uni.showToast({
+      title: '加载执行情况失败',
+      icon: 'error'
+    });
+    executionList.value = [];
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 加载评论列表
+const loadCommentList = async () => {
+  try {
+    // TODO: 调用真实的评论API
+    // 模拟评论数据
+    commentList.value = [
+      {
+        id: '1',
+        rwId: taskInfo.value.id,
+        userName: '测试',
+        content: '发表评论...',
+        createTime: new Date().toISOString()
+      }
+    ];
+  } catch (error) {
+    console.error('加载评论列表失败:', error);
+    commentList.value = [];
+  }
+};
+
+// Tab切换
+const switchTab = (tab: string) => {
+  activeTab.value = tab;
+  // Tab切换时不需要重新加载数据，通过computed属性filteredExecutionList自动过滤
+};
+
+// 查看执行详情
+const viewExecutionDetail = (execution: ExecutionItem) => {
+  // 跳转到任务提交页面，传递任务ID和教师信息
+  const params = {
+    id: taskInfo.value.id,
+    jsId: execution.rwzxfzr,
+    executionId: execution.id
+  };
+  
+  const paramStr = encodeURIComponent(JSON.stringify(params));
+  
+  uni.navigateTo({
+    url: `/pages/view/routine/yishiyice/kcrwzxtj?params=${paramStr}`,
+    success: () => {
+      console.log('跳转到任务提交页面成功', {
+        taskId: taskInfo.value.id,
+        jsId: execution.rwzxfzr,
+        executionId: execution.id,
+        executionData: execution
+      });
+    },
+    fail: (error) => {
+      console.error('跳转到任务提交页面失败:', error);
+      uni.showToast({
+        title: '页面跳转失败',
+        icon: 'error'
+      });
+    }
+  });
+};
+
+// 提交评论
+const submitComment = async () => {
+  if (!newComment.value.trim()) {
+    return;
+  }
+  
+  try {
+    // TODO: 调用真实的评论提交API
+    const commentData = {
+      rwId: taskInfo.value.id,
+      content: newComment.value.trim()
+    };
+    
+    console.log('提交评论:', commentData);
+    
+    // 模拟添加评论到列表
+    commentList.value.push({
+      id: Date.now().toString(),
+      rwId: taskInfo.value.id,
+      userName: '当前用户', // TODO: 获取当前用户名
+      content: newComment.value.trim(),
+      createTime: new Date().toISOString()
+    });
+    
+    commentStats.value.comments += 1;
+    newComment.value = '';
+    
+    uni.showToast({
+      title: '评论成功',
+      icon: 'success'
+    });
+    
+  } catch (error) {
+    console.error('提交评论失败:', error);
+    uni.showToast({
+      title: '评论失败',
+      icon: 'error'
+    });
+  }
+};
+
+// 工具函数
+const formatDate = (dateStr: string) => {
+  if (!dateStr) return '';
+  const date = new Date(dateStr);
+  return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
+};
+
+const formatDateTime = (dateStr: string) => {
+  if (!dateStr) return '';
+  const date = new Date(dateStr);
+  return `${date.getMonth() + 1}/${date.getDate()} ${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`;
+};
+</script>
+
+<style lang="scss" scoped>
+.task-execution-page {
+  min-height: 100vh;
+  background-color: #f5f7fa;
+  display: flex;
+  flex-direction: column;
+}
+
+.page-header {
+  background-color: #fff;
+  padding: 15px;
+  border-bottom: 1px solid #f0f0f0;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  
+  .page-title {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333;
+    text-align: center;
+  }
+}
+
+.task-info-card {
+  margin: 16px;
+  padding: 16px;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  border: 1px solid #f0f0f0;
+  
+  .task-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 8px;
+  }
+  
+  .task-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    
+    .meta-item {
+      font-size: 12px;
+      color: #666;
+    }
+  }
+}
+
+.completion-summary {
+  margin: 0 16px 16px;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  border: 1px solid #f0f0f0;
+  overflow: hidden;
+  
+  .summary-header {
+    padding: 16px;
+    border-bottom: 1px solid #f0f0f0;
+    background-color: #f8f9fa;
+    
+    .summary-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: #333;
+    }
+  }
+  
+  .tab-container {
+    display: flex;
+    
+    .tab-item {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 12px;
+      background-color: #fff;
+      border-right: 1px solid #f0f0f0;
+      transition: all 0.3s ease;
+      
+      &:last-child {
+        border-right: none;
+      }
+      
+      &.active {
+        background-color: #1890ff;
+        
+        .tab-text, .tab-count {
+          color: #fff;
+        }
+      }
+      
+      .tab-text {
+        font-size: 14px;
+        font-weight: 500;
+        color: #666;
+        margin-right: 4px;
+      }
+      
+      .tab-count {
+        font-size: 12px;
+        color: #999;
+      }
+    }
+  }
+}
+
+.execution-list {
+  flex: 1;
+  margin: 0 16px;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  border: 1px solid #f0f0f0;
+  overflow: hidden;
+}
+
+.execution-scroll {
+  max-height: 300px;
+  padding: 16px;
+}
+
+.execution-item {
+  display: flex;
+  align-items: center;
+  padding: 12px;
+  margin-bottom: 8px;
+  background-color: #f8f9fa;
+  border-radius: 8px;
+  border: 1px solid #e8e8e8;
+  transition: all 0.2s ease;
+  
+  &:active {
+    background-color: #e9ecef;
+    transform: scale(0.98);
+  }
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.executor-info {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex: 1;
+  
+  .executor-avatar {
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    background-color: #1890ff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    
+    .avatar-text {
+      color: #fff;
+      font-size: 14px;
+      font-weight: 500;
+    }
+  }
+  
+  .executor-details {
+    flex: 1;
+    
+    .executor-name {
+      display: block;
+      font-size: 14px;
+      color: #333;
+      font-weight: 500;
+      margin-bottom: 2px;
+    }
+    
+    .executor-id {
+      font-size: 12px;
+      color: #666;
+    }
+  }
+}
+
+.execution-status {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 4px;
+  
+  .status-badge {
+    padding: 4px 8px;
+    border-radius: 12px;
+    
+    &.completed {
+      background-color: #f6ffed;
+      border: 1px solid #b7eb8f;
+      
+      .status-text {
+        color: #52c41a;
+        font-size: 12px;
+        font-weight: 500;
+      }
+    }
+    
+    &.pending {
+      background-color: #fff2e8;
+      border: 1px solid #ffbb96;
+      
+      .status-text {
+        color: #fa8c16;
+        font-size: 12px;
+        font-weight: 500;
+      }
+    }
+  }
+  
+  .completion-time {
+    .time-text {
+      font-size: 10px;
+      color: #999;
+    }
+  }
+}
+
+.arrow-icon {
+  margin-left: 8px;
+  
+  .arrow-text {
+    font-size: 16px;
+    color: #ccc;
+  }
+}
+
+.comment-section {
+  margin: 16px;
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  border: 1px solid #f0f0f0;
+  overflow: hidden;
+  
+  .comment-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px;
+    border-bottom: 1px solid #f0f0f0;
+    
+    .comment-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: #333;
+    }
+    
+    .comment-stats {
+      display: flex;
+      gap: 16px;
+      
+      .stats-item {
+        font-size: 12px;
+        color: #666;
+      }
+    }
+  }
+  
+  .comment-list {
+    padding: 12px 16px;
+  }
+  
+  .comment-item {
+    margin-bottom: 12px;
+    padding-bottom: 12px;
+    border-bottom: 1px solid #f0f0f0;
+    
+    &:last-child {
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+    
+    .comment-user {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 8px;
+      
+      .comment-avatar {
+        width: 24px;
+        height: 24px;
+        border-radius: 50%;
+        background-color: #1890ff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        
+        .avatar-text {
+          color: #fff;
+          font-size: 10px;
+          font-weight: 500;
+        }
+      }
+      
+      .comment-username {
+        font-size: 12px;
+        color: #333;
+        font-weight: 500;
+      }
+    }
+    
+    .comment-content {
+      margin-bottom: 4px;
+      
+      .comment-text {
+        font-size: 13px;
+        color: #666;
+        line-height: 1.4;
+      }
+    }
+    
+    .comment-time {
+      .time-text {
+        font-size: 10px;
+        color: #999;
+      }
+    }
+  }
+  
+  .empty-comments {
+    padding: 20px;
+    text-align: center;
+    
+    .empty-text {
+      color: #ccc;
+      font-size: 12px;
+    }
+  }
+  
+  .comment-input-area {
+    display: flex;
+    padding: 12px 16px;
+    border-top: 1px solid #f0f0f0;
+    background-color: #f8f9fa;
+    gap: 12px;
+    
+    .comment-input {
+      flex: 1;
+      padding: 8px 12px;
+      border: 1px solid #d9d9d9;
+      border-radius: 6px;
+      font-size: 14px;
+      background-color: #fff;
+      
+      &:focus {
+        border-color: #1890ff;
+        outline: none;
+      }
+    }
+    
+    .comment-submit-btn {
+      padding: 8px 16px;
+      background-color: #1890ff;
+      color: #fff;
+      border: none;
+      border-radius: 6px;
+      font-size: 14px;
+      font-weight: 500;
+      
+      &:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+      }
+      
+      &:active:not(:disabled) {
+        background-color: #1976d2;
+        transform: scale(0.98);
+      }
+    }
+  }
+}
+
+.loading-container,
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 20px;
+  color: #666;
+  
+  .loading-text,
+  .empty-text {
+    font-size: 14px;
+  }
+}
+
+// 响应式调整
+@media screen and (max-width: 375px) {
+  .execution-item {
+    padding: 10px;
+    
+    .executor-avatar {
+      width: 32px;
+      height: 32px;
+      
+      .avatar-text {
+        font-size: 12px;
+      }
+    }
+  }
+  
+  .comment-stats {
+    flex-direction: column;
+    gap: 4px !important;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/view/routine/yishiyice/kcrwzxtj.vue b/src/pages/view/routine/yishiyice/kcrwzxtj.vue
new file mode 100644
index 0000000..bc00075
--- /dev/null
+++ b/src/pages/view/routine/yishiyice/kcrwzxtj.vue
@@ -0,0 +1,431 @@
+<!-- src/pages/base/message/detail.vue -->
+<template>
+  <view class="message-detail-page">
+    <view v-if="isLoading" class="loading-indicator">加载中...</view>
+    <view v-else class="detail-content">
+      <view class="detail-header">
+        <view class="title-tag-row">
+          <text class="detail-title">{{ rw.rwmc }}</text>
+        </view>
+        <view class="detail-meta">
+          <text>{{ rw.rwkstime }}</text>
+          <!--          <text>{{ messageDetail.timeAgo }}</text>-->
+        </view>
+      </view>
+      <view class="detail-body">
+        <BasicForm :schema="schema" v-model="formData">
+          <!-- 注册自定义组件 -->
+          <template #ImageVideoUpload="{ field, label, required, componentProps, onChange }">
+            <ImageVideoUpload
+              v-model:image-list="formData[`${field}_images`]"
+              v-model:video-list="formData[`${field}_videos`]"
+              v-model:file-list="formData[`${field}_files`]"
+              @image-upload-success="(file, index) => onChange?.(file, field)"
+              @video-upload-success="(file, index) => onChange?.(file, field)"
+              @file-upload-success="(file, index) => onChange?.(file, field)"
+              v-bind="componentProps"
+            />
+          </template>
+        </BasicForm>
+      </view>
+      <view class="detail-footer">
+        <button type="primary" class="action-button" @click="saveRwZx">提交</button>
+      </view>
+    </view>
+    <!--    <view v-else class="empty-state">消息详情未找到</view>-->
+  </view>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import {onLoad} from '@dcloudio/uni-app';
+import {rwFindInfoByRwId, rwflFindRwlxsByRwId, rwzxExecutedInfoByRwIdAndJsApi, rwzxSaveApi} from "@/api/base/server";
+import {useForm} from "@/components/BasicForm/hooks/useForm";
+import {navigateBack, showToast} from "@/utils/uniapp";
+import {useUserStore} from "@/store/modules/user";
+import { ImageVideoUpload, type FileItem, COMPRESS_PRESETS } from "@/components/ImageVideoUpload";
+import { attachmentUpload } from "@/api/system/upload";
+
+interface MessageDetail {
+  id: string; // Assuming an ID is passed or can be derived
+  title: string;
+  desc: string;
+  date: string;
+  timeAgo: string;
+  tagText: string;
+  tagType: string;
+  // Add other fields as necessary
+}
+
+const formData: any = ref({})
+const messageId = ref<string>('');
+const jsId = ref<string>(''); // 教师ID
+const executionId = ref<string>(''); // 执行ID
+const messageDetail = ref<MessageDetail | null>({
+  id: 'todo1',
+  title: '教务通知 (待办)',
+  desc: '学校召开期初教学准备会议暨首次教学工作例会. 会议强调了新学期的教学重点和要求，请各位老师认真准备。',
+  date: '2025-02-17',
+  timeAgo: '8 mins 前',
+  tagText: '通知',
+  tagType: 'notice',
+  likes: 6,
+  comments: 12
+});
+const isLoading = ref(false);
+const rwflx: any = ref([])
+const rw = ref({})
+const schema = reactive<FormsSchema[]>([])
+const {getUser} = useUserStore()
+
+async function saveRwZx() {
+  const result = [];
+  for (let i = 0; i < rwflx.value.length; i++) {
+    const fieldId = rwflx.value[i].id;
+    let fieldValue = formData.value[fieldId];
+    
+    // 处理上传类型的任务
+    if (rwflx.value[i].rwfl == "sctp" || rwflx.value[i].rwfl == "scsp" || rwflx.value[i].rwfl == "scwd") {
+      // 收集上传文件的URL
+      const fileUrls = [];
+      
+      if (rwflx.value[i].rwfl == "sctp") {
+        // 图片上传
+        const images = formData.value[`${fieldId}_images`] || [];
+        fileUrls.push(...images.map((img: any) => img.url).filter(Boolean));
+      } else if (rwflx.value[i].rwfl == "scsp") {
+        // 视频上传
+        const videos = formData.value[`${fieldId}_videos`] || [];
+        fileUrls.push(...videos.map((video: any) => video.url).filter(Boolean));
+      } else if (rwflx.value[i].rwfl == "scwd") {
+        // 文档上传
+        const files = formData.value[`${fieldId}_files`] || [];
+        fileUrls.push(...files.map((file: any) => file.url).filter(Boolean));
+      }
+      
+      fieldValue = fileUrls.join(',');
+    }
+    
+    console.log(44, fieldId, fieldValue)
+    if (rwflx.value[i].rwbs && (!fieldValue || fieldValue == "")) {
+      showToast("请填写必填项!")
+      return;
+    }
+    result.push({
+      rwlxId: fieldId,
+      rwzxqdtx: fieldValue,
+    })
+  }
+  await rwzxSaveApi({
+    id: executionId.value, // 执行记录ID，如果有的话就是更新，没有就是新增
+    rwId: rw.value.id, // 任务ID
+    rwzxfzr: jsId.value || getUser.id, // 执行人（教师ID）
+    mobile: getUser.mobile, // 手机号
+    rwzxqdDtos: result // 执行清单
+  })
+  showToast("操作成功!");
+  uni.navigateBack({delta: 1})
+}
+
+const rwzxqds = ref([])
+onLoad(async (options) => {
+  console.log('页面加载参数:', options);
+  
+  let taskId = '';
+  
+  // 处理参数接收，兼容多种传参方式
+  if (options && options.params) {
+    try {
+      const params = JSON.parse(decodeURIComponent(options.params));
+      taskId = params.id;
+      jsId.value = params.jsId || '';
+      executionId.value = params.executionId || '';
+      console.log('解析参数成功:', { taskId, jsId: jsId.value, executionId: executionId.value });
+    } catch (error) {
+      console.error('解析参数失败:', error);
+      taskId = options.id || '';
+    }
+  } else if (options && options.id) {
+    taskId = options.id;
+  }
+  
+  if (taskId) {
+    const {result} = await rwFindInfoByRwId({
+      rwId: taskId
+    });
+    rwflx.value = result.rwlxes;
+    rw.value = result;
+    for (let i = 0; i < rwflx.value.length; i++) {
+      // 处理上传类型的任务
+      if (rwflx.value[i].rwfl == "sctp" || rwflx.value[i].rwfl == "scsp" || rwflx.value[i].rwfl == "scwd") {
+        // 初始化表单数据
+        const fieldId = rwflx.value[i].id;
+        if (rwflx.value[i].rwfl == "sctp") {
+          formData.value[`${fieldId}_images`] = [];
+        } else if (rwflx.value[i].rwfl == "scsp") {
+          formData.value[`${fieldId}_videos`] = [];
+        } else if (rwflx.value[i].rwfl == "scwd") {
+          formData.value[`${fieldId}_files`] = [];
+        }
+        // 根据任务类型配置上传组件
+        let componentConfig = {};
+        
+        if (rwflx.value[i].rwfl == "sctp") {
+          // 上传图片
+          componentConfig = {
+            component: "ImageVideoUpload",
+            componentProps: {
+              enableImage: true,
+              enableVideo: false,
+              enableFile: false,
+              maxImageCount: 5,
+              uploadApi: attachmentUpload,
+              compressConfig: COMPRESS_PRESETS.medium
+            }
+          };
+        } else if (rwflx.value[i].rwfl == "scsp") {
+          // 上传视频
+          componentConfig = {
+            component: "ImageVideoUpload",
+            componentProps: {
+              enableImage: false,
+              enableVideo: true,
+              enableFile: false,
+              maxVideoCount: 3,
+              uploadApi: attachmentUpload,
+              compressConfig: COMPRESS_PRESETS.medium
+            }
+          };
+        } else if (rwflx.value[i].rwfl == "scwd") {
+          // 上传文档
+          componentConfig = {
+            component: "ImageVideoUpload",
+            componentProps: {
+              enableImage: false,
+              enableVideo: false,
+              enableFile: true,
+              maxFileCount: 5,
+              allowedFileTypes: ['pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'txt', 'mp3', 'wav', 'zip', 'rar'],
+              uploadApi: attachmentUpload,
+              compressConfig: COMPRESS_PRESETS.medium
+            }
+          };
+        }
+        
+        schema.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          required: rwflx.value[i].rwbs,
+          itemProps: {
+            labelPosition: "top",
+          },
+          ...componentConfig
+        })
+      } else if (rwflx.value[i].rwfl == "text") {
+        schema.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicInput",
+          required: rwflx.value[i].rwbs,
+          itemProps: {
+            labelPosition: "top",
+          },
+          componentProps: {
+            type: "textarea",
+            placeholder: "请输入内容"
+          },
+        })
+      } else if (rwflx.value[i].rwfl == "dxsx" || rwflx.value[i].rwfl == "dxxz") {
+        let options = rwflx.value[i].remark.split("；");
+        let range = [];
+        for (let i = 0; i < options.length; i++) {
+          range.push({
+            name: options[i]
+          });
+        }
+        schema.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicPicker",
+          required: rwflx.value[i].rwbs,
+          itemProps: {
+            labelPosition: "top",
+          },
+          componentProps: {
+            range: range,
+            rangeKey: "name",
+            savaKey: "name",
+          },
+        })
+      }
+    }
+    const res = await rwzxExecutedInfoByRwIdAndJsApi({
+      rwId: taskId,
+      jsId: jsId.value || getUser.id // 使用传入的jsId，如果没有则使用当前用户ID
+    });
+    if (res && res.result && res.result.length) {
+      rwzxqds.value = res.result;
+      const showData = {};
+      for (let i = 0; i < rwzxqds.value.length; i++) {
+        showData[rwzxqds.value[i].rwlxId] = rwzxqds.value[i].rwzxqdtx;
+      }
+      formData.value = showData;
+    }
+  } else {
+    console.error('Message ID/Data is missing!');
+    uni.showToast({title: '加载失败，缺少信息', icon: 'none'});
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.message-detail-page {
+  background-color: #f4f5f7;
+  min-height: 100vh;
+  padding: 15px;
+  box-sizing: border-box;
+}
+
+.loading-indicator,
+.empty-state {
+  text-align: center;
+  color: #999;
+  padding: 40px 15px;
+  font-size: 14px;
+}
+
+.detail-content {
+  background-color: #fff;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+
+.detail-header {
+  border-bottom: 1px solid #f0f0f0;
+  padding-bottom: 15px;
+  margin-bottom: 20px;
+
+  .title-tag-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start; // Align items to the top
+    margin-bottom: 10px;
+  }
+
+  .detail-title {
+    font-size: 18px;
+    font-weight: bold;
+    color: #333;
+    flex: 1; // Allow title to take available space
+    margin-right: 10px; // Space between title and tag
+    line-height: 1.4;
+    text-align: center; // 居中显示
+  }
+
+  .tag { // Reuse tag styles from index page if possible, or define here
+    padding: 4px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: bold;
+    color: #ffffff;
+    white-space: nowrap;
+    flex-shrink: 0; // Prevent tag from shrinking
+
+    &.notice {
+      background-color: #447ade;
+    }
+
+    &.task {
+      background-color: #19be6b;
+    }
+
+    &.approval {
+      background-color: #ff9f0a;
+    }
+
+    &.submit {
+      background-color: #8e8e93;
+    }
+  }
+
+
+  .detail-meta {
+    font-size: 12px;
+    color: #999;
+
+    text {
+      margin-right: 15px;
+    }
+  }
+}
+
+.detail-body {
+  margin-bottom: 40px;
+
+  .detail-desc {
+    font-size: 15px;
+    color: #555;
+    line-height: 1.7;
+    word-break: break-word;
+  }
+}
+
+.detail-footer {
+  // text-align: center; // Removed center alignment
+  // Add margin if needed, e.g., margin-top: 20px;
+}
+
+// Style for the action button
+.action-button {
+  width: 100%; // Make button full width
+  height: 44px; // Standard button height
+  line-height: 44px; // Match height for vertical centering
+  font-size: 16px; // Slightly larger font
+  font-weight: 500; // Medium weight
+  border-radius: 8px; // Consistent border radius
+  margin-top: 20px; // Add space above the button
+  // Ensure primary color is applied correctly (uni-app default should work)
+  // background-color: #447ade;
+  // color: #ffffff;
+}
+
+// 为输入框添加基本边框（参考原生 textFiled 样式）
+:deep(.uni-input),
+:deep(.uni-textarea) {
+  width: 100% !important;
+  min-height: 35px !important;
+  font-size: 13px !important;
+  border: 1px #CCCCCC solid !important;
+  border-radius: 3px !important;
+  padding: 8px 12px !important;
+  box-sizing: border-box !important;
+}
+
+// 为 BasicForm 组件内的输入框添加边框
+:deep(.basic-form) {
+  .uni-input,
+  .uni-textarea {
+    width: 100% !important;
+    min-height: 35px !important;
+    font-size: 13px !important;
+    border: 1px #CCCCCC solid !important;
+    border-radius: 3px !important;
+    padding: 8px 12px !important;
+    box-sizing: border-box !important;
+  }
+}
+
+// 尝试直接选择 input 和 textarea 标签
+:deep(input),
+:deep(textarea) {
+  width: 100% !important;
+  min-height: 35px !important;
+  font-size: 13px !important;
+  border: 1px #CCCCCC solid !important;
+  border-radius: 3px !important;
+  padding: 8px 12px !important;
+  box-sizing: border-box !important;
+}
+
+</style>
diff --git a/src/pages/view/routine/yishiyice/push.vue b/src/pages/view/routine/yishiyice/push.vue
new file mode 100644
index 0000000..10b3da1
--- /dev/null
+++ b/src/pages/view/routine/yishiyice/push.vue
@@ -0,0 +1,875 @@
+<template>
+  <view class="push-page">
+    <!-- 任务信息 -->
+    <view class="task-info-card">
+      <view class="task-title">{{ taskInfo.rwmc }}</view>
+      <view class="task-meta">
+        <text class="meta-item">截止时间：{{ formatDate(taskInfo.rwjstime) }}</text>
+        <text class="meta-item">负责人：{{ taskInfo.rwfzrxm }}</text>
+      </view>
+    </view>
+
+    <!-- 推送对象选择 -->
+    <view class="push-section">
+      <view class="section-header">
+        <text class="section-title">选择推送对象</text>
+        <view class="section-actions">
+          <text class="action-btn" @click="selectAllMembers">全选</text>
+          <text class="action-btn" @click="unselectAllMembers">取消全选</text>
+        </view>
+      </view>
+
+      <!-- 成员分组列表 -->
+      <scroll-view scroll-y class="members-scroll">
+        <view
+          v-for="(groupMembers, groupName) in groupedMembers"
+          :key="groupName"
+          class="member-group-section"
+        >
+          <!-- 分组头部 -->
+          <view class="group-header">
+            <view class="group-checkbox-container" @click="handleGroupCheckChange(String(groupName))">
+              <view 
+                :class="['checkbox-box', { 
+                  checked: isGroupChecked(String(groupName)),
+                  indeterminate: isGroupIndeterminate(String(groupName))
+                }]"
+              >
+                <text v-if="isGroupChecked(String(groupName))" class="check-icon">✓</text>
+                <text v-else-if="isGroupIndeterminate(String(groupName))" class="check-icon">-</text>
+              </view>
+              <view class="group-info">
+                <text class="group-title">{{ groupName }}</text>
+                <text class="group-count">({{ groupMembers.length }}人)</text>
+              </view>
+            </view>
+          </view>
+
+          <!-- 分组成员列表 -->
+          <view class="group-members-list">
+            <view class="members-grid">
+              <view
+                v-for="member in groupMembers"
+                :key="member.id"
+                class="member-check-item"
+                @click="handleMemberCheckChange(member.id)"
+              >
+                <view :class="['checkbox-box', { checked: selectedMembers[member.id] }]">
+                  <text v-if="selectedMembers[member.id]" class="check-icon">✓</text>
+                </view>
+                <view class="member-info">
+                  <view class="member-avatar">
+                    <text class="avatar-text">{{ member.jsxm?.charAt(0) || '?' }}</text>
+                  </view>
+                  <view class="member-details">
+                    <text class="member-name">{{ member.jsxm }}</text>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <!-- 空状态 -->
+        <view v-if="Object.keys(groupedMembers).length === 0" class="empty-state">
+          <text class="empty-text">暂无课程成员</text>
+          <text class="empty-hint">请先添加课程成员</text>
+        </view>
+      </scroll-view>
+
+      <!-- 推送统计 -->
+      <view class="push-summary">
+        <text class="summary-text">已选择 {{ selectedCount }} 名成员</text>
+      </view>
+    </view>
+
+    <!-- 底部操作按钮 -->
+    <view class="bottom-actions">
+      <view class="action-buttons">
+        <button class="cancel-btn" @click="goBack" :disabled="isSubmitting">
+          取消
+        </button>
+        <button 
+          class="confirm-btn" 
+          @click="handleConfirmPush"
+          :disabled="isSubmitting || selectedCount === 0"
+        >
+          {{ isSubmitting ? '推送中...' : '确认推送' }}
+        </button>
+      </view>
+    </view>
+
+    <!-- 推送遮罩层 -->
+    <view v-if="isSubmitting" class="push-overlay">
+      <view class="push-loading">
+        <view class="loading-spinner"></view>
+        <text class="loading-text">正在推送任务...</text>
+        <text class="loading-hint">请稍候，不要重复点击</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import { kccyFindByKcjbIdApi } from "@/api/base/kccyApi";
+import { rwPushJsApi } from "@/api/base/rwApi";
+
+// 接口类型定义
+interface TaskInfo {
+  id: string;
+  rwmc: string;
+  rwms: string;
+  rwjstime: string;
+  rwfzrxm: string;
+  rwfzr: string;
+  rwStatus: string;
+  rwlyId: string;
+}
+
+interface MemberItem {
+  id: string;
+  jsId: string;
+  jsxm: string;
+  kcjbId: string;
+  fzmc: string;
+}
+
+// 响应式数�?
+const taskInfo = ref<TaskInfo>({
+  id: '',
+  rwmc: '',
+  rwms: '',
+  rwjstime: '',
+  rwfzrxm: '',
+  rwfzr: '',
+  rwStatus: '',
+  rwlyId: ''
+});
+
+const courseId = ref('');
+const memberList = ref<MemberItem[]>([]);
+const selectedMembers = reactive<{ [key: string]: boolean }>({});
+const isSubmitting = ref(false);
+const lastClickTime = ref(0);
+const DEBOUNCE_DELAY = 2000; // 防抖延迟2秒
+
+// 计算属�?
+const groupedMembers = computed(() => {
+  const groups: { [key: string]: MemberItem[] } = {};
+  
+  memberList.value.forEach(member => {
+    const groupName = member.fzmc || '未分组';
+    if (!groups[groupName]) {
+      groups[groupName] = [];
+    }
+    groups[groupName].push(member);
+  });
+  
+  return groups;
+});
+
+const selectedCount = computed(() => {
+  return Object.values(selectedMembers).filter(Boolean).length;
+});
+
+// 检查分组是否全
+const isGroupChecked = (groupName: string) => {
+  const groupMembers = groupedMembers.value[groupName] || [];
+  return groupMembers.length > 0 && groupMembers.every(member => selectedMembers[member.id]);
+};
+
+// 检查分组是否半
+const isGroupIndeterminate = (groupName: string) => {
+  const groupMembers = groupedMembers.value[groupName] || [];
+  const checkedCount = groupMembers.filter(member => selectedMembers[member.id]).length;
+  return checkedCount > 0 && checkedCount < groupMembers.length;
+};
+
+// 页面加载
+onLoad((options: any) => {
+  console.log('推送页面接收到的参数:', options);
+  
+  // 从全局存储中获取任务数据
+  const storedTaskData = uni.getStorageSync('pushTaskData');
+
+  if (storedTaskData) {
+    try {
+      taskInfo.value = storedTaskData;
+      courseId.value = taskInfo.value.rwlyId || options.courseId || '';
+      console.log('任务信息:', taskInfo.value);
+      console.log('课程ID:', courseId.value);
+
+      // 清除存储的任务数据
+      uni.removeStorageSync('pushTaskData');
+
+      loadCourseMembers();
+    } catch (error) {
+      console.error('解析任务信息失败:', error);
+      uni.showToast({
+        title: '参数解析失败', 
+        icon: 'error' 
+      });
+      setTimeout(() => {
+        uni.navigateBack();
+      }, 1500);
+    }
+  } else {
+    console.error('缺少任务信息参数');
+    uni.showToast({
+        title: '缺少任务信息', 
+        icon: 'error' 
+      });
+      setTimeout(() => {
+        uni.navigateBack();
+      }, 1500);
+    }
+});
+
+// 加载课程成员
+const loadCourseMembers = async () => {
+  try {
+    console.log('开始加载课程成员，课程ID:', courseId.value);
+    
+    const response = await kccyFindByKcjbIdApi({ kcjbId: courseId.value });
+    console.log('课程成员API响应:', response);
+    
+    // 处理API响应数据（兼容多种格式）
+    let memberData = [];
+    if (response) {
+      if (response.hasOwnProperty('resultCode')) {
+        if (response.resultCode === 1 || response.resultCode === 0) {
+          memberData = response.result || response.rows || response.data || [];
+        } else {
+          throw new Error(response?.message || response?.msg || '获取课程成员失败');
+        }
+      } else if (response.rows || response.data) {
+        memberData = response.rows || response.data || [];
+      } else if (Array.isArray(response)) {
+        memberData = response;
+      }
+    }
+    
+    memberList.value = memberData;
+    console.log('解析后的成员列表:', memberList.value);
+    
+    // 默认全选所有成员
+    memberList.value.forEach(member => {
+      selectedMembers[member.id] = true;
+    });
+    
+  } catch (error) {
+    console.error('加载课程成员失败:', error);
+    uni.showToast({
+      title: '加载成员失败',
+      icon: 'error'
+    });
+    memberList.value = [];
+  }
+};
+
+// 处理分组选择变化
+const handleGroupCheckChange = (groupName: string) => {
+  const groupMembers = groupedMembers.value[groupName] || [];
+  const isChecked = isGroupChecked(groupName);
+  
+  groupMembers.forEach(member => {
+    selectedMembers[member.id] = !isChecked;
+  });
+};
+
+// 处理单个成员选择变化
+const handleMemberCheckChange = (memberId: string) => {
+  selectedMembers[memberId] = !selectedMembers[memberId];
+};
+
+// 全
+const selectAllMembers = () => {
+  memberList.value.forEach(member => {
+    selectedMembers[member.id] = true;
+  });
+};
+
+// 取消全
+const unselectAllMembers = () => {
+  memberList.value.forEach(member => {
+    selectedMembers[member.id] = false;
+  });
+};
+
+// 防抖处理确认推送
+const handleConfirmPush = () => {
+  const currentTime = Date.now();
+  
+  // 防抖检查：如果在2秒内重复点击，则忽略
+  if (currentTime - lastClickTime.value < DEBOUNCE_DELAY) {
+    uni.showToast({
+      title: '请勿重复点击，请稍候',
+      icon: 'none',
+      duration: 1500
+    });
+    return;
+  }
+  
+  // 如果正在提交中，直接返回
+  if (isSubmitting.value) {
+    uni.showToast({
+      title: '正在推送中，请稍候',
+      icon: 'none',
+      duration: 1500
+    });
+    return;
+  }
+  
+  lastClickTime.value = currentTime;
+  confirmPush();
+};
+
+// 确认推送
+const confirmPush = async () => {
+  if (selectedCount.value === 0) {
+    uni.showToast({
+      title: '请选择推送对象', 
+      icon: 'error' 
+    });
+    return;
+  }
+
+  // 获取选中的成员
+  const selectedMemberList = memberList.value.filter(member => selectedMembers[member.id]);
+  
+  uni.showModal({
+    title: '确认推送', 
+    content: `确定要推送任务"${taskInfo.value.rwmc}"给${selectedCount.value}名成员吗？`, 
+    success: async (res) => {
+      if (res.confirm) {
+        await executePush(selectedMemberList);
+      }
+    }
+  });
+};
+
+// 执行推
+const executePush = async (selectedMemberList: MemberItem[]) => {
+  isSubmitting.value = true;
+  
+  try {
+    
+    // 调用推送API
+    const pushData = {
+      rwId: taskInfo.value.id,
+      jsIds: selectedMemberList.map(member => member.jsId).join(','),
+      rwlyId: courseId.value
+    };
+    
+    const response = await rwPushJsApi(pushData);
+    console.log('推送API响应:', response);
+    
+    if (response && response.resultCode === 1) {
+      uni.showToast({
+        title: `推送成功！已推送给${selectedCount.value}名成员`,
+        icon: 'success',
+        duration: 2000
+      });
+      
+      setTimeout(() => {
+        uni.navigateBack();
+      }, 2000);
+    } else {
+      throw new Error(response?.message || '推送失败'); 
+    }
+    
+  } catch (error) {
+    console.error('推送失败', error);
+    uni.showToast({
+      title: '推送失败，请重试', 
+      icon: 'error' 
+    });
+  } finally {
+    isSubmitting.value = false;
+  }
+};
+
+// 工具函数
+const formatDate = (dateStr: string) => {
+  if (!dateStr) return '';
+  const date = new Date(dateStr);
+  return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
+};
+
+// 返回上一�?
+const goBack = () => {
+  uni.navigateBack();
+};
+</script>
+
+<style lang="scss" scoped>
+.push-page {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #f5f7fa 0%, #e8f4fd 100%);
+  display: flex;
+  flex-direction: column;
+}
+
+.task-info-card {
+  margin: 16px;
+  padding: 16px;
+  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+  border-radius: 12px;
+  box-shadow: 
+    0 2px 12px rgba(0, 0, 0, 0.06),
+    0 1px 3px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  position: relative;
+  overflow: hidden;
+  
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 3px;
+    background: linear-gradient(90deg, #409eff 0%, #67c23a 50%, #e6a23c 100%);
+  }
+  
+  .task-title {
+    font-size: 16px;
+    font-weight: 700;
+    color: #1f2937;
+    margin-bottom: 8px;
+    line-height: 1.4;
+    letter-spacing: 0.2px;
+  }
+  
+  .task-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    
+    .meta-item {
+      font-size: 14px;
+      color: #6b7280;
+      font-weight: 500;
+      padding: 4px 8px;
+      background: rgba(0, 0, 0, 0.03);
+      border-radius: 6px;
+      border: 1px solid rgba(0, 0, 0, 0.05);
+    }
+  }
+}
+
+.push-section {
+  flex: 1;
+  margin: 0 16px 80px 16px;
+  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+  border-radius: 12px;
+  box-shadow: 
+    0 2px 12px rgba(0, 0, 0, 0.06),
+    0 1px 3px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+  
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 3px;
+    background: linear-gradient(90deg, #409eff 0%, #67c23a 50%, #e6a23c 100%);
+  }
+  
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+    margin-top: 3px;
+    
+    .section-title {
+      font-size: 16px;
+      font-weight: 700;
+      color: #1f2937;
+      letter-spacing: 0.2px;
+    }
+    
+    .section-actions {
+      display: flex;
+      gap: 12px;
+      
+      .action-btn {
+        color: #409eff;
+        font-size: 14px;
+        font-weight: 600;
+        padding: 8px 16px;
+        border-radius: 8px;
+        background: rgba(64, 158, 255, 0.1);
+        border: 1px solid rgba(64, 158, 255, 0.2);
+        transition: all 0.3s ease;
+        
+        &:active {
+          background: rgba(64, 158, 255, 0.2);
+          transform: translateY(1px);
+        }
+      }
+    }
+  }
+}
+
+.members-scroll {
+  flex: 1;
+  max-height: 60vh;
+  padding: 16px;
+}
+
+.member-group-section {
+  margin-bottom: 16px;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
+  transition: all 0.3s ease;
+  position: relative;
+  
+  &:hover {
+    border-color: #409eff;
+    box-shadow: 0 4px 12px rgba(64, 158, 255, 0.1);
+  }
+  
+  .group-header {
+    padding: 12px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+    
+    .group-checkbox-container {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      
+      .group-info {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        
+        .group-title {
+          font-weight: 700;
+          color: #409eff;
+          font-size: 16px;
+          letter-spacing: 0.3px;
+        }
+        
+        .group-count {
+          color: #6b7280;
+          font-size: 14px;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+  
+  .group-members-list {
+    padding: 8px 12px;
+  }
+  
+  .members-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 8px;
+  }
+}
+
+.member-check-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px;
+  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+  border-radius: 8px;
+  border: 1px solid #e5e7eb;
+  transition: all 0.3s ease;
+  position: relative;
+  
+  &:active {
+    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    border-color: #409eff;
+    transform: translateY(1px);
+    box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
+  }
+  
+  .member-info {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex: 1;
+    
+    .member-avatar {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 1px 4px rgba(64, 158, 255, 0.3);
+      
+      .avatar-text {
+        color: #fff;
+        font-size: 14px;
+        font-weight: 600;
+        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+      }
+    }
+    
+    .member-details {
+      flex: 1;
+      
+      .member-name {
+        display: block;
+        font-size: 14px;
+        color: #1f2937;
+        font-weight: 600;
+        letter-spacing: 0.1px;
+      }
+    }
+  }
+}
+
+.checkbox-box {
+  width: 18px;
+  height: 18px;
+  border: 2px solid #d1d5db;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+  transition: all 0.3s ease;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  
+  &.checked {
+    background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+    border-color: #409eff;
+    box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
+    
+    .check-icon {
+      color: #fff;
+      font-size: 12px;
+      font-weight: bold;
+      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    }
+  }
+  
+  &.indeterminate {
+    background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+    border-color: #409eff;
+    box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
+    
+    .check-icon {
+      color: #fff;
+      font-size: 16px;
+      font-weight: bold;
+      line-height: 1;
+      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    }
+  }
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 20px;
+  color: #666;
+  
+  .empty-text {
+    font-size: 16px;
+    margin-bottom: 8px;
+  }
+  
+  .empty-hint {
+    font-size: 12px;
+    color: #999;
+  }
+}
+
+.push-summary {
+  padding: 12px 16px;
+  background: linear-gradient(135deg, #f6ffed 0%, #f0f9ff 100%);
+  border-top: 1px solid rgba(0, 0, 0, 0.05);
+  text-align: center;
+  
+  .summary-text {
+    color: #52c41a;
+    font-weight: 600;
+    font-size: 14px;
+    letter-spacing: 0.1px;
+  }
+}
+
+.bottom-actions {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #fff;
+  border-top: 1px solid #e5e5e5;
+  padding: 12px 16px;
+  z-index: 999;
+  
+  .action-buttons {
+    display: flex;
+    gap: 12px;
+    
+    .cancel-btn, .confirm-btn {
+      flex: 1;
+      height: 40px;
+      border-radius: 8px;
+      font-size: 14px;
+      font-weight: 500;
+      border: none;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      
+      &:active {
+        transform: translateY(1px);
+      }
+    }
+    
+    .cancel-btn {
+      background-color: #909399;
+      color: #fff;
+      
+      &:hover {
+        background-color: #82848a;
+      }
+    }
+    
+    .confirm-btn {
+      background: linear-gradient(135deg, #409eff 0%, #3a8ee6 100%);
+      color: #fff;
+      
+      &:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+        transform: none;
+      }
+      
+      &:hover:not(:disabled) {
+        background: linear-gradient(135deg, #3a8ee6 0%, #337ecc 100%);
+      }
+    }
+  }
+}
+
+// 响应式调�?
+@media screen and (max-width: 375px) {
+  .section-header {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 8px;
+  }
+  
+  .section-actions {
+    justify-content: center;
+  }
+  
+  .member-check-item {
+    padding: 6px;
+    
+    .member-avatar {
+      width: 28px;
+      height: 28px;
+      
+      .avatar-text {
+        font-size: 12px;
+      }
+    }
+  }
+}
+
+/* 推送遮罩层 */
+.push-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+  backdrop-filter: blur(4px);
+  
+  .push-loading {
+    background: rgba(255, 255, 255, 0.95);
+    border-radius: 16px;
+    padding: 32px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 16px;
+    box-shadow: 
+      0 8px 32px rgba(0, 0, 0, 0.1),
+      0 2px 8px rgba(0, 0, 0, 0.1);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    backdrop-filter: blur(10px);
+    min-width: 200px;
+    
+    .loading-spinner {
+      width: 40px;
+      height: 40px;
+      border: 3px solid rgba(64, 158, 255, 0.2);
+      border-top: 3px solid #409eff;
+      border-radius: 50%;
+      animation: spin 1s linear infinite;
+    }
+    
+    .loading-text {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      text-align: center;
+      letter-spacing: 0.2px;
+    }
+    
+    .loading-hint {
+      font-size: 12px;
+      color: #6b7280;
+      text-align: center;
+      opacity: 0.8;
+    }
+  }
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* 遮罩层响应式调整 */
+@media screen and (max-width: 375px) {
+  .push-overlay .push-loading {
+    margin: 20px;
+    padding: 24px;
+    
+    .loading-spinner {
+      width: 32px;
+      height: 32px;
+    }
+    
+    .loading-text {
+      font-size: 14px;
+    }
+    
+    .loading-hint {
+      font-size: 11px;
+    }
+  }
+}
+</style>
diff --git a/src/pages/view/rw/detail.vue b/src/pages/view/rw/detail.vue
index 43f1baa..41f2bd3 100644
--- a/src/pages/view/rw/detail.vue
+++ b/src/pages/view/rw/detail.vue
@@ -95,7 +95,7 @@ onLoad(async (options) => {
     rwflx.value = result.rwlxes;
     rw.value = result;
     for (let i = 0; i < rwflx.value.length; i++) {
-      if (rwflx.value[i].rwfl == "sctp" || rwflx.value[i].rwfl == "scsp" || rwflx.value[i].rwfl == "scwd") {
+      if (rwflx.value[i].rwfl == "sczy") {
         schema.push({
           field: `${rwflx.value[i].id}`,
           label: `${rwflx.value[i].rwbt}`,
diff --git a/src/pages/view/rw/index.vue b/src/pages/view/rw/index.vue
index 43f1baa..06ac88d 100644
--- a/src/pages/view/rw/index.vue
+++ b/src/pages/view/rw/index.vue
@@ -1,273 +1,322 @@
-<!-- src/pages/base/message/detail.vue -->
 <template>
-  <view class="message-detail-page">
-    <view v-if="isLoading" class="loading-indicator">加载中...</view>
-    <view v-else class="detail-content">
-      <view class="detail-header">
-        <view class="title-tag-row">
-          <text class="detail-title">{{ rw.rwmc }}</text>
-          <view class="tag" :class="rw.tagType">{{ rw.tagText }}</view>
-        </view>
-        <view class="detail-meta">
-          <text>{{ rw.rwkstime }}</text>
-          <!--          <text>{{ messageDetail.timeAgo }}</text>-->
-        </view>
-      </view>
-      <view class="detail-body">
-        <BasicForm :schema="schema" v-model="formData">
+  <div class="container">
+    <!-- 搜索框 -->
+    <div class="search-form">
+      <input 
+        v-model="searchKeyword" 
+        type="text" 
+        placeholder="搜索任务..." 
+        class="search-input"
+        @input="onSearch"
+      />
+    </div>
 
-        </BasicForm>
-      </view>
-      <view class="detail-footer" v-if="rwzxqds.length==0">
-        <button type="primary" class="action-button" @click="saveRwZx">处理</button>
-      </view>
-    </view>
-    <!--    <view v-else class="empty-state">消息详情未找到</view>-->
-  </view>
+    <!-- 任务列表 -->
+    <div class="task-list">
+      <div 
+        v-for="task in filteredTasks" 
+        :key="task.id" 
+        class="item"
+        @click="handleTaskClick(task)"
+      >
+        <div class="item-title">{{ task.rwmc || '任务名称' }}</div>
+        <div class="detail">
+          任务描述：<span class="detail-content">{{ task.rwms || '暂无描述' }}</span>
+        </div>
+        <div class="detail">
+          执行状态：<span class="detail-content" :class="getStatusClass(task.zxzt)">{{ getStatusText(task.zxzt) }}</span>
+        </div>
+        <div class="detail">
+          发布时间：<span class="detail-content">{{ formatDate(task.fbsj) }}</span>
+        </div>
+        <div class="detail">
+          截止时间：<span class="detail-content">{{ formatDate(task.jzsj) }}</span>
+        </div>
+        <div class="detail" v-if="task.zxjg">
+          执行结果：<span class="detail-content">{{ task.zxjg }}</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- 空状态 -->
+    <div v-if="filteredTasks.length === 0 && !loading" class="empty-state">
+      <div class="empty-text">暂无任务数据</div>
+    </div>
+
+    <!-- 加载状态 -->
+    <div v-if="loading" class="loading-state">
+      <div class="loading-text">加载中...</div>
+    </div>
+  </div>
 </template>
 
-<script lang="ts" setup>
-import {ref} from 'vue';
-import {onLoad} from '@dcloudio/uni-app';
-import {rwFindInfoByRwId, rwflFindRwlxsByRwId, rwzxExecutedInfoByRwIdAndJsApi, rwzxSaveApi} from "@/api/base/server";
-import {useForm} from "@/components/BasicForm/hooks/useForm";
-import {navigateBack, showToast} from "@/utils/uniapp";
-import {useUserStore} from "@/store/modules/user";
+<script>
+import { rwzxFindAllApi } from '@/api/base/rwzxApi'
 
-interface MessageDetail {
-  id: string; // Assuming an ID is passed or can be derived
-  title: string;
-  desc: string;
-  date: string;
-  timeAgo: string;
-  tagText: string;
-  tagType: string;
-  // Add other fields as necessary
-}
-
-const formData: any = ref({})
-const messageId = ref<string>('');
-const messageDetail = ref<MessageDetail | null>({
-  id: 'todo1',
-  title: '教务通知 (待办)',
-  desc: '学校召开期初教学准备会议暨首次教学工作例会. 会议强调了新学期的教学重点和要求，请各位老师认真准备。',
-  date: '2025-02-17',
-  timeAgo: '8 mins 前',
-  tagText: '通知',
-  tagType: 'notice',
-  likes: 6,
-  comments: 12
-});
-const isLoading = ref(false);
-const rwflx: any = ref([])
-const rw = ref({})
-const schema = reactive<FormsSchema[]>([])
-const {getUser} = useUserStore()
-
-async function saveRwZx() {
-  const result = [];
-  for (let i = 0; i < rwflx.value.length; i++) {
-    console.log(44, rwflx.value[i].id, formData.value[rwflx.value[i].id])
-    if (rwflx.value[i].rwbs && (!formData.value[rwflx.value[i].id] || formData.value[rwflx.value[i].id] == "")) {
-      showToast("请填写必填项!")
-      return;
+export default {
+  name: 'TaskList',
+  data() {
+    return {
+      tasks: [], // 任务列表
+      filteredTasks: [], // 过滤后的任务列表
+      searchKeyword: '', // 搜索关键词
+      loading: false, // 加载状态
     }
-    result.push({
-      rwlxId: rwflx.value[i].id,
-      rwzxqdtx: formData.value[rwflx.value[i].id],
-    })
-  }
-  await rwzxSaveApi({
-    mobile: getUser.mobile,
-    rwId: rw.value.id,
-    rwzxqdDtos: result
-  })
-  showToast("操作成功!");
-  uni.navigateBack({delta: 1})
-}
-
-const rwzxqds = ref([])
-onLoad(async (options) => {
-  if (options && options.id) {
-    const {result} = await rwFindInfoByRwId({
-      rwId: options.id
-    });
-    rwflx.value = result.rwlxes;
-    rw.value = result;
-    for (let i = 0; i < rwflx.value.length; i++) {
-      if (rwflx.value[i].rwfl == "sctp" || rwflx.value[i].rwfl == "scsp" || rwflx.value[i].rwfl == "scwd") {
-        schema.push({
-          field: `${rwflx.value[i].id}`,
-          label: `${rwflx.value[i].rwbt}`,
-          component: "BasicUpload",
-          required: rwflx.value[i].rwbs,
-          componentProps: {}
-        })
-      } else if (rwflx.value[i].rwfl == "text") {
-        schema.push({
-          field: `${rwflx.value[i].id}`,
-          label: `${rwflx.value[i].rwbt}`,
-          component: "BasicInput",
-          required: rwflx.value[i].rwbs,
-          itemProps: {
-            labelPosition: "top",
-          },
-          componentProps: {
-            type: "textarea",
-          },
-        })
-      } else if (rwflx.value[i].rwfl == "dxsx" || rwflx.value[i].rwfl == "dxxz") {
-        let options = rwflx.value[i].remark.split("；");
-        let range = [];
-        for (let i = 0; i < options.length; i++) {
-          range.push({
-            name: options[i]
-          });
+  },
+  mounted() {
+    this.loadTasks()
+  },
+  methods: {
+    // 加载任务列表
+    async loadTasks() {
+      try {
+        this.loading = true
+        const response = await rwzxFindAllApi()
+        console.log('API响应数据:', response)
+        
+        // 手机端API响应格式：resultCode: 1 表示成功，rows 包含数据
+        if (response && (response.resultCode === 1 || response.resultCode === 0)) {
+          this.tasks = response.result || response.rows || response.data || []
+          this.filteredTasks = [...this.tasks]
+          console.log('任务列表加载成功:', this.tasks)
+        } else {
+          const errorMsg = response?.message || response?.msg || '获取任务列表失败'
+          console.error('获取任务列表失败:', errorMsg)
+          alert(errorMsg)
         }
-        schema.push({
-          field: `${rwflx.value[i].id}`,
-          label: `${rwflx.value[i].rwbt}`,
-          component: "BasicPicker",
-          required: rwflx.value[i].rwbs,
-          itemProps: {
-            labelPosition: "top",
-          },
-          componentProps: {
-            range: range,
-            rangeKey: "name",
-            savaKey: "name",
-          },
-        })
+      } catch (error) {
+        console.error('加载任务列表失败:', error)
+        alert('网络错误，请稍后重试')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    // 搜索功能
+    onSearch() {
+      if (!this.searchKeyword.trim()) {
+        this.filteredTasks = [...this.tasks]
+        return
+      }
+      
+      const keyword = this.searchKeyword.toLowerCase()
+      this.filteredTasks = this.tasks.filter(task => {
+        return (
+          (task.rwmc && task.rwmc.toLowerCase().includes(keyword)) ||
+          (task.rwms && task.rwms.toLowerCase().includes(keyword)) ||
+          (task.zxjg && task.zxjg.toLowerCase().includes(keyword))
+        )
+      })
+    },
+
+    // 任务点击事件
+    handleTaskClick(task) {
+      // 可以跳转到任务详情页面或执行其他操作
+      console.log('点击任务:', task)
+      // 这里可以添加路由跳转逻辑
+      // this.$router.push(`/task/detail/${task.id}`)
+    },
+
+    // 获取状态文本
+    getStatusText(status) {
+      const statusMap = {
+        '0': '未开始',
+        '1': '进行中', 
+        '2': '已完成',
+        '3': '已逾期',
+        '': '未知状态'
+      }
+      return statusMap[status] || '未知状态'
+    },
+
+    // 获取状态样式类
+    getStatusClass(status) {
+      const classMap = {
+        '0': 'status-pending',
+        '1': 'status-progress',
+        '2': 'status-completed',
+        '3': 'status-overdue'
+      }
+      return classMap[status] || 'status-unknown'
+    },
+
+    // 格式化日期
+    formatDate(dateStr) {
+      if (!dateStr) return '暂无'
+      
+      try {
+        const date = new Date(dateStr)
+        if (isNaN(date.getTime())) return dateStr
+        
+        const year = date.getFullYear()
+        const month = String(date.getMonth() + 1).padStart(2, '0')
+        const day = String(date.getDate()).padStart(2, '0')
+        const hours = String(date.getHours()).padStart(2, '0')
+        const minutes = String(date.getMinutes()).padStart(2, '0')
+        
+        return `${year}-${month}-${day} ${hours}:${minutes}`
+      } catch (error) {
+        return dateStr
       }
     }
-    const res = await rwzxExecutedInfoByRwIdAndJsApi({
-      rwId: options.id,
-      mobile: getUser.mobile
-    });
-    if (res && res.result && res.result.length) {
-      rwzxqds.value = res.result;
-      const showData = {};
-      for (let i = 0; i < rwzxqds.value.length; i++) {
-        showData[rwzxqds.value[i].rwlxId] = rwzxqds.value[i].rwzxqdtx;
-      }
-      formData.value = showData;
-    }
-  } else {
-    console.error('Message ID/Data is missing!');
-    uni.showToast({title: '加载失败，缺少信息', icon: 'none'});
   }
-});
+}
 </script>
 
-<style scoped lang="scss">
-.message-detail-page {
-  background-color: #f4f5f7;
+<style scoped>
+/* 基础样式 */
+.container {
+  padding: 20px 10px;
   min-height: 100vh;
-  padding: 15px;
+  background-color: #F6F9FC;
+}
+
+/* 搜索框样式 */
+.search-form {
+  margin-bottom: 15px;
+  padding: 0 5px;
+}
+
+.search-input {
+  width: 100%;
+  padding: 10px 15px;
+  font-size: 14px;
+  border: 1px solid #CCCCCC;
+  border-radius: 20px;
+  background-color: white;
+  outline: none;
   box-sizing: border-box;
 }
 
-.loading-indicator,
-.empty-state {
-  text-align: center;
-  color: #999;
-  padding: 40px 15px;
-  font-size: 14px;
+.search-input:focus {
+  border-color: #409EFF;
+  box-shadow: 0 0 5px rgba(64, 158, 255, 0.3);
+}
+
+/* 任务列表样式 */
+.task-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.item {
+  margin: 5px 0;
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  justify-content: left;
+  padding: 15px;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.item:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  transform: translateY(-1px);
+}
+
+.item:active {
+  transform: translateY(0);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.item-title {
+  font-size: 16px;
+  font-weight: bold;
+  padding: 3px 0 8px 0;
+  border-bottom: 1px solid #EEEEEE;
+  line-height: 1.4;
+  color: #333;
+}
+
+.detail {
+  font-size: 13px;
+  line-height: 2em;
+  color: #666666;
+  display: flex;
+  align-items: center;
 }
 
 .detail-content {
-  background-color: #fff;
-  border-radius: 8px;
-  padding: 20px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  margin-left: 8px;
+  flex: 1;
 }
 
-.detail-header {
-  border-bottom: 1px solid #f0f0f0;
-  padding-bottom: 15px;
-  margin-bottom: 20px;
-
-  .title-tag-row {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start; // Align items to the top
-    margin-bottom: 10px;
-  }
-
-  .detail-title {
-    font-size: 18px;
-    font-weight: bold;
-    color: #333;
-    flex: 1; // Allow title to take available space
-    margin-right: 10px; // Space between title and tag
-    line-height: 1.4;
-  }
-
-  .tag { // Reuse tag styles from index page if possible, or define here
-    padding: 4px 8px;
-    border-radius: 4px;
-    font-size: 12px;
-    font-weight: bold;
-    color: #ffffff;
-    white-space: nowrap;
-    flex-shrink: 0; // Prevent tag from shrinking
-
-    &.notice {
-      background-color: #447ade;
-    }
-
-    &.task {
-      background-color: #19be6b;
-    }
-
-    &.approval {
-      background-color: #ff9f0a;
-    }
-
-    &.submit {
-      background-color: #8e8e93;
-    }
-  }
-
-
-  .detail-meta {
-    font-size: 12px;
-    color: #999;
-
-    text {
-      margin-right: 15px;
-    }
-  }
+/* 状态样式 */
+.status-pending {
+  color: #909399;
 }
 
-.detail-body {
-  margin-bottom: 40px;
+.status-progress {
+  color: #409EFF;
+  font-weight: bold;
+}
 
-  .detail-desc {
+.status-completed {
+  color: #67C23A;
+  font-weight: bold;
+}
+
+.status-overdue {
+  color: #F56C6C;
+  font-weight: bold;
+}
+
+.status-unknown {
+  color: #909399;
+}
+
+/* 空状态样式 */
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  text-align: center;
+}
+
+.empty-text {
+  font-size: 16px;
+  color: #909399;
+  margin-top: 20px;
+}
+
+/* 加载状态样式 */
+.loading-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 20px;
+  text-align: center;
+}
+
+.loading-text {
+  font-size: 14px;
+  color: #409EFF;
+  margin-top: 10px;
+}
+
+/* 响应式适配 */
+@media (max-width: 480px) {
+  .container {
+    padding: 15px 8px;
+  }
+  
+  .item {
+    padding: 12px;
+  }
+  
+  .item-title {
     font-size: 15px;
-    color: #555;
-    line-height: 1.7;
-    word-break: break-word;
+  }
+  
+  .detail {
+    font-size: 12px;
   }
 }
-
-.detail-footer {
-  // text-align: center; // Removed center alignment
-  // Add margin if needed, e.g., margin-top: 20px;
-}
-
-// Style for the action button
-.action-button {
-  width: 100%; // Make button full width
-  height: 44px; // Standard button height
-  line-height: 44px; // Match height for vertical centering
-  font-size: 16px; // Slightly larger font
-  font-weight: 500; // Medium weight
-  border-radius: 8px; // Consistent border radius
-  margin-top: 20px; // Add space above the button
-  // Ensure primary color is applied correctly (uni-app default should work)
-  // background-color: #447ade;
-  // color: #ffffff;
-}
-
-</style>
+</style>
\ No newline at end of file
diff --git a/src/pages/view/rw/indexbak.vue b/src/pages/view/rw/indexbak.vue
new file mode 100644
index 0000000..41f2bd3
--- /dev/null
+++ b/src/pages/view/rw/indexbak.vue
@@ -0,0 +1,273 @@
+<!-- src/pages/base/message/detail.vue -->
+<template>
+  <view class="message-detail-page">
+    <view v-if="isLoading" class="loading-indicator">加载中...</view>
+    <view v-else class="detail-content">
+      <view class="detail-header">
+        <view class="title-tag-row">
+          <text class="detail-title">{{ rw.rwmc }}</text>
+          <view class="tag" :class="rw.tagType">{{ rw.tagText }}</view>
+        </view>
+        <view class="detail-meta">
+          <text>{{ rw.rwkstime }}</text>
+          <!--          <text>{{ messageDetail.timeAgo }}</text>-->
+        </view>
+      </view>
+      <view class="detail-body">
+        <BasicForm :schema="schema" v-model="formData">
+
+        </BasicForm>
+      </view>
+      <view class="detail-footer" v-if="rwzxqds.length==0">
+        <button type="primary" class="action-button" @click="saveRwZx">处理</button>
+      </view>
+    </view>
+    <!--    <view v-else class="empty-state">消息详情未找到</view>-->
+  </view>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import {onLoad} from '@dcloudio/uni-app';
+import {rwFindInfoByRwId, rwflFindRwlxsByRwId, rwzxExecutedInfoByRwIdAndJsApi, rwzxSaveApi} from "@/api/base/server";
+import {useForm} from "@/components/BasicForm/hooks/useForm";
+import {navigateBack, showToast} from "@/utils/uniapp";
+import {useUserStore} from "@/store/modules/user";
+
+interface MessageDetail {
+  id: string; // Assuming an ID is passed or can be derived
+  title: string;
+  desc: string;
+  date: string;
+  timeAgo: string;
+  tagText: string;
+  tagType: string;
+  // Add other fields as necessary
+}
+
+const formData: any = ref({})
+const messageId = ref<string>('');
+const messageDetail = ref<MessageDetail | null>({
+  id: 'todo1',
+  title: '教务通知 (待办)',
+  desc: '学校召开期初教学准备会议暨首次教学工作例会. 会议强调了新学期的教学重点和要求，请各位老师认真准备。',
+  date: '2025-02-17',
+  timeAgo: '8 mins 前',
+  tagText: '通知',
+  tagType: 'notice',
+  likes: 6,
+  comments: 12
+});
+const isLoading = ref(false);
+const rwflx: any = ref([])
+const rw = ref({})
+const schema = reactive<FormsSchema[]>([])
+const {getUser} = useUserStore()
+
+async function saveRwZx() {
+  const result = [];
+  for (let i = 0; i < rwflx.value.length; i++) {
+    console.log(44, rwflx.value[i].id, formData.value[rwflx.value[i].id])
+    if (rwflx.value[i].rwbs && (!formData.value[rwflx.value[i].id] || formData.value[rwflx.value[i].id] == "")) {
+      showToast("请填写必填项!")
+      return;
+    }
+    result.push({
+      rwlxId: rwflx.value[i].id,
+      rwzxqdtx: formData.value[rwflx.value[i].id],
+    })
+  }
+  await rwzxSaveApi({
+    mobile: getUser.mobile,
+    rwId: rw.value.id,
+    rwzxqdDtos: result
+  })
+  showToast("操作成功!");
+  uni.navigateBack({delta: 1})
+}
+
+const rwzxqds = ref([])
+onLoad(async (options) => {
+  if (options && options.id) {
+    const {result} = await rwFindInfoByRwId({
+      rwId: options.id
+    });
+    rwflx.value = result.rwlxes;
+    rw.value = result;
+    for (let i = 0; i < rwflx.value.length; i++) {
+      if (rwflx.value[i].rwfl == "sczy") {
+        schema.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicUpload",
+          required: rwflx.value[i].rwbs,
+          componentProps: {}
+        })
+      } else if (rwflx.value[i].rwfl == "text") {
+        schema.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicInput",
+          required: rwflx.value[i].rwbs,
+          itemProps: {
+            labelPosition: "top",
+          },
+          componentProps: {
+            type: "textarea",
+          },
+        })
+      } else if (rwflx.value[i].rwfl == "dxsx" || rwflx.value[i].rwfl == "dxxz") {
+        let options = rwflx.value[i].remark.split("；");
+        let range = [];
+        for (let i = 0; i < options.length; i++) {
+          range.push({
+            name: options[i]
+          });
+        }
+        schema.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicPicker",
+          required: rwflx.value[i].rwbs,
+          itemProps: {
+            labelPosition: "top",
+          },
+          componentProps: {
+            range: range,
+            rangeKey: "name",
+            savaKey: "name",
+          },
+        })
+      }
+    }
+    const res = await rwzxExecutedInfoByRwIdAndJsApi({
+      rwId: options.id,
+      mobile: getUser.mobile
+    });
+    if (res && res.result && res.result.length) {
+      rwzxqds.value = res.result;
+      const showData = {};
+      for (let i = 0; i < rwzxqds.value.length; i++) {
+        showData[rwzxqds.value[i].rwlxId] = rwzxqds.value[i].rwzxqdtx;
+      }
+      formData.value = showData;
+    }
+  } else {
+    console.error('Message ID/Data is missing!');
+    uni.showToast({title: '加载失败，缺少信息', icon: 'none'});
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.message-detail-page {
+  background-color: #f4f5f7;
+  min-height: 100vh;
+  padding: 15px;
+  box-sizing: border-box;
+}
+
+.loading-indicator,
+.empty-state {
+  text-align: center;
+  color: #999;
+  padding: 40px 15px;
+  font-size: 14px;
+}
+
+.detail-content {
+  background-color: #fff;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+
+.detail-header {
+  border-bottom: 1px solid #f0f0f0;
+  padding-bottom: 15px;
+  margin-bottom: 20px;
+
+  .title-tag-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start; // Align items to the top
+    margin-bottom: 10px;
+  }
+
+  .detail-title {
+    font-size: 18px;
+    font-weight: bold;
+    color: #333;
+    flex: 1; // Allow title to take available space
+    margin-right: 10px; // Space between title and tag
+    line-height: 1.4;
+  }
+
+  .tag { // Reuse tag styles from index page if possible, or define here
+    padding: 4px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: bold;
+    color: #ffffff;
+    white-space: nowrap;
+    flex-shrink: 0; // Prevent tag from shrinking
+
+    &.notice {
+      background-color: #447ade;
+    }
+
+    &.task {
+      background-color: #19be6b;
+    }
+
+    &.approval {
+      background-color: #ff9f0a;
+    }
+
+    &.submit {
+      background-color: #8e8e93;
+    }
+  }
+
+
+  .detail-meta {
+    font-size: 12px;
+    color: #999;
+
+    text {
+      margin-right: 15px;
+    }
+  }
+}
+
+.detail-body {
+  margin-bottom: 40px;
+
+  .detail-desc {
+    font-size: 15px;
+    color: #555;
+    line-height: 1.7;
+    word-break: break-word;
+  }
+}
+
+.detail-footer {
+  // text-align: center; // Removed center alignment
+  // Add margin if needed, e.g., margin-top: 20px;
+}
+
+// Style for the action button
+.action-button {
+  width: 100%; // Make button full width
+  height: 44px; // Standard button height
+  line-height: 44px; // Match height for vertical centering
+  font-size: 16px; // Slightly larger font
+  font-weight: 500; // Medium weight
+  border-radius: 8px; // Consistent border radius
+  margin-top: 20px; // Add space above the button
+  // Ensure primary color is applied correctly (uni-app default should work)
+  // background-color: #447ade;
+  // color: #ffffff;
+}
+
+</style>
diff --git a/src/pages/view/rw/rwlist.vue b/src/pages/view/rw/rwlist.vue
new file mode 100644
index 0000000..41f2bd3
--- /dev/null
+++ b/src/pages/view/rw/rwlist.vue
@@ -0,0 +1,273 @@
+<!-- src/pages/base/message/detail.vue -->
+<template>
+  <view class="message-detail-page">
+    <view v-if="isLoading" class="loading-indicator">加载中...</view>
+    <view v-else class="detail-content">
+      <view class="detail-header">
+        <view class="title-tag-row">
+          <text class="detail-title">{{ rw.rwmc }}</text>
+          <view class="tag" :class="rw.tagType">{{ rw.tagText }}</view>
+        </view>
+        <view class="detail-meta">
+          <text>{{ rw.rwkstime }}</text>
+          <!--          <text>{{ messageDetail.timeAgo }}</text>-->
+        </view>
+      </view>
+      <view class="detail-body">
+        <BasicForm :schema="schema" v-model="formData">
+
+        </BasicForm>
+      </view>
+      <view class="detail-footer" v-if="rwzxqds.length==0">
+        <button type="primary" class="action-button" @click="saveRwZx">处理</button>
+      </view>
+    </view>
+    <!--    <view v-else class="empty-state">消息详情未找到</view>-->
+  </view>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import {onLoad} from '@dcloudio/uni-app';
+import {rwFindInfoByRwId, rwflFindRwlxsByRwId, rwzxExecutedInfoByRwIdAndJsApi, rwzxSaveApi} from "@/api/base/server";
+import {useForm} from "@/components/BasicForm/hooks/useForm";
+import {navigateBack, showToast} from "@/utils/uniapp";
+import {useUserStore} from "@/store/modules/user";
+
+interface MessageDetail {
+  id: string; // Assuming an ID is passed or can be derived
+  title: string;
+  desc: string;
+  date: string;
+  timeAgo: string;
+  tagText: string;
+  tagType: string;
+  // Add other fields as necessary
+}
+
+const formData: any = ref({})
+const messageId = ref<string>('');
+const messageDetail = ref<MessageDetail | null>({
+  id: 'todo1',
+  title: '教务通知 (待办)',
+  desc: '学校召开期初教学准备会议暨首次教学工作例会. 会议强调了新学期的教学重点和要求，请各位老师认真准备。',
+  date: '2025-02-17',
+  timeAgo: '8 mins 前',
+  tagText: '通知',
+  tagType: 'notice',
+  likes: 6,
+  comments: 12
+});
+const isLoading = ref(false);
+const rwflx: any = ref([])
+const rw = ref({})
+const schema = reactive<FormsSchema[]>([])
+const {getUser} = useUserStore()
+
+async function saveRwZx() {
+  const result = [];
+  for (let i = 0; i < rwflx.value.length; i++) {
+    console.log(44, rwflx.value[i].id, formData.value[rwflx.value[i].id])
+    if (rwflx.value[i].rwbs && (!formData.value[rwflx.value[i].id] || formData.value[rwflx.value[i].id] == "")) {
+      showToast("请填写必填项!")
+      return;
+    }
+    result.push({
+      rwlxId: rwflx.value[i].id,
+      rwzxqdtx: formData.value[rwflx.value[i].id],
+    })
+  }
+  await rwzxSaveApi({
+    mobile: getUser.mobile,
+    rwId: rw.value.id,
+    rwzxqdDtos: result
+  })
+  showToast("操作成功!");
+  uni.navigateBack({delta: 1})
+}
+
+const rwzxqds = ref([])
+onLoad(async (options) => {
+  if (options && options.id) {
+    const {result} = await rwFindInfoByRwId({
+      rwId: options.id
+    });
+    rwflx.value = result.rwlxes;
+    rw.value = result;
+    for (let i = 0; i < rwflx.value.length; i++) {
+      if (rwflx.value[i].rwfl == "sczy") {
+        schema.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicUpload",
+          required: rwflx.value[i].rwbs,
+          componentProps: {}
+        })
+      } else if (rwflx.value[i].rwfl == "text") {
+        schema.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicInput",
+          required: rwflx.value[i].rwbs,
+          itemProps: {
+            labelPosition: "top",
+          },
+          componentProps: {
+            type: "textarea",
+          },
+        })
+      } else if (rwflx.value[i].rwfl == "dxsx" || rwflx.value[i].rwfl == "dxxz") {
+        let options = rwflx.value[i].remark.split("；");
+        let range = [];
+        for (let i = 0; i < options.length; i++) {
+          range.push({
+            name: options[i]
+          });
+        }
+        schema.push({
+          field: `${rwflx.value[i].id}`,
+          label: `${rwflx.value[i].rwbt}`,
+          component: "BasicPicker",
+          required: rwflx.value[i].rwbs,
+          itemProps: {
+            labelPosition: "top",
+          },
+          componentProps: {
+            range: range,
+            rangeKey: "name",
+            savaKey: "name",
+          },
+        })
+      }
+    }
+    const res = await rwzxExecutedInfoByRwIdAndJsApi({
+      rwId: options.id,
+      mobile: getUser.mobile
+    });
+    if (res && res.result && res.result.length) {
+      rwzxqds.value = res.result;
+      const showData = {};
+      for (let i = 0; i < rwzxqds.value.length; i++) {
+        showData[rwzxqds.value[i].rwlxId] = rwzxqds.value[i].rwzxqdtx;
+      }
+      formData.value = showData;
+    }
+  } else {
+    console.error('Message ID/Data is missing!');
+    uni.showToast({title: '加载失败，缺少信息', icon: 'none'});
+  }
+});
+</script>
+
+<style scoped lang="scss">
+.message-detail-page {
+  background-color: #f4f5f7;
+  min-height: 100vh;
+  padding: 15px;
+  box-sizing: border-box;
+}
+
+.loading-indicator,
+.empty-state {
+  text-align: center;
+  color: #999;
+  padding: 40px 15px;
+  font-size: 14px;
+}
+
+.detail-content {
+  background-color: #fff;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+
+.detail-header {
+  border-bottom: 1px solid #f0f0f0;
+  padding-bottom: 15px;
+  margin-bottom: 20px;
+
+  .title-tag-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start; // Align items to the top
+    margin-bottom: 10px;
+  }
+
+  .detail-title {
+    font-size: 18px;
+    font-weight: bold;
+    color: #333;
+    flex: 1; // Allow title to take available space
+    margin-right: 10px; // Space between title and tag
+    line-height: 1.4;
+  }
+
+  .tag { // Reuse tag styles from index page if possible, or define here
+    padding: 4px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    font-weight: bold;
+    color: #ffffff;
+    white-space: nowrap;
+    flex-shrink: 0; // Prevent tag from shrinking
+
+    &.notice {
+      background-color: #447ade;
+    }
+
+    &.task {
+      background-color: #19be6b;
+    }
+
+    &.approval {
+      background-color: #ff9f0a;
+    }
+
+    &.submit {
+      background-color: #8e8e93;
+    }
+  }
+
+
+  .detail-meta {
+    font-size: 12px;
+    color: #999;
+
+    text {
+      margin-right: 15px;
+    }
+  }
+}
+
+.detail-body {
+  margin-bottom: 40px;
+
+  .detail-desc {
+    font-size: 15px;
+    color: #555;
+    line-height: 1.7;
+    word-break: break-word;
+  }
+}
+
+.detail-footer {
+  // text-align: center; // Removed center alignment
+  // Add margin if needed, e.g., margin-top: 20px;
+}
+
+// Style for the action button
+.action-button {
+  width: 100%; // Make button full width
+  height: 44px; // Standard button height
+  line-height: 44px; // Match height for vertical centering
+  font-size: 16px; // Slightly larger font
+  font-weight: 500; // Medium weight
+  border-radius: 8px; // Consistent border radius
+  margin-top: 20px; // Add space above the button
+  // Ensure primary color is applied correctly (uni-app default should work)
+  // background-color: #447ade;
+  // color: #ffffff;
+}
+
+</style>
diff --git a/src/static/base/home/ysyc.png b/src/static/base/home/ysyc.png
new file mode 100644
index 0000000..d20985b
Binary files /dev/null and b/src/static/base/home/ysyc.png differ