双11活动-H5-商城: 课程详情页-添加分享助力优惠

[joelin109]

需求

• [x] Step1: 课程详情页：-David

        - PC端：点击“抽奖”图标，显示二维码
        - APP端或微信分享页：点击“抽奖”图标，显示抽奖弹框（细节看UI）
          - 必须登入

• [x] Step2：抽奖弹框页：

            - 显示抽奖信息
            - 抽奖 & 分享
            - 立即使用优惠卷 等功能

• [x] Step3：抽奖分享（好友助力）页：

            - 显示课程信息
            - 显示抽奖信息
            - 抽奖

澄清：

澄清：
- 本人抽中的金额: 从 A，B，B，B，C 5个数中随机抽一个
  - A：课程价格的2%且取整，最小值 5元
  - B：课程价格的3%且取整，最小值 5元
  - C：课程价格的4%且取整，最小值 5元

- 好友抽中的金额: 从 D，D，D，D，D，E，E，E，E，F 10个数中随机抽一个
  - D：课程价格的0.2%且取整，最小值 1元
  - E：课程价格的0.3%且取整，最小值 2元
  - F：课程价格的0.4%且取整，最小值 5元

- 用户抽奖的优惠卷：最大值为课程价格的10%
   - 优惠卷金额>=课程价格10%, 不能再抽奖

- 系统可以设置活动时间
- 系统可以设置活动课程 （或直接hardcore >50 RMB 的视频课程）

-2018-10

澄清2（From Aaron & David)：
   - 线上iOSAPP：课程详情页点击“抽奖”弹框，不支持H5页面，支持Component
   - 准备上线iOSAPP（V2.4.1), 课程详情页点击“抽奖”弹框，支持加载H5页面
 - 2018/10/30

技术

url路径:
- /temp/lottery
- /temp/lotteryshare

代码路径：
- src/entry/temp/*
or
- src/entry/temp/lottery/*

反馈

Deadline

测试： 2018-11-01  17:00
部署： 2018-11-03  11:00

-11/04-05-06放假

澄清

• 当优惠券的状态为使用中（即已下订单但未支付），好友抽奖会提示：感谢您的助力，好友已成功购买！
• 优惠券的有效期为 1个月

[kimliss]

开发

SQL

1. 活动参与用户纪录表

• [x] WWW
• [x] DEV

  DROP TABLE IF EXISTS `stats_promote_activity_course`;
  CREATE TABLE `stats_promote_activity_course` (
  `id` varchar(30) NOT NULL COMMENT '编号',
  `user_id` varchar(30) NOT NULL COMMENT '用户ID',
  `activity_id` varchar(30) NOT NULL COMMENT '活动ID',
  `course_id` varchar(30) NOT NULL COMMENT '课程ID',
  `help_users` text COMMENT '助力用户列表',
  `coupon_id` varchar(30) DEFAULT NULL COMMENT '优惠券ID',
  `draw_price` varchar(50) DEFAULT NULL COMMENT '抽奖金额',
  `create_at` varchar(24) DEFAULT NULL COMMENT '创建日期',
  `create_by` varchar(30) DEFAULT NULL COMMENT '创建者',
  `update_at` varchar(24) DEFAULT NULL COMMENT '修改日期',
  `update_by` varchar(30) DEFAULT NULL COMMENT '修改者',
  `delete_at` varchar(24) DEFAULT NULL COMMENT '删除日期',
  `delete_by` varchar(30) DEFAULT NULL COMMENT '删除者,',
  PRIMARY KEY (`id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='活动参与用户纪录表';

API

1. /api/stats/activity/course/info 课程活动参与用户纪录信息

• param：

• user_id
• course_id
• activity_id

• callback:

• course: {} // 课程信息
• coupon: {} // 优惠券信息
• stats_activity_course: { id : xxx, draw_price: 0 , // 是否抽奖 help_users: '' //助力好友用户 }

  
  #### 2. `/api/stats/activity/course/update` 更新课程活动参与用户纪录

• param：

• stats_activity_id // 活动纪录ID
• draw_user_id / draw_user_openid // 抽奖用户

• callback:

• draw_price: 0 // 抽奖金额

• curl

  curl 'https://dev.bstcine.com/api/stats/activity/course/update' -H 'Content-Type: application/json;charset=UTF-8' -H 'Accept: application/json, text/plain, */*' -H 'Cache-Control: private, no-cache, no-store, must-revalidate' -H 'Referer: https://dev.bstcine.com/' -H 'Connection: keep-alive' -H 'DNT: 1' --data-binary '{"channel":"","locale":"zh_CN","appver":"2.3.1","sitecode":"cine.web.pc","data":{"cid":"t01154054802192586m1CsuN01"}}' --compressed

  CODE

  1. 抽奖

  function doLuckyDraw(isSelf, coursePrice, couponPrice) {
  let formula = {
      self: [
          {minPrice: 5, ratio: 0.02},
          {minPrice: 5, ratio: 0.03},
          {minPrice: 5, ratio: 0.03},
          {minPrice: 5, ratio: 0.03},
          {minPrice: 5, ratio: 0.04}
      ],
      other: [
          {minPrice: 1, ratio: 0.002},
          {minPrice: 2, ratio: 0.003},
          {minPrice: 2, ratio: 0.003},
          {minPrice: 2, ratio: 0.003},
          {minPrice: 5, ratio: 0.004},
      ],
      maxRatio: 0.1
  };
  
  let temp_formula = isSelf ? formula.self : formula.other;
  
  //抽奖容器
  let drawContainer = temp_formula.map(item => {
      let ratio = item['ratio'];
      let minPrice = item['minPrice'];
  
      let callPrice = StringUtil.toNumberFix(coursePrice) * ratio;
      callPrice = Math.ceil(callPrice);
  
      if (callPrice <= minPrice) callPrice = minPrice;
  
      return callPrice;
  });
  
  //奖池总金额
  let maxDrawPrice = StringUtil.toNumberFix(coursePrice) * formula.maxRatio;
  maxDrawPrice = Math.ceil(maxDrawPrice);
  console.log('奖池总金额', maxDrawPrice);
  
  //奖池剩余金额
  let remainDrawPrice = maxDrawPrice - StringUtil.toNumberFix(couponPrice);
  console.log('奖池剩余金额', remainDrawPrice);
  if (remainDrawPrice < 1) return 0;
  
  //当前抽奖金额
  let curDrawPrice = drawContainer[Math.floor(Math.random() * drawContainer.length)];
  console.log('当前抽奖金额', curDrawPrice);
  
  //校验当前抽奖金额的合法性
  if (curDrawPrice >= remainDrawPrice) curDrawPrice = remainDrawPrice;
  
  return curDrawPrice;
  }

  逻辑

  1. 获取该抽奖活动信息 queryUserActivity

[Willingkong]

UI - 课程详情页用户自己点开的弹框或者扫码跳转的H5

整个界面中有三个用户可点击Button：

1. 点击抽奖，（在图片上，目前图片样式还未定） -第一次点击：弹出系统提示，文字：恭喜您抽中XXX元视频课程专用优惠券！（系统提示UI待提供） UI样式：

   -第二次点击：弹出系统提示，文字：已抽过，立即邀请更多好友一起抽！（系统提示UI待提供） -活动结束后点击：弹出系统提示，文字：活动已结束，感谢参与！ -该用户已使用过该抽奖优惠券购买课程：弹出系统提示，文字：您已使用过该优惠券！

2. 邀请更多好友帮你抽： -点击弹出微信分享流程，可选择分享给好友，或朋友圈，或其他方式

3. 立即使用（功能同详情页中的“立即购买”button）： -点击后跳转下单页面，本章优惠券自动填入优惠券位置。

界面中三处金额提示，会随抽奖金额变动而改变。

UI - 好友点开界面

课程信息区域：

1. 课程图上方文字：您的好友XXX（用户账户名）想要购买善恩的在线视频精读课程
2. 课程图片右侧：课程标题，授课老师，授课时长

抽奖button不同情况弹出系统提示：

1. 好友A第一次点击抽奖：恭喜您为好友XXX抽中XXX元叠加优惠券！
2. 好友A第二次点击抽奖：已抽过，感谢您的助力！
3. 总金额达上限：感谢您的助力，优惠总金额已达上限！
4. 优惠券已被使用后：感谢您的助力，好友已成功购买！
5. 活动结束后：感谢您的参与，活动已失效！

抽奖下放抽奖金额提示文字：

1. 抽取前：优惠总金额累计已达到XXX元（抽取前金额）
2. 抽取后：优惠总金额累计已达到XXX元（抽取后金额）
3. 抽取金额达到max：优惠总金额已达上限：XXX元

[joelin109]

需求协商 - 2018-10-31

“立即使用”

Solution1：
- 立即使用（功能同详情页中的“立即购买”button）

Solution2：
 - 微信新页面：调整到课程详情页
 - APP课程详情页弹框中：点击“立即使用”，关闭当前弹框

以上2Solution都可接受，技术选个简单的

[zhuyichun]

• [ ] 营销活动-优惠活动：双十一活动课程管理日期 - bug

• [ ] 1、活动日期到期后延期无效

• [ ] 2、活动课程管理页面勾选课程提示***课程已参与同类型活动

[kimliss]

抽奖活动配置

step1: https://dev.bstcine.com/table/PromoteActivity step2: 配置

{
  "coupon": {
    "expire_at": "2019-01-04 23:59:59"
  },
  "title": "善恩英语神奇树屋#8优惠券大派送！",
  "share": {
    "title": "我正在参加善恩英语神奇树屋#8优惠券大派送活动！",
    "desc": "快来帮我抽优惠券!"
  },
  "errMessage": {
    "share": {
      "activity_is_expire": "活动已结束，感谢参与！",
      "repeat_draw": "已抽过，感谢您的助力！",
      "coupon_is_used": "感谢您的助力，好友已成功购买！",
      "draw_max_coupon": "'感谢您的助力，优惠总金额已达上限！"
    },
    "self": {
      "activity_is_expire": "活动已结束，感谢参与！",
      "repeat_draw": "已抽过，立即点击下方按钮，邀请更多好友一起帮你抽奖！",
      "coupon_is_used": "您已使用过该优惠券！",
      "draw_max_coupon": "'感谢您的参与，优惠总金额已达上限！"
    }
  }
}

[kimliss]

抽奖活动需要提供的数据

可配置信息

1. 活动生效时间与截至时间
2. 活动参与的课程信息 （换句话说就是哪些课程可以抽奖）
3. 活动抽奖的优惠券截至时间
4. 活动页面的标题 （ - 体现在用户打开活动页面时，微信顶部标题栏显示的内容 ）
5. 活动分享标题/副标题（ - 体现在当用户把活动分享给好友时显示的标题 ）

不可配置的信息 （不调整代码的情况下）

1. 抽奖规则
2. 活动说明
3. 抽奖提示语