家政预约小步伐13我的订单

打印 上一主题 下一主题

主题 549|帖子 549|积分 1647

现在我们已经完成了家政预约小步伐主体功能的开发,包罗服务的查看,在线预约已经登录等功能。预约之后就需要家政公司的客服进行派单,由服务人员进行上门服务。在小步伐中客户可以查看本身的订单信息,方便进行操作和评价。
1 我的订单页面布局

打开应用编辑器,切换到我的页面,选中页面组件,设置背景色为灰色

设置10px的外边距

设置背景色为白色,设置一定的圆角

里边放置一个普通容器,继续放置两个文本组件,设置布局为横向排列,两端对齐

然后搭建服务状态的展示效果,分为待支付、待服务、待验收和待评价

我们还是使用普通容器作为基础布局,里边用图标和文本组件让我们的状态的辨识度更高一点
2 全部订单页面

点击新建页面图标,创建一个全部订单页面


在页面中先放入顶部选项卡

修改标签为待支付、待服务、待验收、待评价

从我的页面,点击一个状态,跳到全部订单页面,这个时间状态需要被选中。我们给这个页面界说一个URL参数用来接收我的页面选中的值


然后设置选中标签为fx绑定,选择我们的URL参数


回到我的页面,给不同的状态设置不同的传参

3 美满订单状态

打开我们的预约信息表,添加一列订单状态,创建摆列值,分别输入待支付、待服务、待验收、待评价四个状态


4 查询订单信息

回到全部订单页面,添加数据列表组件,选择我们的预约信息

第一个文本绑定为服务的名称

第二个文本绑定为创建的时间

图标组件我们更换成文本组件,绑定为订单的状态

修改一下文本组件的父容器,设置宽度为80

设置一下数据列表的筛选条件,订单状态即是我们的顶部选项卡的选中值

继续添加条件,openid即是我们的登录用户的openId

设置这个条件是只答应他查询本身的数据
总结

本篇我们先容了我的订单功能的开发,涉及到页面传参以及数据过滤的相关设置。通过设置合理的状态信息,我们就可以按照业务的需求在各个业务环节进行区分,后续我们先容在管理端如何进行订单确认以及派单的功能。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

杀鸡焉用牛刀

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表