微搭低代码MBA 培训管理系统实战 19——教务管理:从订单到课时卡的自动转化

微搭低代码MBA 培训管理系统实战 19——教务管理:从订单到课时卡的自动转化

目录

前情回顾

上一篇中我们讲解了销售在订单成交后,录入订单。此时订单的状态还是待支付的状态,需要财务确认收款情况。财务人员点击了"确认收款",订单状态变更为 已清账。此时,资金流已经闭环,但学员在系统里还只是一个"商机客户",没有上课的权限。本节我们要解决如何让系统自动识别已付钱的客户,并为其发放"数字资产"——课时卡

本节目标:

  1. 学籍自动转化:将 CRM 中的"客户"自动转录为"正式学员"。
  2. 课时自动充值:根据订单中的产品,自动生成对应的课时卡余额。

一、 数据源设计

在原有订单表的基础上,我们再创建两张表,用来记录学员的学籍和课时卡信息

1.1 学员档案表 (MBA_StudentProfiles)

定位:学员的"基本法",记录自然人属性。

字段名称字段标识字段类型说明
学员ID_id文本主键,系统自动生成
学员姓名student_name文本姓名
手机号mobile文本用于登录或通知
关联客户rel_customer_id关联关系关联 MBA_Customer 表,追溯来源
OpenIDopenid文本学员微信OpenID,用于小程序端登录和权限控制
学籍状态status枚举1-在读、2-休学、3-毕业、4-退费
入学时间enroll_date日期订单支付成功的日期
创建时间created_at日期时间自动生成
更新时间updated_at日期时间自动更新
在这里插入图片描述

1.2 课时卡表 (MBA_LearningCards)

定位:系统的"资产层"。它是财务与教务的交接单,也是待分班列表的数据源。

字段名称字段标识字段类型说明
卡片ID_id文本主键
关联学员rel_student_id关联关系属于哪个学员
关联订单rel_order_id关联关系关联 MBA_Orders 表,追溯交易来源
关联产品rel_prod_id关联关系购买的课程产品(如:MBA面试突击班)
总课时total_hours数字初始发放数
剩余课时remain_hours数字实际可用数(消课扣减此处)
分班状态assign_status枚举核心控制位:1-待分班(pending)、2-已进班(assigned)
关联班级rel_class_id关联关系当前这张卡绑定的班级(方便直接显示)
过期日期expiry_date日期课时卡有效期,默认一年
创建时间created_at日期时间自动生成
更新时间updated_at日期时间自动更新
在这里插入图片描述

二 创建管理页面

2.1 搭建财务布局

目前财务需要专属的工作台来进行资金到账的确认动作,我们来给财务创建一个布局。

点击布局设计,点击新建布局

在这里插入图片描述


选择左侧导航布局

在这里插入图片描述


重命名为财务布局

在这里插入图片描述

2.2 搭建待支付列表页面

点击创建页面的图标,创建订单确认页面,选择财务布局

切换到布局设计,添加菜单

在这里插入图片描述


切回到页面设计,在财务布局的内容插槽里添加布局组件

在这里插入图片描述


修改标题为订单确认

在这里插入图片描述


添加顶部选项卡,标签改为待办、已办

在这里插入图片描述


添加数据表格,数据模型选择订单表

在这里插入图片描述


设置数据筛选,配置为订单状态等于待支付

在这里插入图片描述


将操作列的按钮改为确认支付

在这里插入图片描述

2.3 搭建确认支付弹窗

在页面组件下添加弹窗组件

在这里插入图片描述


添加表单容器,数据模型选择订单表,场景选择更新

在这里插入图片描述


数据标识绑定为弹窗的入参

在这里插入图片描述

将订单的字段的状态改为只读

在这里插入图片描述


财务确认人的选中值绑定为当前登录对象的数据标识

在这里插入图片描述


给确认支付按钮绑定点击事件,打开弹窗,传入所在行的数据

在这里插入图片描述

2.4 自动化开课

当财务选择了已清账,需要自动给学员创建学籍,开通课时卡。我们需要创建一个自定义方法来完成操作。

export default async function afterUpdate({ event, data }){ // data.target 直接包含当前订单的完整信息(包括关联字段) const order = data.target; const orderId = order._id; const customer = order.rel_customer_id; // 关联的客户对象 const product = order.rel_prod_id; // 关联的产品对象 const order_status =$w.select10.value // 判断订单状态是否为"已清账"(3),是则执行开课逻辑 if(order_status ==='3'){ try { await $w.utils.showLoading({ title: '正在开课...'}); // 1. 查询是否已存在学员档案(避免重复创建) const studentRes = await $w.cloud.callDataSource({ dataSourceName: 'MBA_StudentProfiles', methodName: 'wedaGetRecordsV2', params: { filter: { where: { rel_customer_id: {$eq: customer._id }}}, select: {$master:true}}});let studentId;if(studentRes.records && studentRes.records.length >0){ // 更新已有学员档案 const existingStudent = studentRes.records[0]; await $w.cloud.callDataSource({ dataSourceName: 'MBA_StudentProfiles', methodName: 'wedaUpdateV2', params: { data: { status: '1', // 在读 enroll_date: Date.now(), }, filter: { where: { _id: {$eq: existingStudent._id }}}}}); studentId = existingStudent._id;}else{ // 创建新学员档案 const newStudentRes = await $w.cloud.callDataSource({ dataSourceName: 'MBA_StudentProfiles', methodName: 'wedaCreateV2', params: { data: { student_name: customer.name, mobile: customer.phone, rel_customer_id: { _id: customer._id }, openid: null, // 待学员首次登录小程序时绑定 status: '1', // 在读 enroll_date: Date.now(), }}}); studentId = newStudentRes.id;} // 2. 创建课时卡(待分班状态) const expiryDate = new Date(); expiryDate.setFullYear(expiryDate.getFullYear() + 1); await $w.cloud.callDataSource({ dataSourceName: 'MBA_LearningCards', methodName: 'wedaCreateV2', params: { data: { rel_student_id: { _id: studentId }, rel_order_id: { _id: orderId }, rel_prod_id: { _id: product._id }, total_hours: order.product_hours || product.total_hours ||0, remain_hours: order.product_hours || product.total_hours ||0, assign_status: '1', // 待分班 expiry_date: expiryDate.getTime(), }}}); console.log(`学员档案和课时卡创建成功:订单 ${orderId}`);$w.utils.showToast({ title: '自动化开课成功', icon: 'success'});} catch (error){ console.error('自动化开课失败:', error);$w.utils.showToast({ title: '开课失败:' + error.message, icon: 'error'});} finally {$w.utils.hideLoading();}}}

在表单提交的时候,调用此方法

在这里插入图片描述

三 配置门户数据

先创建财务角色

在这里插入图片描述


然后添加人员

在这里插入图片描述


配置财务门户数据

在这里插入图片描述

需要完善一下全局登录方法,添加财务岗位映射关系

 /* * 函数里面访问:通过 app.common.[name] 访问这里定义的方法或值 * 函数外面访问:通过 import(如在页面的 handler 引用的例子:import sayHi from '../../common/[name]') */ export default async function login({ event, data }){ try {$w.utils.showLoading({ title: '加载工作台中...'}); // 1. 从云开发原生 auth 对象中获取当前已登录的手机号 const phone =$w.auth.currentUser?.phone ||$w.input1.value;if(!phone){return$w.utils.showToast({ title: '获取授权信息失败,请重新登录', icon: 'error'});} // 1. 先查询是否是渠道用户 const channelRes = await $w.cloud.callDataSource({ dataSourceName: 'MBA_ChannelPartners', methodName: 'wedaGetRecordsV2', params: { filter: { where: { phone: {$eq: phone }}}, select: {$master: true, }}}); console.log("channelRes", channelRes)if(channelRes.records && channelRes.records.length >0){ // 渠道用户登录成功 const channelInfo = channelRes.records[0];$w.app.dataset.state.currentChannel = channelInfo; // 渠道用户固定角色,用于门户跳转判断 $w.app.dataset.state.userRoles =['ROLE_CHANNEL'];$w.utils.showToast({ title: '渠道登录成功', icon: 'success'});return;} // 2. 根据手机号查询业务库中的用户信息(关联查询部门和岗位) const userRes = await $w.cloud.callDataSource({ dataSourceName: 'MBA_Users', methodName: 'wedaGetRecordsV2', params: { filter: { where: { phone: {$eq: phone }}}, select: {$master: true, department_id: true, position_id: true}}});if(!userRes.records.length){return$w.utils.showToast({ title: '该手机号未在系统中注册,请联系管理员', icon: 'error'});} const user = userRes.records[0]; console.log("user", user) // 3. 异步更新用户的最后登录时间 (不阻塞后续逻辑)$w.cloud.callDataSource({ dataSourceName: 'MBA_Users', methodName: 'wedaUpdateV2', params: { data: { last_login: Date.now()}, filter: { where: { _id: {$eq: user._id }}}}}).catch(e => console.error('更新登录时间失败', e)); // 4. 获取用户关联的角色信息 const roleRes = await $w.cloud.callDataSource({ dataSourceName: 'MBA_RoleUsers', methodName: 'wedaGetRecordsV2', params: { filter: { where: { user_id: {$eq: user._id }}}, select: {$master: true, role_id: true}}}); console.log("roleRes", roleRes) // 提取角色编码 (例如: ['ROLE_ADMIN', 'ROLE_TEACHER']) const roleCodes = roleRes.records.map(item => item.role_id?.code).filter(Boolean); console.log("roleCodes", roleCodes) // 5. 构造全局 User 对象并写入页面状态 const userInfo ={...user, deptInfo: user.department_id, postInfo: user.position_id, }; // 5. 根据岗位信息确定用户类型 const userType = getUserTypeByPosition(user.position_id);$w.app.dataset.state.currentUser = userInfo;$w.app.dataset.state.userRoles = roleCodes;$w.app.dataset.state.userType = userType;} catch (e){ console.error('初始化门户失败', e);$w.utils.showToast({ title: '系统加载失败,请刷新重试', icon: 'error'});} finally {$w.utils.hideLoading();}} // 根据岗位信息确定用户类型 exportfunction getUserTypeByPosition(position){if(!position){return'employee';} const positionName = position.name ||''; const positionCode = position.code ||''; // 岗位到用户类型的映射 const positionToTypeMap ={ // 销售相关岗位 '销售':'sales', '销售经理':'sales-manager', '销售总监':'sales-manager', // 教师相关岗位 '教师':'teacher', '讲师':'teacher', '教授':'teacher', // 其他岗位 '客服':'employee', '行政':'employee', '财务':'finance'}; // 优先根据岗位编码匹配 if(positionCode){if(positionCode.includes('SALES'))return'sales';if(positionCode.includes('TEACHER'))return'teacher';if(positionCode.includes('MANAGER'))return'sales-manager';if(positionCode.includes('POST-FM'))return'finance';} // 其次根据岗位名称匹配 return positionToTypeMap[positionName]||'employee';}

最终效果

财务人员访问首页,输入手机号

在这里插入图片描述


跳转到对应的工作台进行相关的操作

在这里插入图片描述

总结

本篇我们介绍了财务确认相关业务流程的搭建,创建了相关的表结构。在财务人员点击确认后,会自动开通学籍及课时卡信息,下一篇我们介绍班级管理版块,敬请期待。

Read more

【前端】Vue3+elementui+ts,给标签设置样式属性style时,提示type check failed for prop,再次请出DeepSeek来解答

【前端】Vue3+elementui+ts,给标签设置样式属性style时,提示type check failed for prop,再次请出DeepSeek来解答

🌹欢迎来到《小5讲堂》🌹 🌹这是《前端》系列文章,每篇文章将以博主理解的角度展开讲解。🌹 🌹温馨提示:博主能力有限,理解水平有限,若有不对之处望指正!🌹 目录 * 前言 * 警告信息 * DeepSeek解答 * 问题原因 * 解决方案 * 关于 !important * 最终建议写法 * Vue小技巧 * Vue 3 实用代码小技巧 * 1. 组合式 API 技巧 * 2. 组件通信技巧 * 3. 模板技巧 * 4. 性能优化技巧 * 5. 组合式函数技巧 * 6. 生命周期技巧 * 7. 路由技巧 (Vue Router) * 8. 状态管理 (Pinia) 技巧 * 9. 调试技巧 * 文章推荐 前言 翻看了下上一篇写前端文章还是一年前,

深度解析KBQA常用数据集:WebQSP与CWQ

深度解析KBQA常用数据集:WebQSP与CWQ 一、引言 知识图谱问答(KBQA)是自然语言处理领域的关键任务,其核心挑战在于将自然语言问题转换为可执行的逻辑形式(如SPARQL查询)并从知识图谱中获取答案。WebQSP和CWQ是当前KBQA研究中最具代表性的两个数据集,分别覆盖了从多跳到复杂组合性问题的全场景。本文将从数据形式、标注特点、核心挑战等维度对两者进行深度解析,并对比其在KBQA研究中的定位与价值。 二、WebQSP数据集:多跳推理的基石 2.1 数据集概况 * 全称:WebQuestionsSP(扩展自WebQuestions) * 来源:基于Freebase知识图谱构建,由Berant等人于2013年提出,后经扩展支持多跳推理。 * 规模:训练集约4,700条,测试集约2,000条。 * 问题类型:多跳关系推理(最多4跳),需结合实体、关系和约束条件。 2.2 数据形式详解(基于WebQSP-train实例深度解析) WebQSP的每条数据以JSON格式组织,包含从原始问题到逻辑形式、推理路径、答案的完整标注。以下结合WebQTrn-0实例(关于

ctfshow Web入门命令执行29-124全通关详解(看这一篇就够啦~)

文章目录 * 命令执行 * web29-web31:基础注入 * web29 * web30 * web31 * web32-web36:参数逃逸 * web32 * web33 * web34-36 * web37-web39:文件包含+伪协议命令执行 * web37 * web38 * web39 * web40:无参数RCE * web41:无字母RCE * web42-web53:绕过无回显RCE * web42 * web43 * web44 * web45 * web46 * web47-web49 * web50 * web51 * web52 * web52 * web53 * web54:关键词模糊匹配 * web55-web57:字符集受限 RCE * web55 * web56 * we

前端已死?元编程时代:用AI Skills重构你的开发工作流

摘要:本文深入探讨了新兴的“AI Skills”概念,它远不止是简单的Prompt技巧,而是一种将最佳实践、团队规范和技术栈封装成可执行文件的结构化工程范式。文章将系统阐述AI Skills如何从前端开发的“辅助工具”升级为“核心生产力”,通过UI组件生成、API客户端编码、智能测试等具体场景,展示其对工作流的颠覆性重构。我们将深入其技术原理,提供可操作的实践路径,并展望在这一范式下,前端开发者如何从“代码劳工”转变为“规则制定者”和“智能工作流架构师”。 关键字:AI Skills、前端开发、工作流重构、低错误率、Prompt工程、元编程 引言:超越ChatGPT,迎接“可编程的智能体” 🚀 如果你还停留在用ChatGPT手动复制粘贴代码片段,偶尔还要为它生成的过时或错误代码“擦屁股”的阶段,那么你正在浪费AI 90%的潜力。前端开发的范式革命已然来临,其核心不再是“会不会用AI”,而是“如何系统化、