校招刷题群
围观 > 设计文档
需求列表页和详情页模块
[校跑跑]校园快递外卖代跑平台 03-25 第2期
2,318人浏览
2 2
模块描述

需求列表页和详情页模块是为了向跑腿人展示派单的具体信息以及方便跑腿人进行派单的筛选。

需求列表页和详情页模块主要包含:派单信息模块、派单展示排序规则、发布人信息展示规则。

原型图(或流程图)
接口设计

派单详情页

(1)酬劳结构展示。当用户点击酬劳后的问号按钮,则弹出弹窗,显示酬劳明细,包括基本跑腿费和小费。在该弹窗中,右上角有“计价规则”按钮,点击该按钮,进入计价规则介绍页面。用户可以点击右上角的关闭按钮,关闭该页面。

(2)用户信息查看规则。当用户点击查看用户信息按钮时,弹出弹窗,告知接单人,只有接单后才有资格查看发布人信息。

(3)接单规则。接单人点击“立即接单”,出现弹窗,让接单人进行再次确认。在该弹窗中,点击 “确定”接单按钮后,若是接单成功,则页面到接单成功页。若用户没有接单成功,则显示失败原因。用户点击该提示框中的关闭按钮,页面退回到派单筛选首页。该弹窗保持时间为10秒,10秒过后该弹窗自动退出,返回到派单筛选首页。

派单列表页

(1)派单列表页。筛选要素有:排序、送达时间、物品重量、筛选。“排序”栏下包含:酬金最高、最新两个子筛选项。“筛选”栏下包含:物品种类、物品数量。默认选项为最新、送达时间全部、物品重量不限、物品种类以及数量不限。在派单列表页,派单的显示规则为一页显示10个,不满10个不显示“查看更多”按钮。用户点击“查看更多”按钮,进行派单的全部显示。

(2)点击“排序”,出现下拉框。当用户进行筛选规则选择后,“排序”字样转变为具体规则。如当用户选择“最新”排列规则后,派单列表页的“排序”字样转变为“最新”,并将“最新”二字高亮显示。

(3)“筛选”显示状态。点击“筛选”出现具体下拉框,下拉框的内容包括物品数量及物品类型。在用户进行具体的物品数量和物品重量选择后,点击该下拉框的“完成”按钮,完成筛选,下拉框收起,同时“筛选”二字高亮显示。在该页面中。若用户点击“重置”按钮,默认选择自动回归到物品种类“不限”、物品“不限”的位置上。

评论
大V点评
最新评论
评论
V

waterfall

特约顾问
前美团前端工程师

派单列表页的 筛选要素真的是有很多 

发表于 2019-06-10 10:12
0

帖子还没人回复快来抢沙发