Skip to content

十一、福利云平台 (小程序端)

开发时间 (Development Time)

2023-04~

技术栈(Stack)

Vue3 TypeScript uView‐plus mescroll uniapp Pinia

项目介绍(Project Introduction)

企业管理员发放代币至企业员工账户之后,企业员工就可以登录小程序端之后可以使用代币进行京东购物. 滴滴出行. 美团外卖下单,消费

负责业务模块(Responsible For Module)

  1. 注册登录
  2. 首页
  3. 收获地址管理
  4. 客服模块
  5. 订单中心
  6. 个人中心
  7. 地图模块
  8. 商品列表
  9. 商品详情
  10. 商品详情 sku 路径选择
  11. 购物车列表管理
  12. 员工代币发放记录

负责插件模块(Responsible For Plugin Modules)

  1. 滚动列表页面对应重试和网络错误的 hook 封装
  2. 封装公共的滑动删除的 hook

项目预览(Project Preview)

项目难点(Project Difficulties)

难点

1、sku 路径选择禁用

SKU算法设计思路

一、例如,有以下两条路径 1-2-3 库存0 1-2-4 库存1

二、对于1来讲它有两条路径, 一条是禁用路径 2-3 另一条是有库存的路径 2-4

三、当我选择1的时候 此时2不能被禁掉,禁掉应该为3

四、按照这个思路我们就可以这么做

  1. 首先我们得先遍历原始规格数据 2.对原始规格数据的规格值进行加上两个字段 一个是当前规格值对应的禁用路径数组 一个是当前规格值对应的非禁用路径数组

五、每选择一个规格值,我们就要对选中的所有规格值进行 整合,将所有规格值对应禁用路径数组id存在map中设置为true 然后遍历所有规格值对应的非禁用路径数组id,如果在map中存在 对应的id 那么需要将那个map中的id设置为false,因为一个id值如果既在 禁用路径中,又在非禁用路径中,那么不禁用该id