From 672a6c9ccccc05ee6e05250213aa7c46503caa9b Mon Sep 17 00:00:00 2001 From: YunaiV Date: Wed, 26 Nov 2025 19:05:08 +0800 Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90antd=E3=80=91=E3=80=90mp?= =?UTF-8?q?=E3=80=91=E6=A8=A1=E7=89=88=E6=B6=88=E6=81=AF=E7=9A=84=E6=96=B0?= =?UTF-8?q?=E5=A2=9E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 159 ++++++++--------- .../src/api/mp/messageTemplate/index.ts | 57 ++++++ .../src/views/mp/messageTemplate/data.ts | 143 +++++++++++++++ .../src/views/mp/messageTemplate/index.vue | 166 ++++++++++++++++++ .../mp/messageTemplate/modules/send-form.vue | 103 +++++++++++ 5 files changed, 549 insertions(+), 79 deletions(-) create mode 100644 apps/web-antd/src/api/mp/messageTemplate/index.ts create mode 100644 apps/web-antd/src/views/mp/messageTemplate/data.ts create mode 100644 apps/web-antd/src/views/mp/messageTemplate/index.vue create mode 100644 apps/web-antd/src/views/mp/messageTemplate/modules/send-form.vue diff --git a/README.md b/README.md index 9fedc308a..26ef03fca 100644 --- a/README.md +++ b/README.md @@ -88,27 +88,27 @@ ### 系统功能 -| | 功能 | 描述 | -| --- | --- | --- | -| | 用户管理 | 用户是系统操作者，该功能主要完成系统用户配置 | -| ⭐️ | 在线用户 | 当前系统中活跃用户状态监控，支持手动踢下线 | -| | 角色管理 | 角色菜单权限分配、设置角色按机构进行数据范围权限划分 | -| | 菜单管理 | 配置系统菜单、操作权限、按钮权限标识等，本地缓存提供性能 | -| | 部门管理 | 配置系统组织机构（公司、部门、小组），树结构展现支持数据权限 | -| | 岗位管理 | 配置系统用户所属担任职务 | -| 🚀 | 租户管理 | 配置系统租户，支持 SaaS 场景下的多租户功能 | -| 🚀 | 租户套餐 | 配置租户套餐，自定每个租户的菜单、操作、按钮的权限 | -| | 字典管理 | 对系统中经常使用的一些较为固定的数据进行维护 | -| 🚀 | 短信管理 | 短信渠道、短息模板、短信日志，对接阿里云、腾讯云等主流短信平台 | -| 🚀 | 邮件管理 | 邮箱账号、邮件模版、邮件发送日志，支持所有邮件平台 | -| 🚀 | 站内信 | 系统内的消息通知，提供站内信模版、站内信消息 | -| 🚀 | 操作日志 | 系统正常操作日志记录和查询，集成 Swagger 生成日志内容 | -| ⭐️ | 登录日志 | 系统登录日志记录查询，包含登录异常 | -| 🚀 | 错误码管理 | 系统所有错误码的管理，可在线修改错误提示，无需重启服务 | -| | 通知公告 | 系统通知公告信息发布维护 | -| 🚀 | 敏感词 | 配置系统敏感词，支持标签分组 | -| 🚀 | 应用管理 | 管理 SSO 单点登录的应用，支持多种 OAuth2 授权方式 | -| 🚀 | 地区管理 | 展示省份、城市、区镇等城市信息，支持 IP 对应城市 | +| | 功能 | 描述 | +|----|-------|---------------------------------| +| | 用户管理 | 用户是系统操作者，该功能主要完成系统用户配置 | +| ⭐️ | 在线用户 | 当前系统中活跃用户状态监控，支持手动踢下线 | +| | 角色管理 | 角色菜单权限分配、设置角色按机构进行数据范围权限划分 | +| | 菜单管理 | 配置系统菜单、操作权限、按钮权限标识等，本地缓存提供性能 | +| | 部门管理 | 配置系统组织机构（公司、部门、小组），树结构展现支持数据权限 | +| | 岗位管理 | 配置系统用户所属担任职务 | +| 🚀 | 租户管理 | 配置系统租户，支持 SaaS 场景下的多租户功能 | +| 🚀 | 租户套餐 | 配置租户套餐，自定每个租户的菜单、操作、按钮的权限 | +| | 字典管理 | 对系统中经常使用的一些较为固定的数据进行维护 | +| 🚀 | 短信管理 | 短信渠道、短息模板、短信日志，对接阿里云、腾讯云等主流短信平台 | +| 🚀 | 邮件管理 | 邮箱账号、邮件模版、邮件发送日志，支持所有邮件平台 | +| 🚀 | 站内信 | 系统内的消息通知，提供站内信模版、站内信消息 | +| 🚀 | 操作日志 | 系统正常操作日志记录和查询，集成 Swagger 生成日志内容 | +| ⭐️ | 登录日志 | 系统登录日志记录查询，包含登录异常 | +| 🚀 | 错误码管理 | 系统所有错误码的管理，可在线修改错误提示，无需重启服务 | +| | 通知公告 | 系统通知公告信息发布维护 | +| 🚀 | 敏感词 | 配置系统敏感词，支持标签分组 | +| 🚀 | 应用管理 | 管理 SSO 单点登录的应用，支持多种 OAuth2 授权方式 | +| 🚀 | 地区管理 | 展示省份、城市、区镇等城市信息，支持 IP 对应城市 | ![功能图](/.gitee/image/common/system-feature.png) @@ -126,32 +126,32 @@ > > 前者支持轻量配置简单流程，后者实现复杂场景深度编排 -| 功能列表 | 功能描述 | 是否完成 | -| --- | --- | --- | -| SIMPLE 设计器 | 仿钉钉/飞书设计器，支持拖拽搭建表单流程，10 分钟快速完成审批流程配置 | ✅ | -| BPMN 设计器 | 基于 BPMN 标准开发，适配复杂业务场景，满足多层级审批及流程自动化需求 | ✅ | -| 会签 | 同一个审批节点设置多个人（如 A、B、C 三人，三人会同时收到待办任务），需全部同意之后，审批才可到下一审批节点 | ✅ | -| 或签 | 同一个审批节点设置多个人，任意一个人处理后，就能进入下一个节点 | ✅ | -| 依次审批 | （顺序会签）同一个审批节点设置多个人（如 A、B、C 三人），三人按顺序依次收到待办，即 A 先审批，A 提交后 B 才能审批，需全部同意之后，审批才可到下一审批节点 | ✅ | -| 抄送 | 将审批结果通知给抄送人，同一个审批默认排重，不重复抄送给同一人 | ✅ | -| 驳回 | （退回）将审批重置发送给某节点，重新审批。可驳回至发起人、上一节点、任意节点 | ✅ | -| 转办 | A 转给其 B 审批，B 审批后，进入下一节点 | ✅ | -| 委派 | A 转给其 B 审批，B 审批后，转给 A，A 继续审批后进入下一节点 | ✅ | -| 加签 | 允许当前审批人根据需要，自行增加当前节点的审批人，支持向前、向后加签 | ✅ | -| 减签 | （取消加签）在当前审批人操作之前，减少审批人 | ✅ | -| 撤销 | （取消流程）流程发起人，可以对流程进行撤销处理 | ✅ | -| 终止 | 系统管理员，在任意节点终止流程实例 | ✅ | -| 表单权限 | 支持拖拉拽配置表单，每个审批节点可配置只读、编辑、隐藏权限 | ✅ | -| 超时审批 | 配置超时审批时间，超时后自动触发审批通过、不通过、驳回等操作 | ✅ | -| 自动提醒 | 配置提醒时间，到达时间后自动触发短信、邮箱、站内信等通知提醒，支持自定义重复提醒频次 | ✅ | -| 父子流程 | 主流程设置子流程节点，子流程节点会自动触发子流程。子流程结束后，主流程才会执行（继续往下下执行），支持同步子流程、异步子流程 | ✅ | -| 条件分支 | （排它分支）用于在流程中实现决策，即根据条件选择一个分支执行 | ✅ | -| 并行分支 | 允许将流程分成多条分支，不进行条件判断，所有分支都会执行 | ✅ | -| 包容分支 | （条件分支 + 并行分支的结合体）允许基于条件选择多条分支执行，但如果没有任何一个分支满足条件，则可以选择默认分支 | ✅ | -| 路由分支 | 根据条件选择一个分支执行（重定向到指定配置节点），也可以选择默认分支执行（继续往下执行） | ✅ | -| 触发节点 | 执行到该节点，触发 HTTP 请求、HTTP 回调、更新数据、删除数据等 | ✅ | -| 延迟节点 | 执行到该节点，审批等待一段时间再执行，支持固定时长、固定日期等 | ✅ | -| 拓展设置 | 流程前置/后置通知，节点（任务）前置、后置通知，流程报表，自动审批去重，自定流程编号、标题、摘要，流程报表等 | ✅ | +| 功能列表 | 功能描述 | 是否完成 | +|------------|-------------------------------------------------------------------------------------|------| +| SIMPLE 设计器 | 仿钉钉/飞书设计器，支持拖拽搭建表单流程，10 分钟快速完成审批流程配置 | ✅ | +| BPMN 设计器 | 基于 BPMN 标准开发，适配复杂业务场景，满足多层级审批及流程自动化需求 | ✅ | +| 会签 | 同一个审批节点设置多个人（如 A、B、C 三人，三人会同时收到待办任务），需全部同意之后，审批才可到下一审批节点 | ✅ | +| 或签 | 同一个审批节点设置多个人，任意一个人处理后，就能进入下一个节点 | ✅ | +| 依次审批 | （顺序会签）同一个审批节点设置多个人（如 A、B、C 三人），三人按顺序依次收到待办，即 A 先审批，A 提交后 B 才能审批，需全部同意之后，审批才可到下一审批节点 | ✅ | +| 抄送 | 将审批结果通知给抄送人，同一个审批默认排重，不重复抄送给同一人 | ✅ | +| 驳回 | （退回）将审批重置发送给某节点，重新审批。可驳回至发起人、上一节点、任意节点 | ✅ | +| 转办 | A 转给其 B 审批，B 审批后，进入下一节点 | ✅ | +| 委派 | A 转给其 B 审批，B 审批后，转给 A，A 继续审批后进入下一节点 | ✅ | +| 加签 | 允许当前审批人根据需要，自行增加当前节点的审批人，支持向前、向后加签 | ✅ | +| 减签 | （取消加签）在当前审批人操作之前，减少审批人 | ✅ | +| 撤销 | （取消流程）流程发起人，可以对流程进行撤销处理 | ✅ | +| 终止 | 系统管理员，在任意节点终止流程实例 | ✅ | +| 表单权限 | 支持拖拉拽配置表单，每个审批节点可配置只读、编辑、隐藏权限 | ✅ | +| 超时审批 | 配置超时审批时间，超时后自动触发审批通过、不通过、驳回等操作 | ✅ | +| 自动提醒 | 配置提醒时间，到达时间后自动触发短信、邮箱、站内信等通知提醒，支持自定义重复提醒频次 | ✅ | +| 父子流程 | 主流程设置子流程节点，子流程节点会自动触发子流程。子流程结束后，主流程才会执行（继续往下下执行），支持同步子流程、异步子流程 | ✅ | +| 条件分支 | （排它分支）用于在流程中实现决策，即根据条件选择一个分支执行 | ✅ | +| 并行分支 | 允许将流程分成多条分支，不进行条件判断，所有分支都会执行 | ✅ | +| 包容分支 | （条件分支 + 并行分支的结合体）允许基于条件选择多条分支执行，但如果没有任何一个分支满足条件，则可以选择默认分支 | ✅ | +| 路由分支 | 根据条件选择一个分支执行（重定向到指定配置节点），也可以选择默认分支执行（继续往下执行） | ✅ | +| 触发节点 | 执行到该节点，触发 HTTP 请求、HTTP 回调、更新数据、删除数据等 | ✅ | +| 延迟节点 | 执行到该节点，审批等待一段时间再执行，支持固定时长、固定日期等 | ✅ | +| 拓展设置 | 流程前置/后置通知，节点（任务）前置、后置通知，流程报表，自动审批去重，自定流程编号、标题、摘要，流程报表等 | ✅ | ### 支付系统 @@ -165,26 +165,26 @@ ### 基础设施 -| | 功能 | 描述 | -| --- | --- | --- | -| 🚀 | 代码生成 | 前后端代码的生成（Java、Vue、SQL、单元测试），支持 CRUD 下载 | -| 🚀 | 系统接口 | 基于 Swagger 自动生成相关的 RESTful API 接口文档 | -| 🚀 | 数据库文档 | 基于 Screw 自动生成数据库文档，支持导出 Word、HTML、MD 格式 | -| | 表单构建 | 拖动表单元素生成相应的 HTML 代码，支持导出 JSON、Vue 文件 | -| 🚀 | 配置管理 | 对系统动态配置常用参数，支持 SpringBoot 加载 | -| ⭐️ | 定时任务 | 在线（添加、修改、删除)任务调度包含执行结果日志 | -| 🚀 | 文件服务 | 支持将文件存储到 S3（MinIO、阿里云、腾讯云、七牛云）、本地、FTP、数据库等 | -| 🚀 | WebSocket | 提供 WebSocket 接入示例，支持一对一、一对多发送方式 | -| 🚀 | API 日志 | 包括 RESTful API 访问日志、异常日志两部分，方便排查 API 相关的问题 | -| | MySQL 监控 | 监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈 | -| | Redis 监控 | 监控 Redis 数据库的使用情况，使用的 Redis Key 管理 | -| 🚀 | 消息队列 | 基于 Redis 实现消息队列，Stream 提供集群消费，Pub/Sub 提供广播消费 | -| 🚀 | Java 监控 | 基于 Spring Boot Admin 实现 Java 应用的监控 | -| 🚀 | 链路追踪 | 接入 SkyWalking 组件，实现链路追踪 | -| 🚀 | 日志中心 | 接入 SkyWalking 组件，实现日志中心 | -| 🚀 | 服务保障 | 基于 Redis 实现分布式锁、幂等、限流功能，满足高并发场景 | -| 🚀 | 日志服务 | 轻量级日志中心，查看远程服务器的日志 | -| 🚀 | 单元测试 | 基于 JUnit + Mockito 实现单元测试，保证功能的正确性、代码的质量等 | +| | 功能 | 描述 | +|----|-----------|----------------------------------------------| +| 🚀 | 代码生成 | 前后端代码的生成（Java、Vue、SQL、单元测试），支持 CRUD 下载 | +| 🚀 | 系统接口 | 基于 Swagger 自动生成相关的 RESTful API 接口文档 | +| 🚀 | 数据库文档 | 基于 Screw 自动生成数据库文档，支持导出 Word、HTML、MD 格式 | +| | 表单构建 | 拖动表单元素生成相应的 HTML 代码，支持导出 JSON、Vue 文件 | +| 🚀 | 配置管理 | 对系统动态配置常用参数，支持 SpringBoot 加载 | +| ⭐️ | 定时任务 | 在线（添加、修改、删除)任务调度包含执行结果日志 | +| 🚀 | 文件服务 | 支持将文件存储到 S3（MinIO、阿里云、腾讯云、七牛云）、本地、FTP、数据库等 | +| 🚀 | WebSocket | 提供 WebSocket 接入示例，支持一对一、一对多发送方式 | +| 🚀 | API 日志 | 包括 RESTful API 访问日志、异常日志两部分，方便排查 API 相关的问题 | +| | MySQL 监控 | 监视当前系统数据库连接池状态，可进行分析SQL找出系统性能瓶颈 | +| | Redis 监控 | 监控 Redis 数据库的使用情况，使用的 Redis Key 管理 | +| 🚀 | 消息队列 | 基于 Redis 实现消息队列，Stream 提供集群消费，Pub/Sub 提供广播消费 | +| 🚀 | Java 监控 | 基于 Spring Boot Admin 实现 Java 应用的监控 | +| 🚀 | 链路追踪 | 接入 SkyWalking 组件，实现链路追踪 | +| 🚀 | 日志中心 | 接入 SkyWalking 组件，实现日志中心 | +| 🚀 | 服务保障 | 基于 Redis 实现分布式锁、幂等、限流功能，满足高并发场景 | +| 🚀 | 日志服务 | 轻量级日志中心，查看远程服务器的日志 | +| 🚀 | 单元测试 | 基于 JUnit + Mockito 实现单元测试，保证功能的正确性、代码的质量等 | ![功能图](/.gitee/image/common/infra-feature.png) @@ -197,18 +197,19 @@ ### 微信公众号 -| | 功能 | 描述 | -| --- | --- | --- | -| 🚀 | 账号管理 | 配置接入的微信公众号，可支持多个公众号 | -| 🚀 | 数据统计 | 统计公众号的用户增减、累计用户、消息概况、接口分析等数据 | -| 🚀 | 粉丝管理 | 查看已关注、取关的粉丝列表，可对粉丝进行同步、打标签等操作 | -| 🚀 | 消息管理 | 查看粉丝发送的消息列表，可主动回复粉丝消息 | -| 🚀 | 自动回复 | 自动回复粉丝发送的消息，支持关注回复、消息回复、关键字回复 | -| 🚀 | 标签管理 | 对公众号的标签进行创建、查询、修改、删除等操作 | -| 🚀 | 菜单管理 | 自定义公众号的菜单，也可以从公众号同步菜单 | -| 🚀 | 素材管理 | 管理公众号的图片、语音、视频等素材，支持在线播放语音、视频 | -| 🚀 | 图文草稿箱 | 新增常用的图文素材到草稿箱，可发布到公众号 | -| 🚀 | 图文发表记录 | 查看已发布成功的图文素材，支持删除操作 | +| | 功能 | 描述 | +|----|--------|-------------------------------| +| 🚀 | 账号管理 | 配置接入的微信公众号，可支持多个公众号 | +| 🚀 | 数据统计 | 统计公众号的用户增减、累计用户、消息概况、接口分析等数据 | +| 🚀 | 粉丝管理 | 查看已关注、取关的粉丝列表，可对粉丝进行同步、打标签等操作 | +| 🚀 | 消息管理 | 查看粉丝发送的消息列表，可主动回复粉丝消息 | +| 🚀 | 模版消息 | 配置和发送模版消息，用于向粉丝推送通知类消息 | +| 🚀 | 自动回复 | 自动回复粉丝发送的消息，支持关注回复、消息回复、关键字回复 | +| 🚀 | 标签管理 | 对公众号的标签进行创建、查询、修改、删除等操作 | +| 🚀 | 菜单管理 | 自定义公众号的菜单，也可以从公众号同步菜单 | +| 🚀 | 素材管理 | 管理公众号的图片、语音、视频等素材，支持在线播放语音、视频 | +| 🚀 | 图文草稿箱 | 新增常用的图文素材到草稿箱，可发布到公众号 | +| 🚀 | 图文发表记录 | 查看已发布成功的图文素材，支持删除操作 | ### 商城系统 diff --git a/apps/web-antd/src/api/mp/messageTemplate/index.ts b/apps/web-antd/src/api/mp/messageTemplate/index.ts new file mode 100644 index 000000000..6b0d68294 --- /dev/null +++ b/apps/web-antd/src/api/mp/messageTemplate/index.ts @@ -0,0 +1,57 @@ +import { requestClient } from '#/api/request'; + +export namespace MpMessageTemplateApi { + /** 消息模板信息 */ + export interface MessageTemplate { + id: number; + accountId: number; + appId: string; + templateId: string; + title: string; + content: string; + example: string; + primaryIndustry: string; + deputyIndustry: string; + createTime?: Date; + } + + /** 发送消息模板请求 */ + export interface MessageTemplateSendVO { + id: number; + userId: number; + data?: Record; + url?: string; + miniProgramAppId?: string; + miniProgramPagePath?: string; + miniprogram?: string; + } +} + +/** 查询消息模板列表 */ +export function getMessageTemplateList(params: { accountId: number }) { + return requestClient.get( + '/mp/message-template/list', + { params }, + ); +} + +/** 删除消息模板 */ +export function deleteMessageTemplate(id: number) { + return requestClient.delete('/mp/message-template/delete', { + params: { id }, + }); +} + +/** 同步公众号模板 */ +export function syncMessageTemplate(accountId: number) { + return requestClient.post('/mp/message-template/sync', null, { + params: { accountId }, + }); +} + +/** 发送消息模板 */ +export function sendMessageTemplate( + data: MpMessageTemplateApi.MessageTemplateSendVO, +) { + return requestClient.post('/mp/message-template/send', data); +} diff --git a/apps/web-antd/src/views/mp/messageTemplate/data.ts b/apps/web-antd/src/views/mp/messageTemplate/data.ts new file mode 100644 index 000000000..aa0d59b6e --- /dev/null +++ b/apps/web-antd/src/views/mp/messageTemplate/data.ts @@ -0,0 +1,143 @@ +import type { VbenFormSchema } from '#/adapter/form'; +import type { VxeGridPropTypes } from '#/adapter/vxe-table'; + +import { getUserPage } from '#/api/mp/user'; + +/** 列表的搜索表单 */ +export function useGridFormSchema(): VbenFormSchema[] { + return [ + { + fieldName: 'accountId', + label: '公众号', + component: 'Input', + }, + ]; +} + +/** 发送消息模板表单 */ +export function useSendFormSchema(accountId?: number): VbenFormSchema[] { + return [ + { + fieldName: 'id', + label: '模板编号', + component: 'Input', + componentProps: { + disabled: true, + }, + }, + { + fieldName: 'title', + label: '模板标题', + component: 'Input', + componentProps: { + disabled: true, + }, + }, + { + fieldName: 'userId', + label: '用户', + component: 'ApiSelect', + componentProps: { + api: async () => { + if (!accountId) { + return []; + } + const data = await getUserPage({ + pageNo: 1, + pageSize: 100, + accountId, + }); + return (data.list || []).map((user) => ({ + label: user.nickname || user.openid, + value: user.id, + })); + }, + showSearch: true, + placeholder: '请选择用户', + }, + rules: 'required', + }, + { + fieldName: 'data', + label: '模板数据', + component: 'Textarea', + componentProps: { + rows: 4, + placeholder: + '请输入模板数据（JSON 格式），例如：{"keyword1": {"value": "测试内容"}}', + }, + }, + { + fieldName: 'url', + label: '跳转链接', + component: 'Input', + componentProps: { + placeholder: '请输入跳转链接', + }, + }, + { + fieldName: 'miniProgramAppId', + label: '小程序 appId', + component: 'Input', + componentProps: { + placeholder: '请输入小程序 appId', + }, + }, + { + fieldName: 'miniProgramPagePath', + label: '小程序页面路径', + component: 'Input', + componentProps: { + placeholder: '请输入小程序页面路径', + }, + }, + ]; +} + +/** 表格列配置 */ +export function useGridColumns(): VxeGridPropTypes.Columns { + return [ + { + title: '公众号模板 ID', + field: 'templateId', + minWidth: 400, + }, + { + title: '标题', + field: 'title', + minWidth: 150, + }, + { + title: '模板内容', + field: 'content', + minWidth: 400, + }, + { + title: '模板示例', + field: 'example', + minWidth: 200, + }, + { + title: '一级行业', + field: 'primaryIndustry', + minWidth: 120, + }, + { + title: '二级行业', + field: 'deputyIndustry', + minWidth: 120, + }, + { + title: '创建时间', + field: 'createTime', + formatter: 'formatDateTime', + minWidth: 180, + }, + { + title: '操作', + width: 140, + fixed: 'right', + slots: { default: 'actions' }, + }, + ]; +} diff --git a/apps/web-antd/src/views/mp/messageTemplate/index.vue b/apps/web-antd/src/views/mp/messageTemplate/index.vue new file mode 100644 index 000000000..fb6f2f2ec --- /dev/null +++ b/apps/web-antd/src/views/mp/messageTemplate/index.vue @@ -0,0 +1,166 @@ + + + diff --git a/apps/web-antd/src/views/mp/messageTemplate/modules/send-form.vue b/apps/web-antd/src/views/mp/messageTemplate/modules/send-form.vue new file mode 100644 index 000000000..bb25ae519 --- /dev/null +++ b/apps/web-antd/src/views/mp/messageTemplate/modules/send-form.vue @@ -0,0 +1,103 @@ + + +