xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/Lottery/components/RewardList/index.less

@@ -0,0 +1,62 @@
+.reward-list {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+  .go-back-icon {
+    position: absolute;
+    top: 30rpx;
+    left: 20rpx;
+    width: 36rpx;
+    height: 36rpx;
+  }
+  .title-box {
+    display: flex;
+    justify-content: center;
+    padding-bottom: 10rpx;
+    .title {
+      width: 250rpx;
+      height: 100rpx;
+    }
+  }
+  .prompt {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 0 30rpx 30rpx 30rpx;
+    .left {
+      color: #fff;
+      font-size: 24rpx;
+      font-weight: 500;
+    }
+    .right {
+      display: flex;
+      align-items: center;
+      color: #fff;
+      font-size: 24rpx;
+      font-weight: 500;
+      .right-arrow-icon {
+        width: 32rpx;
+        height: 32rpx;
+      }
+    }
+  }
+  .reward-list-box {
+    padding: 0 30rpx;
+  }
+  .reward-empty {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    height: calc(100% - 180rpx);
+    .empty-icon {
+      width: 200rpx;
+      height: 200rpx;
+    }
+    .desc {
+      padding-top: 40rpx;
+      color: #ffbd67;
+      font-size: 28rpx;
+    }
+  }
+}

package/miniprogram_dist/Lottery/components/RewardList/index.wxml

@@ -0,0 +1,28 @@
+<view class="reward-list">
+  <image wx:if="{{canBack}}" class="go-back-icon" src="{{remotePic.white_left_arrow}}" bind:tap="closePopup" />
+  <view class="title-box">
+    <image class="title" src="{{remotePic.my_rewards}}" />
+  </view>
+  <view class="prompt">
+    <text class="left">请在中奖后15天内领取奖品，过期将无法兑奖</text>
+    <view class="right" bind:tap="switchToJoinRecords">
+      查看参与记录
+      <image class="right-arrow-icon" src="../../../common/assets/images/lottery/white_right_arrow.png" />
+    </view>
+  </view>
+  <scroll-view wx:if="{{rewards.length}}" scroll-y="true" style="height: calc(100% - 174rpx);">
+    <view class="reward-list-box">
+      <reward-item
+        wx:for="{{rewards}}"
+        wx:for-item="reward"
+        wx:key="id"
+        reward="{{reward}}"
+        bind:fetchRewardList="fetchRewardList"
+      ></reward-item>
+    </view>
+  </scroll-view>
+  <view wx:else class="reward-empty">
+    <image class="empty-icon" src="{{remotePic.reward_empty_v2}}" />
+    <view class="desc">暂无奖品</view>
+  </view>
+</view>

package/miniprogram_dist/Lottery/components/RewardList/index.wxss

@@ -0,0 +1,62 @@
+.reward-list {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+}
+.reward-list .go-back-icon {
+  position: absolute;
+  top: 30rpx;
+  left: 20rpx;
+  width: 36rpx;
+  height: 36rpx;
+}
+.reward-list .title-box {
+  display: flex;
+  justify-content: center;
+  padding-bottom: 10rpx;
+}
+.reward-list .title-box .title {
+  width: 250rpx;
+  height: 100rpx;
+}
+.reward-list .prompt {
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 0 30rpx 30rpx 30rpx;
+}
+.reward-list .prompt .left {
+  color: #fff;
+  font-size: 24rpx;
+  font-weight: 500;
+}
+.reward-list .prompt .right {
+  display: flex;
+  align-items: center;
+  color: #fff;
+  font-size: 24rpx;
+  font-weight: 500;
+}
+.reward-list .prompt .right .right-arrow-icon {
+  width: 32rpx;
+  height: 32rpx;
+}
+.reward-list .reward-list-box {
+  padding: 0 30rpx;
+}
+.reward-list .reward-empty {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  height: calc(100% - 180rpx);
+}
+.reward-list .reward-empty .empty-icon {
+  width: 200rpx;
+  height: 200rpx;
+}
+.reward-list .reward-empty .desc {
+  padding-top: 40rpx;
+  color: #ffbd67;
+  font-size: 28rpx;
+}

package/miniprogram_dist/Lottery/components/Winners/WinnerItem/index.js

@@ -0,0 +1,14 @@
+const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  behaviors: [computedBehavior],
+  properties: {
+    user: {
+      type: Object,
+      value: {}
+    }
+  },
+  data: {},
+  computed: {},
+  methods: {}
+})

package/miniprogram_dist/Lottery/components/Winners/WinnerItem/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index"
+  }
+}

package/miniprogram_dist/Lottery/components/Winners/WinnerItem/index.less

@@ -0,0 +1,41 @@
+.winner-item {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  margin-bottom: 24rpx;
+  padding: 0 24rpx;
+  height: 144rpx;
+  border-radius: 16rpx;
+  background: #fff;
+  .text-overflow-ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 536rpx;
+  }
+  .avatar {
+    width: 64rpx;
+    height: 64rpx;
+    border: 2rpx solid #ffddba;
+    border-radius: 50%;
+  }
+  .winner-info {
+    box-sizing: border-box;
+    margin-left: 24rpx;
+    .nickname {
+      font-weight: 600;
+      font-size: 28rpx;
+      .text-overflow-ellipsis()
+    }
+    .prize-name {
+      color: #666;
+      font-size: 24rpx;
+      .text-overflow-ellipsis()
+    }
+    .prize-title {
+      color: #666;
+      font-size: 24rpx;
+      .text-overflow-ellipsis()
+    }
+  }
+}

package/miniprogram_dist/Lottery/components/Winners/WinnerItem/index.wxml

@@ -0,0 +1,8 @@
+<view class="winner-item">
+  <image class="avatar" src="{{user.wx_avatar}}" />
+  <view class="winner-info">
+    <view class="nickname">{{user.wx_nickname}}</view>
+    <view class="prize-name">{{user.prize_name}}</view>
+    <view class="prize-title">奖品：{{user.prize_title}}</view>
+  </view>
+</view>

package/miniprogram_dist/Lottery/components/Winners/WinnerItem/index.wxss

@@ -0,0 +1,50 @@
+.winner-item {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  margin-bottom: 24rpx;
+  padding: 0 24rpx;
+  height: 144rpx;
+  border-radius: 16rpx;
+  background: #fff;
+}
+.winner-item .text-overflow-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 536rpx;
+}
+.winner-item .avatar {
+  width: 64rpx;
+  height: 64rpx;
+  border: 2rpx solid #ffddba;
+  border-radius: 50%;
+}
+.winner-item .winner-info {
+  box-sizing: border-box;
+  margin-left: 24rpx;
+}
+.winner-item .winner-info .nickname {
+  font-weight: 600;
+  font-size: 28rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 536rpx;
+}
+.winner-item .winner-info .prize-name {
+  color: #666;
+  font-size: 24rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 536rpx;
+}
+.winner-item .winner-info .prize-title {
+  color: #666;
+  font-size: 24rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 536rpx;
+}

package/miniprogram_dist/Lottery/components/Winners/index.js

@@ -0,0 +1,80 @@
+import {connect} from '../../store/index'
+import {fetchWinners} from '../../../common/api/lottery'
+import {MY_LOTTERY_CONTENT_TYPE} from '../../constants'
+import remotePic from '../../remotePic'
+
+const computedBehavior = require('miniprogram-computed').behavior
+
+const mapState = state => ({
+  baseInfo: state.baseInfo,
+  prizeId: state.currentPrizeId,
+  backTo: state.winnersBackTo,
+  myLotteryVisible: state.myLotteryVisible,
+  myLotteryContent: state.myLotteryContent,
+  isShowParticipant: state.isShowParticipant
+
+})
+Component(
+  connect(mapState)({
+    behaviors: [computedBehavior],
+    data: {
+      remotePic,
+      winnersInfo: {}
+    },
+    computed: {},
+    lifetimes: {
+      attached() {
+      }
+    },
+    observers: {
+      myLotteryVisible(val) {
+        if (val && this.data.myLotteryContent === MY_LOTTERY_CONTENT_TYPE.WINNERS) {
+          this.fetchLotteryWinners()
+        }
+      }
+    },
+    methods: {
+      fetchLotteryWinners() {
+        const params = {
+          alive_id: this.data.baseInfo.alive_id,
+          page: 0,
+          page_size: 250,
+          prize_id: this.data.prizeId,
+          role_type: 0
+        }
+        fetchWinners(params)
+          .then(({data}) => {
+            if (data.code === 0) {
+              this.setData({winnersInfo: data.data})
+            }
+          })
+          .catch(err => {
+            console.error(err)
+          })
+      },
+      goBackTo() {
+        switch (this.data.backTo) {
+          case MY_LOTTERY_CONTENT_TYPE.REWARD_LIST:
+          case MY_LOTTERY_CONTENT_TYPE.JOIN_RECORDS:
+          case MY_LOTTERY_CONTENT_TYPE.WINNERS:
+            this.store.dispatch({type: 'set_my_lottery_content', payload: this.data.backTo})
+            break
+
+          case 'lottery_info':
+            this.store.dispatch({type: 'hide_my_lottery'})
+            this.store.dispatch({type: 'show_lottery_info'})
+            break
+
+          case 'win_lottery':
+          case 'losing_lottery':
+            this.store.dispatch({type: 'hide_my_lottery'})
+            this.store.dispatch({type: 'show_lottery_result'})
+            break
+
+          default:
+            break
+        }
+      }
+    }
+  })
+)

package/miniprogram_dist/Lottery/components/Winners/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index",
+    "winner-item": "./WinnerItem/index"
+  }
+}

package/miniprogram_dist/Lottery/components/Winners/index.less

@@ -0,0 +1,49 @@
+.winners {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+  .go-back-icon {
+    position: absolute;
+    top: 30rpx;
+    left: 20rpx;
+    width: 36rpx;
+    height: 36rpx;
+  }
+  .title-box {
+    display: flex;
+    justify-content: center;
+    padding-top: 10rpx;
+    padding-bottom: 20rpx;
+    .title {
+      width: 234rpx;
+      height: 96rpx;
+    }
+  }
+  .winner-number {
+    display: flex;
+    padding-bottom: 24rpx;
+    padding-left: 24rpx;
+    .emoji-icon {
+      width: 44rpx;
+      height: 40rpx;
+    }
+    .message-box {
+      position: relative;
+      .message {
+        padding: 0 10rpx;
+        background: linear-gradient(to right, rgba(#fe9d90, 0.2), #ff486b, #fc78c0, rgba(#fe9d90, 0.2));
+        color: #fff;
+        font-weight: 500;
+        font-size: 28rpx;
+      }
+      .text-bg {
+        position: absolute;
+        width: 304rpx;
+        height: 48rpx;
+      }
+    }
+  }
+  .winner-list {
+    padding: 0 32rpx;
+  }
+}

package/miniprogram_dist/Lottery/components/Winners/index.wxml

@@ -0,0 +1,31 @@
+<!-- /*
+  * @Descripttion: 中奖名单
+  * @version:
+  * @Author: graypan
+  * @Date: 2021-10-28 18:17:48
+  * @LastEditors: graypan
+  * @LastEditTime: 2021-11-02 15:45:09
+  */ -->
+<view class="winners">
+  <image wx:if="{{backTo}}" class="go-back-icon" src="{{remotePic.white_left_arrow}}" bind:tap="goBackTo" />
+  <view class="title-box">
+    <image class="title" src="{{remotePic.winner_list_title}}" />
+  </view>
+  <view class="winner-number">
+    <image class="emoji-icon" src="../../../common/assets/images/lottery/winner_list_smile_icon.svg" />
+    <view class="message-box">
+      <text class="message" wx:if="{{isShowParticipant}}">共{{winnersInfo.prize_activity_num}}人参与，</text>
+      <text class="message">{{winnersInfo.count}}人中奖</text>
+    </view>
+  </view>
+  <scroll-view scroll-y="true" style="height: calc(100% - 198rpx);">
+    <view class="winner-list">
+      <winner-item
+        wx:for="{{winnersInfo.users}}"
+        wx:for-item="user"
+        wx:key="user_id"
+        user="{{user}}"
+      ></winner-item>
+    </view>
+  </scroll-view>
+</view>

package/miniprogram_dist/Lottery/components/Winners/index.wxss

@@ -0,0 +1,49 @@
+.winners {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+}
+.winners .go-back-icon {
+  position: absolute;
+  top: 30rpx;
+  left: 20rpx;
+  width: 36rpx;
+  height: 36rpx;
+}
+.winners .title-box {
+  display: flex;
+  justify-content: center;
+  padding-top: 10rpx;
+  padding-bottom: 20rpx;
+}
+.winners .title-box .title {
+  width: 234rpx;
+  height: 96rpx;
+}
+.winners .winner-number {
+  display: flex;
+  padding-bottom: 24rpx;
+  padding-left: 24rpx;
+}
+.winners .winner-number .emoji-icon {
+  width: 44rpx;
+  height: 40rpx;
+}
+.winners .winner-number .message-box {
+  position: relative;
+}
+.winners .winner-number .message-box .message {
+  padding: 0 10rpx;
+  background: linear-gradient(to right, rgba(254, 157, 144, 0.2), #ff486b, #fc78c0, rgba(254, 157, 144, 0.2));
+  color: #fff;
+  font-weight: 500;
+  font-size: 28rpx;
+}
+.winners .winner-number .message-box .text-bg {
+  position: absolute;
+  width: 304rpx;
+  height: 48rpx;
+}
+.winners .winner-list {
+  padding: 0 32rpx;
+}

package/miniprogram_dist/Lottery/constants.js

@@ -0,0 +1,119 @@
+export const RESOURCE_TYPE = {
+  IMAGE_TEXT: 1, // 图文
+  AUDIO: 2, // 音频
+  VIDEO: 3, // 视频
+  ALIVE: 4, // 直播
+  MEMBER: 5, // 会员
+  COLUMN: 6, // 专栏
+  COMMUNITY: 7, // 社群
+  TOPIC: 8, // 大专栏
+  ACTIVITY: 9, // 活动
+  PUNCH_CARD: 16, // 打卡
+  BOOK: 20, // 电子书
+  ENTITY_GOODS: 21, // 实物商品
+  CAMP: 25, // 训练营
+  OFF_LINE: 29, // 线下课
+  SMALL_CLASS: 31, // 小班课
+  PRACTICE: 34, // 练习
+  BIG_CLASS: 35, // 班课
+  SUPER_VIP: 23, // 超级会员
+  AI_COURSE: 45, // AI互动课
+
+  MARKETING_LIMIT_DISCOUNT: 3, // 限时折扣
+  MARKETING_FRIEND_HELP: 4, // 好友助力
+  MARKETING_FISSION_POSTER: 5, // 裂变海报
+  MARKETING_TEAM_BUY: 6, // 拼团
+  MARKETING_SEC_KILL: 8, // 秒杀
+  MARKETING_CUT_PRICE: 10 // 砍价
+}
+
+// 奖品种类 1:自定义,2:资源产品,3:优惠券,4:优惠码,5:积分
+export const PRIZE_TYPE = {
+  CUSTOM: 1,
+  RESOURCE: 2,
+  COUPON: 3,
+  PROMO_CODE: 4,
+  REWARD_POINT: 5
+}
+// 兑奖状态： 1:未兑换,2:已兑换,3:已失效,4:未兑换
+export const REDEEM_STATUS = {
+  NOT_RECEIVE: 1,
+  ALREADY_RECEIVE: 2,
+  EXPIRED: 3,
+  NOT_RECEIVE_ALSO: 4
+}
+
+export const PARTICIPATION_CONDITION = {
+  APPOINTMENT: 1,
+  ONLINE: 2,
+  ANY_COMMENT: 3,
+  SPECIFY_COMMENT: 4,
+  SHARE: 5
+}
+
+export const TOAST_DURATION = 2000
+
+export const LOTTERY_MSG_TYPE = {
+  START: 5,
+  TEACHER_DRAW: 6,
+  DRAW: 7,
+  JOINED: 8
+}
+
+export const LOTTERY_STATUS = {
+  ORIGIN: 'origin',
+  WAITING: 'waiting'
+}
+
+export const MY_LOTTERY_CONTENT_TYPE = {
+  REWARD_LIST: 'reward_list',
+  JOIN_RECORDS: 'join_records',
+  WINNERS: 'winners',
+  ADDRESS_COLLECTION: 'address_collection'
+}
+
+export const ROLE = {
+  TEACHER: 1,
+  STUDENT: 2
+}
+
+export const MSG_EVENT = {
+  GET_CONTENT_MSG: 'GET_CONTENT_MSG',
+  GET_NEW_PRIZE_MSG: 'GET_NEW_PRIZE_MSG'
+}
+
+export const ACTION_TYPE = {
+  INIT_STATE: 'init_state',
+  SET_LOTTERY_STATUS: 'set_lottery_status',
+  SET_BASE_INFO: 'set_base_info',
+  SHOW_MY_LOTTERY: 'show_my_lottery',
+  HIDE_MY_LOTTERY: 'hide_my_lottery',
+  SET_MY_LOTTERY_CONTENT: 'set_my_lottery_content',
+  SHOW_MERCHANT_CONTACT_INFO: 'show_merchant_contact_info',
+  HIDE_MERCHANT_CONTACT_INFO: 'hide_merchant_contact_info',
+  SET_MERCHANT_CONTACT_INFO: 'set_merchant_contact_info',
+  SET_CURRENT_PRIZE_ID: 'set_current_prize_id',
+  SET_CAN_REWARD_LIST_BACK: 'set_can_reward_list_back',
+  SET_WINNERS_BACK_TO: 'set_winners_back_to',
+  SHOW_LOTTERY_INFO: 'show_lottery_info',
+  HIDE_LOTTERY_INFO: 'hide_lottery_info',
+  SET_LOTTERY_INFO: 'set_lottery_info',
+  SHOW_LOTTERY_FAB: 'show_lottery_fab',
+  HIDE_LOTTERY_FAB: 'hide_lottery_fab',
+  SHOW_LOTTERY_RESULT: 'show_lottery_result',
+  HIDE_LOTTERY_RESULT: 'hide_lottery_result',
+  SET_LOTTERY_RESULT_INFO: 'set_lottery_result_info',
+  SHOW_NOBODY_ATTEND: 'show_nobody_attend',
+  HIDE_NOBODY_ATTEND: 'hide_nobody_attend',
+  SHOW_LOTTERY_ANIMATION: 'show_lottery_animation',
+  HIDE_LOTTERY_ANIMATION: 'hide_lottery_animation',
+  SET_WINNERS_CACHE: 'set_winners_cache',
+  SET_IS_READY_TO_COMMENT: 'set_is_ready_to_comment',
+  SHOW_ADDRESS_COLLECTION: 'show_address_collection',
+  HIDE_ADDRESS_COLLECTION: 'hide_address_collection',
+  SET_ADDRESS_QUERY: 'set_address_query',
+  SET_ADDRESS_INFO: 'set_address_info',
+  SET_ADDRESS_SUBMIT_CALLBACK: 'set_address_submit_callback',
+  SET_PARTICIPATION_CONDITION: 'set_participation_condition',
+  IS_SHOW_PARTICIPANT: 'is_show_participant'
+}