完善uniapp

backend/src/api/notebook.js

@@ -0,0 +1,39 @@
+import request from '@/utils/request'
+
+export function getNotebookList(params) {
+  return request({
+    url: '/backend/notebook/list',
+    method: 'get',
+    params
+  })
+}
+
+export function getNotebookDetail(id) {
+  return request({
+    url: `/backend/notebook/detail/${id}`,
+    method: 'get'
+  })
+}
+
+export function createNotebook(data) {
+  return request({
+    url: '/backend/notebook/create',
+    method: 'post',
+    data
+  })
+}
+
+export function updateNotebook(id, data) {
+  return request({
+    url: `/backend/notebook/update/${id}`,
+    method: 'post',
+    data
+  })
+}
+
+export function deleteNotebook(id) {
+  return request({
+    url: `/backend/notebook/delete/${id}`,
+    method: 'delete'
+  })
+}

backend/src/api/reminder.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+export function getReminderList(params) {
+  return request({
+    url: '/backend/reminder/list',
+    method: 'get',
+    params
+  })
+}
+
+export function getReminderDetail(id) {
+  return request({
+    url: `/backend/reminder/${id}`,
+    method: 'get'
+  })
+}
+
+export function createReminder(data) {
+  return request({
+    url: '/backend/reminder',
+    method: 'post',
+    data
+  })
+}
+
+export function updateReminder(id, data) {
+  return request({
+    url: `/backend/reminder/${id}`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteReminder(id) {
+  return request({
+    url: `/backend/reminder/${id}`,
+    method: 'delete'
+  })
+}
+
+export function batchDeleteReminder(data) {
+  return request({
+    url: '/backend/reminder/batchDelete',
+    method: 'post',
+    data
+  })
+}
+
+export function finishReminder(id) {
+  return request({
+    url: `/backend/reminder/finish/${id}`,
+    method: 'post'
+  })
+}
+
+export function testReminder(data) {
+  return request({
+    url: '/backend/reminder/test',
+    method: 'post',
+    data
+  })
+}

backend/src/views/system/permissions/index.vue

@@ -167,7 +167,7 @@ import {
   Select,
   RefreshLeft,
 } from '@element-plus/icons-vue';
-import { getRoleByTenantId, getAllRoles } from '@/api/role';
+import { getAllRoles } from '@/api/role';
 import {
   getAllMenuPermissions,
   getRolePermissions,

backend/src/views/tools/notebook/README.md

@@ -0,0 +1,247 @@
+# 记事本模块使用说明
+
+## 功能概述
+
+这是一个完整的记事本应用模块，支持富文本编辑、笔记管理等功能。
+
+## 目录结构
+
+```
+notebook/
+├── index.vue                  # 主页面（列表+编辑器）
+├── components/
+│   ├── edit.vue              # 编辑器组件
+│   └── TiptapEditor.vue       # Tiptap富文本编辑器（已全局注册）
+└── README.md                 # 说明文档
+```
+
+## 数据库
+
+### 表名
+`yz_platform_notebook`
+
+### 表结构
+- `id` - 主键ID
+- `title` - 笔记标题
+- `content` - 笔记内容（HTML格式）
+- `user_id` - 创建用户ID
+- `user_name` - 创建用户名
+- `is_deleted` - 是否删除（0-否 1-是）
+- `create_time` - 创建时间
+- `update_time` - 更新时间
+- `delete_time` - 删除时间
+
+### SQL文件位置
+`sql/yz_platform_notebook.sql`
+
+## 后端接口
+
+### 模型文件
+`go/models/platform_notebook.go`
+
+### 控制器文件
+`go/controllers/platform_notebook.go`
+
+### API端点
+
+1. **获取笔记列表**
+   - URL: `GET /platform/notebook/list`
+   - 参数: 
+     - `page`: 页码（默认1）
+     - `pageSize`: 每页数量（默认20，最大100）
+     - `keyword`: 搜索关键词（可选）
+   - 返回: 笔记列表和总数
+
+2. **获取笔记详情**
+   - URL: `GET /platform/notebook/detail/:id`
+   - 参数: `id` - 笔记ID
+   - 返回: 笔记详细信息
+
+3. **创建笔记**
+   - URL: `POST /platform/notebook/create`
+   - 参数:
+     ```json
+     {
+       "title": "笔记标题",
+       "content": "<p>笔记内容</p>"
+     }
+     ```
+   - 返回: 创建的笔记信息
+
+4. **更新笔记**
+   - URL: `POST /platform/notebook/update/:id`
+   - 参数:
+     ```json
+     {
+       "title": "更新的标题",
+       "content": "<p>更新的内容</p>"
+     }
+     ```
+   - 返回: 更新后的笔记信息
+
+5. **删除笔记**
+   - URL: `DELETE /platform/notebook/delete/:id`
+   - 参数: `id` - 笔记ID
+   - 返回: 删除结果
+
+## 前端API
+
+### API文件
+`platform/src/api/notebook.js`
+
+### 方法说明
+
+```javascript
+// 获取笔记列表
+getNotebookList({ page, pageSize, keyword })
+
+// 获取笔记详情
+getNotebookDetail(id)
+
+// 创建笔记
+createNotebook({ title, content })
+
+// 更新笔记
+updateNotebook(id, { title, content })
+
+// 删除笔记
+deleteNotebook(id)
+```
+
+## 使用步骤
+
+### 1. 初始化数据库
+```bash
+# 在MySQL中执行SQL文件
+mysql -u用户名 -p数据库名 < sql/yz_platform_notebook.sql
+```
+
+### 2. 启动后端服务
+后端已自动注册模型和路由，直接启动即可：
+```bash
+cd go
+go run main.go
+```
+
+### 3. 访问前端
+在浏览器中访问笔记本页面（路由需要在菜单中配置）
+
+## 功能特性
+
+### 列表功能
+- ✅ 显示所有笔记
+- ✅ 搜索笔记（按标题）
+- ✅ 创建新笔记
+- ✅ 删除笔记
+- ✅ 查看笔记预览
+- ✅ 显示更新时间
+
+### 编辑器功能
+- ✅ 富文本编辑（基于Tiptap）
+- ✅ 标题编辑
+- ✅ 内容编辑
+- ✅ 保存笔记
+- ✅ 自动识别新建/编辑模式
+- ✅ 加载状态显示
+
+### TiptapEditor支持的功能
+- 文本样式（加粗、斜体、下划线等）
+- 标题（H1-H6）
+- 引用
+- 代码块
+- 有序/无序列表
+- 表格
+- 链接
+- 图片上传（需配置上传接口）
+- 视频嵌入
+
+## 权限说明
+
+- 所有接口都需要平台用户登录（JWT Token验证）
+- 每个用户只能查看、编辑、删除自己创建的笔记
+- 删除操作为软删除，数据仍保留在数据库中
+
+## 扩展功能（可选）
+
+如需添加以下功能，可以扩展：
+
+1. **笔记分类**
+   - 添加分类表和分类字段
+   - 支持笔记分类管理
+
+2. **笔记标签**
+   - 添加标签表和关联表
+   - 支持多标签筛选
+
+3. **笔记分享**
+   - 添加分享链接生成功能
+   - 支持公开/私密设置
+
+4. **笔记导出**
+   - 支持导出为PDF
+   - 支持导出为Markdown
+
+5. **版本历史**
+   - 记录笔记的修改历史
+   - 支持版本回退
+
+6. **协作编辑**
+   - 支持多人协作编辑
+   - 实时同步功能
+
+## 注意事项
+
+1. 图片上传需要配置文件上传接口
+2. 富文本内容存储为HTML格式，注意XSS防护
+3. 数据库content字段使用longtext类型，支持大容量内容
+4. 建议定期清理软删除的数据
+5. 生产环境建议添加内容审核机制
+
+## 技术栈
+
+- **前端**: Vue 3 + Element Plus + Tiptap
+- **后端**: Go + Beego + MySQL
+- **编辑器**: Tiptap (基于ProseMirror)
+
+## 开发调试
+
+### 前端调试
+```bash
+cd platform
+npm run dev
+```
+
+### 后端调试
+```bash
+cd go
+go run main.go
+```
+
+### 查看API请求
+打开浏览器开发者工具 -> Network 标签页，查看API请求和响应
+
+## 问题排查
+
+1. **笔记列表为空**
+   - 检查数据库表是否创建成功
+   - 检查用户是否已登录
+   - 查看浏览器Console是否有错误
+
+2. **保存失败**
+   - 检查JWT Token是否有效
+   - 检查标题是否为空
+   - 查看后端日志
+
+3. **编辑器显示异常**
+   - 检查Tiptap是否正确安装
+   - 查看浏览器Console错误信息
+   - 检查CSS样式是否正确加载
+
+## 更新日志
+
+### v1.0.0 (2024)
+- ✅ 完成基础功能
+- ✅ 支持笔记CRUD操作
+- ✅ 集成Tiptap富文本编辑器
+- ✅ 响应式设计支持
+- ✅ 暗色模式支持

backend/src/views/tools/notebook/components/edit.vue

@@ -0,0 +1,187 @@
+<template>
+  <div class="note-editor-container">
+    <div class="editor-header">
+      <el-input
+        v-model="noteTitle"
+        placeholder="请输入标题..."
+        class="title-input"
+        :disabled="loading"
+      />
+      <div class="editor-actions">
+        <el-button type="primary" :loading="loading" @click="handleSave">
+          <el-icon><DocumentChecked /></el-icon>
+          {{ isNew ? '创建' : '保存' }}
+        </el-button>
+      </div>
+    </div>
+
+    <div class="editor-body">
+      <TiptapEditor v-model="noteContent" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { DocumentChecked } from '@element-plus/icons-vue';
+import { getNotebookDetail, createNotebook, updateNotebook } from '@/api/notebook';
+
+const props = defineProps({
+  noteId: {
+    type: [Number, String],
+    required: true,
+  },
+});
+
+const emit = defineEmits(['save-success', 'create-success']);
+
+const noteTitle = ref('');
+const noteContent = ref('');
+const loading = ref(false);
+const isNew = ref(false);
+
+// 加载笔记数据
+const loadNote = async () => {
+  if (props.noteId === 'new') {
+    isNew.value = true;
+    noteTitle.value = '新建笔记';
+    noteContent.value = '';
+    return;
+  }
+
+  isNew.value = false;
+  loading.value = true;
+  
+  try {
+    const response = await getNotebookDetail(props.noteId);
+    if (response.code === 200) {
+      noteTitle.value = response.data.title || '无标题';
+      noteContent.value = response.data.content || '';
+    } else {
+      ElMessage.error('加载笔记失败');
+    }
+  } catch (error) {
+    console.error('加载笔记失败:', error);
+    ElMessage.error('加载笔记失败');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 保存笔记
+const handleSave = async () => {
+  if (!noteTitle.value.trim()) {
+    ElMessage.warning('请输入标题');
+    return;
+  }
+
+  loading.value = true;
+
+  try {
+    if (isNew.value) {
+      // 创建新笔记
+      const response = await createNotebook({
+        title: noteTitle.value,
+        content: noteContent.value,
+      });
+
+      if (response.code === 200) {
+        ElMessage.success('创建成功');
+        isNew.value = false;
+        emit('create-success', response.data.id);
+      } else {
+        ElMessage.error(response.msg || '创建失败');
+      }
+    } else {
+      // 更新现有笔记
+      const response = await updateNotebook(props.noteId, {
+        title: noteTitle.value,
+        content: noteContent.value,
+      });
+
+      if (response.code === 200) {
+        ElMessage.success('保存成功');
+        emit('save-success');
+      } else {
+        ElMessage.error(response.msg || '保存失败');
+      }
+    }
+  } catch (error) {
+    console.error('保存失败:', error);
+    ElMessage.error('保存失败');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 监听笔记 ID 变化
+watch(
+  () => props.noteId,
+  () => {
+    loadNote();
+  },
+  { immediate: true }
+);
+
+onMounted(() => {
+  loadNote();
+});
+</script>
+
+<style scoped lang="less">
+.note-editor-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--el-bg-color);
+}
+
+.editor-header {
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  background: var(--el-fill-color-light);
+
+  .title-input {
+    flex: 1;
+
+    :deep(.el-input__wrapper) {
+      background: var(--el-bg-color);
+      box-shadow: 0 0 0 1px var(--el-border-color) inset;
+      padding: 8px 12px;
+
+      &:hover {
+        box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
+      }
+
+      &.is-focus {
+        box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+      }
+    }
+
+    :deep(.el-input__inner) {
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+    }
+  }
+
+  .editor-actions {
+    display: flex;
+    gap: 8px;
+  }
+}
+
+.editor-body {
+  flex: 1;
+  padding: 20px;
+  overflow: hidden;
+
+  :deep(.tiptap-editor-wrapper) {
+    height: 100%;
+  }
+}
+</style>

backend/src/views/tools/notebook/index.vue

@@ -0,0 +1,379 @@
+<template>
+  <div class="notebook-container">
+    <div class="notebook-sidebar">
+      <div class="sidebar-header">
+        <h3><i class="fa-solid fa-book"></i> 我的笔记</h3>
+        <el-button type="primary" size="small" @click="handleCreate">
+          <el-icon><Plus /></el-icon>
+          新建笔记
+        </el-button>
+      </div>
+
+      <div class="search-box">
+        <el-input
+          v-model="searchKeyword"
+          placeholder="搜索笔记..."
+          :prefix-icon="Search"
+          clearable
+          @input="handleSearch"
+        />
+      </div>
+
+      <div class="notes-list">
+        <div
+          v-for="note in filteredNotes"
+          :key="note.id"
+          :class="['note-item', { active: currentNoteId === note.id }]"
+          @click="handleSelectNote(note)"
+        >
+          <div class="note-item-header">
+            <span class="note-title">{{ note.title || '无标题' }}</span>
+            <el-dropdown trigger="click" @command="(cmd) => handleNoteAction(cmd, note)">
+              <el-icon class="note-more"><MoreFilled /></el-icon>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item command="delete">
+                    <el-icon><Delete /></el-icon> 删除
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </div>
+          <div class="note-preview">{{ getPreviewText(note.content) }}</div>
+          <div class="note-time">{{ formatTime(note.update_time || note.create_time) }}</div>
+        </div>
+
+        <el-empty v-if="filteredNotes.length === 0" description="暂无笔记" />
+      </div>
+    </div>
+
+    <div class="notebook-editor">
+      <NoteEditor
+        v-if="currentNoteId"
+        :key="currentNoteId"
+        :note-id="currentNoteId"
+        @save-success="handleSaveSuccess"
+        @create-success="handleCreateSuccess"
+      />
+      <div v-else class="empty-editor">
+        <el-empty description="请选择或创建一个笔记" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { Plus, Search, Delete, MoreFilled } from '@element-plus/icons-vue';
+import NoteEditor from './components/edit.vue';
+import { getNotebookList, deleteNotebook } from '@/api/notebook';
+
+const searchKeyword = ref('');
+const currentNoteId = ref(null);
+const notes = ref([]);
+const loading = ref(false);
+const total = ref(0);
+
+// 过滤后的笔记列表
+const filteredNotes = computed(() => {
+  return notes.value;
+});
+
+// 获取预览文本
+const getPreviewText = (html) => {
+  if (!html) return '暂无内容';
+  const text = html.replace(/<[^>]+>/g, '').trim();
+  return text.substring(0, 60) + (text.length > 60 ? '...' : '');
+};
+
+// 格式化时间
+const formatTime = (dateStr) => {
+  if (!dateStr) return '';
+  
+  const date = new Date(dateStr);
+  const now = new Date();
+  const diff = now - date;
+  
+  const minute = 60 * 1000;
+  const hour = 60 * minute;
+  const day = 24 * hour;
+  
+  if (diff < minute) {
+    return '刚刚';
+  } else if (diff < hour) {
+    return `${Math.floor(diff / minute)} 分钟前`;
+  } else if (diff < day) {
+    return `${Math.floor(diff / hour)} 小时前`;
+  } else if (diff < 7 * day) {
+    return `${Math.floor(diff / day)} 天前`;
+  } else {
+    return date.toLocaleDateString('zh-CN', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+    });
+  }
+};
+
+// 加载笔记列表
+const loadNotes = async () => {
+  loading.value = true;
+  try {
+    const response = await getNotebookList({
+      page: 1,
+      pageSize: 100,
+      keyword: searchKeyword.value,
+    });
+    
+    if (response.code === 200) {
+      notes.value = response.data.list || [];
+      total.value = response.data.total || 0;
+      
+      // 如果有笔记且没有选中任何笔记，默认选中第一个
+      if (notes.value.length > 0 && !currentNoteId.value) {
+        currentNoteId.value = notes.value[0].id;
+      }
+      
+      // 如果当前选中的笔记已被删除，选中第一个
+      if (currentNoteId.value && !notes.value.find(n => n.id === currentNoteId.value)) {
+        currentNoteId.value = notes.value[0]?.id || null;
+      }
+    }
+  } catch (error) {
+    console.error('加载笔记失败:', error);
+    ElMessage.error('加载笔记失败');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 创建新笔记
+const handleCreate = () => {
+  currentNoteId.value = 'new';
+};
+
+// 选择笔记
+const handleSelectNote = (note) => {
+  currentNoteId.value = note.id;
+};
+
+// 搜索笔记
+const handleSearch = () => {
+  loadNotes();
+};
+
+// 笔记操作
+const handleNoteAction = async (command, note) => {
+  if (command === 'delete') {
+    try {
+      await ElMessageBox.confirm('确定要删除这条笔记吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      });
+      
+      await deleteNotebook(note.id);
+      ElMessage.success('删除成功');
+      
+      // 重新加载列表
+      await loadNotes();
+      
+      // 如果删除的是当前笔记，切换到第一个
+      if (currentNoteId.value === note.id) {
+        currentNoteId.value = notes.value[0]?.id || null;
+      }
+    } catch (error) {
+      if (error !== 'cancel') {
+        console.error('删除失败:', error);
+        ElMessage.error('删除失败');
+      }
+    }
+  }
+};
+
+// 保存成功后刷新列表
+const handleSaveSuccess = async () => {
+  await loadNotes();
+};
+
+// 创建成功后的回调
+const handleCreateSuccess = async (noteId) => {
+  currentNoteId.value = noteId;
+  await loadNotes();
+};
+
+onMounted(() => {
+  loadNotes();
+});
+</script>
+
+<style scoped lang="less">
+.notebook-container {
+  display: flex;
+  height: calc(100vh - 180px);
+  gap: 16px;
+  background: var(--el-bg-color);
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.notebook-sidebar {
+  width: 300px;
+  display: flex;
+  flex-direction: column;
+  background: var(--el-bg-color-overlay);
+  border-radius: 8px;
+  border: 1px solid var(--el-border-color-lighter);
+  overflow: hidden;
+
+  .sidebar-header {
+    padding: 16px;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: var(--el-fill-color-light);
+
+    h3 {
+      margin: 0;
+      font-size: 16px;
+      font-weight: 600;
+      color: var(--el-text-color-primary);
+
+      i {
+        margin-right: 8px;
+        color: var(--el-color-primary);
+      }
+    }
+  }
+
+  .search-box {
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+  }
+
+  .notes-list {
+    flex: 1;
+    overflow-y: auto;
+    padding: 8px;
+
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: var(--el-border-color);
+      border-radius: 3px;
+
+      &:hover {
+        background: var(--el-border-color-darker);
+      }
+    }
+  }
+}
+
+.note-item {
+  padding: 12px;
+  margin-bottom: 8px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  border: 1px solid transparent;
+  background: var(--el-bg-color);
+
+  &:hover {
+    background: var(--el-fill-color-light);
+    border-color: var(--el-border-color);
+  }
+
+  &.active {
+    background: var(--el-color-primary-light-9);
+    border-color: var(--el-color-primary);
+
+    .note-title {
+      color: var(--el-color-primary);
+      font-weight: 600;
+    }
+  }
+
+  .note-item-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 6px;
+
+    .note-title {
+      flex: 1;
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--el-text-color-primary);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .note-more {
+      margin-left: 8px;
+      color: var(--el-text-color-secondary);
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 4px;
+
+      &:hover {
+        background: var(--el-fill-color);
+        color: var(--el-text-color-primary);
+      }
+    }
+  }
+
+  .note-preview {
+    font-size: 13px;
+    color: var(--el-text-color-secondary);
+    line-height: 1.5;
+    margin-bottom: 8px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+
+  .note-time {
+    font-size: 12px;
+    color: var(--el-text-color-placeholder);
+  }
+}
+
+.notebook-editor {
+  flex: 1;
+  background: var(--el-bg-color-overlay);
+  border-radius: 8px;
+  border: 1px solid var(--el-border-color-lighter);
+  overflow: hidden;
+
+  .empty-editor {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .notebook-container {
+    flex-direction: column;
+    height: auto;
+  }
+
+  .notebook-sidebar {
+    width: 100%;
+    height: 300px;
+  }
+
+  .notebook-editor {
+    height: 500px;
+  }
+}
+</style>

backend/src/views/tools/reminder/components/detail.vue

@@ -0,0 +1,140 @@
+<template>
+  <el-drawer v-model="visible" title="日程提醒详情" size="560px" destroy-on-close>
+    <div v-if="detail" class="detail-wrap" v-loading="loading">
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="ID" label-width="120px">
+          {{ detail.id }}
+        </el-descriptions-item>
+        <el-descriptions-item label="日程发生时间" label-width="120px">
+          {{ detail.schedule_time || '—' }}
+        </el-descriptions-item>
+
+        <el-descriptions-item label="日程标题" :span="2" label-width="120px">
+          {{ detail.title }}
+        </el-descriptions-item>
+
+        <el-descriptions-item label="提醒渠道" :span="2" label-width="120px">
+          <div class="channel-tags">
+            <el-tag
+              v-for="ch in (detail.remind_channels || [])"
+              :key="ch"
+              :type="channelTagType(ch)"
+              size="small"
+              class="ch-tag"
+            >
+              {{ channelText(ch) }}
+            </el-tag>
+            <span v-if="!(detail.remind_channels?.length)">无渠道</span>
+          </div>
+        </el-descriptions-item>
+
+        <el-descriptions-item label="提前提醒时间" :span="2" label-width="120px">
+          <el-tag type="info" size="small">提前 {{ detail.advance_minutes ?? 0 }} 分钟</el-tag>
+        </el-descriptions-item>
+
+        <template v-if="hasRepeatChannel">
+          <el-descriptions-item label="重复间隔" label-width="120px">
+            {{ detail.repeat_interval_minutes || 0 }} 分钟
+          </el-descriptions-item>
+          <el-descriptions-item label="最大发送次数" label-width="120px">
+            {{ detail.max_send_count || 1 }} 次
+          </el-descriptions-item>
+        </template>
+
+        <el-descriptions-item label="日程内容" :span="2" label-width="120px">
+          <div class="content-text">{{ detail.content || '—' }}</div>
+        </el-descriptions-item>
+      </el-descriptions>
+    </div>
+
+    <div v-else-if="loading" class="empty-wrap">
+      <el-skeleton :rows="8" animated />
+    </div>
+
+    <div v-else class="empty-wrap">
+      <el-empty description="暂无数据" />
+    </div>
+
+    <template #footer>
+      <el-button @click="visible = false">关闭</el-button>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { ElMessage } from 'element-plus'
+import { getReminderDetail } from '@/api/reminder'
+
+const visible = ref(false)
+const loading = ref(false)
+const detail = ref(null)
+
+const channelTextMap = {
+  SMS: '短信',
+  EMAIL: '邮件',
+  BARK: 'Bark 推送',
+  SITE_MSG: '站内信',
+}
+
+const channelColorMap = {
+  SMS: 'success',
+  EMAIL: 'warning',
+  BARK: 'danger',
+  SITE_MSG: 'primary',
+}
+
+function channelText(ch) {
+  return channelTextMap[ch] || ch
+}
+
+function channelTagType(ch) {
+  return channelColorMap[ch] || 'info'
+}
+
+const hasRepeatChannel = computed(() => {
+  return detail.value?.remind_channels?.some(ch => ['EMAIL', 'BARK'].includes(ch))
+})
+
+async function open(id) {
+  detail.value = null
+  visible.value = true
+  loading.value = true
+  try {
+    const res = await getReminderDetail(id)
+    if (res?.code === 200 && res.data) {
+      detail.value = res.data
+    } else {
+      ElMessage.error(res?.msg || '加载失败')
+      visible.value = false
+    }
+  } finally {
+    loading.value = false
+  }
+}
+
+defineExpose({ open })
+</script>
+
+<style lang="less" scoped>
+.detail-wrap {
+  padding: 4px 0 20px;
+}
+
+.content-text {
+  white-space: pre-wrap;
+  word-break: break-all;
+  color: #606266;
+  line-height: 1.6;
+}
+
+.empty-wrap {
+  padding: 40px 20px;
+}
+
+.channel-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+</style>

backend/src/views/tools/reminder/components/edit.vue

@@ -0,0 +1,285 @@
+<template>
+  <el-drawer
+    v-model="visible"
+    :title="isAdd ? '新增日程提醒' : '编辑日程提醒'"
+    size="560px"
+    destroy-on-close
+    @closed="onClosed"
+  >
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-width="120px"
+      v-loading="loading"
+      label-position="right"
+      class="reminder-form"
+    >
+      <el-form-item label="日程内容" prop="content">
+        <el-input
+          v-model="form.content"
+          type="textarea"
+          :rows="6"
+          placeholder="请输入日程详细内容"
+          maxlength="500"
+          show-word-limit
+        />
+      </el-form-item>
+
+      <el-form-item label="日程发生时间" prop="schedule_time">
+        <el-date-picker
+          v-model="form.schedule_time"
+          type="datetime"
+          placeholder="请选择发生时间"
+          format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          style="width: 100%"
+        />
+      </el-form-item>
+
+      <el-form-item label="提醒渠道" prop="remind_channels">
+        <el-checkbox-group v-model="form.remind_channels">
+          <el-checkbox value="SMS">短信 (SMS)</el-checkbox>
+          <el-checkbox value="EMAIL">邮件 (EMAIL)</el-checkbox>
+          <el-checkbox value="BARK">Bark 推送</el-checkbox>
+          <el-checkbox value="SITE_MSG">站内信 (SITE_MSG)</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+
+      <el-form-item label="提前提醒分钟" prop="advance_minutes">
+        <el-input-number
+          v-model="form.advance_minutes"
+          :min="0"
+          :max="1440"
+          style="width: 100%"
+          controls-position="right"
+        />
+        <span class="form-tip">提前多少分钟开始发送第一次提醒</span>
+      </el-form-item>
+
+      <!-- 仅在勾选了邮件或Bark时展示重复配置 -->
+      <template v-if="hasRepeatChannel">
+        <el-divider content-position="left">重复发送设置 (仅EMAIL/BARK生效)</el-divider>
+
+        <el-form-item label="重复间隔(分钟)" prop="repeat_interval_minutes">
+          <el-input-number
+            v-model="form.repeat_interval_minutes"
+            :min="1"
+            :max="1440"
+            style="width: 100%"
+            controls-position="right"
+          />
+          <span class="form-tip">未确认前，每隔多少分钟重新发送一次</span>
+        </el-form-item>
+
+        <el-form-item label="最大发送次数" prop="max_send_count">
+          <el-input-number
+            v-model="form.max_send_count"
+            :min="1"
+            :max="100"
+            style="width: 100%"
+            controls-position="right"
+          />
+          <span class="form-tip">防骚扰兜底，发送达到该次数后自动停止</span>
+        </el-form-item>
+      </template>
+    </el-form>
+
+    <template #footer>
+      <div class="drawer-footer">
+        <el-button
+          type="warning"
+          :loading="testing"
+          :disabled="!form.remind_channels.length"
+          @click="handleTest"
+        >
+          测试通道
+        </el-button>
+        <div style="flex: 1;"></div>
+        <el-button @click="visible = false">取消</el-button>
+        <el-button type="primary" :loading="saving" @click="submit">保存</el-button>
+      </div>
+    </template>
+  </el-drawer>
+</template>
+
+<script setup>
+import { ref, reactive, computed, nextTick } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { getReminderDetail, createReminder, updateReminder, testReminder } from '@/api/reminder'
+
+const emit = defineEmits(['saved'])
+
+const visible = ref(false)
+const loading = ref(false)
+const saving = ref(false)
+const testing = ref(false)
+const isAdd = ref(true)
+const formRef = ref(null)
+
+const form = reactive({
+  id: 0,
+  content: '',
+  schedule_time: '',
+  remind_channels: [],
+  advance_minutes: 0,
+  repeat_interval_minutes: 10,
+  max_send_count: 5,
+})
+
+const rules = {
+  content: [{ required: true, message: '请输入日程内容', trigger: 'blur' }],
+  schedule_time: [{ required: true, message: '请选择日程发生时间', trigger: 'change' }],
+  remind_channels: [{ type: 'array', required: true, message: '请选择至少一个提醒渠道', trigger: 'change' }],
+  repeat_interval_minutes: [{ required: true, message: '请输入重复提醒间隔', trigger: 'blur' }],
+  max_send_count: [{ required: true, message: '请输入最大发送次数', trigger: 'blur' }],
+}
+
+// 是否包含了需要确认/重复发送的渠道
+const hasRepeatChannel = computed(() => {
+  return form.remind_channels.includes('EMAIL') || form.remind_channels.includes('BARK')
+})
+
+function resetForm() {
+  form.id = 0
+  form.content = ''
+  form.schedule_time = ''
+  form.remind_channels = []
+  form.advance_minutes = 0
+  form.repeat_interval_minutes = 10
+  form.max_send_count = 5
+}
+
+async function open(id) {
+  resetForm()
+  isAdd.value = !id
+  visible.value = true
+  await nextTick()
+  formRef.value?.clearValidate?.()
+
+  if (id) {
+    loading.value = true
+    try {
+      const res = await getReminderDetail(id)
+      if (res?.code !== 200 || !res.data) {
+        ElMessage.error(res?.msg || '加载失败')
+        visible.value = false
+        return
+      }
+      const d = res.data
+      form.id = d.id
+      form.content = d.content || ''
+      form.schedule_time = d.schedule_time || ''
+      form.remind_channels = d.remind_channels || []
+      form.advance_minutes = d.advance_minutes ?? 0
+      form.repeat_interval_minutes = d.repeat_interval_minutes ?? 10
+      form.max_send_count = d.max_send_count ?? 5
+    } finally {
+      loading.value = false
+    }
+  }
+}
+
+function onClosed() {
+  resetForm()
+}
+
+async function handleTest() {
+  if (form.remind_channels.length === 0) {
+    ElMessage.warning('请先选择至少一个提醒渠道')
+    return
+  }
+
+  testing.value = true
+  try {
+    const res = await testReminder({
+      title: '日程提醒',
+      content: form.content || '这是一条验证日程提醒配置的测试通知。',
+      remind_channels: form.remind_channels,
+    })
+
+    if (res?.code === 200 && Array.isArray(res.data)) {
+      const lines = res.data.map(item => {
+        const name = { SMS: '短信', EMAIL: '邮件', BARK: 'Bark推送', SITE_MSG: '站内信' }[item.channel] || item.channel
+        const status = item.success
+          ? '<span style="color: #67C23A; font-weight: bold;">发送成功</span>'
+          : `<span style="color: #F56C6C; font-weight: bold;">发送失败 (${item.msg})</span>`
+        return `<p style="margin: 8px 0;"><strong>${name}</strong>: ${status}</p>`
+      }).join('')
+
+      await ElMessageBox.alert(
+        `<div style="font-size: 14px; line-height: 1.6; padding: 10px 0;">${lines}</div>`,
+        '渠道测试结果',
+        { dangerouslyUseHTMLString: true, confirmButtonText: '确定' }
+      )
+    } else {
+      ElMessage.error(res?.msg || '测试发送失败')
+    }
+  } catch (err) {
+    ElMessage.error('测试出错：' + (err.message || err))
+  } finally {
+    testing.value = false
+  }
+}
+
+async function submit() {
+  if (!formRef.value) return
+  try {
+    await formRef.value.validate()
+  } catch {
+    return
+  }
+
+  saving.value = true
+  try {
+    const payload = {
+      content: form.content,
+      schedule_time: form.schedule_time,
+      remind_channels: form.remind_channels,
+      advance_minutes: Number(form.advance_minutes || 0),
+      repeat_interval_minutes: hasRepeatChannel.value ? Number(form.repeat_interval_minutes || 0) : 0,
+      max_send_count: hasRepeatChannel.value ? Number(form.max_send_count || 1) : 1,
+    }
+
+    let res
+    if (isAdd.value) {
+      res = await createReminder(payload)
+    } else {
+      res = await updateReminder(form.id, payload)
+    }
+
+    if (res?.code === 200) {
+      ElMessage.success(isAdd.value ? '新增成功' : '保存成功')
+      visible.value = false
+      emit('saved')
+    } else {
+      ElMessage.error(res?.msg || '操作失败')
+    }
+  } finally {
+    saving.value = false
+  }
+}
+
+defineExpose({ open })
+</script>
+
+<style lang="less" scoped>
+.reminder-form {
+  padding: 10px 20px 40px 0;
+}
+.form-tip {
+  display: block;
+  font-size: 12px;
+  color: #909399;
+  line-height: 1.5;
+  margin-top: 4px;
+}
+.el-divider {
+  margin: 24px 0 16px;
+}
+.drawer-footer {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+</style>

backend/src/views/tools/reminder/index.vue

@@ -0,0 +1,359 @@
+<template>
+  <div class="container-box">
+    <div class="header-bar">
+      <h2>日程提醒管理</h2>
+      <div class="header-actions">
+        <el-button type="primary" @click="editRef.open()">
+          <el-icon><Plus /></el-icon>
+          新增提醒
+        </el-button>
+        <el-button @click="fetchList" :loading="loading">
+          <el-icon><Refresh /></el-icon>
+          刷新
+        </el-button>
+      </div>
+    </div>
+
+    <el-divider />
+
+    <!-- 搜索筛选 -->
+    <el-form :inline="true" :model="searchForm" class="search-form">
+      <el-form-item label="关键词">
+        <el-input
+          v-model="searchForm.keyword"
+          placeholder="内容"
+          clearable
+          style="width: 200px"
+          @keyup.enter="handleSearch"
+          @clear="handleSearch"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="handleSearch">
+          <el-icon><Search /></el-icon>
+          查询
+        </el-button>
+        <el-button @click="resetSearch">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 批量操作 -->
+    <div v-if="selectedIds.length > 0" class="batch-bar">
+      <span class="selected-tip">已选 {{ selectedIds.length }} 条</span>
+      <el-button type="danger" size="small" @click="handleBatchDelete">批量删除</el-button>
+    </div>
+
+    <!-- 列表表格 -->
+    <el-table
+      :data="list"
+      v-loading="loading"
+      border
+      style="width: 100%"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="50" align="center" :selectable="checkSelectable" />
+      <el-table-column prop="id" label="ID" width="75" align="center" />
+      <el-table-column prop="content" label="日程提醒内容" min-width="280" show-overflow-tooltip />
+      <el-table-column prop="schedule_time" label="日程发生时间" width="170" align="center" />
+      <el-table-column prop="is_finished" label="状态" width="100" align="center">
+        <template #default="{ row }">
+          <el-tag :type="row.is_finished ? 'info' : 'success'" size="small">
+            {{ row.is_finished ? '已结束' : '提醒中' }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="remind_channels" label="提醒渠道" min-width="180" align="center">
+        <template #default="{ row }">
+          <div class="channel-tags">
+            <el-tag
+              v-for="ch in (row.remind_channels || [])"
+              :key="ch"
+              :type="channelTagType(ch)"
+              size="small"
+              class="ch-tag"
+            >
+              {{ channelText(ch) }}
+            </el-tag>
+            <span v-if="!(row.remind_channels?.length)" style="color: #909399;">无</span>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="advance_minutes" label="提前提醒" width="110" align="center">
+        <template #default="{ row }">
+          <el-tag type="info" size="small">提前 {{ row.advance_minutes ?? 0 }} 分</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="200" align="center" fixed="right">
+        <template #default="{ row }">
+          <el-button text type="primary" size="small" @click="handleViewDetail(row)">详情</el-button>
+          <el-button
+            v-if="!row.is_finished"
+            text
+            type="warning"
+            size="small"
+            @click="handleFinish(row)"
+          >
+            结束
+          </el-button>
+          <el-button
+            v-if="!row.is_finished"
+            text
+            type="primary"
+            size="small"
+            @click="editRef.open(row.id)"
+          >
+            编辑
+          </el-button>
+          <el-button
+            v-if="!row.is_finished"
+            text
+            type="danger"
+            size="small"
+            @click="handleDelete(row)"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页 -->
+    <div class="pager">
+      <el-pagination
+        v-model:current-page="pagination.page"
+        v-model:page-size="pagination.pageSize"
+        :total="pagination.total"
+        :page-sizes="[10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next, jumper"
+        @current-change="fetchList"
+        @size-change="fetchList"
+      />
+    </div>
+
+    <!-- 新增/编辑抽屉 -->
+    <ReminderEdit ref="editRef" @saved="fetchList" />
+
+    <!-- 详情抽屉 -->
+    <ReminderDetail ref="detailRef" />
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Plus, Refresh, Search } from '@element-plus/icons-vue'
+import { getReminderList, deleteReminder, batchDeleteReminder, finishReminder } from '@/api/reminder'
+import ReminderEdit from './components/edit.vue'
+import ReminderDetail from './components/detail.vue'
+
+const editRef = ref(null)
+const detailRef = ref(null)
+
+const loading = ref(false)
+const list = ref([])
+const selectedIds = ref([])
+
+const searchForm = reactive({
+  keyword: '',
+})
+
+const pagination = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 0,
+})
+
+const channelTextMap = {
+  SMS: '短信',
+  EMAIL: '邮件',
+  BARK: 'Bark',
+  SITE_MSG: '站内信',
+}
+
+const channelColorMap = {
+  SMS: 'success',
+  EMAIL: 'warning',
+  BARK: 'danger',
+  SITE_MSG: 'primary',
+}
+
+function channelText(ch) {
+  return channelTextMap[ch] || ch
+}
+
+function channelTagType(ch) {
+  return channelColorMap[ch] || 'info'
+}
+
+function checkSelectable(row) {
+  return !row.is_finished
+}
+
+// 获取列表
+async function fetchList() {
+  loading.value = true
+  try {
+    const params = {
+      page: pagination.page,
+      pageSize: pagination.pageSize,
+      keyword: searchForm.keyword || undefined,
+    }
+    const res = await getReminderList(params)
+    if (res?.code === 200 && res.data) {
+      // 对列表进行排序：提醒中(is_finished: false)的排在前面，已结束的排在后面
+      const sortedList = (res.data.list || []).sort((a, b) => {
+        // 第一优先级：状态排序（提醒中在前，已结束在后）
+        if (!a.is_finished && b.is_finished) return -1
+        if (a.is_finished && !b.is_finished) return 1
+        
+        // 第二优先级：状态相同时，按日程发生时间排序
+        const timeA = new Date(a.schedule_time || 0).getTime()
+        const timeB = new Date(b.schedule_time || 0).getTime()
+        
+        if (!a.is_finished && !b.is_finished) {
+          // 对于提醒中的日程：时间早的在前（即将发生的优先）
+          return timeA - timeB
+        } else if (a.is_finished && b.is_finished) {
+          // 对于已结束的日程：时间晚的在前（最近结束的优先）
+          return timeB - timeA
+        }
+        
+        // 第三优先级：时间相同时，按ID降序排列（新的在前）
+        return b.id - a.id
+      })
+      list.value = sortedList
+      pagination.total = res.data.total ?? 0
+    } else {
+      list.value = []
+      ElMessage.error(res?.msg || '加载失败')
+    }
+  } finally {
+    loading.value = false
+  }
+}
+
+// 搜索
+function handleSearch() {
+  pagination.page = 1
+  fetchList()
+}
+
+// 重置搜索
+function resetSearch() {
+  searchForm.keyword = ''
+  pagination.page = 1
+  fetchList()
+}
+
+// 多选变化
+function handleSelectionChange(rows) {
+  selectedIds.value = rows.map((r) => r.id)
+}
+
+// 查看详情
+function handleViewDetail(row) {
+  detailRef.value?.open(row.id)
+}
+
+// 结束提醒
+async function handleFinish(row) {
+  try {
+    await ElMessageBox.confirm('确定结束该日程提醒吗？结束后将不再发送任何提醒。', '提示', {
+      type: 'warning',
+      confirmButtonText: '确定结束',
+      cancelButtonText: '取消',
+    })
+  } catch {
+    return
+  }
+  const res = await finishReminder(row.id)
+  if (res?.code === 200) {
+    ElMessage.success('已结束')
+    fetchList()
+  } else {
+    ElMessage.error(res?.msg || '结束失败')
+  }
+}
+
+// 删除单条
+async function handleDelete(row) {
+  if (row.is_finished) {
+    ElMessage.warning('已结束的日程无法删除')
+    return
+  }
+  try {
+    await ElMessageBox.confirm('确定删除该日程及其所有关联提醒吗？', '提示', { type: 'warning' })
+  } catch {
+    return
+  }
+  const res = await deleteReminder(row.id)
+  if (res?.code === 200) {
+    ElMessage.success('已删除')
+    fetchList()
+  } else {
+    ElMessage.error(res?.msg || '删除失败')
+  }
+}
+
+// 批量删除
+async function handleBatchDelete() {
+  try {
+    await ElMessageBox.confirm(`确定批量删除选中的 ${selectedIds.value.length} 个日程吗？`, '提示', {
+      type: 'warning',
+    })
+  } catch {
+    return
+  }
+  const res = await batchDeleteReminder(selectedIds.value)
+  if (res?.code === 200) {
+    ElMessage.success('已批量删除')
+    selectedIds.value = []
+    fetchList()
+  } else {
+    ElMessage.error(res?.msg || '批量删除失败')
+  }
+}
+
+onMounted(() => {
+  fetchList()
+})
+</script>
+
+<style lang="less" scoped>
+.batch-bar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 10px;
+  padding: 6px 12px;
+  background: #ecf5ff;
+  border-radius: 4px;
+  border: 1px solid #b3d8ff;
+
+  .selected-tip {
+    color: #409eff;
+    font-size: 13px;
+  }
+}
+
+.pager {
+  margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.search-form {
+  margin-bottom: 12px;
+}
+
+.channel-tags {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 4px;
+}
+
+.ch-tag {
+  margin: 2px;
+}
+</style>

backend/vite.config.js

@@ -22,6 +22,6 @@ export default defineConfig({
     },
   },
   server: {
-    port: 5000,
+    port: 4001,
   },
 });