项目选型:uniapp框架 目标端应用:小程序 评估内容:应用功能点-前端 页面及前端交互时间评估共计:59工作日(408小时/7=58.28) 前后端接口联调预计:14天 其他特殊情况预留5天 总计:78个工作日(59+14+5)
搭建11小时
-
项目初始化搭建
4小时
配置代码转译工具less,sass,bable 2小时 uni.request()封装,错误返回统一处理。 2小时 全局配置小程序兼容样式和vuex状态管理器按模块扩展 3小时
登录注册39.5小时
- 登录注册分微信快捷登录注册和手机号登录注册
- 静态页面编写
2小时
- 点击微信登录按钮
- 微信快捷登录需要调用相关api弹出用户信息授权窗口和允许获取手机号的询问窗口,因为不是使用小程序原生开发,所有需要调研相关api调用方式。
12小时
- 微信快捷登录根据用户的unionid进行关联,需要在获得授权的情况下再调用unionid的api获取,登录接口中传给后端。
6小时
-
点击手机号登录注册跳到登录页面
-
登录静态页面
2小时
-
获取验证码按钮是否可用状态判断
1小时
-
用户协议check切换和勾选状态判断,文档静态页面编写
2小时
-
手机号码正则判断和弹起数字软键盘(数字软键盘需要查文档或者修改插件代码)
8小时
-
验证码界面
-
验证码静态页面
1小时
-
计时器,计时器和重新发送按钮根据倒计时动态切换
2小时
-
获取验证码,验证码验证,成功返回登录注册成功页
2小时
-
验证码失败或过期提示
0.5小时
-
登录成功后保存token(有效期一个月),需要本地保存
1小时
首页47小时
-
静态页面
-
banner滚动图片
-
查看uniapp文档swiper组件是否满足当前需求,可以使用,需要按需求文档修改代码 ,如果不能使用则需要手动封装js代码实现
16小时
-
图片后端动态更新,前端需要写成参数形式且可以动态更新
4小时
-
轮播图内容点击跳转到相对应的界面
2小时
-
限时抢购
-
活动内容参数化
2小时
-
点击活动跳转到选中活动id的产品详情界面
1小时
-
活动倒计时(距开始时间24小时内开始计时,活动未开始则展示距开始倒计时,活动开始未结束展示结束计时)
2小时
-
热销单品
-
布局参数化
2小时
-
点击跳转到相应产品详情页
1小时
-
城市信息
-
开启定位的授权弹框(需要调用相关api)
4小时
-
调研高德地图api在uniapp、小程序的兼容情况
5小时
-
定位经纬度解析成详细地址展示
2小时
-
获取到当前地址位置后动态更新左上角的所在城市
2小时
-
定位权限弹框需要封装成共用方法,用户拒绝后每次使用功能模块的时候调用询问
4小时
城市选择27小时
- 已开通城市,数据由后台上传,前端参数化
2小时
- 模糊搜索功能,输入汉字匹配城市,需要将汉字转化成拼音再提取大写首字母,根据首字母排序搜索
8小时
- 重新定位功能,调用定位授权弹框,获取当前经纬度,逆地址解析成地理地址
4小时
- 所有城市按拼音首字母排序功能(涉及到插件市场调用和插件修改)
12小时
- 确认选择后需要将选择的城市传递回上一个页面并且实时更新定位城市
1小时
消息信息5小时
- 消息界面动态展示消息数量,消息数为0时隐藏红圈
2小时
- 消息处理,点击消息跳转相应页面,红圈数量-1
1小时
- 批量处理功能,点击右上角全部已读,隐藏红圈和改变所有消息状态
2小时
- 消息界面含有:正在加载中、暂无数据、服务异常的页面提示
服务11小时
- 头部样式封装
2小时
- 左侧类型菜单栏
4小时
- 菜单栏页面样式布局
- 菜单tab选择交互(点击选中的类型背景图片改变)
- 点击获取类型id,更新右侧内容
- 顶部图片展示
1小时
- 家庭保洁服务
3小时
- 标题栏封装和内容部分的样式布局
- 保洁服务接口编写
- 洗涤服务
1小时
- 标题栏共用组件调用和内容布局复用上面的
- 点击跳转到相应产品详情界面
商品服务11小时
- 商品详情静态界面
- 顶部导航栏封装成共用组件
2小时
- 导航栏下活动图展示,文字是否动态加载,时间根据当前时间计算剩余时间写计时器
4
- tag标签数据获取和展示
- 领取优惠券样式和点击跳转和传参逻辑(是否需要传当前产品的id等用来调用优惠券接口)
- 用户评价
2小时
- 默认展示一条评论,查看更多按钮
- 没有评论时需要预览评论区的空间
- 服务流程
1小时
- 服务详情
3小时
- 详情模块样式布局和区别渲染
- 服务须知及常见问题
1小时
- 底部联系客服和立即预约,相对浏览器固定
2小时
- 联系客服调用封装方法
领取优惠券8小时
- 底部弹出领取页面
2小时
- 样式布局、弹出动画,点击遮罩层关闭和右上角关闭
- 优惠券展示,长列表
2小时
- 领取按钮状态样式动态展示
3小时
- 领取动作有提示弹框
- 更新优惠券卡包数据
- 弹窗底部优惠券使用说明
1小时
评论列表6.5小时
评论右下角的点赞、评论、以及其他功能按钮禁止使用,点击后提示用户:请下载app使用该功能
- 头部导航栏调用共用组件
0.5小时
- 评论列表的样式布局
4小时
- 评论者信息展示,评论星级需要找插件或者js实现
- 评论数据参数化,动态更新长列表,分页功能
- 底部联系客服和立即预约,相对浏览器固定
2小时
- 联系客服调用封装方法
服务预约16.5小时
- 服务预约顶部导航栏
0.5小时
- 服务预约默认展示的模板样式
4小时
- 预约服务人员和选择服务人员
6小时
- 预约人数加减功能
- 预约人数和选择人数做一致限制
- 预约人数数量限制 5个,判断最大值和默认最小值
- 选择服务人员的默认展示文字和选择后的头像展示,根据判断是否选择动作显示隐藏相应的样式
- 选择服务人员调用接口获取服务人员头像
- 服务订单相关信息
4小时
- 订单金额根据人数、规格相关因素改变及时改变
- 当前用户可用优惠券数量
- 支付方式选择,点击选中交互样式,type记录
- 预约页面底部
2小时
- 价格计算
- 立即下单按钮
选择服务人员10.5小时
- 顶部导航栏调用共用组件
0.5小时
- tab切换菜单
2小时
- 点击切换时控制下方内容展示和tab菜单样式改变
- 下方内容部分局部刷新
- 最近帮我服务的
3小时
- 服务人员信息样式布局和服务记录数据渲染包括没有数据时显示样式
- 预约按钮点击事件和点击后样式效果
- 选择其他服务人员
3小时
- 服务人员长列表样式展示
- 预约按钮点击事件和样式更新
- 服务人员为空时展示暂无数据页面样式
0.5小时
- 底部预约人数计算,选好了按钮是否可点击判断和提交选择服务人员表单
1小时
- 选择人数大于预约人数,消息提示框,否则返回上一个页面
0.5小时
查看服务人员16小时
- 顶部导航栏(共用组件)和服务人员信息展示
4小时
- 服务人员信息样式布局,需要用到绝对定位,需要考虑屏幕适配
- 个人标签
2小时
- 标题样式和tag列表样式
- 用户评论
4小时
- 标题名称样式和评论长列表展示
- 评论列表样式布局,每条评论的高度不一样,有的有图片有的没有图片
- 底部加载更多数据按钮
- 服务人员大图查看
6小时
- 点击服务人员信息图预览服务人员图片
- 点击大图任一地方取消预览关闭大图,
- 大图缩放功能
选择预约时间21小时
- 顶部导航栏调用共用方法
0.5小时
- 日期数据处理
12小时
- 获取当前日期,js遍历将来六天,使用插件将日期转为周期
- 今、明、后特殊处理
- 列表超出部分使用横向滚动条
- 点击日期切换样式动态更新
- 下方时间点选择
6小时
- 0.5小时为间隔展示8.00到21.00的说有时间点
- 初始需要根据当前时间段判断时间点是否可选,不可选置灰,可选样式变化
- 下方确认提交按钮传递选择的时间数据
0.5小时
- 底部预约时间说明
2小时
选择服务地址9小时
- 地址长列表展示和地址列表样式布局
4小时
- 没有地址数据时展示的页面样式
1小时
- 地址编辑功能,点击跳转到编辑页面,需要将地址数据传递到编辑界面
1小时
- 地址删除功能,点击选中当前地址id提交删除动作
1小时
- 设置为默认地址,默认和其他的样式区别
2小时
- check勾选和文字内容
- 限制默认地址为1
- 底部添加地址按钮,点击跳转到添加地址界面
1小时
添加地址(所有输入框都为必填)37.5小时
- 基本信息展示,根据参数判断是否需要默认写入
4小时
- 编辑页跳转,需要将传递的地址信息push进相应部位
- 添加按钮跳转的,清空页面默认数据,绑定用户输入
- 姓名限制汉字并长度小于4
0.5小时
- 电话正则1开头11位,并要求点击时弹出数字软键盘
6小时
- 点击所在地区,跳转到地图界面
12小时
- 进入地图提示授权弹框,拒绝则返回添加地址界面
- 获取当前定位,marker标记为地图中心不能移动
- 地图可缩放,拖动
- 底部详细地址框展示marker标记点的物理地址
6小时
- 地图拖动或缩放后回调获取定位经纬度的api
- 经纬度逆地址解析成物理地址(有精度问题)
- 位置搜索框
8小时
- 搜索框支持汉字、字母、数字等
- 根据搜索框输入内容调用SDK的api方法获取地址长列表
- 选择搜索框时需要动态更新下方详细地址框和地图需要跳转到选中地址经纬度
- 底部确认按钮,点击传递经纬度和物理地址逻辑
1小时
优惠卡券5小时
- 所有优惠券样式布局和长列表展示
4小时
- 点击使用返回预约订单界面并使用选中的优惠券
0.5小时
- 底部不使用按钮,点击界面返回,优惠券状态不变
0.5小时
备注信息7小时
- 顶部导航栏调用共用组件
0.5小时
- 备注信息输入框
6小时
- 限制输入长度50字符
- 输入框右下角动态展示可输入字符总数和当前字符总数
- 底部完成备注按钮,点击向上一页面传值和跳转返回
0.5小时
支付6小时
- 支付成功页面
3小时
- 界面样式布局
- 定时器返回订单详情页
- 支付失败页面
1小时
- 支付失败计时器或者手动返回到预约订单界面,重新下单
- 支付完成后判断是否免单
- 免单提醒页面
2小时
- 如果免单需要在支付完成后跳转到免单提醒页,倒计时返回订单详情页
订单中心12.5小时
- 订单导航栏调用封装组件
0.5小时
- 顶部tab栏样式布局和点击效果交互
2小时
- 内容列表,循环渲染相同部分的服务标题、服务信息和服务金额
6小时
- 动态渲染订单状态
- 订单长列表样式展示(需要根据订单类型渲染数据,需要js控制底部按钮)
4小时
- 不同状态订单按钮操作不同
订单详情12小时
- 已评价、进行中、已接单、已完成
6小时
- 订单页相同部分样式布局及接口
- 头部导航栏样式封装成组件化
- 服务状态、图片、文字动态化
- 服务项目、预约信息、服务信息、订单信息标题栏封装成共用组件(标题动态传值)
- 预约信息列表样式布局
- 服务数据列表样式布局,联系按钮点击逻辑
- 等待支付(差异样式布局)
4小时
- 订单信息列表样式布局,特殊字段不同颜色显示
- 复制按钮业务逻辑实现
- 底部tabar栏
2小时
- 样式排版
- 联系客服需要调用拨打电话api
- 再来一单按钮实现跳转到下单的业务逻辑(传递相应参数)
修改预约时间4小时
- 处于待派单或者已派单状态的订单可以修改预约时间
2小时
- 可以通过页面传参调用预约时间界面隐藏底部预约时间说明
- 点击提按钮后跳转到修改成功界面
2小时
- 修改时间结果页样式布局,需要展示修改后的时间
- 5秒倒计时
订单补单9小时
- 顶部导航栏,产品信息展示,参数动态化
3小时
- 订单服务人员信息展示样式,标题栏样式
2小时
- 补单续时
4小时
- 时间段列表样式布局和点击样式交互,标题栏样式
- 底部价格根据时间段选择不同动态刷新,立即下单参数传递给下一页面
预约订单3小时
- 补单详情展示,接收服务人员头像、时长、金额等参数展示
2小时
- 确认下单拉起相应支付页面,仅支持微信
1小时
申请退款5.5小时
- 顶部导航栏复用
0.5小时
- 退款产品简介展示
2小时
- 要退款的订单产品信息由接口返回并渲染
- 退款原因复选框列表
3小时
- 复选框选中状态样式,复选框插件或者js原生实现
- 需判断提示用户至少选择一项
- 提交跳转回订单详情页
我的7小时
- 顶部导航栏样式
1小时
- 用户头像、姓名信息样式布局
2小时
- 顶部功能栏和功能样式框展示
2小时
- 中部功能模块列表
2小时
- 分享功能
- 实名认证
- 设置
优惠券6.5小时
- 顶部导航栏
0.5小时
- tab菜单切换及点击样式切换
2小时
- 下方优惠券内容局部刷新
4小时
- 不同类型优惠券展示样式不同,使用未使用颜色区别,过期需重新写优惠券样式
- 未使用部分有兑换码搜索优惠券和兑换功能
设置18小时
- 用户信息展示页面样式
3小时
- 头像修改
12小时
- 选择上传方式,分为从相册上传和拍照上传
- 选择的图片需要实现图片裁剪、缩放、旋转灯功能
- 名妮、性别、生日等信息修改功能
2小时
- 隐私政策、用户协议、版本号查看功能
1小时
我的钱包4小时
- 钱包界面样式
2小时
- 余额展示、账单链接、提现按钮
1小时
- 点击相关链接按钮跳转到相应部分操作
- 进入该界面前的实名拦截功能
1小时
账单明细6小时
- 根据时间的先后顺序倒叙排序账单
6小时
- 账单信息长列表样式展示(每页展示10条数据)
- 列表分页功能(上拉加载,下拉刷新)
- 账单展示时间精度限制(秒),详情备注(15)金额两位小数
提现5小时
- 提现界面样式布局
2小时
- 提现到微信账户
3小时
- 提交提现申请后账户余额减少
- 提现成功微信退款,失败账户余额改变为提现前的金额
邀请人数14小时
- 邀请人数页面样式布局
6小时
- 我的邀请者信息展示
4小时
- 添加按钮,添加我的邀请者信息
- 点击按钮弹出邀请码输入框(限制非自己邀请过的人)
- 被邀请者信息展示
4小时
- 被邀请人信息和邀请时间(电话需隐藏中间4位)时间倒序排列
- 点击邀请好友按钮,跳转到邀请好友界面
邀请好友(小程序不展示)
- 邀请好友页面样式布局
- 二维码功能展示,邀请口令复制功能
- 分享海报功能
- 分享到朋友圈或者好友
- 我的邀请码展示
实名认证7小时
- 姓名身份证输入框
3小时
- 样式和正则限制,姓名支持汉字,身份证支持数字和字母x
- 身份正式照片上传
4小时
- 文件上传功能