家政维修平台实战30：处理售后

一般电商品平台会有大量的售后申请，有的是对服务不满意的，有的是维修了之后还继续有问题的，因此我们需要搭建一个申请界面让用户提交申请，客服在后台可以进行处理，本篇我们介绍一下具体的开发过程。

1 创建数据源

我们先搭建一个数据源来保存具体的信息，具体的字段有：

字段名	类型	说明	备注/示例
_id	String	唯一标识，主键	微搭自动生成
orderId	Object	关联的订单ID	引用 jz_orders 表的 _id，用于关联到具体订单，例如 { "_id": "WX20230008" }
userId	Object	申请用户ID	引用 Users 表的 _id，标识是哪个用户提交的申请
requestType	Number	售后类型	枚举值： 1：服务质量问题 2：服务未完成3：服务后出现新问题 4：其他问题
description	String	问题描述	用户在小程序端“问题描述”文本框中填写的详细问题说明
images	Array	用户上传的图片URL列表	存储用户提交售后时上传的图片云存储地址数组，例如 ["cloud://...", "..."]，对应“上传图片”组件
contactPhone	String	用户联系手机号	用户在“联系方式”中输入的手机号码
status	Number	售后申请的当前状态	枚举值： 1：待处理（用户刚提交） 2：处理中（客服已介入） 3：已完成 4：已拒绝 5：已取消
createdAt	Datetime	申请提交时间	自动记录，表示用户何时提交了售后申请
updatedAt	Datetime	最后更新时间	每次售后申请的状态或处理结果变更时自动更新
customerServiceId	Object	最后处理此申请的客服ID (可选)	引用 Admins 或 CustomerServiceUsers 表的 _id，标识是哪个客服最后操作了此申请
handlingResult	String	客服处理结果或回复	客服在后台“处理结果”下拉框或文本框中选择/输入的最终处理结果，例如：“已解决”、“退款处理中”、“无法解决”、“已转交技师”等
handlingNotes	String	客服处理备注/意见	客服在后台“处理备注”文本框中输入的具体处理意见或内部备注信息
handlingImages	Array	客服或技师处理过程中上传的图片URL列表 (可选)	存储客服或技师在处理过程中（例如技师反馈时）上传的证据图片云存储地址数组
handlingTimestamp	Datetime	客服最后处理时间	记录客服最后一次更新此申请的处理结果和备注的时间

打开数据库，创建数据模型，建立对应的字段

2 用户发起售后

我们已经按照整个售后处理流程搭建了表结构，在我们的原型中内部还有处理流程，为了简便，内部流程线下处理，线上只是由客服进行处理即可。

整体流程是先由用户在我的订单页面发起售后，然后客服进行回复。打开我们的小程序，创建发起售后页面

添加表单容器，选择售后表

选中页面组件，创建URL参数，新建serviceId


选中订单标识组件，点击fx进行数据绑定

选择我们刚刚创建的serviceId

这样设置的原因是让我们的表单显示后就和需要申请售后的订单进行关联

选中用户标识，点击选中值旁边的fx

从全局变量的userData绑定用户数据的数据标识字段

选中用户上传的图片组件，设置标题换行

依次将标题显示不全的组件设置为标题换行

将申请售后的状态的选中值设置为1，表示待处理

然后将状态组件设置为隐藏

将和客服相关的组件删除

选择表单容器，设置事件

在表单提交成功后添加一个返回上一页的方法

切换到订单页面，选择申请售后的按钮，设置点击事件，传入服务标识，打开我们的发起售后页面

3 客服处理售后申请

当用户提交申请后，需要给客服搭建一个售后申请处理页面，填写相关意见。打开我们的后台应用，创建页面，选择从表单与表格创建

添加弹窗组件

在弹窗内容里添加表单容器组件，场景选择更新，数据模型选择售后表

设置数据标识

绑定弹窗组件的openInfo

选择弹窗组件，关闭底部按钮

关闭弹窗的默认打开状态

将编辑按钮的内容修改为处理

修改点击事件，改为打开弹窗

传入表格的所在行的数据标识

选中弹窗组件里的表单容器，在表单提交成功后，关闭弹窗，刷新表格

最终的效果

用户在我的订单页面，点击申请售后按钮

跳转到申请页面，填写必要的信息，将申请提交到客服端

客服在后台看到用户提交的申请信息

点击处理进行相关的操作

总结

我们本篇介绍了在服务完成后，例外程序的处理，包括小程序端的申请功能的搭建，后台审核功能的搭建。在低代码中需要这种流程流转的，我们通常都是通过状态进行控制，不同的人员看到不同的信息进行具体的操作。